.hero{isolation:isolate;color:#fff;background:var(--navy);padding:clamp(40px,6.25vw,80px) 0 0;position:relative;overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(70px);opacity:.75;will-change:transform;border-radius:50%;position:absolute}.blob.b1{background:radial-gradient(circle,#2458a0 0%,#0000 65%);width:760px;height:760px;animation:22s ease-in-out infinite alternate drift1;top:-260px;left:-200px}.blob.b2{opacity:.5;background:radial-gradient(circle,#3995d1 0%,#0000 62%);width:680px;height:680px;animation:26s ease-in-out infinite alternate drift2;top:40px;right:-180px}.blob.b3{background:radial-gradient(circle,#1c4785 0%,#0000 65%);width:900px;height:600px;animation:30s ease-in-out infinite alternate drift3;bottom:-380px;left:30%}@keyframes drift1{to{transform:translate(140px,90px)scale(1.12)}}@keyframes drift2{to{transform:translate(-120px,80px)scale(.92)}}@keyframes drift3{to{transform:translate(-160px,-60px)scale(1.08)}}.hero-grid-bg{background-image:linear-gradient(#a9d6ff12 1px,#0000 1px),linear-gradient(90deg,#a9d6ff12 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 75%)}.grain{opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero-copy{text-align:center;max-width:860px;margin-inline:auto}.pill{height:34px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sky-soft);background:#ffffff0f;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 10px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #a9d6ff38}.pill .dot{background:#5fd0a0;border-radius:50%;width:8px;height:8px;position:relative}.pill .dot:after{content:"";animation:ping 2.4s var(--ease-out) infinite;border:1px solid #5fd0a0;border-radius:50%;position:absolute;inset:-4px}@keyframes ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.hero h1{letter-spacing:-.045em;text-wrap:balance;margin:28px 0 26px;font-size:clamp(46px,7.4vw,104px);font-weight:500;line-height:.98}.hero-desc{color:#ffffffb8;max-width:40em;margin:0 auto 36px;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-ticks{color:#ffffffa8;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:30px;font-size:14px;display:flex}.hero-ticks span{align-items:center;gap:8px;display:inline-flex}.hero-ticks svg{color:#5fd0a0;width:15px;height:15px}.anim [data-hero]{opacity:0}.hero-stage{perspective:1800px;max-width:1120px;margin:clamp(56px,7vw,88px) auto 0;position:relative}.hero-tilt{transform-style:preserve-3d}.hero-window{transform-origin:50% 0;color:var(--text);background:#fff;border-radius:18px 18px 0 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 -20px 80px -20px #3995d18c,0 50px 100px -30px #0009}.hero-window:after{content:"";pointer-events:none;background:linear-gradient(#0000 70%,#0717311f);position:absolute;inset:0}.app{grid-template-columns:210px minmax(0,1fr);min-height:520px;font-size:13px;display:grid}.side{border-right:1px solid var(--line);background:#fcfdff;flex-direction:column;gap:2px;padding:18px 12px;display:flex}.side .logo-sm{letter-spacing:-.02em;color:var(--blue);align-items:center;gap:8px;padding:4px 10px 18px;font-size:15px;font-weight:600;display:flex}.side .logo-sm small{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;font-size:9.5px;font-weight:400}.side-item{height:34px;color:var(--muted);z-index:1;border-radius:8px;align-items:center;gap:10px;padding:0 10px;transition:color .3s;display:flex;position:relative}.side-item svg{flex:none;width:15px;height:15px}.side-item.on{color:var(--blue-600);font-weight:500}.side-indicator{background:var(--mist);height:34px;transition:transform .5s var(--ease-out);z-index:0;border-radius:8px;position:absolute;left:12px;right:12px}.side-wrap{flex-direction:column;gap:2px;display:flex;position:relative}.float-wrap{z-index:3;position:absolute}.float{-webkit-backdrop-filter:blur(14px);color:var(--text);white-space:nowrap;background:#ffffffeb;border-radius:14px;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-size:13px;line-height:1.35;display:flex;box-shadow:0 0 0 1px #0717310f,0 24px 50px -20px #0717318c}.float b{font-weight:500;display:block}.float small{color:var(--muted);font-size:11.5px}.float .ico{background:var(--mist);width:34px;height:34px;color:var(--blue);border-radius:10px;flex:none;place-items:center;display:grid}.float .ico svg{width:18px;height:18px}.float .ico.warn{color:var(--warn);background:#fbeee6}.float .ico.brand{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.f1{top:150px;left:-46px}.f2{top:70px;right:-40px}.f3{bottom:60px;right:60px}.strip{background:#fff;padding:28px 0;overflow:hidden}.strip-row{align-items:center;gap:40px;display:flex}.strip-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:none;max-width:210px;font-size:12px;line-height:1.4}.marquee{flex:1;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{gap:48px;padding-right:48px;display:flex}.m-item{color:#3a4655;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:500;display:inline-flex}.m-item svg{width:24px;height:24px}@keyframes marquee{to{transform:translate(-50%)}}.platform{padding-bottom:clamp(80px,10vw,140px)}.platform-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:40px;margin-bottom:clamp(40px,6vw,80px);display:grid}.story{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,6vw,96px);display:grid;position:relative}.chapters{padding-left:36px;position:relative}.rail{background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:0}.rail i{background:linear-gradient(var(--sky), var(--blue));transform-origin:50% 0;position:absolute;inset:0;transform:scaleY(0)}.chapter{flex-direction:column;justify-content:center;min-height:78vh;padding:40px 0;display:flex;position:relative}.chapter:before{content:"";width:9px;height:9px;transition:box-shadow .3s ease, background-color .3s ease, transform .4s var(--ease-out);background:#fff;border-radius:50%;margin-top:-4.5px;position:absolute;top:50%;left:-40px;box-shadow:inset 0 0 0 1.5px #c9d3e0}.chapter.is-active:before{background:var(--blue);transform:scale(1.15);box-shadow:0 0 0 5px #2458a024}.chapter .num{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;font-size:12px}.chapter .num b{color:var(--blue);font-weight:500}.chapter h3{letter-spacing:-.03em;text-wrap:balance;margin:14px 0 16px;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.08}.chapter p{color:var(--muted);max-width:30em;margin:0 0 24px}.ticks{gap:11px;margin:0 0 28px;padding:0;list-style:none;display:grid}.ticks li{align-items:center;gap:12px;font-size:15.5px;display:flex}.ticks svg{background:var(--mist);width:18px;height:18px;color:var(--blue);border-radius:50%;flex:none;padding:3px}.chapter-body{transition:opacity .5s var(--ease-out)}.chapters .chapter:not(.is-active) .chapter-body{opacity:.32}.stage-col{position:relative}.stage-sticky{top:calc(var(--header) + (100vh - var(--header) - 560px) / 2);position:sticky}.stage{background:radial-gradient(90% 70% at 100% 0%, #3995d138, transparent 60%), radial-gradient(80% 60% at 0% 100%, #2458a029, transparent 60%), var(--fog);box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;padding:28px;position:relative}.stage-window{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #0717310f,0 40px 70px -40px #07173173}.stage .app{grid-template-columns:170px minmax(0,1fr);height:460px;min-height:0}.stage .side{padding:14px 10px}.stage .side-indicator{left:10px;right:10px}.screens{min-width:0;position:relative}.stage .screen{opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .45s var(--ease-out), transform .65s var(--ease-out), filter .45s var(--ease-out);padding:22px;position:absolute;inset:0;transform:translateY(14px)scale(.985)}.stage .screen.is-active{opacity:1;filter:none;transform:none}.chapter .screen{display:none}.process{background:var(--fog);padding:clamp(100px,12vw,160px) 0}.process-head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:40px;display:grid}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(56px,7vw,88px);display:grid;position:relative}.steps-line{background:var(--line);height:1px;position:absolute;top:22px;left:0;right:0}.steps-line i{background:linear-gradient(90deg, var(--sky), var(--blue));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.step{padding-right:16px;position:relative}.step .badge{z-index:1;width:44px;height:44px;font-family:var(--mono);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:#fff;border-radius:50%;place-items:center;font-size:13px;transition:background-color .4s,color .4s,box-shadow .4s;display:grid;position:relative}.step.on .badge{background:var(--blue);color:#fff;box-shadow:0 0 0 6px #2458a01f}.step h3{letter-spacing:-.03em;margin:28px 0 10px;font-size:clamp(26px,2.4vw,34px);font-weight:500}.step p{color:var(--muted);max-width:22em;margin:0}@media (prefers-reduced-motion:reduce){.blob,.marquee-track,.pill .dot:after{animation:none!important}.stage .screen{filter:none;transition:opacity .25s;transform:none}}@media (max-width:1100px){.f1{left:-12px}.f2{right:-12px}}@media (max-width:960px){.platform-head,.process-head,.story{grid-template-columns:1fr}.stage-col{display:none}.chapters{padding-left:0}.rail,.chapter:before{display:none}.chapter{border-top:1px solid var(--line);min-height:0;padding:36px 0}.chapters .chapter:not(.is-active) .chapter-body{opacity:1}.chapter .screen{box-shadow:0 0 0 1px var(--line), 0 30px 60px -40px #07173173;background:#fff;border-radius:18px;margin-top:8px;padding:18px;font-size:13px;display:block;position:relative}.steps{grid-template-columns:1fr;gap:36px}.steps-line{width:1px;height:auto;inset:0 auto 0 22px}.steps-line i{transform-origin:50% 0}.step{padding-left:72px}.step .badge{position:absolute;top:0;left:0}.step h3{margin-top:6px}.app{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.hero-ctas .btn{width:100%}.hero-window{border-radius:14px 14px 0 0}.float-wrap{display:none}.strip-row{flex-direction:column;align-items:flex-start;gap:18px}.marquee{width:100%}}.hero{color:var(--text);background:linear-gradient(180deg, #fff 0%, #fff 55%, var(--fog) 100%)}.hero .blob{opacity:.16}.hero-grid-bg{background-image:linear-gradient(#2458a00f 1px,#0000 1px),linear-gradient(90deg,#2458a00f 1px,#0000 1px)}.hero .grain{display:none}.pill{background:var(--fog);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);letter-spacing:.08em;font-weight:500}.hero h1{font-family:var(--display);letter-spacing:-.05em;font-weight:700}.hero h1 .serif{color:var(--blue);font-size:1em}.hero-desc{color:var(--muted);text-wrap:balance}.hero-ticks{color:var(--muted)}.hero-ticks svg{color:var(--ok)}.hero-window{box-shadow:0 0 0 1px var(--line), 0 -10px 60px -30px #2458a059, 0 50px 100px -40px #0b214766}.strip{border-top:1px solid var(--line)}.strip-label{font-family:var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--text);max-width:230px;font-size:15px;font-weight:500}.platform-head .h2,.process-head .h2{margin-top:22px}.chapter .num{letter-spacing:.08em}.chapter h3{letter-spacing:-.04em;font-weight:700}.ticks svg{background:var(--mist)}.stage{background:var(--fog);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px}.process{background:#fff}.process .sec-num+.rule+.process-head,.platform .sec-num+.rule+.platform-head{margin-top:44px}.step .badge{box-shadow:inset 0 0 0 1px var(--line-strong)}.step h3{letter-spacing:-.04em;font-weight:700}.float-wrap{translate:0 0 160px}