/* The survey is the signature: a quiet editorial frame around live measured geometry. */
.hero{height:calc(100svh - 94px);min-height:760px;max-height:1000px;background:#060e14;display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr 88px;padding:0 5vw;overflow:hidden}
.hero:before{display:none}
.hero-heading{position:relative;inset:auto;grid-column:1;grid-row:1;max-width:none;padding-top:72px;z-index:3;pointer-events:none}
.hero-heading .eyebrow{font-size:12px;letter-spacing:.09em;color:#a1bdc9}
.hero h1{font-size:clamp(3.6rem,5.5vw,6rem);font-weight:450;line-height:1.03;letter-spacing:-.065em;max-width:none;margin:27px 0 0}
.hero h1>span{max-width:none}.hero h1 em{display:block;white-space:nowrap;font-size:.61em;letter-spacing:-.05em;margin-top:22px;color:#8fe6e8}
.hero-message{position:relative;inset:auto;width:100%;max-width:390px;grid-column:1;grid-row:2;padding:28px 0 30px;z-index:4;align-self:start}
.hero-message p{font-size:16px;line-height:1.75;color:#a2bac7;max-width:355px}
.hero .button{margin-top:25px;min-height:56px;position:relative;overflow:hidden;border-radius:0;background:#b0f4ef;color:#082126;box-shadow:none}
.hero .button:hover{background:#d1fffa;box-shadow:0 5px 30px #70e9e818}
.button span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.button:hover span{transform:translate(3px,-3px)}
.hero-secondary{font-size:14px;margin-top:16px}
.intelligence-stage{position:absolute;inset:35px 0 90px 38%;isolation:isolate;overflow:hidden;--layer-progress:0;background:radial-gradient(ellipse at 57% 47%,#12313a44,transparent 68%)}
#intelligence-cloud{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s;cursor:crosshair}
.cloud-ready #intelligence-cloud{opacity:1}
.cloud-poster{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.5;mask-image:radial-gradient(ellipse,#000 35%,transparent 70%);transition:none}
.cloud-ready .cloud-poster{opacity:0}
.intelligence-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060e14,transparent 12%,transparent 95%,#060e14),linear-gradient(0deg,#060e14,transparent 20%,transparent 85%,#060e14)}
.cloud-topline{position:absolute;top:38px;left:18%;right:8%;display:flex;justify-content:space-between;z-index:2;color:#87a5b1;font:12px var(--mono);letter-spacing:.06em}
.cloud-topline>span:first-child:before{content:'+';color:#b0f4ef;margin-right:14px}.cloud-marker{color:#b0f4ef}
.cloud-footer{position:absolute;z-index:2;left:19%;right:8%;bottom:64px;display:flex;gap:18px;align-items:center;border-top:1px solid #accddc26;padding-top:20px}
#cloud-index{font:400 40px/1 var(--heading);letter-spacing:-.04em;color:#b0f4ef}
.cloud-kicker{font:10px var(--mono);letter-spacing:.1em;color:#7b9aa8}
.cloud-footer p{font-size:15px;line-height:1.5;margin-top:7px;color:#c9dee3}
.cloud-source{position:absolute;bottom:27px;left:19%;color:#708d9b;z-index:2;font:10px var(--mono);letter-spacing:.06em}
.hero-sequence{position:relative;inset:auto;grid-column:1/-1;grid-row:3;min-height:88px;background:none;border-top:1px solid #adc9d328;gap:20px}
.sequence-label{font-size:11px;letter-spacing:.09em}.sequence-stages{gap:0;align-self:stretch;width:48%;max-width:520px}
.sequence-step{border:0;background:none;font:13px var(--mono);padding:0 22px;color:#7996a5;flex:1;text-align:left;min-height:64px;cursor:pointer;transition:color .4s,background .4s}
.sequence-step:hover{background:#91dee508;color:#e4fcff}.sequence-step.active{color:#e4fcff;background:linear-gradient(#92ece709,transparent)}
.sequence-step:before{top:-1px;background:#a8f7ef;height:2px;transition:width .65s cubic-bezier(.2,.8,.2,1)}
.sequence-step b{font-size:11px;display:block;margin:0 0 9px;color:#6a95a4}.sequence-step.active b{color:#a8f7ef}
#motion-toggle{font-size:12px;min-height:44px;color:#98b5c1;padding:10px}
.header nav a{position:relative;padding:6px 0}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;transform:scaleX(0);transform-origin:left;background:#b0f4ef;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}
.js-ready .reveal{transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js-ready .reveal.visible{transform:none}.project-feature,.project-detail,.delivery-card{transition:border-color .45s,box-shadow .45s}.project-feature:hover,.project-detail:hover,.delivery-card:hover{border-color:#64828b;box-shadow:0 15px 55px #0002}
.process-grid article{position:relative}.process-grid .step-number{border-top-color:#accddc38}
.process-grid .step-number{border-top:0}.process-grid article:before{box-shadow:0 0 12px #83dfde22;background:#83dfde;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.stats{background:#09151b}.stat-note .eyebrow{font-size:12px}.hero-heading,.hero-message{animation:copy-enter 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-message{animation-delay:.15s}
.motion-paused .reveal{transition:none}.motion-paused .intelligence-stage:after{animation:none}
@media(min-width:1600px){.hero{grid-template-columns:40% 60%}.hero-heading{padding-top:95px}.hero-message{max-width:430px}.hero-message p{max-width:395px;font-size:18px}.hero h1{font-size:6.5rem}.intelligence-stage{left:36%}}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:730px}.hero-heading{padding-top:65px}.hero h1{font-size:6.1vw}.hero h1 em{font-size:.6em}.hero-heading .eyebrow{font-size:10px}.hero-message{max-width:320px}.hero-message p{font-size:15px}.intelligence-stage{left:35%;right:-7%}.cloud-footer{left:24%;right:16%}.cloud-topline{left:25%;right:16%}.cloud-source{left:24%;font-size:9px}.sequence-label{display:block;font-size:10px}.sequence-stages{width:50%}.sequence-step{padding:0 14px}}
@media(max-width:760px){
 .hero{height:auto;min-height:0;max-height:none;display:flex;padding:35px 24px 0;overflow:hidden}
 .hero-heading{padding:0;order:0;text-align:left}.hero-heading .eyebrow{font-size:10px;letter-spacing:.065em}
 .hero h1{font-size:clamp(3.5rem,13vw,5.3rem);margin-top:24px;line-height:1.01}.hero h1>span br{display:none}.hero h1>span{max-width:370px}.hero h1 em{font-size:.57em;margin-top:14px;letter-spacing:-.045em}
 .intelligence-stage{position:relative;inset:auto;order:1;width:calc(100% + 48px);height:360px;margin:8px -24px 0;background:radial-gradient(ellipse,#12313a44,transparent 70%);flex-shrink:0}
 .cloud-topline{top:20px;left:24px;right:24px;font-size:10px}.cloud-topline>span:first-child:before{margin-right:7px}
 .cloud-footer{left:24px;right:24px;bottom:31px;gap:12px;padding-top:12px}#cloud-index{font-size:29px}.cloud-kicker{font-size:9px}.cloud-footer p{font-size:13px;margin-top:5px}.cloud-source{left:24px;bottom:9px;font-size:8px}
 .hero-message{order:3;max-width:none;width:100%;padding:22px 0 29px;text-align:left;margin:0}.hero-message p{font-size:16px;max-width:500px;margin:0}.hero .button{max-width:none;width:100%;margin-top:23px}.hero-secondary{margin:18px 0 0;font-size:14px}
 .hero-sequence{order:2;min-height:100px;padding:0;border-bottom:1px solid #adc9d326;display:grid;grid-template-columns:1fr auto;gap:0;margin-top:6px}.sequence-label{display:none}.sequence-stages{width:100%;grid-column:1;max-width:none;gap:0}.sequence-step{font-size:12px;min-height:70px;padding:12px 10px;text-align:left}.sequence-step b{font-size:10px;margin-bottom:6px}#motion-toggle{font-size:11px;padding:9px 0 9px 12px;justify-self:end;white-space:nowrap}#motion-toggle span{max-width:48px;white-space:normal;text-align:left;line-height:1.4}
 .intelligence-stage:after{background:linear-gradient(0deg,#060e14,transparent 24%,transparent 83%,#060e14)}
}
@media(max-width:360px){.hero{padding:30px 20px 0}.hero h1{font-size:3.4rem}.hero h1 em{font-size:.53em}.hero-heading .eyebrow{font-size:9px}.intelligence-stage{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;height:330px}.sequence-step{padding:10px 7px;font-size:11px}.cloud-footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-heading,.hero-message{animation:none}.js-ready .reveal{opacity:1;transform:none;transition:none}.cloud-poster,#intelligence-cloud{transition:none}.step-number:before{animation:none!important}}

@media(max-width:760px){
 .intelligence-stage{height:330px}
 .hero-sequence{min-height:82px}
 .hero-message{display:contents}
 .hero-message p{order:4;margin:22px 0 0;font-size:16px}
 .hero-message .button{order:3;margin-top:22px}
 .hero-secondary{order:5;margin:18px 0 30px}
}

@media(max-width:1100px) and (min-width:761px){.hero{max-height:840px}}
@media(max-width:360px){.hero h1{font-size:2.95rem}.hero h1 em{font-size:.61em}}