@font-face { font-family:"Geist"; src:url("/assets/fonts/geist-latin-wght.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist Mono"; src:url("/assets/fonts/geist-mono-latin-wght.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
:root { color-scheme:dark; --ink:#060913; --surface:#0d1320; --line:rgba(234,240,255,.12); --line-quiet:rgba(234,240,255,.08); --white:#f7f9ff; --muted:#aab4c9; --muted-strong:#d9e0ef; --brand:#425fea; --brand-light:#ced6f2; --brand-glow:#8fa6ff; --radius:18px; --shell:min(1180px,calc(100vw - 48px)); --font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
html.js { scroll-padding-top:88px; }
body { min-width:320px; margin:0; overflow-x:hidden; background:var(--ink); color:var(--white); font-family:var(--font-sans); font-size:16px; line-height:1.5; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body::after { position:fixed; z-index:90; inset:0; content:""; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); pointer-events:none; }
::selection { background:rgba(66,95,234,.55); color:#fff; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { cursor:pointer; }
.shell { width:var(--shell); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; transform:translateY(-200%); padding:10px 14px; border-radius:10px; background:var(--white); color:var(--ink); font-weight:700; }
.skip-link:focus { transform:translateY(0); }
.page-glow { position:absolute; z-index:0; top:0; left:50%; width:min(1100px,100%); height:1100px; transform:translateX(-50%); background:radial-gradient(ellipse 48% 30% at 50% 0%,rgba(99,126,244,.12),transparent 70%),radial-gradient(ellipse 52% 32% at 50% 70%,rgba(66,95,234,.2),transparent 70%); pointer-events:none; }
.site-header { position:relative; z-index:50; border-bottom:1px solid transparent; transition:background-color .5s var(--ease-out),border-color .5s var(--ease-out); }
.js .site-header { position:sticky; top:0; }
.site-header.is-scrolled { border-bottom-color:var(--line-quiet); background:rgba(6,9,19,.76); -webkit-backdrop-filter:saturate(150%) blur(18px); backdrop-filter:saturate(150%) blur(18px); }
.nav { display:flex; height:72px; align-items:center; justify-content:space-between; }
.brand,.footer-brand { display:inline-flex; align-items:center; }
.brand img,.footer-brand img { display:block; width:141px; height:40px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:27px; color:var(--muted-strong); font-size:14px; font-weight:500; }
.nav-links > a:not(.nav-cta) { position:relative; transition:color .25s ease; }
.nav-links > a:not(.nav-cta)::after { position:absolute; right:0; bottom:-6px; left:0; height:1px; content:""; background:linear-gradient(90deg,transparent,currentColor,transparent); transform:scaleX(0); transition:transform .5s var(--ease-out); }
.nav-links > a:not(.nav-cta):hover { color:var(--white); }
.nav-links > a:not(.nav-cta):hover::after { transform:scaleX(1); }
.nav-cta { padding:9px 14px; border:1px solid var(--line); border-radius:10px; background:rgba(206,214,242,.03); color:var(--white); transition:border-color .25s ease,background-color .25s ease,transform .25s ease; }
.nav-cta:hover { border-color:rgba(206,214,242,.5); background:rgba(66,95,234,.16); }
.nav-cta:active,.button:active { transform:translateY(1px); }
.hero { position:relative; min-height:0; padding-top:56px; text-align:center; }
.hero-copy { position:relative; z-index:2; display:grid; justify-items:center; }
.eyebrow { margin:0 0 22px; color:var(--brand-light); font-family:var(--font-mono); font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:1080px; margin-bottom:25px; font-size:clamp(3.5rem,7.2vw,6.4rem); font-weight:600; letter-spacing:-.02em; line-height:1.05; }
.hero-line { display:block; padding-block:.06em .12em; margin-block:-.06em -.12em; }
.hero-accent { color:var(--brand-light); }
@supports (background-clip:text) or (-webkit-background-clip:text) {
  .hero-line { background:linear-gradient(180deg,#fff 30%,#d6ddf3); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .hero-accent { background-image:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%),linear-gradient(180deg,#e2e7fb 10%,#a9b9f7 92%); background-repeat:no-repeat; background-size:250% 100%,100% 100%; background-position:100% 0,0 0; }
}
.hero .eyebrow,.hero-line,.hero-summary,.hero-actions,.install-command { animation:rise 1.2s var(--ease-out) var(--d,0s) both; }
.hero .eyebrow { --d:.1s; }
.hero-line:first-child { --d:.2s; }
.hero-accent { --d:.32s; animation:rise 1.2s var(--ease-out) var(--d) both,sheen 2.4s var(--ease-in-out) 1.6s both; }
.hero-summary { --d:.46s; max-width:530px; margin-bottom:31px; text-wrap:balance; color:var(--muted-strong); font-size:clamp(1rem,1.45vw,1.15rem); line-height:1.55; }
.hero-actions { --d:.58s; display:flex; align-items:center; justify-content:center; gap:12px; }
.button { position:relative; isolation:isolate; display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:9px; overflow:hidden; border:1px solid transparent; border-radius:11px; padding:12px 18px; font-size:15px; font-weight:600; line-height:1; transition:transform .4s var(--ease-out),background-color .25s ease,border-color .25s ease,box-shadow .4s var(--ease-out); }
.button-primary { background:linear-gradient(180deg,#5672f3,#4059e6); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 1px rgba(66,95,234,.55),0 12px 32px -8px rgba(66,95,234,.6); }
.button-primary::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%); transform:translateX(-101%); }
.button-primary:hover { transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(99,126,244,.75),0 16px 40px -8px rgba(66,95,234,.75); }
.button-primary:hover::after { transform:translateX(101%); transition:transform .9s var(--ease-out); }
.button-primary:disabled { cursor:default; transform:none; }
.button-primary:disabled::after { display:none; }
.button-secondary { border-color:var(--line); background:rgba(13,19,32,.55); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:var(--white); }
.button-secondary:hover { border-color:rgba(206,214,242,.32); background:rgba(255,255,255,.055); }
.button-arrow,.button-icon { flex:none; }
.button-arrow { transition:transform .4s var(--ease-out); }
.button:hover .button-arrow { transform:translateX(3px); }
.install-command { --d:.7s; display:inline-flex; align-items:center; gap:10px; margin-top:18px; border:1px solid var(--line); border-radius:12px; padding:8px 8px 8px 15px; background:rgba(9,13,24,.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); transition:border-color .3s ease; }
.install-command:hover { border-color:rgba(206,214,242,.22); }
.install-prompt { color:var(--brand-glow); font-family:var(--font-mono); font-size:13px; user-select:none; }
.install-command code { color:var(--muted-strong); font-family:var(--font-mono); font-size:13px; }
.install-copy { border:1px solid var(--line); border-radius:8px; padding:6px 12px; background:rgba(255,255,255,.02); color:var(--white); font-size:12.5px; font-weight:500; cursor:pointer; transition:border-color .25s ease,background-color .25s ease,color .25s ease; }
.install-copy:hover { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.055); }
.install-copy.is-copied { border-color:rgba(206,214,242,.5); color:var(--brand-light); animation:pop .45s var(--ease-out); }
.button:focus-visible,a:focus-visible,input:focus-visible,.install-copy:focus-visible { outline:3px solid var(--brand-light); outline-offset:3px; }
.hero-visual { position:relative; z-index:0; width:min(100%,1075px); height:450px; margin:-64px auto 0; mix-blend-mode:lighten; opacity:calc(1 - var(--hero-fade,0) * .5); transform:translate3d(0,calc(var(--hero-shift,0) * 1px),0); }
.hero-visual-inner { position:absolute; inset:0; overflow:hidden; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 72%,transparent),linear-gradient(to right,transparent,#000 15%,#000 85%,transparent); -webkit-mask-composite:source-in; mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 72%,transparent),linear-gradient(to right,transparent,#000 15%,#000 85%,transparent); mask-composite:intersect; animation:visual-in 2.2s var(--ease-out) .35s both; }
.hero-visual-inner::after { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 58%,transparent 42%,rgba(6,9,19,.3) 75%,var(--ink) 100%); content:""; pointer-events:none; }
.hero-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 65%; }
.hero-halo { position:absolute; top:46%; left:11%; width:78%; height:48%; border-radius:50%; background:radial-gradient(closest-side,rgba(82,112,255,.5),rgba(66,95,234,.12) 55%,transparent); mix-blend-mode:screen; opacity:.4; animation:halo 10s var(--ease-in-out) 2.4s infinite alternate; pointer-events:none; }
.statement { position:relative; padding-block:175px 165px; text-align:center; }
.statement::before { position:absolute; top:44px; left:50%; width:1px; height:88px; content:""; background:linear-gradient(to bottom,transparent,rgba(143,166,255,.55),transparent); }
.statement-kicker { margin-bottom:12px; color:var(--muted); font-size:15px; }
h2 { margin-bottom:20px; font-size:clamp(2.55rem,5.4vw,5rem); font-weight:600; letter-spacing:-.02em; line-height:1.12; text-wrap:balance; }
.statement h2 { max-width:765px; margin-inline:auto; }
.statement-title { --p:1; }
.js .statement-title { --p:0; }
.statement-title .word { opacity:calc(.16 + .84 * clamp(0, var(--p) * 7 - var(--i), 1)); transition:opacity .3s linear; }
.statement > p:last-child { --d:.1s; max-width:530px; margin-inline:auto; color:var(--muted); font-size:18px; line-height:1.6; text-wrap:pretty; }
.capabilities { padding-bottom:165px; }
.section-intro { max-width:650px; margin-bottom:49px; }
.section-intro h2 { font-size:clamp(2.4rem,4.6vw,4.4rem); }
.section-intro p { max-width:515px; margin-bottom:0; color:var(--muted); font-size:17px; text-wrap:pretty; }
.section-intro .eyebrow { margin-bottom:18px; color:var(--brand-light); font-size:12px; }
.capability-grid { display:grid; grid-template-columns:1.4fr 1fr; grid-template-rows:auto auto; gap:16px; }
.capability-card { position:relative; display:flex; min-height:258px; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); isolation:isolate; }
.capability-card h3,.capability-card p,.resource-tags { position:relative; z-index:1; }
.capability-card h3 { max-width:300px; margin:59px 0 11px; font-size:25px; font-weight:600; letter-spacing:-.015em; line-height:1.2; }
.capability-card p { max-width:410px; margin:0; color:var(--muted); text-wrap:pretty; }
.card-index { position:absolute; z-index:1; top:24px; left:28px; color:rgba(206,214,242,.45); font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; }
.card-visual { position:absolute; z-index:0; display:block; pointer-events:none; }
.capability-discovery { grid-row:1 / span 2; min-height:532px; background:linear-gradient(140deg,#101b37,#0c1220 52%,#0b111d); }
.capability-discovery h3 { margin-top:154px; font-size:clamp(1.85rem,3vw,2.65rem); }
.resource-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.resource-tags span { border:1px solid rgba(206,214,242,.2); border-radius:999px; padding:6px 11px; background:rgba(206,214,242,.06); color:var(--brand-light); font-size:12px; }
.visual-orbit { top:-62px; right:-82px; width:min(480px,82%); }
.orbit-rings circle { fill:none; stroke:rgba(206,214,242,.11); }
.orbit-rings .orbit-dashed { stroke:rgba(206,214,242,.22); stroke-dasharray:2 6; }
.orbit-spin { transform-origin:200px 200px; animation:spin 110s linear infinite; }
.orbit-spin-slow { animation-duration:170s; animation-direction:reverse; }
.orbit-spoke { stroke:rgba(206,214,242,.1); stroke-dasharray:2 5; }
.orbit-node { fill:#e3e9ff; }
.orbit-node-halo { fill:rgba(127,157,255,.18); }
.orbit-core { transform-origin:200px 200px; transition:transform .9s var(--ease-out); }
.capability-discovery:hover .orbit-core { transform:scale(1.12); }
.capability-policy { background:linear-gradient(142deg,#0d1322,#111b36); }
.visual-rings { top:-132px; right:-112px; width:340px; }
.rings-line { fill:none; stroke:rgba(143,163,246,.26); }
.rings-line-2 { stroke:rgba(143,163,246,.15); }
.rings-line-3 { stroke:rgba(143,163,246,.08); }
.rings-orbit { transform-origin:160px 160px; animation:spin 24s linear infinite; }
.rings-dot { fill:#e3e9ff; }
.rings-core { fill:rgba(66,95,234,.16); stroke:rgba(143,163,246,.42); }
.rings-shield { fill:none; stroke:#c8d2ff; stroke-width:1.3; stroke-linejoin:round; stroke-linecap:round; }
.capability-experience { background:linear-gradient(137deg,#121928,#0c1220); }
.visual-cube { top:22px; right:26px; width:124px; }
.cube { animation:float 7s var(--ease-in-out) infinite alternate; }
.cube-shadow { transform-origin:80px 152px; animation:shadow 7s var(--ease-in-out) infinite alternate; }
.cube-edges { fill:none; stroke:rgba(214,222,255,.55); stroke-linejoin:round; }
.cube-hidden { fill:none; stroke:rgba(214,222,255,.18); stroke-dasharray:2 3; }
.spotlight { --mx:50%; --my:-200px; }
.spotlight::before,.spotlight::after { position:absolute; inset:0; border-radius:inherit; content:""; opacity:0; pointer-events:none; transition:opacity .6s var(--ease-out); }
.spotlight::before { z-index:0; background:radial-gradient(520px circle at var(--mx) var(--my),rgba(127,157,255,.09),transparent 62%); }
.spotlight::after { z-index:2; padding:1px; background:radial-gradient(300px circle at var(--mx) var(--my),rgba(206,214,242,.5),transparent 70%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); }
[data-spotlight]:hover .spotlight::before,[data-spotlight]:hover .spotlight::after { opacity:1; }
.waitlist-section { position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(380px,.8fr); gap:clamp(45px,9vw,130px); align-items:start; margin-top:30px; margin-bottom:70px; overflow:hidden; padding:clamp(40px,6vw,76px); border:1px solid rgba(206,214,242,.22); border-radius:var(--radius); background:radial-gradient(ellipse at 100% 0%,rgba(66,95,234,.22),transparent 46%),linear-gradient(180deg,#0f1729,#0c1322); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 40px 90px -40px rgba(0,0,0,.7); isolation:isolate; }
.waitlist-section::before { position:absolute; z-index:-1; top:-38%; right:-14%; width:62%; aspect-ratio:1; border-radius:50%; content:""; background:radial-gradient(closest-side,rgba(99,126,244,.2),transparent); animation:drift 18s var(--ease-in-out) infinite alternate; pointer-events:none; }
.waitlist-copy h2 { font-size:clamp(2.6rem,4vw,3.2rem); }
.waitlist-copy > p:last-child { max-width:390px; margin:0; color:var(--muted-strong); font-size:17px; text-wrap:pretty; }
.waitlist-form { --d:.12s; display:grid; gap:18px; }
.field-row { display:grid; gap:8px; }
.field-row label { color:var(--muted-strong); font-size:14px; font-weight:600; transition:color .25s ease; }
.field-row:focus-within label { color:var(--white); }
.field-row label span { color:var(--muted); font-weight:400; }
input { width:100%; min-height:50px; border:1px solid rgba(255,255,255,.15); border-radius:11px; padding:12px 14px; background:rgba(6,9,19,.6); color:var(--white); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); transition:border-color .25s ease,box-shadow .35s var(--ease-out),background-color .25s ease; }
input:hover { border-color:rgba(255,255,255,.26); }
input:focus { border-color:rgba(206,214,242,.75); background:rgba(6,9,19,.8); box-shadow:0 0 0 4px rgba(127,157,255,.16); outline:none; }
input[aria-invalid="true"] { border-color:#ff8f9e; box-shadow:0 0 0 3px rgba(255,143,158,.15); }
.honeypot { position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0); white-space:nowrap; }
.form-submit { width:100%; margin-top:5px; }
.button-loading { display:none; }
.waitlist-form.is-submitting .button-label { display:none; }
.waitlist-form.is-submitting .button-loading { display:inline; }
.waitlist-form.is-submitting .form-submit { cursor:wait; opacity:.75; }
.form-message { min-height:24px; margin:-5px 0 0; color:var(--muted-strong); font-size:14px; }
.form-message.is-error { color:#ffacb7; }
.form-message.is-success { color:var(--brand-light); }
.privacy-note { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.privacy-note a { color:var(--brand-light); text-decoration:underline; text-underline-offset:3px; }
.site-footer { display:flex; min-height:102px; align-items:center; justify-content:space-between; border-top:1px solid var(--line-quiet); }
.site-footer > div { display:flex; gap:22px; color:var(--muted); font-size:14px; }
.site-footer a:not(.footer-brand) { transition:color .25s ease; }
.site-footer a:not(.footer-brand):hover { color:var(--white); }
.legal { max-width:760px; padding-block:clamp(75px,11vw,145px); }
.legal h1 { margin-bottom:23px; font-size:clamp(3.4rem,7vw,6.4rem); }
.legal-lead { max-width:540px; margin-bottom:72px; color:var(--muted-strong); font-size:20px; }
.legal-copy { display:grid; gap:42px; }
.legal-copy section { padding-bottom:40px; border-bottom:1px solid var(--line-quiet); }
.legal-copy h2 { margin-bottom:10px; font-size:clamp(1.75rem,3.2vw,2.35rem); }
.legal-copy p { max-width:650px; margin-bottom:0; color:var(--muted); font-size:17px; }
.legal-return { margin-top:50px; }
.not-found-body { min-height:100dvh; }
.not-found { display:grid; min-height:100dvh; align-content:center; justify-items:start; }
.not-found .brand { margin-bottom:105px; }
.not-found .eyebrow { margin-bottom:20px; }
.not-found h1 { max-width:720px; margin-bottom:20px; font-size:clamp(3.6rem,8vw,7rem); }
.not-found p:not(.eyebrow) { max-width:360px; margin-bottom:30px; color:var(--muted); font-size:18px; }

.architecture { padding-bottom:165px; }
.architecture-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(180deg,#0f1628,#0b111e); padding:28px 24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px -30px rgba(0,0,0,.6); isolation:isolate; }
.architecture-card::before { position:absolute; top:-140px; left:50%; transform:translateX(-50%); width:min(800px,90vw); height:280px; border-radius:50%; background:radial-gradient(circle,rgba(66,95,234,.16),transparent 70%); filter:blur(40px); pointer-events:none; content:""; z-index:-1; }
.architecture-svg-wrapper { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.architecture-svg { display:block; width:100%; min-width:880px; height:auto; }
.architecture-scroll-hint { display:none; margin:14px 0 0; color:var(--muted); font-size:12.5px; text-align:center; letter-spacing:.02em; }
.architecture-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; }
.architecture-pillar { position:relative; overflow:hidden; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(10,15,28,.45); isolation:isolate; }
.architecture-pillar h3,.architecture-pillar p { position:relative; z-index:1; }
.architecture-pillar h3 { margin:0 0 9px; font-size:17.5px; font-weight:600; color:var(--white); display:flex; align-items:center; gap:10px; }
.architecture-pillar h3::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.pillar-ce h3::before { background:#8fa6ff; box-shadow:0 0 0 3px rgba(143,166,255,.16); }
.pillar-ee h3::before { background:#b9a2ff; box-shadow:0 0 0 3px rgba(185,162,255,.16); }
.pillar-eco h3::before { background:#aab4c9; box-shadow:0 0 0 3px rgba(170,180,201,.14); }
.architecture-pillar p { margin:0; color:var(--muted); font-size:14.5px; line-height:1.55; text-wrap:pretty; }
.arch-mask { fill:#0d1320; stroke:none; }
.arch-region { stroke-dasharray:4 5; }
.arch-region-ctrl { fill:rgba(143,166,255,.025); stroke:rgba(143,166,255,.24); }
.arch-region-gw { fill:rgba(185,162,255,.025); stroke:rgba(185,162,255,.24); }
.arch-badge-control { fill:#a9bbff; font-family:"Geist Mono",ui-monospace,monospace; }
.arch-badge-gateway { fill:#cbb9ff; font-family:"Geist Mono",ui-monospace,monospace; }
.arch-legend-text { fill:#aab4c9; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-node { transition:transform 180ms ease,filter 180ms ease; }
.arch-node:hover { transform:translateY(-1.5px); }
.arch-c-ce { fill:rgba(95,124,255,.09); stroke:rgba(143,166,255,.85); stroke-width:1.2; }
.arch-c-ee { fill:rgba(160,124,255,.09); stroke:rgba(185,162,255,.85); stroke-width:1.2; }
.arch-c-ext { fill:rgba(170,180,201,.05); stroke:rgba(170,180,201,.42); stroke-width:1.2; }
.arch-ce:hover .arch-c-ce { filter:drop-shadow(0 0 12px rgba(143,166,255,.45)); }
.arch-ee:hover .arch-c-ee { filter:drop-shadow(0 0 12px rgba(185,162,255,.45)); }
.arch-ext:hover .arch-c-ext { filter:drop-shadow(0 0 10px rgba(170,180,201,.3)); }
.arch-glow { filter:drop-shadow(0 0 18px rgba(95,124,255,.3)); }
.arch-tag-ce { fill:rgba(95,124,255,.16); stroke:#8fa6ff; stroke-width:.8; }
.arch-tag-text-ce { fill:#a9bbff; font-family:"Geist Mono",ui-monospace,monospace; }
.arch-tag-ee { fill:rgba(160,124,255,.18); stroke:#b9a2ff; stroke-width:.8; }
.arch-tag-text-ee { fill:#cbb9ff; font-family:"Geist Mono",ui-monospace,monospace; }
.arch-t-title { fill:#f7f9ff; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-t-title-lg { fill:#f7f9ff; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-t-sub { fill:#aab4c9; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-t-sub-dim { fill:#7888a5; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-t-feature { fill:#9aa6bf; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-sigil { fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.arch-sigil-slate { color:#aab4c9; }
.arch-sigil-cyan { color:#8fa6ff; }
.arch-sigil-violet { color:#b9a2ff; }
.arch-track { stroke:rgba(234,240,255,.09); fill:none; }
.arch-stream-cyan { stroke:#b4c3ff; fill:none; stroke-linecap:round; stroke-dasharray:16 600; animation:arch-flow 3.6s linear infinite; }
.arch-stream-violet { stroke:#d2c4ff; fill:none; stroke-linecap:round; stroke-dasharray:16 600; animation:arch-flow 4.2s linear infinite; }
.arch-stream-sync { stroke:#b4c3ff; fill:none; stroke-linecap:round; stroke-dasharray:8 600; animation:arch-flow-short 2.8s linear infinite; }
.arch-stream-sync-violet { stroke:#d2c4ff; fill:none; stroke-linecap:round; stroke-dasharray:8 600; animation:arch-flow-short 2.8s linear infinite; }
.arch-stream-telemetry { stroke:#d2c4ff; fill:none; stroke-linecap:round; stroke-dasharray:8 600; animation:arch-flow-short 2.8s linear infinite; }
@keyframes arch-flow { from { stroke-dashoffset:16; } to { stroke-dashoffset:-320; } }
@keyframes arch-flow-short { from { stroke-dashoffset:8; } to { stroke-dashoffset:-160; } }
.arch-pill-bg { fill:#080c18; stroke:rgba(234,240,255,.1); stroke-width:1; }
.arch-pill-cyan { fill:#a9bbff; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.arch-pill-violet { fill:#cbb9ff; font-family:"Geist",ui-sans-serif,system-ui,sans-serif; }
.js .architecture-card .arch-node { opacity:0; translate:0 8px; transition:opacity .9s var(--ease-out) var(--nd,0s),translate .9s var(--ease-out) var(--nd,0s),transform .18s ease,filter .18s ease; }
.js .architecture-card.is-in .arch-node { opacity:1; translate:0 0; }
#node-bots { --nd:.15s; } #node-agents { --nd:.21s; } #node-apps { --nd:.27s; } #node-workstations { --nd:.33s; }
#node-ai-mcp-gw { --nd:.42s; } #node-api-gw { --nd:.48s; } #node-access-proxy { --nd:.54s; }
#node-ctrl-plane { --nd:.62s; } #node-identity-sso { --nd:.68s; } #node-audit-observability { --nd:.74s; }
#node-upstream-models { --nd:.8s; } #node-upstream-apis { --nd:.86s; } #node-upstream-saas { --nd:.92s; }
.js .architecture-card .arch-track { stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 1.6s var(--ease-in-out) .6s; }
.js .architecture-card.is-in .arch-track { stroke-dashoffset:0; }
.js .architecture-card [class*="arch-stream"],.js .architecture-card [class*="arch-pill"] { opacity:0; transition:opacity .9s ease 1.7s; }
.js .architecture-card.is-in [class*="arch-stream"],.js .architecture-card.is-in [class*="arch-pill"] { opacity:1; }

.js [data-reveal] { opacity:0; transform:translate3d(0,22px,0); transition:opacity 1s var(--ease-out) var(--d,0s),transform 1.2s var(--ease-out) var(--d,0s); }
.js [data-reveal].is-in { opacity:1; transform:none; }
.capability-grid > :nth-child(2),.architecture-pillars > :nth-child(2) { --d:.08s; }
.capability-grid > :nth-child(3),.architecture-pillars > :nth-child(3) { --d:.16s; }
.js [data-ambient]:not(.is-active) .ambient,.js [data-ambient]:not(.is-active)::before { animation-play-state:paused; }
@keyframes rise { from { opacity:0; transform:translate3d(0,18px,0); filter:blur(10px); } to { opacity:1; transform:none; filter:none; } }
@keyframes sheen { from { background-position:100% 0,0 0; } to { background-position:0 0,0 0; } }
@keyframes visual-in { from { opacity:0; transform:scale(1.05); filter:brightness(.35); } to { opacity:1; transform:none; filter:none; } }
@keyframes halo { to { opacity:.85; transform:scale(1.06); } }
@keyframes pop { 40% { transform:scale(.94); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes float { to { transform:translateY(-8px); } }
@keyframes shadow { to { opacity:.55; transform:scale(.8); } }
@keyframes drift { to { transform:translate3d(-60px,40px,0) scale(1.12); } }
@media (max-width:760px) { :root { --shell:min(100% - 32px,1180px); } html.js { scroll-padding-top:76px; } .nav { height:64px; } .brand img,.footer-brand img { width:123px; height:35px; } .nav-links { gap:14px; font-size:13px; } .nav-links > a:first-child { display:none; } .nav-cta { padding:8px 10px; } .hero { padding-top:72px; } .eyebrow { margin-bottom:18px; font-size:11px; } h1 { font-size:clamp(2rem,10.5vw,3.5rem); letter-spacing:-.02em; line-height:1.05; } .hero-summary { max-width:340px; margin-bottom:27px; font-size:16px; } .hero-actions { width:100%; flex-direction:column; } .hero-actions .button { width:min(100%,380px); } .install-command { width:min(100%,380px); gap:8px; padding:8px 8px 8px 12px; } .install-command code { flex:1; min-width:0; overflow-x:auto; font-size:11.5px; text-align:left; white-space:nowrap; scrollbar-width:none; } .hero-visual { width:100%; height:290px; margin-top:14px; } .statement { padding-block:118px 110px; } .statement::before { top:22px; height:64px; } .statement > p:last-child { font-size:16px; } .capabilities { padding-bottom:106px; } .section-intro { margin-bottom:31px; } .section-intro p { font-size:16px; } .section-intro .eyebrow { font-size:11px; } .capability-grid { grid-template-columns:1fr; grid-template-rows:auto; gap:12px; } .capability-card,.capability-discovery { grid-row:auto; min-height:254px; padding:24px; } .capability-discovery { min-height:450px; } .capability-discovery h3,.capability-card h3 { margin-top:75px; font-size:27px; } .card-index { top:20px; left:24px; } .visual-orbit { top:-58px; right:-74px; width:340px; } .visual-rings { top:-150px; right:-130px; } .visual-cube { top:16px; right:16px; width:96px; } .waitlist-section { grid-template-columns:1fr; gap:39px; margin-top:0; margin-bottom:48px; padding:31px 23px; } .waitlist-copy h2 { font-size:2.25rem; } .waitlist-copy > p:last-child { font-size:16px; } .site-footer { min-height:84px; } .site-footer > div { gap:16px; font-size:13px; } .legal { padding-block:72px; } .legal-lead { margin-bottom:48px; font-size:17px; } .legal-copy { gap:31px; } .legal-copy section { padding-bottom:31px; } .legal-copy p { font-size:16px; } .not-found .brand { margin-bottom:70px; } .architecture { padding-bottom:106px; } .architecture-card { padding:18px 14px; } .architecture-scroll-hint { display:block; } .architecture-pillars { grid-template-columns:1fr; gap:12px; } .nav-links > a[href^="#"] { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; transition-delay:0s !important; animation-duration:.01ms !important; animation-delay:0s !important; animation-iteration-count:1 !important; } .ambient,.waitlist-section::before { animation:none !important; } .js [data-reveal] { opacity:1; transform:none; } .js .statement-title { --p:1; } .js .architecture-card .arch-node,.js .architecture-card [class*="arch-pill"] { opacity:1; translate:none; } .js .architecture-card .arch-track { stroke-dashoffset:0; } .js .architecture-card [class*="arch-stream"] { opacity:.6; stroke-dasharray:none; } }
@media (prefers-reduced-transparency:reduce) { .nav-cta,.button-secondary,.install-command,input { background:#0d1320; -webkit-backdrop-filter:none; backdrop-filter:none; } .site-header.is-scrolled { background:#0a0f1c; -webkit-backdrop-filter:none; backdrop-filter:none; } }