/* ATHRTY / BUSINESS PROBLEM DESK — EXPERIENCE MOTION SYSTEM
   v3. Purposeful signal field, editorial presence, clear inputs, progressive disclosure.
   Respect clarity, pointer modality, and reduced-motion. No external dependencies. */
:root{
 --m-ease:cubic-bezier(.22,1,.36,1);
 --m-ease-sharp:cubic-bezier(.18,.8,.25,1);
 --m-ease-inout:cubic-bezier(.65,0,.25,1);
 --m-short:190ms;--m-med:440ms;--m-long:850ms;
 --m-glow:rgba(141,203,169,.22);
}
html{scroll-padding-top:22px}
::selection{background:#b3dac3;color:#102e26}
body{font-feature-settings:"kern" 1,"liga" 1;overflow-x:hidden}
.ambient{background:radial-gradient(ellipse at 15% 60%,rgba(44,105,110,.31),transparent 58%),
 radial-gradient(ellipse at 85% 20%,rgba(162,195,161,.09),transparent 48%);will-change:auto}
/* Header styles have one canonical owner: header.css */
.layout{isolation:isolate}
.story{isolation:isolate;min-height:max(820px,calc(100dvh - var(--header-height,56px)));
 background:linear-gradient(133deg,#0c182e 0%,#11243a 37%,#16343f 100%);
 box-shadow:inset -1px 0 rgba(205,230,208,.12)}
.story:after{content:"";position:absolute;z-index:0;inset:0;
 background:linear-gradient(rgba(188,223,198,.038) 1px,transparent 1px),
 linear-gradient(90deg,rgba(188,223,198,.038) 1px,transparent 1px);
 background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 9%,#000 100%);
 pointer-events:none}
.story:before{width:870px;height:870px;right:-350px;bottom:-380px;
 background:radial-gradient(circle,rgba(88,174,150,.19),transparent 63%);
 animation:field-glow 15s ease-in-out infinite}
.story-top,.story-footer,.story-main{z-index:1}
.story-top{border-bottom:1px solid rgba(213,236,222,.12);padding-bottom:16px}
.story-top .edition{color:#b6d4cb}
.story-top .edition-number{font-variant-numeric:tabular-nums;letter-spacing:.2em}
.story-main{overflow:visible}
.eyebrow{letter-spacing:.2em;font-weight:700}
.eyebrow .small-square{box-shadow:0 0 22px rgba(182,226,188,.45);animation:availability-breathe 3.5s ease-in-out infinite}
.hero-copy h1{max-width:9ch;text-wrap:balance;font-weight:560;text-shadow:0 12px 42px rgba(1,15,22,.12)}
.hero-copy h1 em{position:relative;color:#c9e1ca;text-shadow:0 0 60px rgba(165,224,177,.12)}
.hero-copy h1 .period{display:inline-block;transform-origin:bottom center;animation:period-shift 8s ease-in-out infinite}
.hero-sub{font-weight:470;max-width:42ch}
.hero-promise{display:flex;align-items:center;gap:10px;margin:15px 0 0;
 color:#b6d2c6;font-size:13px;line-height:1.4;letter-spacing:.003em}
.promise-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a3d7af;
 box-shadow:0 0 0 4px rgba(163,215,175,.095),0 0 15px rgba(163,215,175,.3)}
.hero-cta{min-height:51px;margin-top:22px;
 box-shadow:0 7px 26px rgba(3,26,20,.19),inset 0 1px rgba(255,255,255,.28);
 transition:transform .38s var(--m-ease),box-shadow .38s var(--m-ease),background .2s ease}
.hero-cta span{transition:transform .42s var(--m-ease)}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(3,26,20,.28)}
.hero-cta:hover span{transform:translateX(4px)}
.story-footer{border-top-color:rgba(216,240,221,.19)}
.story-stat{position:relative;min-width:0}
.story-stat:before{content:"";position:absolute;top:-28px;left:0;width:28px;height:2px;
 background:linear-gradient(90deg,#c3e7cb,rgba(195,231,203,.1));border-radius:3px}
.story-stat span{font-feature-settings:"tnum" 1}
.signal-graphic{isolation:isolate;filter:drop-shadow(0 0 90px rgba(102,189,159,.1));
 transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);
 transition:transform 1.3s var(--m-ease);will-change:auto}
.signal-graphic:before{content:"";position:absolute;inset:-18%;border-radius:50%;
 background:radial-gradient(circle,transparent 25%,rgba(115,198,160,.035) 42%,transparent 60%);
 animation:signal-ambient 9s ease-in-out infinite;pointer-events:none}
.signal-graphic:after{content:"";position:absolute;inset:0;border-radius:50%;
 background:conic-gradient(from 7deg,transparent 0deg,rgba(160,228,196,.13) 12deg,transparent 40deg,transparent 360deg);
 mask-image:radial-gradient(circle,transparent 0 17%,black 24% 88%,transparent 98%);
 animation:sweep-rotate 16s linear infinite;pointer-events:none}
.signal-axis{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,230,199,.16),transparent)}
.signal-axis.axis-y{transform:rotate(90deg)}
.signal-ring{border:1px solid rgba(173,224,201,.27);box-shadow:inset 0 0 45px rgba(119,184,147,.025)}
.ring-one{border-style:dashed;border-color:rgba(160,213,195,.17);animation:ring-drift 75s linear infinite}
.ring-two{border-color:rgba(177,222,189,.35);animation:ring-drift 49s linear infinite reverse}
.ring-three{border-color:rgba(190,232,199,.46);box-shadow:0 0 60px rgba(155,222,186,.05)}
.signal-orbit{position:absolute;inset:13%;border:1px solid rgba(192,237,205,.09);border-radius:50%;animation:sweep-rotate 25s linear infinite}
.signal-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#b8e9c9;top:9%;left:15%;
 box-shadow:0 0 0 5px rgba(170,231,194,.09),0 0 22px #abddbd}
.signal-orbit.orbit-two{inset:29%;animation-duration:19s;animation-direction:reverse}
.signal-orbit.orbit-two i{width:5px;height:5px;left:72%;top:5%;background:#9fe1d7}
.signal-core{inset:42%;background:radial-gradient(circle at 33% 27%,#cbe8d2 0%,#85bca1 33%,#527f78 76%,#1f5253 100%);
 border:1px solid rgba(216,254,223,.45);box-shadow:0 0 0 9px rgba(171,220,184,.06),
 0 0 50px rgba(165,225,185,.18),0 0 130px rgba(95,193,169,.3);
 animation:core-pulse 5.4s ease-in-out infinite}
.signal-core span{font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);color:#12352e;font-weight:400}
.signal-label{position:absolute;color:rgba(194,225,214,.6);font-size:9px;letter-spacing:.26em;font-weight:760;
 writing-mode:horizontal-tb}
.signal-label.label-top{top:15%;right:12%}.signal-label.label-bottom{bottom:13%;left:9%}
.form-zone{position:relative;isolation:isolate;overflow:hidden}
.form-zone:before{content:"";position:absolute;z-index:-1;top:-15%;left:-30%;width:110%;height:80%;
 background:radial-gradient(ellipse,rgba(169,196,163,.16),transparent 70%);pointer-events:none}
.form-shell{position:relative;isolation:isolate;overflow:hidden;
 box-shadow:0 48px 110px rgba(22,49,37,.11),0 8px 26px rgba(22,49,37,.05);
 border-color:rgba(200,217,201,.75);border-radius:24px;
 transition:box-shadow .5s var(--m-ease),border-color .4s ease}
.form-shell:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,#1e4d41,#6b9e81 35%,#bed9b3 59%,#426c58 87%,#1e4d41);
 background-size:200% 100%;animation:edge-flow 18s ease-in-out infinite;pointer-events:none}
.form-heading{margin-bottom:20px}
.form-heading h2{font-weight:590;max-width:16ch}
.form-heading h2 em{color:#60836d}
.form-time{display:flex;align-items:center;gap:5px;background:#ebf2e8;color:#427052;min-height:28px}
.form-time:before{content:"";width:5px;height:5px;background:#54866a;border-radius:50%}
.form-trustline{display:flex;align-items:center;gap:10px;min-height:38px;padding:11px 13px;margin:0 0 23px;
 background:#f2f6f0;border-radius:11px;color:#577363;font-size:12px;font-weight:610;line-height:1.5}
.trust-symbol{flex:0 0 18px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;color:#fff;background:#416e53;font-size:15px;font-weight:350}
.trust-live{color:#789584;font-size:9px;letter-spacing:.09em;margin-left:auto;white-space:nowrap;font-weight:760}
.progress-top{margin-bottom:10px}
.progress-track{height:4px;margin-bottom:37px;background:#e4ebe3;overflow:hidden}
.progress-track span{position:relative;background:linear-gradient(90deg,#2f6953,#83ae89);
 box-shadow:0 0 17px rgba(93,163,108,.35);transition:width .7s var(--m-ease)}
.progress-track span:after{content:"";position:absolute;right:0;top:0;height:100%;width:30px;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));border-radius:6px}
.form-step:not([hidden]){animation:step-land .56s var(--m-ease) both}
.question-header{margin-bottom:23px}
.question-header h3{font-weight:590;letter-spacing:-.075em;text-wrap:balance}
.question-header p:not(.question-index){max-width:49ch}
.question-index{display:flex;align-items:center;gap:10px;letter-spacing:.13em}
.question-index:before{content:"";width:18px;height:1px;background:#78a088}
.problem-grid{gap:10px}
.choice{position:relative;isolation:isolate;min-height:115px;overflow:hidden;
 background:linear-gradient(150deg,#fbfcf8,#f2f6f1);border-color:#dfe8df;
 transition:transform .42s var(--m-ease),background .26s ease,border-color .26s ease,box-shadow .42s var(--m-ease);
 box-shadow:0 1px 1px rgba(24,55,30,.02)}
.choice:before{content:"";position:absolute;z-index:-1;bottom:0;left:0;right:0;height:0;
 background:linear-gradient(155deg,rgba(204,227,209,.66),rgba(231,243,228,.7));
 transition:height .4s var(--m-ease)}
.choice:hover{background:#f7faf5;transform:translateY(-3px);
 box-shadow:0 13px 22px rgba(37,84,49,.08);border-color:#a7cbb2}
.choice:hover:before{height:100%}
.choice:active{transform:scale(.985)}
.choice.selected,.choice.selected:hover{background:#e5f1e5;border-color:#497f5c;box-shadow:0 7px 20px rgba(49,115,70,.08)}
.choice.selected:before{height:100%}
.choice-symbol{font-variant-numeric:tabular-nums;font-weight:750;color:#7d9e89}
.choice-indicator{background:#fff;transition:transform .38s var(--m-ease),border-width .23s ease,background .23s ease}
.choice.selected .choice-indicator{animation:choose-pop .45s var(--m-ease) both}
.choice>span:nth-child(2){line-height:1.25;max-width:19ch}
.selection-confirmation{display:flex;align-items:center;gap:10px;min-height:31px;margin:16px 0 0;
 color:#396d4d;font-size:12px;font-weight:660;animation:step-land .35s var(--m-ease) both}
.selection-confirmation[hidden]{display:none}
.selection-tick{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;
 background:#dbeddd;color:#2e7243;font-size:12px}
.step-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;
 border-radius:12px;margin:-2px 0 27px;border:1px solid #dce9de;
 background:linear-gradient(115deg,#f3f8f1,#ecf5ed)}
.step-context span{font-size:9px;font-weight:750;letter-spacing:.12em;color:#7b9882}
.step-context strong{color:#315c41;font-size:13px;font-weight:750;text-align:right;max-width:60%;line-height:1.4}
.form-actions .primary{position:relative;overflow:hidden;isolation:isolate;
 background:#214330;min-height:58px;box-shadow:0 7px 16px rgba(25,73,40,.15);
 transition:transform .4s var(--m-ease),background .25s ease,box-shadow .4s var(--m-ease)}
.form-actions .primary:before{content:"";position:absolute;inset:0;
 background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14) 52%,transparent 75%);
 transform:translateX(-160%);transition:transform .65s var(--m-ease)}
.form-actions .primary:hover{background:#163a27;transform:translateY(-3px);
 box-shadow:0 15px 28px rgba(25,73,40,.23)}
.form-actions .primary:hover:before{transform:translateX(130%)}
.form-actions .primary:active{transform:translateY(0) scale(.985)}
.form-actions .primary span{display:inline-block;transition:transform .35s var(--m-ease)}
.form-actions .primary:hover span{transform:translateX(4px)}
.back{transition:color .2s ease,transform .35s var(--m-ease)}
.back:hover{transform:translateX(-3px);color:#244831}
.chip,.timing{transition:background .25s ease,border-color .25s ease,transform .35s var(--m-ease),box-shadow .3s var(--m-ease)}
.chip:hover,.timing:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(28,58,36,.07)}
.chip:active,.timing:active{transform:scale(.98)}
.chip.selected,.timing.selected{box-shadow:inset 0 0 0 1px #598765}
.form-step textarea,.form-field input,.form-field select{transition:border-color .25s ease,background .25s ease,box-shadow .3s var(--m-ease);min-height:54px}
.form-step textarea:focus,.form-field input:focus,.form-field select:focus{background:#fff;border-color:#6da07a;box-shadow:0 0 0 4px rgba(111,163,124,.11);outline:none}
.form-field b{font-weight:750}
.consent{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.consent:has(input:checked){background:#eaf4e9;border-color:#b5d3bb;box-shadow:inset 0 0 0 1px rgba(58,121,74,.07)}
.consent input{cursor:pointer}
.error{animation:step-land .35s var(--m-ease) both;border-left:3px solid #c67f6e}
.success{position:relative;isolation:isolate;padding:22px 0 25px}
.success:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle at 50% 16%,rgba(182,224,194,.25),transparent 50%);
 animation:success-aura 2.2s ease-out both}
.success-icon{width:86px;height:86px;background:#e3f0e2;box-shadow:0 0 0 12px rgba(180,218,181,.12),0 0 55px rgba(88,160,103,.13);
 animation:success-pop .85s var(--m-ease) both}
.success-icon svg{width:70px;height:70px;color:#326444}
.success-ring{stroke-dasharray:140;stroke-dashoffset:140;animation:circle-draw 1s .22s var(--m-ease) forwards}
.success-check{stroke-dasharray:42;stroke-dashoffset:42;animation:circle-draw .65s .74s var(--m-ease) forwards}
.success h3{animation:step-land .7s .1s var(--m-ease) both}
.success .kicker,.success p:not(.kicker){animation:step-land .7s .18s var(--m-ease) both}
.secondary-link{transition:transform .36s var(--m-ease),background .25s ease,box-shadow .3s ease}
.secondary-link:hover{transform:translateY(-3px);background:#163a29;box-shadow:0 12px 26px rgba(20,63,37,.2)}
.form-foot{letter-spacing:.04em}
.form-foot a{transition:color .22s ease,border-color .22s ease}
.form-foot a:hover{color:#224f36;border-color:#224f36}
.story.scene-paused:before,.story.scene-paused .signal-graphic:before,.story.scene-paused .signal-graphic:after,.story.scene-paused .signal-ring,.story.scene-paused .signal-orbit,.story.scene-paused .signal-core{animation-play-state:paused!important}
@media(min-width:1100px){
 .story{position:sticky;top:0;height:100dvh;min-height:820px}
 .form-zone{min-height:calc(100dvh - 86px)}
 .hero-copy h1{font-size:clamp(70px,6.4vw,122px)}
}
@media(max-width:900px){
 .hero-copy h1 br:nth-of-type(2){display:revert!important}
 .story{min-height:360px;height:auto;position:relative}
 .story:after{background-size:46px 46px}
 .hero-promise{font-size:12px}
 .signal-graphic{transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0)}
 .form-shell{scroll-margin-top:12px}
}
@media(max-width:600px){
 .story{min-height:340px;padding-top:20px}
 .story-main{min-height:260px}
 .signal-label{font-size:7px}
 .hero-copy h1{font-size:clamp(58px,11.7vw,74px)}
 .hero-sub{max-width:32ch}
 .hero-promise{margin-top:10px;font-size:11px;gap:8px}
 .hero-cta{margin-top:14px;min-height:47px;padding:11px 15px;font-size:12px}
 .story-footer{margin-top:7px}
 .form-zone{padding-top:14px}
 .form-shell{border-radius:17px;padding:24px 19px 28px}
 .form-heading{margin-bottom:15px}
 .form-heading h2{font-size:28px}
 .form-trustline{padding:9px 11px;margin-bottom:22px;font-size:11px}
 .trust-live{font-size:8px}
 .progress-track{margin-bottom:30px}
 .problem-grid{grid-template-columns:1fr;gap:8px}
 .choice{min-height:67px;padding:14px 15px;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;font-size:16px;border-radius:12px}
 .choice.selected{padding:13px 14px}
 .choice-symbol{font-size:10px;min-width:23px}
 .choice>span:nth-child(2){max-width:none;flex:1}
 .choice-indicator{position:relative;top:auto;right:auto;flex:0 0 19px;width:19px;height:19px;margin-left:auto}
 .reassurance{font-size:11px;max-width:140px}
 .form-actions .primary{min-height:54px}
 .step-context{padding:14px 13px;flex-wrap:wrap;gap:7px}
 .step-context strong{max-width:100%;font-size:13px}
 .question-header h3{font-size:clamp(31px,8.5vw,38px)}
 .question-header p:not(.question-index){font-size:15px}
 .form-step textarea{min-height:124px}
 .form-field input,.form-field select{min-height:55px}
 .chip,.timing{min-height:46px}
 .signal-graphic{opacity:.45}
}
@media(max-width:370px){
 .story{min-height:320px}
 .choice{font-size:15px}
 .form-trustline{flex-wrap:wrap}
 .trust-live{margin-left:28px}
 .hero-copy h1{font-size:57px}
}
@media(hover:none),(pointer:coarse){
 .choice:hover{transform:none;box-shadow:none}
 .chip:hover,.timing:hover,.form-actions .primary:hover,.hero-cta:hover{transform:none}
 .form-actions .primary:hover{box-shadow:0 7px 16px rgba(25,73,40,.15)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
 .signal-graphic{transform:none!important}
 .success-ring,.success-check{stroke-dashoffset:0!important}
 .form-step:not([hidden]),.success,.success h3,.success p{opacity:1;transform:none}
}
@keyframes availability-breathe{0%,100%{opacity:.75;box-shadow:0 0 0 4px rgba(165,219,180,.08)}50%{opacity:1;box-shadow:0 0 0 7px rgba(165,219,180,.025)}}
@keyframes field-glow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-35px,-28px,0) scale(1.07)}}
@keyframes ring-drift{to{transform:rotate(360deg)}}
@keyframes sweep-rotate{to{transform:rotate(360deg)}}
@keyframes signal-ambient{0%,100%{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes core-pulse{0%,100%{transform:scale(.96);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.13)}}
@keyframes period-shift{0%,91%,100%{transform:translateY(0)}95%{transform:translateY(-5px)}}
@keyframes edge-flow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes step-land{from{transform:translate3d(0,11px,0);opacity:.82}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes choose-pop{0%{transform:scale(.72)}70%{transform:scale(1.13)}100%{transform:scale(1)}}
@keyframes success-pop{from{transform:scale(.75);opacity:.7}to{transform:scale(1);opacity:1}}
@keyframes circle-draw{to{stroke-dashoffset:0}}
@keyframes success-aura{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}