:root{--shadow-deep:#252b2a;--shadow-recess:#263033;--structure-cool:#59696c;--structure-mid:#626c6b;--metal-base:#768484;--metal-cool:#738588;--neutral-warm:#979088;--panel-lit:#92a4a7;--panel-bright:#9faead;--architecture:#b5c4c6;--near-white:#c2ced0;--diffuse-max:#cad4d4;--warm-dark:#3e3028;--warm-mid:#745b4d;--cool-light:#95bad7;--cool-mid:#768a9a;--practical:#e6946d;--accent-deep:#0e6fb0;--accent:#1e93dd;--accent-bright:#0f7ac2;--on-accent:#ffffff;--bg:#ffffff;--bg-raised:#f5f6f8;--bg-panel:#f5f6f8;--border:#e4e7eb;--border-strong:#cfd4da;--text:#0e1116;--text-dim:#4d565f;--text-faint:#818b94;--ok:#2e8f5b;--warn:#b45309;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;--maxw:1080px;--radius:14px;--radius-pill:980px}.feature-dark,.hero,.hero-xl,.theme-dark{--bg:#000000;--bg-raised:#101418;--bg-panel:#14181d;--border:#272d34;--border-strong:#3b444d;--text:#f5f7fa;--text-dim:#aab6bf;--text-faint:#6f7b85;--accent-bright:#58c3f7;color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.028em;font-weight:700}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.narrow{max-width:740px}.section{padding:110px 0}.section-tight{padding:72px 0}.rule{height:1px;background:var(--border);border:0}.eyebrow{font-size:14px;letter-spacing:.01em;font-weight:600;color:var(--accent)}.eyebrow-dim{color:var(--text-faint)}.lede{font-size:21px;color:var(--text-dim);line-height:1.5}.mono{font-family:var(--font-mono)}.small{font-size:14px;color:var(--text-dim)}.tiny{font-size:12px;color:var(--text-faint)}.display{font-size:clamp(2.2rem,4.6vw,3.4rem);letter-spacing:-.035em}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}.site-header .bar{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:52px;justify-content:space-between;gap:24px}.brand,.site-header .bar{display:flex;align-items:center}.brand{font-weight:600;font-size:15px;letter-spacing:-.01em;gap:9px;white-space:nowrap}.brand svg{width:19px;height:19px;flex:none}.nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav a:not(.btn){color:var(--text-dim);transition:color .15s}.nav a:not(.btn):hover{color:var(--text)}@media (max-width:720px){.nav .hide-sm{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover{background:var(--accent-deep);color:var(--on-accent)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover{border-color:var(--text-faint);background:rgba(127,139,148,.08)}.btn-sm{padding:7px 16px;font-size:14px}.btn-lg{padding:15px 32px;font-size:17px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.link-more{color:var(--accent);font-size:17px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.link-more:hover{text-decoration:underline}.link-more:after{content:"›";font-size:1.1em;line-height:1}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.panel-accent{border-left:3px solid var(--accent)}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-family:inherit;font-size:15px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.field{margin-bottom:18px}.notice{padding:13px 16px;border-radius:10px;font-size:14px;border:1px solid var(--border-strong);background:var(--bg-panel)}.notice-warn{border-color:var(--warn);color:var(--warn)}.notice-ok{border-color:var(--ok);color:var(--ok)}.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.kv:last-child{border-bottom:0}.kv dt{color:var(--text-faint)}.kv dd{color:var(--text);text-align:right}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-faint);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.glitch{position:relative;display:inline-block}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none;background:var(--bg)}.glitch.on:before{opacity:1;color:var(--accent-deep);animation:g1 .35s steps(2,jump-none) both;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch.on:after{opacity:1;color:var(--accent);animation:g2 .35s steps(2,jump-none) both;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.glitch.on{animation:gs .35s steps(2,jump-none) both}@keyframes g1{0%{transform:translate(-5px,2px)}25%{transform:translate(4px,-1px)}50%{transform:translate(-3px,1px)}75%{transform:translate(4px,-2px)}to{transform:translate(0)}}@keyframes g2{0%{transform:translate(4px,-2px)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-4px,1px)}to{transform:translate(0)}}@keyframes gs{0%{transform:skewX(0deg)}20%{transform:skewX(2deg)}40%{transform:skewX(-1.5deg)}60%{transform:skewX(1deg)}to{transform:skewX(0deg)}}.hero-xl{position:relative;overflow:hidden;background:#000;color:#f5f7fa;min-height:max(88vh,640px);display:flex;align-items:center;justify-content:center;text-align:center}.hero-xl .hero-space{position:absolute;inset:0;width:100%;height:100%}.hero-xl-inner{position:relative;max-width:900px;margin:0 auto;padding:130px 24px 150px}.hero-brand{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:600;letter-spacing:.005em;color:var(--accent-bright)}.hero-slogan{font-size:clamp(2.9rem,7.4vw,5.9rem);font-weight:700;letter-spacing:-.045em;color:#ffffff;margin:14px 0 0;text-shadow:0 2px 28px rgba(0,0,0,.55)}.hero-sub{font-size:clamp(1.15rem,2.1vw,1.5rem);color:#dbe4eb;line-height:1.45;max-width:680px;margin:22px auto 0;text-shadow:0 1px 14px rgba(0,0,0,.7)}.hero-ctas{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:38px}.hero-foot{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:13px;color:#a9b8c2;text-shadow:0 1px 10px rgba(0,0,0,.7)}.feature-dark{background:#000;color:#f5f7fa;padding:120px 0;text-align:center;overflow:hidden}.feature-dark .feature-title{font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.04em;color:#fff}.feature-dark .lede{color:#b9c5ce}.stats-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:15px;color:#aab6bf;margin-top:26px}.stats-row .dot{color:#4b565f}.feature-shot{max-width:940px;margin:64px auto 0;padding:0 24px}.feature-shot>*{border-radius:22px;overflow:hidden;display:block;box-shadow:0 30px 90px rgba(30,147,221,.16)}.hero{position:relative;overflow:hidden;background:#000;color:#f5f7fa;border-bottom:1px solid #14181d}.hero-bg{background:radial-gradient(1100px 520px at 50% -12%,rgba(30,147,221,.25),transparent 62%),radial-gradient(700px 380px at 84% 12%,rgba(88,195,247,.12),transparent 66%),linear-gradient(180deg,#0a1118,#000 74%)}.hero-bg,.hero-grid{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(rgba(118,132,132,.055) 1px,transparent 0),linear-gradient(90deg,rgba(118,132,132,.055) 1px,transparent 0);background-size:64px 64px;mask-image:radial-gradient(ellipse 78% 62% at 50% 34%,#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 62% at 50% 34%,#000 38%,transparent 100%)}.hero-inner{position:relative;padding-top:92px;padding-bottom:84px}.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);grid-gap:52px;gap:52px;align-items:center}.hero-art{margin:0;border:1px solid #272d34;border-radius:var(--radius);overflow:hidden;background:#14181d;padding:0 0 14px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.hero-art figcaption{padding:0 16px;color:#6f7b85}@media (max-width:900px){.hero-split{grid-template-columns:1fr;gap:36px}.hero-art{order:2}}.hero h1{font-size:clamp(2.4rem,6.2vw,4.6rem);margin:20px 0 22px;letter-spacing:-.035em;color:#fff}.hero .lede{max-width:620px;font-size:20px;color:#b9c5ce}.cta-row{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--border);padding:44px 0 60px;margin-top:40px;font-size:14px;color:var(--text-faint);background:var(--bg-raised)}.footer-cols{display:flex;gap:56px;flex-wrap:wrap;justify-content:space-between}.footer-cols a{color:var(--text-dim);display:block;padding:4px 0}.footer-cols a:hover{color:var(--text)}.footer-cols h4{letter-spacing:.1em;color:var(--text-faint);margin-bottom:10px;font-weight:500}.badge,.footer-cols h4{font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:3px 10px;border:1px solid var(--border-strong);border-radius:100px;letter-spacing:.04em;font-weight:600;color:var(--text-dim)}.badge-live{border-color:var(--accent);color:var(--accent)}.stack>*+*{margin-top:16px}.center{text-align:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}