/* Light moves across the materials; scroll transforms remain owned by journey.js. */
.surface-reactive{position:relative;isolation:isolate;--surface-x:50%;--surface-y:30%;--surface-energy:0;--surface-sweep:25%;--surface-depth:0px}
.surface-reactive:before{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 260px 210px at var(--surface-x) var(--surface-y),rgb(242 222 180 / calc(.015 + var(--surface-energy) * .09)),transparent 78%),linear-gradient(115deg,transparent calc(var(--surface-sweep) - 30%),#f6e6c009 var(--surface-sweep),transparent calc(var(--surface-sweep) + 30%));opacity:var(--surface-visible,1);transition:opacity .45s ease}
.surface-reactive:not(.button){transition:border-color .35s ease,box-shadow .35s ease}
.surface-reactive[data-surface-active=true]:not(.button),.surface-reactive:focus-within:not(.button){border-color:#d6bc848c;box-shadow:inset 0 1px #f1dfb112,0 15px 35px #0002}
.service-card>span,.benefit-item>span,.path-symbol,.product>.number,.contact-links>a>span{transition:translate .5s cubic-bezier(.2,.7,.2,1),color .3s ease,filter .4s ease}
.service-card>span{translate:0 calc(var(--surface-depth) * -.55);filter:brightness(calc(1 + var(--surface-energy,0) * .18))}
.benefit-item>span{translate:calc(var(--surface-depth) * .7) calc(var(--surface-depth) * -.5)}
.path-symbol{translate:calc(var(--surface-depth) * -.6) calc(var(--surface-depth) * -.8);filter:brightness(calc(1 + var(--surface-energy,0) * .45))}
.product>.number{translate:calc(var(--surface-depth) * .6) 0}
.contact-links>a>span{translate:var(--surface-depth) 0}
.contact-links>a.surface-reactive:before{inset:1px 0;background:radial-gradient(ellipse at var(--surface-x) 100%,#e4cd9b12,transparent 70%),linear-gradient(90deg,transparent,#e9d5af05,transparent)}
.contact-links>a.surface-reactive:focus-visible{outline-offset:4px}
.surface-reactive.button{z-index:0;overflow:hidden;--surface-depth:0px}
.surface-reactive.button:before{inset:0;z-index:-1;background:radial-gradient(ellipse 120px 70px at var(--surface-x) var(--surface-y),#fff5dd55,transparent 85%);opacity:calc(var(--surface-energy) * .58);transition:opacity .25s ease}
.surface-reactive.button.outline:before{background:radial-gradient(ellipse 140px 90px at var(--surface-x) var(--surface-y),#e1c99226,transparent 85%)}
.surface-reactive.button[data-surface-pressed=true]{box-shadow:inset 0 2px 8px #0003}
.surface-reactive.button:disabled:before{display:none}
.surface-reactive.button:disabled{--surface-energy:0!important}
details summary{transition:color .25s ease}
details summary:hover,details summary:focus-visible,details[open] summary{color:#eedbb2}
details summary:after{transition:color .3s ease,opacity .3s ease}
details[open] summary:after{color:#f0d7a4}
details[open]>p{transform-origin:50% 0}
.form-readiness{display:grid;gap:10px;margin:-12px 0 23px;pointer-events:none}
.form-readiness-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:.13em;line-height:1.5;color:#b9b4a9}
.form-readiness-count{font-variant-numeric:tabular-nums;color:#e0cca4;letter-spacing:.08em}
.form-readiness-track{display:grid;grid-template-columns:repeat(var(--readiness-total,5),1fr);gap:4px;height:2px}
.form-readiness-track>i{display:block;background:#b5a07622;transition:background .3s ease,box-shadow .3s ease}
.form-readiness-track>i[data-complete=true]{background:#dac08a;box-shadow:0 0 7px #dac08a1c}
#application-form label[data-field-filled=true]>span:first-child{color:#e0cfaa;transition:color .3s ease}
#application-form :is(input:not([type=radio]):not([type=checkbox]),textarea)[data-field-valid=true]{border-color:#c8b08080}
#application-form :is(input:not([type=radio]):not([type=checkbox]),textarea):focus{border-color:#e5c992;box-shadow:0 0 0 1px #e5c99221,inset 0 1px #eedcb508}
#application-form .role-tabs span{transition:background .3s ease,border-color .3s ease,color .3s ease}
.demo.surface-reactive:focus-within{border-color:#d9bf8999}
.preview-plan li{transform-origin:10% 50%}
@media(max-width:600px){.surface-reactive:before{background:radial-gradient(ellipse 200px 180px at var(--surface-x) var(--surface-y),rgb(242 222 180 / calc(.015 + var(--surface-energy) * .065)),transparent 80%),linear-gradient(115deg,transparent calc(var(--surface-sweep) - 30%),#f6e6c007 var(--surface-sweep),transparent calc(var(--surface-sweep) + 30%))}.form-readiness{margin:-7px 0 21px}.form-readiness-head{font-size:7px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=cinematic]) .surface-reactive:before,html:not([data-motion=cinematic]) :is(.service-card>span,.benefit-item>span,.path-symbol,.product>.number,.contact-links>a>span){transition:none;translate:none!important}html:not([data-motion=cinematic]) details>p{animation:none!important}}
