@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-width:320px;min-height:100%;margin:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{color:#fff;background:#3b82f659}:root{--bg:#02040a;--ink:#07111f;--line:#ffffff1a;--text:#f5f8fc;--muted:#8fa3be;--brand:#1e9aff;--brand-glow:#67e8f9;--display:"Syne", system-ui, sans-serif;--body:"Manrope", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--text);background:var(--bg);cursor:auto;margin:0}a,button{cursor:pointer}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:0 0;border:0}.page{min-height:100vh;position:relative;overflow-x:hidden}.loader{background:radial-gradient(circle,#0a1830 0%,#02040a 70%);place-content:center;justify-items:center;gap:14px;min-height:100svh;display:grid}.loader-logo{background:0 0;width:min(220px,60vw);height:auto;animation:1.4s infinite logoPulse}.loader span{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:600}.loader-bar{background:#ffffff14;border-radius:999px;width:160px;height:2px;margin-top:10px;overflow:hidden}.loader-bar i{background:linear-gradient(90deg, var(--brand), var(--brand-glow));width:40%;height:100%;animation:1.1s infinite load;display:block}.scroll-progress{z-index:80;background:linear-gradient(90deg, var(--brand), var(--brand-glow));height:2px;position:fixed;top:0;left:0;box-shadow:0 0 12px #1e9aff80}.chapter-nav{z-index:60;gap:14px;display:grid;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.chapter-nav a{border:1px solid #ffffff4d;border-radius:50%;width:9px;height:9px;transition:transform .2s;position:relative}.chapter-nav a.active{background:var(--brand);border-color:var(--brand);transform:scale(1.2);box-shadow:0 0 0 4px #1e9aff2e}.chapter-nav span{white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;opacity:0;font-size:10px;transition:opacity .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.chapter-nav a:hover span,.chapter-nav a.active span{opacity:1}.topbar{z-index:70;background:0 0;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px clamp(18px,4vw,48px);transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:grid;position:fixed;inset:0 0 auto}.topbar-solid{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02040ab8;border-bottom:1px solid #ffffff0f}.logo{box-shadow:none;background:0 0;border:0;justify-self:start;align-items:center;padding:0;text-decoration:none;display:inline-flex}.logo-image{object-fit:contain;object-position:left center;width:clamp(118px,11vw,158px);height:auto;max-height:36px;box-shadow:none;filter:drop-shadow(0 0 10px #1e9aff59);background:0 0;border:0;border-radius:0;display:block}.topbar nav{justify-self:center;gap:32px;display:flex}.topbar nav a{color:#ffffffb8;letter-spacing:.04em;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.topbar nav a:hover{color:var(--brand-glow)}.btn-primary{color:#02040a;background:linear-gradient(135deg, var(--brand-glow), var(--brand));border-radius:999px;justify-content:center;align-items:center;min-height:52px;margin-top:32px;padding:0 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 48px #1e9aff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 56px #1e9aff73}.link-arrow{color:var(--brand);align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.link-arrow:after{content:"→";transition:transform .2s}.link-arrow:hover{gap:12px}.link-arrow:hover:after{transform:translate(4px)}.hero{align-items:end;min-height:100svh;padding:0 clamp(18px,5vw,72px) 72px;display:grid;position:relative;overflow:hidden}.hero-media{object-fit:cover;object-position:58% center;will-change:transform;width:100%;height:116%;transition:transform 50ms linear;position:absolute;inset:-8% 0 0}.hero-shade{background:linear-gradient(90deg,#02040aeb 0%,#02040a80 46%,#02040a26 100%),linear-gradient(#02040a59 0%,#02040a0d 42%,#02040ae6 100%);position:absolute;inset:0}.hero-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #02040a99}.hero-content{z-index:2;max-width:780px;animation:1.1s cubic-bezier(.22,1,.36,1) both rise;position:relative}.pill,.eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.pill{color:var(--brand-glow);background:#1e9aff14;border:1px solid #1e9aff59;border-radius:999px;padding:8px 16px;display:inline-flex}.eyebrow{color:var(--brand)}.eyebrow.light{color:var(--brand-glow)}.hero h1,.statement h2,.product h2,.systems h2,.section-head h2,.cinematic h2,.deploy h2,.finale-copy h2{font-family:var(--display);letter-spacing:-.05em;margin:0;line-height:.94}.hero h1{font-size:clamp(56px,10.5vw,108px);font-weight:800}.hero h1 span{background:linear-gradient(135deg, #fff 20%, var(--brand-glow));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.lede,.product-copy>p,.systems-copy>p,.system-detail p,.app-card p,.cinematic p,.deploy p,.finale-copy p,.deploy ol p{color:#f5f8fccc;max-width:520px;margin:20px 0 0;font-size:clamp(16px,1.8vw,19px);line-height:1.65}.hero-foot{z-index:2;color:#ffffff73;letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-top:48px;font-size:11px;font-weight:600;display:flex;position:relative}.hero-foot span:not(:last-child):after{content:"·";opacity:.4;margin-left:24px}.scroll-hint{z-index:2;border:1px solid #ffffff40;border-radius:999px;place-items:center;width:24px;height:40px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint span{background:var(--brand-glow);border-radius:999px;width:4px;height:8px;animation:1.6s ease-in-out infinite scrollDot}.marquee{border-block:1px solid var(--line);background:#1e9aff08;padding:20px 0;overflow:hidden}.marquee-track{width:max-content;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff6;gap:56px;font-size:16px;animation:32s linear infinite marquee;display:flex}.statement,.product,.systems,.applications,.deploy,.finale,.footer{padding:clamp(80px,12vw,140px) clamp(18px,5vw,72px)}.statement{text-align:center;background:radial-gradient(#1e9aff0f,#0000 60%)}.statement p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.statement h2{max-width:900px;margin:0 auto;font-size:clamp(40px,7vw,82px)}.statement em{color:var(--brand-glow);font-style:normal}.product,.systems,.deploy-panel{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.product{color:#0f172a;background:#f6f8fc}.product-copy>p,.app-card p,.deploy ol p{color:#64748b}.spec-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:32px 0 20px;display:grid}.spec{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px 20px;transition:border-color .2s,box-shadow .2s}.spec:hover{border-color:#1e9aff59;box-shadow:0 8px 24px #1e9aff14}.spec strong{font-family:var(--display);letter-spacing:-.03em;font-size:24px;display:block}.spec span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700;display:block}.product-stage{background:linear-gradient(#fff 0%,#e8eef8 100%);border:1px solid #e2e8f0;border-radius:44px;place-items:end center;min-height:660px;padding-top:32px;display:grid;position:relative;overflow:hidden}.stage-glow{filter:blur(12px);background:radial-gradient(circle,#1e9aff40,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:16%}.stage-ring{border:1px dashed #1e9aff4d;border-radius:50%;width:360px;height:360px;animation:26s linear infinite spin;position:absolute;top:12%}.stage-floor{background:radial-gradient(80% 60% at 50% 100%,#1e9aff1f,#0000);height:40%;position:absolute;bottom:0;left:0;right:0}.product-stage img{z-index:1;width:min(100%,480px);animation:6s ease-in-out infinite float;position:relative}.systems{background:#040810}.system-tabs{flex-wrap:wrap;gap:10px;margin:32px 0 20px;display:flex}.system-tabs button{border:1px solid var(--line);color:#ffffffb3;background:#ffffff08;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:600;transition:all .2s}.system-tabs button.active,.system-tabs button:hover{color:#02040a;background:var(--brand-glow);border-color:var(--brand-glow)}.system-detail h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:34px;animation:.4s fadeIn}.system-detail p{animation:.4s 50ms both fadeIn}.systems-visual{border:1px solid var(--line);border-radius:40px;min-height:580px;position:relative;overflow:hidden}.systems-visual img{object-fit:cover;width:100%;height:100%;min-height:580px}.systems-shade{background:linear-gradient(#0000 40%,#02040aa6);position:absolute;inset:0}.hotspot{color:var(--brand-glow);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02040abf;border:1px solid #1e9aff73;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:700;animation:3s ease-in-out infinite hotspotPulse;position:absolute}.hotspot.vision{animation-delay:0s;top:20%;left:10%}.hotspot.motion{animation-delay:1s;top:56%;right:8%}.hotspot.brain{animation-delay:2s;bottom:14%;left:16%}.cinematic{align-items:end;min-height:94svh;padding:clamp(48px,8vw,90px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.cinematic img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.cinematic-shade{background:linear-gradient(90deg,#02040ad9 0%,#02040a40 55%),linear-gradient(#0000,#02040ad1);position:absolute;inset:0}.cinematic-copy{z-index:2;max-width:700px;position:relative}.systems h2,.section-head h2,.cinematic h2,.deploy h2,.finale-copy h2{font-size:clamp(40px,6vw,76px)}.applications{color:#0f172a;background:#f8fafc}.section-head{max-width:700px;margin-bottom:40px}.app-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.app-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;overflow:hidden}.app-card:hover{transform:translateY(-10px);box-shadow:0 32px 64px #0f172a24}.app-card img{object-fit:cover;width:100%;height:240px;transition:transform .5s}.app-card:hover img{transform:scale(1.05)}.app-card div{padding:24px}.app-card h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:26px}.deploy{background:#02040a}.deploy-panel{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#1e9aff2e,#0000 42%),linear-gradient(#0d1525,#060a12);border-radius:40px;align-items:stretch;padding:clamp(32px,5vw,56px)}.deploy-panel ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.deploy-panel li{border:1px solid var(--line);background:#ffffff05;border-radius:20px;grid-template-columns:auto 1fr;gap:18px;padding:20px;transition:border-color .2s,background .2s;display:grid}.deploy-panel li:hover{background:#1e9aff0a;border-color:#1e9aff59}.deploy-panel strong{font-family:var(--display);color:var(--brand-glow);font-size:18px}.deploy-panel h3{font-family:var(--display);margin:0;font-size:22px}.finale{padding-top:48px;padding-bottom:48px}.finale-frame{border:1px solid var(--line);border-radius:44px;min-height:72svh;position:relative;overflow:hidden}.finale-bg{object-fit:cover;object-position:center;width:100%;height:100%;min-height:72svh}.finale-shade{background:radial-gradient(#1e9aff1f,#0000 55%),linear-gradient(#02040a33,#02040aeb);position:absolute;inset:0}.finale-copy{z-index:2;text-align:center;place-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.finale-logo{filter:drop-shadow(0 0 24px #1e9aff59);background:0 0;width:min(200px,50vw);height:auto;margin-bottom:28px}.finale-copy h2{font-size:clamp(36px,5.5vw,64px)}.finale-copy p{color:var(--muted);margin-left:auto;margin-right:auto}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:flex-end;gap:24px;display:flex;padding-top:32px!important;padding-bottom:40px!important}.footer div{flex-direction:column;gap:10px;display:flex}.footer-logo{object-fit:contain;object-position:left;background:0 0;width:140px;height:auto;max-height:34px}.footer a{color:inherit;font-size:14px;text-decoration:none;transition:color .2s}.footer a:hover{color:var(--brand-glow)}.footer-links{text-align:right;flex-direction:column;gap:8px;display:flex}[data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(36px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes logoPulse{0%,to{opacity:.85;filter:drop-shadow(0 0 12px #1e9aff33)}50%{opacity:1;filter:drop-shadow(0 0 24px #1e9aff73)}}@keyframes scrollDot{0%,to{opacity:.4;transform:translateY(-6px)}50%{opacity:1;transform:translateY(6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hotspotPulse{0%,to{box-shadow:0 0 #1e9aff00}50%{box-shadow:0 0 0 6px #1e9aff1f}}@media (width<=980px){.chapter-nav{display:none}.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.product,.systems,.deploy-panel,.app-grid{grid-template-columns:1fr}.product-stage,.systems-visual,.systems-visual img{min-height:440px}.product-stage{order:-1}.hero-foot span:after{display:none}.hero-foot{gap:12px}.cinematic,.finale-frame,.finale-bg{min-height:68svh}.footer,.footer-links{text-align:left;flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
