:root{color-scheme:dark;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--header-height:116px;--brand-logo-size:104px;--max-width:1180px;--radius:8px;--shadow:0 22px 80px rgba(0,0,0,.28);--bg:#061014;--bg-soft:#0a171d;--panel:rgba(9,22,28,.86);--panel-strong:rgba(12,29,36,.96);--text:#f0fbff;--muted:#a7bbc5;--border:rgba(134,239,255,.18);--accent:#1de6ff;--accent-2:#77ffb7;--danger:#ff5d7d;--grid:rgba(29,230,255,.1)}
body[data-theme="light-neon"]{color-scheme:light;--bg:#f6fbff;--bg-soft:#eaf5fb;--panel:rgba(255,255,255,.88);--panel-strong:rgba(255,255,255,.97);--text:#10232c;--muted:#4d6570;--border:rgba(16,124,146,.18);--accent:#007f9e;--accent-2:#0aa66a;--danger:#bd2042;--grid:rgba(0,127,158,.1)}
body[data-theme="matrix"]{color-scheme:dark;--bg:#000300;--bg-soft:#020802;--panel:rgba(0,10,4,.92);--panel-strong:rgba(0,18,7,.98);--text:#52ff7a;--muted:#40d866;--border:rgba(63,255,118,.34);--accent:#35ff71;--accent-2:#9cff57;--danger:#ff4f72;--grid:rgba(53,255,113,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34rem),var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.55;transition:background-color 220ms ease,color 220ms ease}body[data-theme="matrix"]{background:#000300}body::before{position:fixed;inset:0;z-index:0;content:"";opacity:0;pointer-events:none}body[data-theme="matrix"]::before{opacity:.42;background:url("./assets/matrix-side-symbols.png") left top/176px auto repeat-y,url("./assets/matrix-side-symbols.png") right top/176px auto repeat-y,linear-gradient(90deg,rgba(35,255,98,.13),transparent 112px) left top/190px 100% no-repeat,linear-gradient(270deg,rgba(35,255,98,.13),transparent 112px) right top/190px 100% no-repeat}body[data-theme="matrix"] h1,body[data-theme="matrix"] h2,body[data-theme="matrix"] h3,body[data-theme="matrix"] p,body[data-theme="matrix"] .site-nav a{ text-shadow:0 0 12px rgba(53,255,113,.2)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}
.site-header{position:sticky;top:0;z-index:10;display:grid;min-height:var(--header-height);align-items:center;gap:22px;grid-template-columns:auto 1fr;padding:8px clamp(18px,4vw,48px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px)}body[data-theme="matrix"] .site-header{background:rgba(0,3,0,.95);box-shadow:0 0 26px rgba(53,255,113,.08)}.brand{display:inline-flex;width:var(--brand-logo-size);min-width:var(--brand-logo-size);align-items:center}.brand-logo-frame{display:block;width:var(--brand-logo-size);height:var(--brand-logo-size);filter:none}.brand-logo-image{display:block;width:100%;height:100%;object-fit:contain}body[data-theme="dark-neon"] .brand-logo-frame{box-shadow:none;filter:drop-shadow(0 0 1px rgba(0,210,255,.95)) drop-shadow(0 0 5px rgba(0,210,255,.8)) drop-shadow(0 0 12px rgba(0,210,255,.48))}body[data-theme="matrix"] .brand-logo-frame{box-shadow:none;filter:drop-shadow(0 0 1px rgba(53,255,113,.95)) drop-shadow(0 0 5px rgba(53,255,113,.8)) drop-shadow(0 0 12px rgba(53,255,113,.48))}
.mobile-menu,.site-nav,.header-actions,.theme-switcher{display:flex;align-items:center}.mobile-menu{min-width:0;justify-content:flex-end;gap:clamp(14px,2vw,26px)}.site-nav{gap:clamp(14px,2vw,26px);color:var(--muted);font-size:.92rem;font-weight:700}.site-nav a{white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--text)}.header-actions{justify-content:flex-end;gap:12px;white-space:nowrap}.theme-switcher{display:inline-grid;grid-template-columns:repeat(3,minmax(54px,auto));gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.theme-switcher button{min-height:36px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:800}.theme-switcher button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 14%,transparent)}.login-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 17px;border:1px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--text);font-weight:800;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent)}.menu-toggle{display:none;width:46px;height:46px;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:currentColor;transition:transform 180ms ease,opacity 180ms ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.section-band{position:relative;z-index:1;width:min(100% - 36px,var(--max-width));margin:0 auto;padding:84px 0}.hero{display:grid;min-height:calc(100svh - var(--header-height));align-items:center;gap:44px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);padding-top:40px}.eyebrow{margin:0 0 14px;color:var(--accent-2);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(2.55rem,5vw,4.35rem);line-height:1.02;letter-spacing:-.045em}h2{margin-bottom:18px;font-size:clamp(2rem,3.3vw,3rem);line-height:1.08;letter-spacing:-.035em}h3{margin-bottom:10px;font-size:1.08rem}.hero-copy,.section-heading p,.split-section>div>p:not(.eyebrow),.blog-promo p,.blog-next p{max-width:700px;color:var(--muted);font-size:1.05rem}.hero-note{max-width:600px;margin:22px 0 0;color:var(--muted);font-size:.88rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius);padding:12px 18px;font-weight:800;cursor:pointer}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#031014;box-shadow:0 18px 46px color-mix(in srgb,var(--accent) 24%,transparent)}.button.secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.button:focus-visible,.login-link:focus-visible,.dialog-close:focus-visible,.dialog-dismiss:focus-visible,.menu-toggle:focus-visible,a:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}
.terminal-preview,.feature-card,.risk-panel,.article-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}body[data-theme="matrix"] .terminal-preview,body[data-theme="matrix"] .feature-card,body[data-theme="matrix"] .risk-panel,body[data-theme="matrix"] .article-card{box-shadow:inset 0 0 0 1px rgba(53,255,113,.1),0 0 28px rgba(53,255,113,.08)}.terminal-preview{overflow:hidden}.preview-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--border);background:var(--panel-strong)}.preview-header>span{width:10px;height:10px;border-radius:50%;background:var(--accent)}.preview-header>span:nth-child(2){background:var(--accent-2)}.preview-header>span:nth-child(3){background:var(--danger)}.preview-header strong{margin-left:auto;color:var(--muted);font-family:var(--font-mono);font-size:.78rem}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid>div{min-height:126px;padding:20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.preview-grid>div:nth-child(2n){border-right:0}.metric-label{display:block;margin-bottom:10px;color:var(--muted);font-family:var(--font-mono);font-size:.76rem}.preview-grid strong{display:block;font-size:1.25rem}.preview-grid small{color:var(--muted);font-size:.8rem}.chart-lines{display:flex;height:130px;align-items:end;gap:12px;padding:20px}.chart-lines span{flex:1;height:var(--height);min-height:24px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent-2) 66%,transparent));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 26%,transparent)}.preview-caption{margin:0;padding:0 18px 16px;color:var(--muted);font-size:.72rem;text-align:right}
.section-heading{max-width:780px;margin-bottom:30px}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{padding:22px}.feature-card>span{display:inline-flex;margin-bottom:22px;color:var(--accent);font-family:var(--font-mono);font-weight:700}.feature-card p{margin-bottom:0;color:var(--muted);font-size:.94rem}.split-section{display:grid;align-items:center;gap:52px;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)}.risk-panel{padding:8px 22px}.risk-line{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border)}.risk-line:last-child{border-bottom:0}.risk-dot{flex:0 0 10px;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 13px var(--accent-2)}.risk-line strong,.risk-line small{display:block}.risk-line small{margin-top:4px;color:var(--muted)}.blog-promo,.blog-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--border)}.blog-promo>div,.blog-next>div{max-width:700px}.blog-promo p,.blog-next p{margin-bottom:0}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;padding:28px clamp(18px,4vw,48px);border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}
.login-dialog{width:min(100% - 32px,480px);max-width:480px;padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--panel-strong);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.48)}.login-dialog::backdrop{background:rgba(0,5,8,.72);backdrop-filter:blur(5px)}.login-dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.login-dialog-head .eyebrow{margin:3px 0 18px}.login-dialog h2{margin-bottom:12px;font-size:2rem}.dialog-close{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);font-size:1.6rem;line-height:1;cursor:pointer}.login-demo-note{padding:12px 14px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted);font-size:.87rem}.login-demo-note strong{color:var(--text)}.login-preview-form{display:grid;gap:14px;margin-top:20px}.login-preview-form label{display:grid;gap:7px;color:var(--muted);font-size:.85rem;font-weight:700}.login-preview-form input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted)}.login-preview-form .button{width:100%;margin-top:3px}.login-preview-form .button:disabled{opacity:.55;cursor:not-allowed}.dialog-dismiss{display:block;margin:14px auto 0;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer}
.blog-hero{padding-top:76px;padding-bottom:52px}.blog-hero h1{max-width:900px}.blog-hero .hero-copy{max-width:750px}.blog-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.blog-topics span,.article-meta span{padding:7px 11px;border:1px solid var(--border);border-radius:99px;background:var(--panel);color:var(--muted);font-size:.78rem;font-weight:700}.article-section{padding-top:20px}.article-card{max-width:860px;margin:0 auto;padding:clamp(24px,5vw,54px)}.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.article-meta span:first-child{color:var(--accent-2)}.article-card h2{font-size:clamp(2rem,4vw,3.1rem)}.article-card>p{color:var(--muted);font-size:1.02rem;line-height:1.8}.article-card .article-lede{color:var(--text);font-size:1.18rem}.article-card strong{color:var(--text)}.article-takeaway{margin:28px 0;padding:18px 20px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.article-takeaway p{margin:0;color:var(--text)}.article-disclaimer{padding-top:18px;border-top:1px solid var(--border);font-size:.83rem!important}.blog-next{padding-top:64px}
@media(max-width:1080px){:root{--brand-logo-size:94px}.site-header{gap:16px}.mobile-menu{gap:16px}.site-nav{gap:15px;font-size:.84rem}.header-actions{gap:8px}.theme-switcher{grid-template-columns:repeat(3,minmax(46px,auto))}.theme-switcher button{padding:0 7px;font-size:.75rem}.login-link{padding-inline:12px}}
@media(max-width:940px){.hero,.split-section{grid-template-columns:1fr}.hero{min-height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-preview{max-width:720px}.mobile-menu{gap:14px}.site-nav{gap:12px}}
@media(max-width:720px){:root{--header-height:auto;--brand-logo-size:76px}body[data-theme="matrix"]::before{opacity:.3;background:url("./assets/matrix-side-symbols.png") left top/76px auto repeat-y,url("./assets/matrix-side-symbols.png") right top/76px auto repeat-y}.site-header{position:sticky;gap:8px 14px;grid-template-columns:auto auto;justify-content:space-between;padding:8px 14px}.menu-toggle{display:inline-flex;flex-direction:column;justify-self:end}.mobile-menu{display:none;grid-column:1/-1;width:100%;align-items:stretch;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow)}.site-header.is-menu-open .mobile-menu{display:grid}.site-nav{display:grid;grid-template-columns:1fr;gap:7px;color:var(--text);font-size:.94rem}.site-nav a{min-height:42px;align-content:center;padding:8px 10px;border-radius:6px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.header-actions{display:grid;width:100%;gap:10px}.theme-switcher{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.theme-switcher button{min-height:42px}.login-link{width:100%}.section-band{width:min(100% - 28px,var(--max-width));padding:64px 0}.hero{padding-top:42px}h1{font-size:2.55rem}h2{font-size:2rem}.feature-grid,.preview-grid{grid-template-columns:1fr}.preview-grid>div{border-right:0}.blog-promo,.blog-next{align-items:stretch;flex-direction:column}.blog-promo .button,.blog-next .button{width:100%}.site-footer{flex-direction:column}.blog-hero{padding-bottom:36px}.article-card{padding:24px}}
@media(max-width:430px){:root{--brand-logo-size:68px}.site-header{padding-inline:12px}.menu-toggle{width:44px;height:44px}h1{font-size:2.18rem}.button{width:100%}.hero-actions{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Soft Matrix rails and borderless surfaces; retain keyboard focus outlines. */
body[data-theme="matrix"]{--matrix-rail-width:176px}
body[data-theme="matrix"]::before{
  background:url("./assets/matrix-side-symbols.png") left top/var(--matrix-rail-width) auto repeat-y,url("./assets/matrix-side-symbols.png") right top/var(--matrix-rail-width) auto repeat-y;
  -webkit-mask-image:linear-gradient(to right,#000 0,rgba(0,0,0,.8) 18%,rgba(0,0,0,.3) 55%,transparent 100%),linear-gradient(to left,#000 0,rgba(0,0,0,.8) 18%,rgba(0,0,0,.3) 55%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0,rgba(0,0,0,.8) 18%,rgba(0,0,0,.3) 55%,transparent 100%),linear-gradient(to left,#000 0,rgba(0,0,0,.8) 18%,rgba(0,0,0,.3) 55%,transparent 100%);
  -webkit-mask-size:var(--matrix-rail-width) 100%;mask-size:var(--matrix-rail-width) 100%;
  -webkit-mask-position:left top,right top;mask-position:left top,right top;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
body[data-theme="matrix"] *{border:0}
body[data-theme="matrix"] .site-header{box-shadow:none}
body[data-theme="matrix"] .terminal-preview,
body[data-theme="matrix"] .feature-card,
body[data-theme="matrix"] .risk-panel,
body[data-theme="matrix"] .article-card{box-shadow:0 0 28px rgba(53,255,113,.06)}
.site-footer{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding-block:34px}
.footer-brand{font-weight:700;color:var(--text)}
.footer-disclaimer{max-width:720px}
.social-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted);transition:color 180ms ease,background-color 180ms ease}
.social-links a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.social-links svg{width:21px;height:21px}
@media(max-width:720px){body[data-theme="matrix"]{--matrix-rail-width:76px}.footer-disclaimer{max-width:440px}}