:root{--bg:#0d0f12;--panel:#15181d;--panel-soft:#1a1e24;--ink:#eef0f2;--muted:#a2aab7;--accent:#ffae70;--line:#2b3038;--paper:#15181d;--dark:#eef0f2;--sans:'Manrope','DM Sans',Arial,sans-serif;--serif:var(--sans);--mono:'IBM Plex Mono',monospace;color-scheme:dark}
html{scroll-padding-top:94px}body{background:var(--bg);font-family:var(--sans);color:var(--ink)}em{font-style:normal}
.wrap{width:calc(100% - 112px);max-width:1280px}
.site-header{height:76px;background:#0d0f12e8;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(20px)}.site-header.scrolled{background:#0d0f12f5;border-color:var(--line)}
.wordmark{gap:14px}.monogram{display:grid;place-items:center;background:#ffae7010;border:1px solid #ffae7033;width:39px;height:39px;padding:0;border-radius:10px;font-size:23px;letter-spacing:-2px}.monogram>span{font-size:12px;right:-4px;top:-5px;background:var(--bg);line-height:1.2}
.wordmark-name{border:0;padding-left:0;font-size:13px;font-weight:650;letter-spacing:-.3px}.main-nav{gap:27px}.main-nav>a{font-size:11px;font-weight:550;color:#a8b0be}.main-nav>a:hover,.main-nav>a[aria-current]{color:var(--ink)}.main-nav .nav-contact{background:#ffae7010;border:1px solid #ffae7038;border-radius:6px;padding:8px 14px;color:var(--accent);margin-left:8px;gap:16px}.main-nav .nav-contact:hover{background:#ffae701c}.nav-contact>span{font-size:17px}
.eyebrow{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:1.25px;color:var(--accent)}
.button{font-size:12px;font-weight:650;border-radius:6px;padding:13px 20px;gap:24px;letter-spacing:-.1px}.button-primary{background:var(--accent);color:#211810}.button-primary:hover{background:#ffc393;box-shadow:0 6px 25px #ffae7015}.button-outline{background:#ffffff03;color:var(--ink);border:1px solid #353c47}.button-outline:hover{background:#ffffff08;border-color:#637083}.button>span{font-size:20px}
.text-link{font-size:12px;gap:22px;border-color:#444c58}.text-link>span{color:var(--accent)}
.site-footer{padding-block:29px;border-top:1px solid var(--line)}.footer-name{font-size:12px;color:#d9dee6}.site-footer>p{font-size:9px;letter-spacing:.4px;line-height:1.8;color:#8c96a6}.back-top{font-size:11px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{background:#15191f;border-color:#3c4755;border-radius:12px;box-shadow:0 35px 100px #000a}dialog::backdrop{background:#07090de0;backdrop-filter:blur(12px)}.dialog-heading h2{font-size:27px;line-height:1.25;letter-spacing:-.9px}.dialog-heading .eyebrow{font-size:10px}.dialog-close{border-color:#3c4654;color:#b5bfce}.demo-label{color:#a6b2c4;font-size:10px}#demo-body .demo-note{background:#ffae7008;border-color:#ffae702e;color:#e2b494;font-size:11px}.field select{background:#0e1218;border-color:#3a4656}.risk-result{background:#1d2024;border-color:#5e4937}.risk-result>p{color:#b7c0ce}.risk-result[data-level=low]{background:#152320;border-color:#3d7566}.risk-result[data-level=critical]{background:#30201c;border-color:#bd7957}.checkline{border-color:#303a47}.checkline small{color:#aab5c5}.checkline:has(input:checked){background:#ffae7008;border-color:#ba875d}.step-tabs button{background:#11161e;border-color:#354050;color:#b3bfce}.step-tabs button>span{color:#91a0b6}.step-panel p{color:#aebbd0}.step-evidence{background:#1d242f}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.main-nav{gap:19px}.main-nav .nav-contact{margin-left:0}.wordmark-name{font-size:12px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:72px}.main-nav{top:72px;background:#11151b;border-color:#2d3540;padding:20px 24px 26px;gap:0}.main-nav>a{font-size:15px;padding:11px 0}.main-nav .nav-contact{margin-top:12px;padding:10px 15px}.menu-toggle{border-color:#384453;width:38px;height:38px;border-radius:8px}.wordmark-name{font-size:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.button{font-size:11px;padding:12px 16px;gap:20px}.site-footer{gap:18px}.site-footer>p{font-size:8px}.back-top{font-size:10px}.dialog-heading h2{font-size:23px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.wordmark-name{font-size:11px}.wordmark{gap:11px}.monogram{width:35px;height:35px;font-size:21px}.site-footer>p{font-size:8px}}
