.hero{position:relative;background:#f7f9fc;isolation:isolate;overflow:clip;padding-top:50px}.hero>.container{position:relative;z-index:1}.hero-grid{display:flex;flex-direction:column;gap:38px;padding-bottom:46px}.hero-copy{text-align:center;max-width:1000px;margin:auto}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:clamp(50px,6.4vw,88px);max-width:1050px;font-weight:650;letter-spacing:-.065em;line-height:1.03;margin-top:20px}.hero-intro{max-width:610px;margin:23px auto 0;font-size:18px;line-height:1.65}.hero-actions{justify-content:center;margin-top:24px}.capability-line{margin-top:19px}.hero-preview{width:min(1040px,100%);max-width:none;position:relative;z-index:2;transform-style:preserve-3d;box-shadow:0 32px 70px rgba(18,55,90,.16);animation:screen-arrive 1.4s cubic-bezier(.16,1,.3,1) both,screen-float 7s ease-in-out 1.4s infinite;transform:perspective(1600px) rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg));will-change:transform}.hero-copy>.eyebrow{animation:copy-arrive .7s .1s both}.hero h1{animation:copy-arrive 1s .2s both}.hero-intro,.hero-actions,.capability-line{animation:copy-arrive 1s .35s both}#hero-scene{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none}.hero-foot{flex-wrap:wrap}.scene-pause{min-height:40px;padding:8px 12px;border:1px solid #bed0e0;border-radius:4px;background:white;color:#3e5c72;font-size:11px}.scene-pause[aria-pressed="true"]{background:#e9f3fb}.hero-foot>a{margin-left:auto}.cinematic-tour{height:260vh;position:relative;background:#091827;color:#fff}.tour-sticky{height:calc(100vh - 78px);min-height:610px;position:sticky;top:78px;display:grid;grid-template-columns:.65fr 1.35fr;gap:42px;align-items:center;padding:50px max(44px,calc((100vw - 1340px)/2));overflow:hidden}.tour-copy{max-width:420px}.tour-copy .eyebrow{color:#8dccff}.tour-copy h2{font-size:clamp(34px,3.4vw,49px);line-height:1.12;letter-spacing:-.045em;margin:17px 0 24px}.tour-copy h2 span{color:#8dccff}.tour-copy>p:not(.eyebrow):not(.tour-hint){font-size:15px;line-height:1.8;color:#c2d0dd;min-height:82px}.tour-controls{display:flex;flex-direction:column;gap:6px;margin:25px 0}.tour-controls button{display:flex;align-items:center;gap:15px;text-align:left;padding:13px 15px;border:1px solid #3b5268;border-radius:4px;background:transparent;color:#b5c5d4;font-size:12px;min-height:46px}.tour-controls button span{font-size:14px}.tour-controls button[aria-pressed="true"]{color:white;border-color:#6fb9f2;background:#163951}.tour-copy .tour-hint{font-size:12px;color:#c1d2e1;margin-top:26px}.tour-hint span{display:inline-block;margin-left:10px;animation:scroll-nudge 1.8s ease-in-out infinite}.tour-stage{position:relative;width:100%;aspect-ratio:1280/950;perspective:1600px}.tour-screen{position:absolute;inset:0;margin:0;border:1px solid #6384a0;border-radius:7px;background:white;overflow:hidden;opacity:0;transform:translateY(70px) rotateX(9deg) scale(.92);transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 70px rgba(0,0,0,.28);pointer-events:none}.tour-screen.active{opacity:1;transform:translateY(0) rotateX(var(--tour-tilt,0deg)) scale(1)}.tour-screen img{display:block;width:100%;height:auto}.tour-screen figcaption{font-size:10px;padding:12px;color:#39556a;background:#fff}.tour-progress{position:absolute;left:0;right:0;bottom:-28px;height:3px;background:#365065;border-radius:3px;overflow:hidden}.tour-progress i{display:block;width:100%;height:100%;background:#76c3ff;transform:scaleX(var(--tour-progress,0));transform-origin:left}.cinematic-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.cinematic-reveal.cinematic-visible{opacity:1;transform:none}.module-card{transition:transform .25s,box-shadow .25s}.module-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(18,55,90,.07)}.showcase-section .preview-frame{transition:transform .4s,box-shadow .4s}.showcase-section .preview-frame:hover{transform:translateY(-5px);box-shadow:0 25px 45px rgba(18,55,90,.1)}.motion-paused *{animation-play-state:paused!important}.motion-paused .hero-preview{transform:none}.motion-paused .cinematic-reveal{transition:none}.motion-paused .tour-screen{transition:none}
.hero-preview:hover,.hero-preview:focus-within{animation-play-state:paused}
.cinematic-reveal{opacity:1;transition:transform 1s cubic-bezier(.16,1,.3,1)}.tour-screen{opacity:1;visibility:hidden;transition:transform .9s cubic-bezier(.16,1,.3,1)}.tour-screen.active{visibility:visible}.tour-screen img{opacity:0;transition:opacity .6s ease}.tour-screen.active img{opacity:1}
@keyframes copy-arrive{from{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes screen-arrive{from{transform:perspective(1600px) translateY(85px) rotateX(16deg) scale(.9)}to{transform:perspective(1600px) translateY(0) rotateX(0) scale(1)}}@keyframes screen-float{0%,100%{transform:perspective(1600px) translateY(0) rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg))}50%{transform:perspective(1600px) translateY(-14px) rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg))}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:1100px){.tour-sticky{grid-template-columns:.7fr 1.3fr;gap:24px;padding:35px}.tour-copy h2{font-size:36px}.hero h1{font-size:70px}}
@media(max-width:900px){#hero-scene{display:none}.hero{padding-top:38px}.hero h1{font-size:58px;max-width:760px}.hero-grid{gap:28px}.hero-preview{max-width:850px}.hero-foot>a{margin-left:0}.cinematic-tour{height:auto}.tour-sticky{height:auto;min-height:0;position:relative;top:0;grid-template-columns:1fr;padding:54px 28px;gap:25px}.tour-copy{max-width:none}.tour-copy h2{font-size:37px}.tour-copy>p:not(.eyebrow):not(.tour-hint){min-height:0}.tour-controls{flex-direction:row;flex-wrap:wrap;margin:20px 0}.tour-controls button{flex:1;min-width:135px;font-size:10px;gap:8px}.tour-controls button span{font-size:12px}.tour-hint{display:none}.tour-stage{max-width:850px;aspect-ratio:1280/950}.tour-progress{display:none}.hero-intro{max-width:580px}.hero h1 .desktop-break{display:none}}
@media(max-width:700px){.hero{padding-top:30px}.hero h1{font-size:44px;line-height:1.04;margin-top:18px}.hero-intro{font-size:15px;margin-top:18px}.hero-actions{margin-top:20px}.hero .eyebrow{font-size:10px}.hero-grid{gap:25px;padding-bottom:26px}.hero-foot{align-items:flex-start;gap:12px}.scene-pause{font-size:10px}.tour-sticky{padding:42px 18px;gap:19px}.tour-copy h2{font-size:33px}.tour-copy>p:not(.eyebrow):not(.tour-hint){font-size:14px}.tour-controls{gap:6px}.tour-controls button{min-width:96px;padding:9px;flex-direction:column;align-items:flex-start;gap:4px}.tour-controls button span{font-size:11px}.tour-stage{aspect-ratio:1280/1040}.tour-screen figcaption{font-size:8px;padding:9px}.hero-preview{animation:screen-arrive .8s ease both,screen-float 7s ease-in-out .8s infinite}.hero h1,.hero-intro,.hero-actions,.capability-line{animation-delay:.1s}}
@media(prefers-reduced-motion:reduce){#hero-scene,.scene-pause{display:none}.hero-preview,.hero-copy>*{animation:none!important;transform:none!important;opacity:1!important}.cinematic-tour{height:auto}.tour-sticky{position:relative;top:0;height:auto;min-height:0}.cinematic-reveal{opacity:1;transform:none;transition:none}.tour-screen{transition:none}.tour-screen.active{transform:none}.tour-hint,.tour-progress{display:none}}

.motion-paused .tour-screen.active,.motion-paused .cinematic-reveal,.limited-motion .hero-preview,.limited-motion .hero-copy>*{transform:none}.limited-motion *{animation:none!important;transition:none!important}.limited-motion .tour-screen.active{transform:none}html:not(.has-js) .cinematic-tour{height:auto}html:not(.has-js) .tour-sticky{position:relative;top:0;height:auto;min-height:0}html:not(.has-js) .tour-controls,html:not(.has-js) .tour-hint,html:not(.has-js) .tour-progress{display:none}

html:not(.has-js) .hero-preview,html:not(.has-js) .hero-copy>*{animation:none;transform:none}.motion-paused .module-card:hover,.motion-paused .showcase-section .preview-frame:hover,.limited-motion .module-card:hover,.limited-motion .showcase-section .preview-frame:hover{transform:none}