:root{--blue:#2f74ff;--blue-bright:#6ca0ff;--ink:#060a12;--panel:#0c121e;--line:rgba(157,181,221,.18);--muted:#94a2bb;--white:#edf4ff;--mono:'DM Mono',ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Manrope,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(73,111,175,.04) 1px,transparent 1px),linear-gradient(rgba(73,111,175,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 72%);z-index:-2}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header,.hero,.signal-strip,.quick-start,.site-footer{max-width:1240px;margin:auto;padding-left:34px;padding-right:34px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--white);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.12em}.brand img{width:34px;height:30px;object-fit:contain}.brand small{display:block;color:#71809b;font:400 8px/1 var(--mono);letter-spacing:.12em;margin-top:3px}.nav-links{display:flex;align-items:center;gap:31px;font-size:13px}.nav-links a,.site-footer a{color:#aab9d2;text-decoration:none;transition:color .2s}.nav-links a:hover,.site-footer a:hover{color:var(--white)}.nav-cta{border:1px solid rgba(108,160,255,.62);padding:9px 15px;color:var(--white)!important}.nav-cta span{color:var(--blue-bright);margin-left:10px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button i{display:block;width:22px;height:1px;background:var(--white);margin:5px}.hero{min-height:665px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;position:relative}.hero-copy{padding:75px 0 80px;position:relative;z-index:2}.eyebrow,.trust-line,.section-index,.signal-number,.endpoint-label,.visual-label{font:500 10px var(--mono);letter-spacing:.16em;color:#8090ae}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:27px}.eyebrow b{color:#4b5c79;font-weight:400;margin-left:5px}.pulse{display:inline-block;width:6px;height:6px;background:var(--blue);box-shadow:0 0 14px var(--blue);border-radius:50%}.hero h1{font-size:clamp(42px,5vw,76px);letter-spacing:-.055em;line-height:1.08;margin:0 0 24px;font-weight:700}.hero h1 em{font-style:normal;color:#8ea5c8}.hero-lede{color:var(--muted);font-size:16px;max-width:465px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;align-items:center;margin-bottom:36px}.button{display:inline-flex;align-items:center;gap:20px;padding:12px 18px;text-decoration:none;font-size:13px;font-weight:600}.button.primary{background:var(--blue);color:white;box-shadow:0 0 28px rgba(47,116,255,.22)}.button.primary span{font-size:17px}.button.ghost{border:1px solid var(--line);color:#c8d5ea}.button.ghost span{color:var(--blue-bright);font-size:18px}.endpoint{width:min(100%,420px);border:1px solid var(--line);background:rgba(13,20,33,.7);display:flex;justify-content:space-between;align-items:center;padding:11px 13px 11px 15px}.endpoint-label{display:block;font-size:8px;color:#61718e;margin-bottom:3px}.endpoint code{font:400 12px var(--mono);color:#dbe7ff}.endpoint button{background:none;border:0;border-left:1px solid var(--line);padding-left:13px;color:var(--blue-bright);font:500 10px var(--mono);cursor:pointer}.endpoint button span{font-size:15px;margin-left:4px}.trust-line{display:flex;gap:10px;margin-top:21px;color:#5f708d;font-size:9px}.hero-visual{height:590px;position:relative;display:grid;place-items:center;perspective:900px}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(34,89,204,.12);filter:blur(70px)}.hero-visual canvas{position:absolute;width:min(90%,650px);height:auto;opacity:.76;mix-blend-mode:screen}.orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(82,137,255,.34);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 35px rgba(46,108,255,.06)}.orbit-one{transform:rotateX(66deg) rotateZ(-21deg);animation:spin 18s linear infinite}.orbit-two{width:285px;height:285px;transform:rotateY(72deg) rotateZ(32deg);border-color:rgba(110,163,255,.23);animation:spinReverse 14s linear infinite}.orbit-three{width:445px;height:195px;transform:rotateX(72deg) rotateZ(32deg);border-color:rgba(72,122,235,.26);animation:spin 25s linear infinite}.core-shell{width:152px;height:152px;border:1px solid rgba(111,166,255,.65);transform:rotateX(14deg) rotateY(-15deg);display:grid;place-items:center;position:relative;background:radial-gradient(circle at 36% 30%,rgba(108,160,255,.25),rgba(8,14,26,.92) 64%);box-shadow:inset 0 0 34px rgba(50,121,255,.22),0 0 45px rgba(47,116,255,.2);z-index:1}.core-shell:before,.core-shell:after{content:"";position:absolute;border:1px solid rgba(108,160,255,.35);inset:13px;transform:rotate(45deg)}.core-shell:after{inset:27px;transform:rotate(22deg)}.core-mark{font:700 25px var(--sans);letter-spacing:-.12em;color:#e6efff;position:relative;z-index:2}.core-glow{position:absolute;width:45px;height:45px;background:var(--blue);filter:blur(26px);opacity:.5}.axis{position:absolute;background:rgba(103,152,245,.28)}.axis-x{width:480px;height:1px}.axis-y{width:1px;height:440px}.node{position:absolute;width:7px;height:7px;background:var(--blue-bright);box-shadow:0 0 16px 3px rgba(66,132,255,.75);border-radius:50%}.node-a{top:23%;left:20%}.node-b{right:15%;top:39%}.node-c{bottom:23%;left:34%}.visual-label{position:absolute;display:flex;gap:10px;z-index:2}.visual-label strong{color:var(--blue-bright);font-weight:500}.label-top{top:22%;right:3%}.label-bottom{bottom:20%;left:6%}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.08fr 1fr 1fr 1fr;gap:28px;padding-top:28px;padding-bottom:30px}.strip-intro{display:flex;flex-direction:column;gap:13px;color:#7385a4;font:500 10px var(--mono);letter-spacing:.16em}.section-index{color:var(--blue-bright)}.signal-item{display:flex;gap:16px}.signal-number{color:#4e6182}.signal-item h2{font-size:15px;letter-spacing:-.02em;margin:0 0 5px}.signal-item p{font-size:12px;color:#7989a5;margin:0;max-width:190px}.quick-start{padding-top:110px;padding-bottom:110px}.section-heading{display:grid;grid-template-columns:55px 1fr 1fr;align-items:start;margin-bottom:39px}.section-heading h2{font-size:31px;letter-spacing:-.04em;margin:0}.section-heading p{color:var(--muted);font-size:13px;max-width:260px;margin:5px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{min-height:200px;padding:23px 22px 20px 0;border-right:1px solid var(--line);position:relative;color:var(--white);text-decoration:none}.step:not(:first-child){padding-left:22px}.step:last-child{border-right:0}.step>span{font:500 10px var(--mono);color:var(--blue-bright)}.step h3{font-size:17px;margin:36px 0 9px}.step p{color:#7f8fa9;font-size:12px;max-width:180px;margin:0}.step b{position:absolute;right:20px;bottom:20px;color:var(--blue-bright);font-size:18px;font-weight:400}.step:hover h3{color:var(--blue-bright)}.site-footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#63738f;font:10px var(--mono);letter-spacing:.09em}.site-footer div{display:flex;gap:22px}.site-footer a{font:10px var(--mono)}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,20px);opacity:0;background:#16243d;color:#dce9ff;border:1px solid #2a5eb4;padding:9px 14px;font-size:12px;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotateX(66deg) rotateZ(339deg)}}@keyframes spinReverse{to{transform:rotateY(72deg) rotateZ(-328deg)}}@media (max-width:800px){.site-header,.hero,.signal-strip,.quick-start,.site-footer{padding-left:22px;padding-right:22px}.site-header{height:70px}.nav-links{display:none}.menu-button{display:block}.nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#090f1a;border-bottom:1px solid var(--line);padding:17px 22px;z-index:8;gap:19px;flex-direction:column;align-items:flex-start}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:70px 0 5px}.hero h1{font-size:46px}.hero-lede{font-size:14px}.hero-visual{height:390px;margin-top:-12px}.orbit{width:265px;height:265px}.orbit-two{width:210px;height:210px}.orbit-three{width:320px;height:140px}.core-shell{width:112px;height:112px}.axis-x{width:350px}.axis-y{height:330px}.label-top{right:0;top:13%}.label-bottom{left:0;bottom:14%}.signal-strip{grid-template-columns:1fr;gap:21px;padding-top:25px}.strip-intro{flex-direction:row;gap:13px}.signal-item{padding-left:4px}.quick-start{padding-top:75px;padding-bottom:70px}.section-heading{grid-template-columns:42px 1fr;gap:0 12px}.section-heading p{grid-column:2;margin-top:8px}.section-heading h2{font-size:28px}.steps{grid-template-columns:1fr 1fr}.step,.step:not(:first-child){min-height:165px;padding:19px 15px 17px 0}.step:not(:first-child){padding-left:15px}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.step h3{margin-top:27px;font-size:15px}.site-footer{min-height:105px;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:20px;padding-bottom:20px}.site-footer div{grid-column:1 / -1;gap:18px}.trust-line{font-size:8px;gap:7px;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep the decorative 3D scene inside the mobile viewport after rotation. */
@media (max-width:800px){.hero-visual{overflow:hidden}}

.hero h1{font-size:64px;letter-spacing:0;line-height:1.12}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 em{display:block;font-style:normal;color:#91a8ca}
.hero-visual{overflow:hidden;isolation:isolate}
.hero-visual:before{content:none}
#scene-3d{position:absolute;inset:0;z-index:1}
#scene-3d canvas{display:block;width:100%;height:100%;max-width:none;opacity:1;mix-blend-mode:normal}
.scene-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);display:grid;place-items:center;width:180px;aspect-ratio:1;border:1px solid #498cff;background:#0b1c38;color:#b9d3ff;font-size:46px;font-weight:800;box-shadow:inset 0 0 55px #173e81,0 0 80px #102f67}
#scene-3d.webgl-ready+.scene-fallback{display:none}
.visual-label{z-index:3;pointer-events:none}
.label-top{top:18%;right:3%}
.label-bottom{bottom:17%;left:3%}
@media(max-width:1100px){.hero h1{font-size:54px}}
@media(max-width:800px){.hero h1{font-size:43px}.hero-visual{height:390px}.label-top{top:10%;right:0}.label-bottom{bottom:10%;left:0}}
@media(max-width:380px){.hero h1{font-size:38px}}

.icon{display:inline-block;flex:none;width:17px;height:17px;vertical-align:middle}
.nav-cta{display:inline-flex;align-items:center;gap:10px}
.nav-cta .icon,.button.ghost .icon,.endpoint .icon,.step-arrow{color:var(--blue-bright)}
.button .icon{width:18px;height:18px}
.endpoint button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.endpoint .icon{width:15px;height:15px}
.step .step-arrow{position:absolute;right:20px;bottom:20px;width:18px;height:18px}