.ai-page{background:#050608;color:#fff}.ai-page .nav{background:#080a0de8}.ai-hero{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:150px 24px 100px;background:radial-gradient(#17202d 1px,transparent 1px);background-size:10px 10px}.ai-hero-copy{text-align:center;position:relative;z-index:1;max-width:1050px}.ai-hero h1{font-size:clamp(46px,6.9vw,104px);letter-spacing:-.06em;line-height:1.02;margin:50px 0;animation:agent-line-in 1s both}.ai-hero p{max-width:650px;margin:0 auto 30px;color:#aeb6c1;font-size:18px;line-height:1.7}.ai-hero .mono{color:#82b5ef}.ai-motion{position:absolute;bottom:25px;right:30px;border:1px solid #526078;padding:10px 15px;background:#080b12;color:white}.ai-section{padding:90px max(24px,6vw);max-width:1600px;margin:auto}.ai-pair-head,.ai-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.ai-pair-head h2{font-size:30px;text-align:center;padding-bottom:35px}.ai-comparison{border-left:1px dotted #394554;border-right:1px dotted #394554}.ai-pair{margin-bottom:16px}.ai-pair article{background:#14171c;padding:30px 35px;position:relative}.ai-pair article:nth-child(2){background:#101c2b;border-left:2px solid #298aff}.ai-pair article>span{color:#60b4ff;font-size:25px}.ai-page h3{font-size:24px;letter-spacing:-.03em;line-height:1.2;margin:15px 0}.ai-page article p{font-size:15px;color:#9da8b6;line-height:1.7}.ai-big{font-size:clamp(40px,6vw,86px);line-height:1.05;letter-spacing:-.055em;margin:30px 0 65px}.ai-stack{display:grid;grid-template-columns:repeat(4,1fr)}.ai-stack article{padding:24px;border:1px dotted #374151}.ai-stack .mono{font-size:10px;color:#76bfff}.ai-diagram{height:190px;margin:35px 0;background:radial-gradient(#16487d 1px,transparent 1px);background-size:12px 12px;display:grid;place-items:center;perspective:500px;overflow:hidden}.ai-diagram i{font-size:100px;font-style:normal;color:#49a9ff;text-shadow:0 0 25px #228aff;animation:ai-orbit 7s ease-in-out infinite alternate}.ai-stack article:nth-child(2n) i{animation-delay:-3s}.ai-uses{display:grid;grid-template-columns:repeat(3,1fr)}.ai-uses a{padding:30px;min-height:200px;border:1px dotted #374151;transition:background .3s}.ai-uses a:hover,.ai-uses a:focus-visible{background:#123662}.ai-uses .mono{color:#588cc9}.ai-uses a>span:last-child{display:block;text-align:right;font-size:25px;color:#6db8ff}.ai-delivery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:25px}.ai-delivery article{flex:0 0 30%;min-width:260px;scroll-snap-align:start;background:#10151f;padding:30px}.ai-number{font-size:90px;letter-spacing:-.07em;color:#348df4}.ai-contact{background:#0d67db;max-width:none;padding-bottom:100px}.ai-contact .button{background:white;color:#111}.ai-reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.ai-reveal.shown{opacity:1;transform:none}.ai-page.motion-paused *{animation-play-state:paused!important}.ai-page.motion-paused .ai-reveal{opacity:1;transform:none}@keyframes ai-orbit{to{transform:rotateY(30deg) rotateZ(-12deg) scale(.85)}}@media(max-width:760px){.ai-hero{padding-top:120px}.ai-hero h1{margin:40px 0;font-size:clamp(40px,8vw,65px)}.ai-hero p{font-size:15px}.ai-section{padding:60px 20px}.ai-pair-head{gap:12px}.ai-pair-head h2{font-size:18px}.ai-pair{gap:10px}.ai-pair article{padding:18px 14px}.ai-page h3{font-size:20px}.ai-page article p{font-size:13px}.ai-stack{grid-template-columns:1fr 1fr}.ai-stack article{padding:16px}.ai-diagram{height:130px}.ai-uses{grid-template-columns:1fr 1fr}.ai-uses a{padding:20px;min-height:170px}.ai-big{margin-bottom:35px}.ai-delivery article{flex-basis:82%}.ai-hero-copy>.mono{font-size:9px}}@media(prefers-reduced-motion:reduce){.ai-page *{animation:none!important;transition:none!important}.ai-reveal{opacity:1;transform:none}}

/* One continuous hero scene: edge curtains -> stepped wave -> collapse.
   Geometry and timing matched to the supplied 19.50.42 recording. */
.ai-page{background:#000}
.ai-hero{height:200svh;min-height:0;display:block;padding:0;margin:0 0 -60px;background:none;overflow:visible}
.ai-scene{width:100%;height:100svh;position:sticky;top:0;isolation:isolate;background:#000;overflow:hidden}
.ai-scene-pattern{position:absolute;inset:0;background:radial-gradient(circle,#496078 1px,transparent 1.4px);background-size:16px 16px;opacity:.22;pointer-events:none}
.ai-light-tracks{position:absolute;inset:0;display:flex;align-items:center;z-index:2;pointer-events:none}
.ai-light-track{flex:1 1 0;min-width:0;height:calc(var(--initial-height,400) * 1svh);display:flex;flex-direction:column;justify-content:center}
.ai-light-track i{display:block;flex:0 0 50%;width:100%;background:linear-gradient(to bottom,#fff 0%,#298dff 40%,transparent 90%);animation:ai-curtain-top .6s cubic-bezier(.215,.61,.355,1) calc(var(--track) * .04s) both}
.ai-light-track i+i{background:linear-gradient(to bottom,transparent 10%,#298dff 60%,#fff 100%);animation-name:ai-curtain-bottom}
.ai-grain{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:.5;mix-blend-mode:soft-light;pointer-events:none}
.ai-hero-copy{height:100%;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:27svh 24px 4svh;transform-origin:50% 50%;will-change:transform,opacity;z-index:1;pointer-events:none}
.ai-hero-copy a{pointer-events:auto}
.ai-hero h1{max-width:1100px;font-size:clamp(46px,6.9vw,104px);margin:0;animation:ai-text-mask .6s cubic-bezier(.215,.61,.355,1) .3s both}
.ai-hero-bottom{max-width:650px;animation:ai-text-mask .5s cubic-bezier(.215,.61,.355,1) .6s both}
.ai-hero p{font-size:16px;line-height:1.5;margin:0 auto 16px;color:#d8dfe8}
.ai-hero-bottom .button{padding:10px 20px;min-height:40px}
.ai-motion{z-index:5;bottom:24px;right:24px;background:#080b12b3}
@keyframes ai-curtain-top{from{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-curtain-bottom{from{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-text-mask{from{transform:translateY(30px);clip-path:inset(0 0 100% 0)}to{transform:translateY(0);clip-path:inset(0 0 0 0)}}
/* Reduced motion shows the complete static first frame, with no scroll runway. */
.ai-page.ai-scene-reduced .ai-hero{height:100svh;margin-bottom:0}
.ai-page.ai-scene-reduced .ai-light-track i,.ai-page.ai-scene-reduced .ai-hero h1,.ai-page.ai-scene-reduced .ai-hero-bottom{animation:none}
@media(max-width:767px){
 .ai-light-track:nth-child(n+7){display:none}
 .ai-hero{padding:0;height:200svh;margin-bottom:0}
 .ai-hero-copy{padding:24svh 20px 85px}
 .ai-hero h1{font-size:clamp(35px,8vw,60px);margin:0}
 .ai-hero p{font-size:14px;max-width:460px}
 .ai-motion{bottom:18px;right:20px}
 .ai-hero-bottom{max-width:460px}
}
@media(max-height:600px){.ai-hero-copy{padding-top:23svh;padding-bottom:60px}.ai-hero h1{font-size:clamp(30px,7vh,68px)}.ai-hero p{font-size:13px;max-width:650px}.ai-hero-bottom .button{min-height:32px;padding:7px 15px}}
@media(prefers-reduced-motion:reduce){.ai-hero{height:100svh;margin-bottom:0}}
.ai-trust-title{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:clamp(30px,4.4vw,66px);line-height:1.1;letter-spacing:-.045em;margin:0 auto 100px;max-width:1100px}.ai-trust-icon{display:grid;place-items:center;background:#298dff;color:white;width:1.05em;height:1.05em;flex:none;font-size:1.05em}
@media(max-width:767px){.ai-trust-title{margin-bottom:60px;gap:12px;font-size:32px}.ai-trust-icon{font-size:30px}}

/* Readable, closely grouped mobile hero copy. */
@media(max-width:767px){
 .ai-hero-copy{justify-content:center;gap:28px;padding:95px 20px 35px}
 .ai-hero h1{font-size:clamp(42px,11.5vw,70px);line-height:1.02;letter-spacing:-.055em}
 .ai-hero p{font-size:18px;line-height:1.45;margin-bottom:22px}
 .ai-hero-bottom .button{font-size:16px;min-height:50px;padding:14px 20px}
 .ai-page article p{font-size:16px;line-height:1.5}
 .ai-page h3{font-size:24px}
 .ai-pair{grid-template-columns:1fr;gap:10px;margin-bottom:24px}
 .ai-stack{grid-template-columns:1fr}
 .ai-pair-head h2{font-size:21px}
 .ai-section{padding-top:45px;padding-bottom:45px}
}
@media(max-width:767px) and (max-height:650px){
 .ai-hero-copy{gap:18px;padding-top:85px;padding-bottom:20px}
 .ai-hero h1{font-size:36px}.ai-hero p{font-size:16px}
}
@media(max-width:767px){.ai-uses{grid-template-columns:1fr}.ai-uses a{min-height:140px}.ai-page h3{overflow-wrap:anywhere}}

/* Native swiping without visible horizontal or vertical scrollbars. */
.ai-delivery{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.ai-delivery::-webkit-scrollbar{display:none;width:0;height:0}
/* Scroll drives the blue use-case highlight on touch and desktop. */
.ai-uses a{position:relative;isolation:isolate;transition:background .65s ease}
.ai-uses a:hover{background:transparent}
.ai-uses a.scroll-active,.ai-uses a.scroll-active:hover,.ai-uses a:focus-visible{background:#123662}
@media(prefers-reduced-motion:reduce){.ai-uses a{transition:none}}
/* Page-driven motion must not compete with horizontal snap points. */
.ai-delivery{scroll-snap-type:none;scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){.ai-delivery{scroll-snap-type:x mandatory}}
.ai-delivery{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}
.ai-delivery.dragging{cursor:grabbing}