.immersive{background:#080e20;overflow-x:clip}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(20px);transition:background .25s}.reading-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:3px;background:var(--lime);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}.skip-link{position:fixed;left:16px;top:-100px;z-index:50;background:#fff;color:#111;padding:12px}.skip-link:focus{top:16px}.immersive .hero{position:relative;isolation:isolate;max-width:none;min-height:820px;padding:95px 24px 34px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#1b34544d,transparent 60%);text-align:center}.hero-light{position:absolute;z-index:-1;width:760px;height:760px;left:calc(50% - 380px);top:-270px;background:radial-gradient(circle,#9bcc3225,transparent 65%);transform:translate3d(0,calc(var(--hero-shift,0)*1px),0);pointer-events:none}.immersive .hero h1{font-size:clamp(58px,8.2vw,112px);letter-spacing:-.055em;line-height:1.02;max-width:1100px;margin:24px auto}.immersive .hero h1 span{background:linear-gradient(100deg,#d5f5a4,#99c729 65%,#3abda2);background-clip:text;-webkit-background-clip:text;color:transparent}.immersive .hero>p{font-size:clamp(17px,2vw,21px);line-height:1.65;margin:0 auto;max-width:660px}.immersive .actions{justify-content:center;margin:28px auto}.button{transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #99c72925}.app-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4.5vw,65px);max-width:900px;height:260px;margin:40px auto 0;perspective:1000px}.stage-app{display:grid;justify-items:center;gap:15px;position:relative;z-index:2;transition:transform .35s;transform:translateY(calc(var(--hero-shift,0)*var(--depth,.1)*1px))}.stage-app img{width:clamp(62px,8vw,106px);height:auto;border-radius:25%;filter:drop-shadow(0 18px 22px #0008);transition:filter .3s,transform .3s}.stage-app:hover img,.stage-app:focus-visible img{transform:translateY(-12px) rotate(-5deg);filter:drop-shadow(0 12px 28px var(--app-colour))}.stage-app span{font-size:13px;color:#d3dced}.app-0,.app-4{--depth:.18;margin-top:45px}.app-1,.app-3{--depth:-.12}.app-2{margin-top:-38px;--depth:-.28}.stage-line{position:absolute;width:85%;height:110px;border:1px solid #a8d65025;border-radius:50%;transform:rotate(-5deg);box-shadow:0 0 90px #99c72912}.stage-caption{position:absolute;bottom:8px;font-size:10px;letter-spacing:.2em;color:#8d9ab9}.stage-caption span{margin:0 10px;color:var(--lime)}.scroll-cue{display:inline-flex;gap:20px;align-items:center;margin:22px auto 0;color:#aebbd4;font-size:12px}.scroll-cue span{font-size:22px;color:var(--lime)}.immersive .journey{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:auto;padding:110px 24px;position:relative}.journey-heading{align-self:start;position:sticky;top:140px}.journey h2{font-size:clamp(40px,5vw,66px)}.journey h2 span{color:#8c9cbd}.journey-heading>p{margin-top:24px}.journey-visual{--scene:#488bff;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;height:290px;margin-top:25px;gap:15px;background:radial-gradient(ellipse,color-mix(in srgb,var(--scene) 14%,transparent),transparent 70%)}.journey-orbit{position:absolute;inset:15px 15%;border:1px solid color-mix(in srgb,var(--scene) 40%,transparent);border-radius:50%;transform:rotateX(58deg);z-index:-1;transition:border-color .5s}.journey-logo{filter:drop-shadow(0 18px 24px #0007);transition:transform .4s}.journey-label{font-weight:600;font-size:15px}.journey-visual small{font-size:8px;letter-spacing:.18em;color:#7788a8}.signal{display:flex;gap:6px;height:20px;align-items:center}.signal i{width:4px;height:var(--bar,8px);background:var(--scene);border-radius:4px;transition:height .4s,background .4s}.signal i:nth-child(2n){--bar:18px}.signal i:nth-child(3){--bar:25px}.journey-steps article{min-height:65vh;padding:80px 0;display:flex;flex-direction:column;justify-content:center;gap:24px;border-bottom:1px solid #ffffff13}.journey-steps article:last-child{border:0}.chapter{font-size:11px;letter-spacing:.16em;color:var(--lime);font-weight:700}.journey-steps h3{font-size:clamp(32px,4vw,51px);line-height:1.1;letter-spacing:-.04em}.journey-steps p{font-size:18px;line-height:1.75}.workflow-tags{display:flex;flex-wrap:wrap;gap:8px}.workflow-tags span{border:1px solid #ffffff20;border-radius:30px;padding:6px 12px;font-size:12px;color:#aebbd4}.immersive #about{border-top:1px solid #ffffff18}.immersive #apps{background:radial-gradient(ellipse at 0 30%,#23386650,transparent 70%)}.immersive .module-card{transition:transform .3s,border-color .3s,box-shadow .3s}.immersive .module-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px #0004;border-color:#ffffff60}.immersive .pricing{background:linear-gradient(150deg,#122039,#0b1429)}.motion-ready .reveal{transition:opacity .7s,transform .7s}.motion-ready .reveal.pending{opacity:0;transform:translateY(28px)}.immersive .contact{background:radial-gradient(ellipse at 10% 50%,#99c72918,transparent 65%)}
@media(max-width:760px){.immersive .hero{min-height:auto;padding:58px 20px 30px}.immersive .hero h1{font-size:clamp(48px,11vw,75px)}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.app-stage{height:210px;gap:14px;margin-top:28px}.stage-app img{width:53px}.stage-app span{font-size:9px}.app-0,.app-4{margin-top:28px}.app-2{margin-top:-25px}.stage-caption{font-size:8px;letter-spacing:.12em}.immersive .journey{display:block;padding:65px 24px}.journey-heading{position:relative;top:auto}.journey-visual{display:none}.journey-steps article{min-height:0;padding:55px 0}.journey-steps h3{font-size:38px}.journey-steps p{font-size:17px}.site-header{backdrop-filter:blur(14px)}.immersive .actions{gap:12px}.immersive .actions .button{font-size:13px;padding:12px 15px}.immersive .hero>p br{display:none}.stage-line{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.stage-app,.hero-light,.motion-ready .reveal.pending{transform:none!important;opacity:1!important}.button:hover,.stage-app:hover img,.immersive .module-card:hover{transform:none!important}}

@media(prefers-reduced-motion:no-preference){.immersive-hero>h1,.immersive-hero>.eyebrow,.immersive-hero>p,.immersive-hero>.actions{animation:hero-arrive .7s both}.immersive-hero>p{animation-delay:.1s}.immersive-hero>.actions{animation-delay:.18s}@keyframes hero-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}