:root{color-scheme:light;--ink:#10243b;--navy:#071b35;--deep:#06152a;--blue:#1363b6;--electric:#73cfff;--paper:#f6f9fc;--line:#dce5ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#e7eef6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #308af0;outline-offset:4px}
.skip-link{position:fixed;left:12px;top:-90px;padding:11px;background:#fff;color:#153254;z-index:90}.skip-link:focus{top:12px}
.site-shell{height:100dvh;min-height:480px;overflow:hidden;display:flex;flex-direction:column}
.top-banner{height:108px;flex:0 0 108px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;isolation:isolate;overflow:hidden;padding:0 clamp(22px,3.8vw,78px);color:#fff;background:linear-gradient(105deg,#07162b 0%,#0c315c 52%,#0c5284 100%)}
.top-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 34%,rgba(111,206,255,.16) 54%,transparent 73%);animation:top-shimmer 9s ease-in-out infinite alternate}
.top-brand{z-index:1;font-size:23px;font-weight:850;letter-spacing:-1.3px;white-space:nowrap}.brand-dot{color:#7fdbff}
.top-message{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;margin-left:-60px}.top-overline{font-size:9px;letter-spacing:3px;font-weight:750;color:#81caef}.top-message strong{font-size:clamp(22px,2.75vw,38px);letter-spacing:-1.4px;font-weight:770;line-height:1.1}
.top-action{display:flex;align-items:center;gap:9px;z-index:1;font-size:9px;letter-spacing:1.5px;white-space:nowrap;color:#d6edff;font-weight:750}.signal{height:7px;width:7px;background:#9ff2dc;box-shadow:0 0 18px rgba(159,242,220,.55);border-radius:50%;animation:signal-fade 3s ease-in-out infinite}
.top-kinetic{position:absolute;right:13%;top:-145px;width:450px;height:400px;transform:skewX(-20deg);opacity:.38;pointer-events:none}.top-kinetic i{position:absolute;display:block;inset:0;border-left:1px solid #55bcfa;transform:translateX(0) rotate(17deg);animation:kinetic-drift 13s ease-in-out infinite alternate}.top-kinetic i:nth-child(2){left:90px;animation-delay:-2s}.top-kinetic i:nth-child(3){left:180px;animation-delay:-5s}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,550px) minmax(0,1fr);flex:1;min-height:0;width:100%}
.ad-rail{position:relative;isolation:isolate;overflow:hidden;background:#081a31;color:#fff;padding:22px clamp(18px,2.65vw,52px) 20px;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
.rail-left{background:linear-gradient(157deg,#071829,#0a2c50 60%,#071a30)}.rail-right{background:linear-gradient(202deg,#061729,#0a3155 58%,#071a30)}
.ad-rail:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 56%,rgba(27,108,197,.3),transparent 52%);pointer-events:none}
.rail-header,.rail-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.5px;color:#88b1d3;font-weight:750;white-space:nowrap}.rail-bottom{font-size:8px;border-top:1px solid rgba(169,214,253,.11);padding-top:16px}
.rail-spotlight{padding-top:14px;position:relative;z-index:2}.rail-eyebrow{font-size:9px;letter-spacing:2px;color:#8cc7ec;font-weight:700}.rail-spotlight strong{display:block;margin:18px 0 13px;font-size:clamp(23px,3.3vw,44px);letter-spacing:-1.9px;line-height:1.03;font-weight:820}.rail-spotlight strong em{font-style:normal;color:#6dc6fa}.rail-spotlight p{font-size:11px;line-height:1.8;color:#a2bfd8;max-width:240px;margin:0}
.rail-render{flex:1;min-height:160px;position:relative;display:flex;align-items:center;justify-content:center}.rail-render:before{content:"";position:absolute;width:78%;aspect-ratio:1;background:radial-gradient(circle,rgba(52,129,223,.25),transparent 67%);filter:blur(12px)}.rail-render canvas{width:100%;height:100%;max-height:340px;display:block;position:relative}.render-caption{position:absolute;bottom:2%;left:0;color:#84acd0;font-size:9px;letter-spacing:1.5px;font-weight:750}
.tower-render{order:1}.rail-right .rail-header{order:0}.right-spotlight{order:2;padding-top:4px;padding-bottom:24px}.rail-right .rail-bottom{order:3}
.center-content{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#fff 0%,#f8fbfe 68%,#fff 100%);scrollbar-width:thin;scrollbar-color:#b1cce4 #f5f9fe;position:relative}
.center-content::-webkit-scrollbar{width:6px}.center-content::-webkit-scrollbar-thumb{background:#b1cce4}
.center-identity{height:66px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e9eef4;font-size:9px;letter-spacing:1.35px;font-weight:750;color:#67809a}
.center-status{display:flex;align-items:center;gap:7px}.center-status i{width:6px;height:6px;background:#2e96d8;border-radius:50%}
.hero{text-align:center;padding:30px 24px 50px;overflow:hidden}.hero-eyebrow{font-size:9px;letter-spacing:2.2px;color:#4d85bb;font-weight:800;margin-bottom:18px}.split-logotype{display:flex;justify-content:center;gap:10px;align-items:baseline;font-weight:850;letter-spacing:-6px;font-size:clamp(76px,10vw,103px);line-height:.95;color:#092746;white-space:nowrap}.split-logotype span:first-child{animation:word-left 1.15s cubic-bezier(.2,.8,.2,1) both}.split-logotype span:last-child{color:#2871ba;animation:word-right 1.15s cubic-bezier(.2,.8,.2,1) both}
.hero h1{margin:28px auto 8px;max-width:480px;font-size:clamp(24px,4.2vw,32px);line-height:1.17;font-weight:800;letter-spacing:-1px;color:#123357}.hero h1 span{color:#2867a8}.hero h1 b{color:#69b8e9}
.hero-copy{max-width:360px;font-size:12px;line-height:1.85;color:#637d94;margin:11px auto 0}
.product-stage{margin:8px -8px 0;min-height:285px;height:min(340px,43vh);position:relative;isolation:isolate}.stage-lights{position:absolute;left:4%;right:4%;top:13%;height:83%;background:radial-gradient(ellipse at 51% 49%,rgba(139,207,252,.30),rgba(244,249,254,0) 67%);pointer-events:none}.hero-canvas{position:relative;width:100%;height:100%;z-index:2;display:block}.stage-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#6484a2;letter-spacing:3px;font-size:11px;z-index:1}.stage-fallback span{padding:13px 18px;border-top:1px solid #d1dfeb;border-bottom:1px solid #d1dfeb}
.webgl-active .stage-fallback{display:none}
.stage-foot{position:absolute;left:11px;right:11px;bottom:4px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.4px;color:#83a0b9;font-weight:750;z-index:3}
.launch-note{display:flex;align-items:center;gap:10px;justify-content:center;color:#4f7fa8;font-weight:800;font-size:9px;letter-spacing:1.6px;margin:24px 0}.launch-rule{width:24px;height:1px;background:#bbd5eb}
.contact-link{display:flex;align-items:center;justify-content:space-between;gap:45px;max-width:228px;margin:0 auto;padding:15px 18px;background:#0d3e72;color:#fff;font-weight:730;font-size:12px;border-radius:2px;transition:background .2s ease}.contact-link:hover{background:#185c9e}.contact-link span:last-child{font-size:18px;font-weight:400}
.future-strip{border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;margin:0 25px;padding:33px 9px 37px;text-align:left}.future-strip span{font-size:9px;letter-spacing:2px;color:#478abf;font-weight:780}.future-strip h2{font-size:clamp(24px,4vw,32px);line-height:1.2;letter-spacing:-1.2px;margin:14px 0 12px;font-weight:800;color:#16334f}.future-strip p{font-size:12px;color:#7890a6;margin:0;line-height:1.7}
.service-line{padding:26px 34px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#708ba3}.service-line a{color:#1e67a9;font-weight:750;display:inline-flex;gap:10px}.center-footer{padding:22px 34px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e9eef4;color:#8ba0b3;font-size:10px}
@keyframes top-shimmer{to{transform:translateX(19%)}}@keyframes kinetic-drift{to{transform:translateX(24px) rotate(13deg)}}@keyframes signal-fade{50%{opacity:.4}}@keyframes word-left{from{opacity:0;transform:translateX(65px) rotateY(18deg)}}@keyframes word-right{from{opacity:0;transform:translateX(-65px) rotateY(-18deg)}}
@media(max-width:1170px){.workspace{grid-template-columns:minmax(0,1fr) minmax(390px,500px) minmax(0,1fr)}.ad-rail{padding-inline:18px}.rail-spotlight strong{font-size:27px}.rail-header,.rail-bottom{letter-spacing:.5px;font-size:8px}.top-message{margin-left:0}}
@media(max-width:940px){.site-shell{display:block;height:auto;min-height:100dvh;overflow:visible;background:#fff}.top-banner{height:93px;padding:0 24px;gap:15px}.top-message strong{font-size:22px}.top-overline{font-size:7px}.top-action{font-size:8px}.workspace{display:block;min-height:0}.ad-rail{display:none}.center-content{height:auto;min-height:calc(100dvh - 93px);overflow:visible;overscroll-behavior:auto;width:min(100%,620px);margin:auto}.split-logotype{font-size:clamp(77px,13vw,100px)}}
@media(max-width:600px){.top-banner{height:83px;padding:0 17px}.top-brand{font-size:18px}.top-message{align-items:flex-start;gap:5px}.top-message strong{font-size:17px;letter-spacing:-.5px}.top-overline{font-size:6px;letter-spacing:1.2px}.top-action{display:none}.center-identity{height:55px;padding:0 18px;font-size:8px;letter-spacing:.5px}.center-status{font-size:7px;letter-spacing:0}.hero{padding:28px 15px 45px}.hero-eyebrow{font-size:8px;margin-bottom:17px;letter-spacing:1.3px}.split-logotype{font-size:clamp(77px,17vw,94px);letter-spacing:-6px}.hero h1{font-size:clamp(24px,6.4vw,30px);margin-top:26px}.hero-copy{font-size:11px;max-width:305px}.product-stage{height:300px;min-height:0;margin:12px -10px 0}.stage-foot{font-size:7px;letter-spacing:.7px;left:18px;right:18px}.launch-note{font-size:8px;letter-spacing:.7px;margin:22px 0}.launch-rule{width:14px}.future-strip{margin:0 20px;padding:30px 4px}.future-strip h2{font-size:27px}.service-line{padding:24px}.center-footer{padding:22px 24px;flex-direction:column;gap:5px}}
@media(max-width:365px){.center-status{display:none}.top-message strong{font-size:15px}.split-logotype{font-size:73px}.product-stage{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
