:root,[data-theme=unifi] :root,[data-theme=unifi]{--ink:#0a0d12;--ink-2:#13171f;--ink-3:#1a1f2a;--ink-4:#232934;--rule:#232934;--rule-2:#1a1f2a;--text:#f4f5f7;--text-2:#a8b0bd;--text-3:#6e7785;--text-4:#4a5260;--mark:#3aa8ff;--mark-dim:#1f547f;--mark-line:#3aa8ff52;--mark-glow:#3aa8ff14;--ok:#4ade80;--warn:#fbbf24;--alert:#f87171;--font-display:"Space Grotesk", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--max-w:1180px;--pad-x:40px;--pad-y:96px}[data-theme=carbon],[data-theme=carbon] :root{--ink:#0d0d0e;--ink-2:#161617;--ink-3:#1d1d1f;--ink-4:#26262a;--rule:#2a2a2e;--rule-2:#1d1d1f;--text:#e8e6df;--text-2:#a09b8e;--text-3:#6e6a5e;--text-4:#4a4740;--mark:#d4a854;--mark-dim:#6b5224;--mark-line:#d4a85452;--mark-glow:#d4a8540f;--ok:#8fb280;--warn:#d4a854;--alert:#c25c4a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--ink);color:var(--text-2);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-weight:400;line-height:1.6;display:flex;position:relative}body:before{content:"";background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--mark-glow) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 100% 100%, var(--mark-glow) 0%, transparent 60%);pointer-events:none;z-index:0;position:fixed;inset:0}body:after{content:"";opacity:.12;pointer-events:none;z-index:0;background:url(/vantasner-mark-watermark.svg) 50%/min(85vmin,880px) no-repeat;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:100%;max-width:var(--max-w);padding:0 var(--pad-x);z-index:1;margin:0 auto;position:relative}.label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mark);align-items:center;gap:10px;margin-bottom:18px;font-size:.66rem;display:inline-flex}.label:before{content:"";background:var(--mark);width:7px;height:7px;box-shadow:0 0 8px var(--mark-line);border-radius:50%}.label--muted{color:var(--text-3)}.label--muted:before{background:var(--text-3);box-shadow:none}.tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-size:.6rem}.headline{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:600;line-height:1.04}.headline em{color:var(--mark);font-style:italic;font-weight:400}.heading{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:600;line-height:1.1}.heading em{color:var(--mark);font-style:italic;font-weight:400}.sub{font-family:var(--font-sans);color:var(--text-2);max-width:56ch;font-size:1rem;font-weight:400;line-height:1.7}.section{padding:var(--pad-y) var(--pad-x);z-index:1;position:relative}.section--tight{padding:56px var(--pad-x)}.section-inner{max-width:var(--max-w);margin:0 auto}.btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:2px;align-items:center;gap:10px;padding:14px 22px;font-size:.74rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn--primary{color:var(--ink);background:var(--mark);border-color:var(--mark)}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 0 24px var(--mark-line)}.btn--ghost{color:var(--text-2);border-color:var(--rule);background:0 0}.btn--ghost:hover{border-color:var(--text-2);color:var(--text)}.btn--outline{color:var(--mark);background:var(--ink-2);border-color:var(--mark-line)}.btn--outline:hover{border-color:var(--mark)}.btn-arrow:after{content:"→";opacity:.9}.live-pip{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;font-size:.6rem;display:inline-flex}.live-pip:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite live-pulse;box-shadow:0 0 6px #4ade808c}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.mark-pip{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mark);align-items:center;gap:8px;font-size:.6rem;display:inline-flex}.mark-pip:before{content:"";background:var(--mark);width:6px;height:6px;box-shadow:0 0 6px var(--mark-line);border-radius:50%}.site-header{background:var(--ink);z-index:1;position:relative}.site-header-inner{max-width:var(--max-w);padding:38px var(--pad-x) 0;margin:0 auto}.site-header .header-top{justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px;display:flex}.site-header .logo-lockup{align-items:center;gap:22px;min-width:0;display:flex}.site-header .logo-mark{flex-shrink:0;width:84px;height:84px;display:block}.site-header .wordmark{flex-direction:column;gap:6px;min-width:0;display:flex}.site-header .wordmark-main{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(2rem,4.2vw,3rem);font-weight:600;line-height:1}.site-header .wordmark-sub{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);font-size:.6rem}.site-header .header-meta{text-align:right;font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-3);text-transform:uppercase;flex-shrink:0;font-size:.6rem;line-height:2}.site-header .header-meta a{color:var(--mark);text-decoration:none;transition:color .15s}.site-header .header-meta a:hover{color:var(--text)}.site-header .header-rule{background:linear-gradient(90deg, var(--mark), transparent 60%);height:1px;margin-top:-1px}@media (max-width:720px){.site-header-inner{padding-top:28px}.site-header .header-top{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:20px}.site-header .header-meta{text-align:left}.site-header .logo-mark{width:64px;height:64px}.site-header .wordmark-main{letter-spacing:.03em}}.nav{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);z-index:100;background:#0a0d12c7;position:sticky;top:0}[data-theme=carbon] .nav{background:#0d0d0ec7}.nav-inner{max-width:var(--max-w);padding:0 var(--pad-x);justify-content:space-between;align-items:center;gap:24px;height:70px;margin:0 auto;display:flex}.nav-brand{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;align-items:center;gap:14px;font-size:1.1rem;font-weight:700;display:flex}.nav-brand-mark{width:22px;height:22px;display:inline-block;position:relative}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{font-family:var(--font-sans);color:var(--text-3);font-size:.88rem;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--text)}.hero{padding:100px var(--pad-x) 96px;border-bottom:1px solid var(--rule);z-index:1;position:relative;overflow:hidden}.hero-inner{max-width:var(--max-w);grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;margin:0 auto;display:grid;position:relative}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.spec{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.04em;flex-wrap:wrap;gap:6px 16px;margin-top:22px;font-size:.74rem;display:flex}.spec strong{color:var(--mark);font-weight:500}.cap-stack{background:var(--ink-2);border:1px solid var(--rule);border-radius:4px;flex-direction:column;gap:8px;padding:8px;display:flex}.cap-stack-head{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--rule);padding:12px 14px 8px;font-size:.58rem}.cap-row{border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;transition:background .15s;display:grid}.cap-row:hover{background:var(--ink-3)}.cap-row-dot{background:var(--mark);width:8px;height:8px;box-shadow:0 0 6px var(--mark-line);border-radius:50%}.cap-row-name{font-family:var(--font-display);color:var(--text);font-size:.92rem;font-weight:600}.cap-row-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.62rem}.section-head{margin-bottom:56px}.section-head .heading{margin-top:8px}.cards{background:var(--rule);border:1px solid var(--rule);border-radius:4px;gap:1px;display:grid;overflow:hidden}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--2{grid-template-columns:repeat(2,1fr)}.card{background:var(--ink);min-height:220px;padding:36px 32px;text-decoration:none;transition:background .2s;display:block;position:relative}.card:hover{background:var(--ink-2)}.card:hover .card-arrow{color:var(--mark);transform:translate(3px)}.card-channel{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mark);align-items:center;gap:10px;margin-bottom:18px;font-size:.56rem;display:flex}.card-channel:before{content:"";background:var(--mark);width:18px;height:1px;box-shadow:0 0 4px var(--mark-line)}.card-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:1.2rem;font-weight:600;line-height:1.2}.card-desc{font-family:var(--font-sans);color:var(--text-3);font-size:.9rem;line-height:1.65}.card-arrow{font-family:var(--font-mono);color:var(--rule);font-size:.9rem;transition:color .15s,transform .15s;position:absolute;bottom:24px;right:28px}.quad{background:var(--rule);border:1px solid var(--rule);border-radius:4px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.quad-cell{background:var(--ink-2);padding:32px 28px;position:relative}.quad-cell-num{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mark);margin-bottom:16px;font-size:.58rem;display:block}.quad-cell-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;margin-bottom:12px;font-size:1.4rem;font-weight:700;line-height:1.05}.quad-cell-desc{font-family:var(--font-sans);color:var(--text-3);font-size:.84rem;line-height:1.6}.callout{background:var(--ink-2);border:1px solid var(--rule);border-radius:4px;padding:56px;position:relative;overflow:hidden}.callout:before{content:"";background:var(--mark);width:3px;box-shadow:0 0 12px var(--mark-line);position:absolute;top:0;bottom:0;left:0}.callout-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mark);margin-bottom:14px;font-size:.58rem}.callout-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;max-width:32ch;margin-bottom:20px;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:600;line-height:1.2}.callout-body{font-family:var(--font-sans);color:var(--text-2);max-width:60ch;margin-bottom:28px;font-size:1rem;line-height:1.75}.callout-spec{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 32px;padding-top:24px;font-size:.7rem;display:flex}.callout-spec strong{color:var(--mark);font-weight:500}.appendix{background:var(--rule);border:1px solid var(--rule);border-radius:4px;grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid;overflow:hidden}.appendix-col{background:var(--ink-2);padding:32px 28px}.appendix-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mark);margin-bottom:14px;font-size:.6rem}.appendix-content{font-family:var(--font-sans);color:var(--text-2);font-size:.92rem;line-height:1.7}.appendix-content a{color:var(--mark);border-bottom:1px solid var(--mark-line);text-decoration:none;transition:border-color .15s}.appendix-content a:hover{border-color:var(--mark)}.form-input,.form-textarea{font-family:var(--font-mono);background:var(--ink);border:1px solid var(--rule);color:var(--text);border-radius:2px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px;font-size:.82rem;transition:border-color .15s;display:block}.form-input:focus,.form-textarea:focus{border-color:var(--mark)}.form-textarea{resize:vertical;min-height:100px}.footer{background:var(--ink-2);border-top:1px solid var(--rule);padding:36px var(--pad-x) 32px;z-index:1;margin-top:auto;position:relative}.footer-inner{max-width:var(--max-w);font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;font-size:.66rem;display:flex}.footer-inner a{color:var(--text-3);border-bottom:1px solid #0000;transition:color .15s,border-color .15s}.footer-inner a:hover{color:var(--text-2);border-color:var(--text-3)}.page-hero{padding:88px var(--pad-x) 56px;border-bottom:1px solid var(--rule);z-index:1;position:relative}.page-hero-inner{max-width:var(--max-w);margin:0 auto}.back-link{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin-bottom:28px;font-size:.7rem;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--mark)}.back-link:before{content:"←";opacity:.8}.product-figure{max-width:var(--max-w);padding:0 var(--pad-x);z-index:1;margin:0 auto;position:relative}.product-figure-frame{background:var(--ink-2);border:1px solid var(--rule);border-radius:4px;position:relative;overflow:hidden}.product-figure-frame img{object-fit:cover;object-position:center;width:100%;height:auto;max-height:420px;display:block}.product-figure-frame:before{content:"";background:var(--mark);width:3px;box-shadow:0 0 10px var(--mark-line);z-index:2;position:absolute;top:0;bottom:0;left:0}.product-figure-caption{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);border-top:1px solid var(--rule);background:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px;font-size:.62rem;display:flex}.product-figure-caption a{color:var(--mark);border-bottom:1px solid var(--mark-line);transition:border-color .15s}.product-figure-caption a:hover{border-color:var(--mark)}.cols-2-content{grid-template-columns:1fr 1fr;gap:56px;display:grid}.cols-2-content .heading{margin-top:8px;margin-bottom:20px;font-size:clamp(1.4rem,2.2vw,1.8rem)}.product-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.product-list li{border-bottom:1px solid var(--rule);font-family:var(--font-sans);color:var(--text-2);padding:18px 0;font-size:.92rem;line-height:1.65}.product-list li strong{font-family:var(--font-display);color:var(--text);letter-spacing:-.005em;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.approach-prose p{font-family:var(--font-sans);color:var(--text-2);margin-bottom:18px;font-size:.95rem;line-height:1.75}.page-cta{background:var(--ink-2);border:1px solid var(--rule);text-align:left;border-radius:4px;padding:48px 56px;position:relative;overflow:hidden}.page-cta:before{content:"";background:var(--mark);width:3px;box-shadow:0 0 12px var(--mark-line);position:absolute;top:0;bottom:0;left:0}.page-cta-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mark);margin-bottom:14px;font-size:.6rem}.page-cta-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;max-width:30ch;margin-bottom:28px;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600;line-height:1.2}.trademark-notice{border-top:1px solid var(--rule);background:var(--ink);padding:28px var(--pad-x) 32px;z-index:1;position:relative}.trademark-notice-inner{max-width:var(--max-w);margin:0 auto}.trademark-notice p{font-family:var(--font-sans);color:var(--text-4);max-width:90ch;font-size:.74rem;font-weight:300;line-height:1.65}.range-illustration{background:var(--ink-2);border:1px solid var(--rule);max-width:var(--max-w);border-radius:4px;justify-content:center;align-items:center;min-height:320px;margin:0 auto;padding:80px 40px;display:flex;position:relative;overflow:hidden}.range-illustration:before{content:"";background:var(--mark);width:3px;box-shadow:0 0 12px var(--mark-line);position:absolute;top:0;bottom:0;left:0}.range-illustration svg{max-width:100%;height:auto;display:block}@media (max-width:980px){:root{--pad-x:28px;--pad-y:72px}.hero-inner{grid-template-columns:1fr;gap:56px}.quad,.cards--3{grid-template-columns:repeat(2,1fr)}.appendix{grid-template-columns:1fr}.callout{padding:40px 32px}}@media (max-width:640px){:root{--pad-x:22px;--pad-y:56px}.quad,.cards--3,.cards--2{grid-template-columns:1fr}.nav-links{gap:18px}.nav-link{font-size:.8rem}.hero{padding:64px var(--pad-x) 56px}}@media (max-width:880px){.cols-2-content{grid-template-columns:1fr;gap:32px}.product-figure-frame img{max-height:280px}.page-cta{padding:32px 28px}.page-hero{padding:56px var(--pad-x) 40px}}
