:root { --ink:#f4f0e8; --muted:#a8a49b; --bg:#111210; --line:#363832; --acid:#d7f36b; --orange:#ff8e63; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:'Space Grotesk', sans-serif; overflow-x:hidden; }
body:before { content:''; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 75% 10%, rgba(215,243,107,.08), transparent 28%), radial-gradient(circle at 10% 70%, rgba(255,142,99,.06), transparent 26%); }
.noise { position:fixed; inset:0; opacity:.035; pointer-events:none; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.shell { width:min(1160px, calc(100% - 48px)); margin:0 auto; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); text-decoration:none; font-size:20px; font-weight:600; letter-spacing:-.06em; }.wordmark b { color:var(--acid); font-weight:500; }
nav { display:flex; gap:28px; } nav a,.back-link,.site-footer a { color:var(--muted); font:13px 'DM Mono', monospace; text-decoration:none; } nav a:hover,.back-link:hover,.site-footer a:hover { color:var(--acid); }
.hero { min-height:650px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:40px; }
.eyebrow,.section-index { color:var(--acid); font:11px 'DM Mono', monospace; letter-spacing:.08em; text-transform:uppercase; }.pulse { display:inline-block; width:7px; height:7px; background:var(--acid); border-radius:50%; margin-right:8px; box-shadow:0 0 14px var(--acid); }
h1,h2,h3,p { margin-top:0; }.hero h1,.checker-page h1 { margin:22px 0 26px; font-size:clamp(58px, 9vw, 124px); line-height:.86; letter-spacing:-.085em; font-weight:600; }.hero h1 em,.checker-page h1 em,.closing h2 em { color:var(--orange); font-style:normal; }
.lede { max-width:470px; color:var(--muted); font-size:17px; line-height:1.55; }.hero-actions { display:flex; align-items:center; gap:25px; margin-top:36px; }.button { display:inline-flex; align-items:center; gap:25px; padding:15px 18px; color:var(--bg); text-decoration:none; font:12px 'DM Mono', monospace; }.button-primary { background:var(--acid); }.button-primary:hover { background:var(--ink); }.button span,.arrow { font-size:19px; }.text-link { color:var(--ink); font:12px 'DM Mono', monospace; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:4px; }.text-link:hover { border-color:var(--acid); color:var(--acid); }
.hero-orbit { position:relative; height:430px; display:grid; place-items:center; }.orbit { position:absolute; border:1px solid var(--line); border-radius:50%; transform:rotate(-28deg); }.orbit-one { width:330px; height:180px; }.orbit-two { width:220px; height:380px; transform:rotate(47deg); border-color:#4b5340; }.orbit-core { width:112px; height:112px; display:grid; place-items:center; border-radius:50%; background:var(--acid); color:var(--bg); font-size:62px; font-weight:600; letter-spacing:-.12em; box-shadow:0 0 70px rgba(215,243,107,.2); z-index:1; }.orbit-label { position:absolute; color:var(--muted); font:10px 'DM Mono', monospace; text-transform:uppercase; }.label-one { top:68px; left:20%; }.label-two { right:12%; top:47%; }.label-three { bottom:62px; left:26%; }
.section-rule { border-top:1px solid var(--line); padding:68px 0 105px; }.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }.intro h2,.closing h2 { margin:0; font-size:clamp(38px,5vw,70px); line-height:.95; letter-spacing:-.07em; }.intro h2 span { color:var(--muted); }.intro-grid > p { max-width:410px; color:var(--muted); font-size:18px; line-height:1.55; }
.section-heading { display:flex; justify-content:space-between; align-items:baseline; }.section-note { color:var(--muted); font:12px 'DM Mono', monospace; }.tool-list { margin-top:25px; }.tool-card { display:grid; grid-template-columns:70px 1fr 30px; gap:20px; align-items:start; padding:28px 0; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }.tool-card:first-child { border-top:1px solid var(--line); }.tool-card:hover h3,.tool-card:hover .arrow { color:var(--acid); }.tool-number { color:var(--orange); font:12px 'DM Mono', monospace; }.tool-content h3 { margin:0 0 8px; font-size:25px; letter-spacing:-.04em; }.tool-content p { margin:0 0 14px; color:var(--muted); font-size:14px; }.status { color:var(--muted); font:10px 'DM Mono', monospace; text-transform:uppercase; }.status-live { color:var(--acid); }.tool-card-muted { opacity:.6; }.arrow { justify-self:end; color:var(--muted); }
.closing-row { display:flex; justify-content:space-between; align-items:end; gap:20px; }.button-outline { border:1px solid var(--line); color:var(--ink); }.button-outline:hover { border-color:var(--acid); color:var(--acid); }.site-footer { display:flex; justify-content:space-between; gap:20px; padding:24px 0 35px; color:#75766f; font:10px 'DM Mono', monospace; text-transform:uppercase; }
.checker-page { min-height:calc(100vh - 145px); padding:100px 0 130px; }.checker-lede { max-width:560px; }.checker-card { width:min(100%, 650px); margin-top:55px; padding:28px; border:1px solid var(--line); background:#191b17; }.checker-card label { display:block; margin-bottom:12px; color:var(--acid); font:11px 'DM Mono', monospace; text-transform:uppercase; }.input-row { display:flex; gap:10px; }.input-row input { min-width:0; flex:1; border:1px solid var(--line); padding:15px; background:#10110f; color:var(--ink); font:14px 'DM Mono', monospace; outline:none; }.input-row input:focus { border-color:var(--acid); }.input-row button { border:0; padding:0 18px; background:var(--acid); color:var(--bg); font:12px 'DM Mono', monospace; cursor:pointer; }.input-row button span { margin-left:18px; font-size:17px; }.form-note { margin:14px 0 0; color:#77786f; font:11px 'DM Mono', monospace; }.checker-result { min-height:22px; margin-top:20px; font:12px 'DM Mono', monospace; }.result-error { color:var(--orange); }.result-pending { color:var(--acid); }
@media (max-width:720px) { .shell { width:min(100% - 32px, 1160px); }.site-header { padding:20px 0; }.site-header nav { gap:14px; }.hero { min-height:620px; grid-template-columns:1fr; padding-top:65px; }.hero-orbit { height:260px; order:-1; }.orbit-one { width:240px; height:130px; }.orbit-two { width:160px; height:275px; }.orbit-core { width:82px; height:82px; font-size:45px; }.intro-grid { grid-template-columns:1fr; gap:35px; }.section-rule { padding:50px 0 75px; }.section-heading { display:block; }.section-note { margin-top:20px; }.closing-row { display:block; }.closing-row .button { margin-top:35px; }.site-footer { flex-wrap:wrap; }.checker-page { padding-top:70px; }.checker-card { padding:18px; }.input-row { display:block; }.input-row input { width:100%; }.input-row button { margin-top:10px; padding:15px 18px; width:100%; text-align:left; } }