:root{--bg:#06090b;--surface:#0c1014;--surface-2:#111920;--border:#1a2530;--border-bright:#253040;--text:#f0f4f8;--muted:#8899aa;--dim:#556677;--accent:#00f5ff;--accent-dim:rgba(0,245,255,.1);--green:#00e676;--amber:#f59e0b;--red:#ff4d6a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Satoshi,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 25% 15%,rgba(0,245,255,.045),transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(0,245,255,.02),transparent 48%);pointer-events:none}
.container{width:min(1200px,calc(100% - 48px));margin:auto;position:relative}
.topbar{padding:24px 0;border-bottom:1px solid var(--border)}
.topbar-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between}
.logo-link{display:inline-flex}.logo-img{height:32px}.topnav{display:flex;gap:30px;align-items:center}
.topnav-link,footer a{font:12px 'DM Mono',monospace;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.topnav-link:hover,.topnav-link[aria-current=page],footer a:hover{color:var(--text)}
.hero{padding:92px 0 72px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.eyebrow,.section-label{font:12px 'DM Mono',monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.hero h1{font:400 clamp(52px,7vw,86px)/1.02 'Instrument Serif',serif;letter-spacing:-.025em}.hero h1 em{color:var(--accent);font-style:italic}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted)}.hero-copy .hero-note{font:11px 'DM Mono',monospace;color:var(--dim);margin-top:18px;text-transform:uppercase;letter-spacing:.05em}
.calculator-section{padding:80px 0 112px;border-top:1px solid var(--border)}.calculator-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.calculator-heading h2,.methodology h2,.cta h2{font:400 clamp(38px,5vw,58px)/1.08 'Instrument Serif',serif}.scenario-control{display:flex;border:1px solid var(--border);padding:4px;background:var(--surface)}.scenario-button{border:0;background:transparent;color:var(--muted);padding:9px 13px;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.scenario-button:hover{color:var(--text)}.scenario-button.active{background:var(--accent-dim);color:var(--accent)}
.calculator-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);border:1px solid var(--border);background:var(--surface)}.inputs-panel{padding:34px;border-right:1px solid var(--border)}.input-group{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--border)}.input-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:15px}.input-heading label{font-size:14px;color:var(--muted);line-height:1.35}.number-wrap{position:relative;flex:0 0 96px}.number-wrap input{width:100%;border:1px solid var(--border-bright);background:var(--bg);color:var(--text);padding:8px 10px;text-align:right;font:13px 'DM Mono',monospace}.number-wrap.prefix input{padding-left:22px}.number-wrap.prefix:before{content:"$";position:absolute;left:9px;top:9px;color:var(--dim);font:12px 'DM Mono',monospace}.number-wrap.suffix input{padding-right:22px}.number-wrap.suffix:after{content:"%";position:absolute;right:8px;top:9px;color:var(--dim);font:12px 'DM Mono',monospace}
input[type=range]{width:100%;height:3px;appearance:none;background:linear-gradient(to right,var(--accent) var(--fill,50%),var(--border-bright) var(--fill,50%));border-radius:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}.range-ends{display:flex;justify-content:space-between;margin-top:9px;color:var(--dim);font:10px 'DM Mono',monospace}
.advanced{border:1px solid var(--border);margin-top:4px}.advanced summary{padding:15px;cursor:pointer;color:var(--text);font:12px 'DM Mono',monospace;list-style:none;display:flex;justify-content:space-between}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"+";color:var(--accent);margin-right:10px}.advanced[open] summary:before{content:"−"}.advanced summary span{color:var(--dim);margin-left:auto}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 15px 15px}.advanced-grid label{position:relative;color:var(--muted);font-size:11px;line-height:1.4}.advanced-grid input{display:block;width:100%;margin-top:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:9px 10px;font:12px 'DM Mono',monospace}.field-prefix,.field-suffix{position:absolute;bottom:9px;color:var(--dim);font:11px 'DM Mono',monospace}.field-prefix{left:9px}.field-suffix{right:9px}.advanced-grid label:has(.field-prefix) input{padding-left:20px}.advanced-grid label:has(.field-suffix) input{padding-right:20px}.active-summary{margin-top:18px;padding:14px;background:var(--accent-dim);border-left:2px solid var(--accent);display:flex;flex-direction:column;gap:5px}.active-summary strong{font-size:13px}.active-summary span{font:11px 'DM Mono',monospace;color:var(--muted)}
.results-panel{padding:38px;background:var(--surface-2);position:relative;overflow:hidden}.results-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(0,245,255,.05);filter:blur(60px);right:-160px;top:-160px;pointer-events:none}.results-kicker{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.headline-result{margin:18px 0 10px}.headline-result span{display:block;font:400 clamp(54px,7vw,82px)/.9 'Instrument Serif',serif;color:var(--accent)}.headline-result small{font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.results-context{color:var(--muted);font-size:13px;line-height:1.55;max-width:530px;margin-bottom:28px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cost-card{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);padding:16px}.cost-card.review{border-left-color:var(--amber)}.cost-card.incident{border-left-color:var(--red)}.cost-card.compliance{border-left-color:#7b78ff}.cost-card span{display:block;font:10px 'DM Mono',monospace;text-transform:uppercase;color:var(--dim);letter-spacing:.05em}.cost-card strong{display:block;font:400 28px 'Instrument Serif',serif;margin:7px 0 4px}.cost-card small{font-size:11px;color:var(--muted)}.roi-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,245,255,.25);margin-top:18px;border:1px solid rgba(0,245,255,.25)}.roi-band div{background:#072225;padding:15px;text-align:center}.roi-band span{display:block;font:9px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.roi-band strong{color:var(--accent);font:400 25px 'Instrument Serif',serif}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.share-button{border:1px solid var(--border-bright);background:transparent;color:var(--text);padding:10px 13px;font:11px 'DM Mono',monospace;cursor:pointer}.share-button:hover{border-color:var(--accent);color:var(--accent)}.demo-link{color:var(--accent);font:11px 'DM Mono',monospace;text-decoration:none;text-transform:uppercase}.share-status{min-height:18px;margin-top:8px;color:var(--muted);font-size:11px}
.methodology{padding:112px 0;border-top:1px solid var(--border)}.methodology-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.methodology-grid>div:first-child>p{margin-top:24px;color:var(--muted);font-size:16px;line-height:1.7}.method-list article{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.method-list article:first-child{padding-top:0}.method-list article>span{font:11px 'DM Mono',monospace;color:var(--accent)}.method-list h3{font-size:17px;margin-bottom:7px}.method-list p{color:var(--muted);font-size:14px;line-height:1.6}.formula-note{margin-top:52px;padding-top:28px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:40px}.formula-note p{color:var(--muted);font-size:13px;line-height:1.65}.formula-note strong{color:var(--text)}
.cta{padding:80px 0;border-top:1px solid var(--border)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.cta h2{max-width:720px}.btn-primary{background:var(--accent);color:var(--bg);padding:14px 28px;text-decoration:none;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700}.btn-primary:hover{box-shadow:0 0 30px rgba(0,245,255,.25)}footer{padding:34px 0;border-top:1px solid var(--border);color:var(--dim);font:11px 'DM Mono',monospace}.footer-inner nav{display:flex;gap:22px}
@media(max-width:900px){.hero-grid,.methodology-grid{grid-template-columns:1fr;gap:32px}.calculator-shell{grid-template-columns:1fr}.inputs-panel{border-right:0;border-bottom:1px solid var(--border)}.topnav{gap:16px}.topnav-link{font-size:10px}.calculator-heading{align-items:flex-start;flex-direction:column}.methodology-grid{gap:48px}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.container{width:min(100% - 32px,1200px)}.topbar-inner{align-items:flex-start;gap:20px}.logo-img{height:26px}.topnav{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.hero{padding:64px 0 52px}.hero h1{font-size:48px}.calculator-section,.methodology{padding:64px 0}.scenario-control{width:100%;overflow:auto}.scenario-button{flex:1;white-space:nowrap}.inputs-panel,.results-panel{padding:24px 18px}.advanced-grid,.cost-grid,.formula-note{grid-template-columns:1fr}.roi-band{grid-template-columns:1fr}.result-actions,.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{flex-wrap:wrap}.input-heading{gap:14px}.input-heading label{font-size:13px}.number-wrap{flex-basis:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}