:root { color-scheme:dark; --ink:#080b0d; --panel:#111619; --panel-2:#171e21; --line:#334046; --text:#f5f7ef; --muted:#b0b9bb; --volt:#d2f000; --cyan:#29d7ef; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--text); font-family:"Hanken Grotesk",sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; }
a:focus-visible,button:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.skip-link { position:fixed; left:16px; top:12px; z-index:20; padding:10px 14px; color:var(--ink); background:var(--cyan); font-weight:800; transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px clamp(20px,5vw,80px); border-bottom:1px solid var(--line); position:sticky; top:0; background:color-mix(in srgb,var(--ink) 94%,transparent); backdrop-filter:blur(16px); z-index:5; }
.nav nav,.actions,footer div { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.nav nav>a:not(.button),footer a { text-decoration:none; font-weight:700; }
.nav nav>a:not(.button):hover,footer a:hover,.text-link:hover { color:var(--cyan); }
.brand { flex:none; font-family:"Anybody",sans-serif; font-stretch:expanded; font-weight:900; letter-spacing:-.06em; text-decoration:none; font-size:21px; }
.brand span { color:var(--volt); }
.brand .bolt { color:var(--cyan); margin-left:5px; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding:0 26px; color:var(--ink); background:var(--volt); border:1px solid var(--volt); font-family:"Anybody",sans-serif; font-weight:900; text-transform:uppercase; text-decoration:none; letter-spacing:.02em; }
.button:hover,.button:focus-visible { color:var(--ink); background:var(--cyan); border-color:var(--cyan); }
.button.compact { min-height:42px; padding:0 18px; }
.text-link { color:var(--cyan); font-weight:800; text-decoration:none; }
main { overflow:hidden; }
.hero,.grid-section,.free-core,.final-cta,.method,.content-page { padding:clamp(68px,10vw,144px) clamp(20px,7vw,112px); }
.hero { max-width:1440px; margin:auto; }
.eyebrow { margin:0 0 18px; color:var(--volt); font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.cyan { color:var(--cyan); }
h1,h2,h3 { margin:0; font-family:"Anybody",sans-serif; font-weight:900; font-stretch:expanded; line-height:.9; letter-spacing:-.055em; }
h1 { font-size:clamp(52px,10vw,146px); }
h1 em { color:var(--volt); font-style:normal; }
h2 { font-size:clamp(38px,6vw,80px); }
h3 { font-size:25px; line-height:1.05; }
.lede { max-width:780px; color:#d1d7d8; font-size:clamp(19px,2.2vw,28px); line-height:1.4; margin:28px 0 34px; }
.score-preview { display:grid; grid-template-columns:minmax(240px,420px) 1fr; gap:clamp(36px,8vw,120px); align-items:center; margin-top:clamp(80px,12vw,170px); padding:clamp(26px,5vw,64px); border:1px solid var(--line); background:linear-gradient(135deg,#101619,#080b0d); }
.score-ring { aspect-ratio:1; border:18px solid var(--volt); border-right-color:var(--cyan); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow:0 0 80px #d2f00017; }
.score-ring strong { font:900 clamp(64px,10vw,130px)/.85 "Anybody",sans-serif; letter-spacing:-.08em; }
.score-ring span { color:var(--muted); font-family:"JetBrains Mono",monospace; text-transform:uppercase; font-size:11px; margin-top:16px; }
.score-copy p:last-child,.free-core>p,.method section p { color:var(--muted); font-size:18px; max-width:720px; }
.grid-section { border-top:1px solid var(--line); }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:52px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature-grid article { min-height:310px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-grid article>span { color:var(--cyan); font-family:"JetBrains Mono",monospace; }
.feature-grid h3 { margin:64px 0 18px; }
.feature-grid p { color:var(--muted); }
.free-core { display:grid; grid-template-columns:1fr 1fr; gap:64px; background:var(--volt); color:var(--ink); }
.free-core .eyebrow,.free-core>p { color:#273000; }
.final-cta { text-align:center; }
.final-cta .button { margin-top:40px; }
footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:28px clamp(20px,5vw,80px); border-top:1px solid var(--line); color:var(--muted); }
footer p { margin:0; }
.method,.content-page { max-width:1080px; margin:auto; }
.method .lede,.content-page .lede { margin-bottom:80px; }
.method section,.content-page section { padding:52px 0; border-top:1px solid var(--line); }
.method section h2,.content-page section h2 { font-size:clamp(32px,5vw,58px); }
.method pre { margin:26px 0; padding:24px; overflow:auto; color:var(--volt); background:var(--panel); border:1px solid var(--line); font:600 clamp(13px,2vw,20px)/1.5 "JetBrains Mono",monospace; }
.sources li,.content-page li { margin:12px 0; }
.content-page h1 { max-width:900px; font-size:clamp(48px,9vw,112px); }
.content-page h2 { margin-bottom:24px; }
.content-page h3 { margin:30px 0 10px; font-size:24px; }
.content-page p,.content-page li { color:#c5ccce; font-size:18px; }
.content-page strong { color:var(--text); }
.content-page a:not(.button) { color:var(--cyan); }
.notice,.status-card { margin:32px 0; padding:24px; border:1px solid var(--line); background:var(--panel); }
.notice { border-left:5px solid var(--cyan); }
.status-card { display:grid; gap:12px; border-left:5px solid var(--volt); }
.status-card p { margin:0; }
.status { width:max-content; padding:4px 10px; color:var(--ink); background:var(--volt); font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:800; text-transform:uppercase; }
.steps { counter-reset:steps; margin:32px 0; padding:0; list-style:none; }
.steps li { position:relative; min-height:56px; margin:0; padding:0 0 28px 56px; }
.steps li::before { counter-increment:steps; content:counter(steps); position:absolute; left:0; top:0; width:36px; height:36px; display:grid; place-items:center; color:var(--ink); background:var(--volt); border-radius:50%; font-family:"JetBrains Mono",monospace; font-weight:800; }
.contact-address { color:var(--text); font:700 clamp(20px,4vw,34px)/1.2 "JetBrains Mono",monospace; overflow-wrap:anywhere; }
@media (max-width:900px) { .feature-grid { grid-template-columns:repeat(2,1fr); } .free-core { grid-template-columns:1fr; } }
@media (max-width:720px) { .nav { align-items:flex-start; flex-direction:column; } .nav nav { width:100%; justify-content:space-between; gap:14px; } .actions { align-items:stretch; flex-direction:column; } .score-preview { grid-template-columns:1fr; } .feature-grid { grid-template-columns:1fr; } .feature-grid article { min-height:240px; } footer { align-items:flex-start; flex-direction:column; } }
@media (max-width:390px) { .nav { padding-inline:16px; } .nav nav .button { width:100%; } .nav nav { align-items:stretch; } .hero,.grid-section,.free-core,.final-cta,.method,.content-page { padding-inline:16px; } .score-ring { border-width:12px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }