@font-face{font-family:newScience;src:url("fonts/new-science-regular.otf")format("opentype");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:newScience;src:url("fonts/new-science-bold.otf")format("opentype");font-display:swap;font-weight:700;font-style:normal}
@font-face{font-family:Fira Mono;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/fira-mono-regular.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Visual theme inspired by cypherpunk.com. Content and post order stay in index.html. */
:root{--bg:#000;--panel:#050505;--text:#fff;--muted:#9a9a9a;--lime:#0ce700;--line:#233422;--sans:'newScience',Arial,Helvetica,sans-serif;--mono:'Fira Mono',Consolas,monospace}
body{background:#000;font-family:var(--sans)}
body::before{background-image:radial-gradient(#0ce70020 .7px,transparent .7px);background-size:24px 24px}
.header{height:66px;max-width:1320px;margin:32px auto 0;padding:0 24px;border:1px solid #0ce70080;background:#000}
.wordmark{font-family:var(--mono);font-weight:400;font-size:22px;letter-spacing:-1px;color:var(--lime)}
.brand-mark{background:none;color:var(--lime);width:auto;margin:0;font-size:22px}
.wordmark-divider{color:#486343}.wordmark-sub{color:var(--lime)}
.header nav a,.header-link{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--lime)}
.tab-count{border-color:#0ce70066!important;background:#0ce70012!important;color:var(--lime)!important}
.social-hero{padding:32px 5% 0;background:none}
.eyebrow{border:1px solid #0ce70066;padding:12px 16px;margin-bottom:22px;color:var(--lime);font-size:11px;letter-spacing:.02em}
.eyebrow .muted{color:#8aa386}.status-dot{box-shadow:0 0 10px #0ce70060}
.social-intro{justify-content:flex-end;margin:0 0 18px;gap:0}
.text-link{font-family:var(--mono);text-transform:uppercase;font-size:11px;color:var(--lime)}
.section-jumps{gap:10px;flex-wrap:wrap;margin-top:0}
.section-jumps a{font-family:var(--mono);text-transform:uppercase;border:1px solid #0ce70055;color:#d4e2d0;padding:14px 18px;background:#030603;letter-spacing:0;font-size:11px}
.section-jumps a:hover{color:#000;background:var(--lime);border-color:var(--lime)}
.section-jumps a:hover span{color:#000}
.hero-bottom{margin-top:24px;font-size:10px;letter-spacing:.02em;color:#939d90;padding:20px 0}
.endorsements{background:#000;padding:42px 5% 48px;border-top:1px solid #0ce70055}
.endorsements h2{font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;text-transform:uppercase;margin-bottom:32px;line-height:1.05}
.endorsements h2>span{color:var(--lime)}
.endorser-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr))}
.endorser{padding:25px 10px 21px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);gap:12px;background:#020402;transition:background .2s}
.endorser:hover{background:#061006}
.endorser img{width:72px;height:72px;border:1px solid #0ce70080;box-shadow:none;background:#080808;margin-bottom:4px}
.endorser strong{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1.4}
.endorser>span{font-family:var(--mono);font-size:10px;line-height:1.65;color:#a0a69f}
.endorser b{color:var(--lime)}
.proof-section{background:transparent;border-top:1px solid #0ce70055;padding-top:48px;padding-bottom:56px}
.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.02em;margin-bottom:28px}
.section-label .muted{font-size:10px}
.proof-heading{align-items:start;gap:30px;margin-bottom:32px}
.proof-heading h2{font-family:var(--sans);font-weight:700;font-size:clamp(32px,4.2vw,58px);line-height:1.05;text-transform:uppercase;letter-spacing:-.035em;max-width:720px}
.proof-heading>p{font-family:var(--mono);font-size:11px;line-height:1.8;text-transform:uppercase;color:#999;max-width:300px}
.x-post{background:#080b08;border-color:#293629;border-radius:10px;box-shadow:none;font-family:Arial,Helvetica,sans-serif}
.parent-context{background:#030803;border:1px solid #294129;border-radius:6px}
.parent-context>summary{font-family:var(--mono);font-size:11px;color:#a5b6a0}
.parent-context>summary span,.parent-context[open]>summary{color:var(--lime)}
.post-actions,.post-quote,.post-media{border-color:#293629}
.post-handle,.post-date,.post-actions a,.post-actions button,.post-replying,.quote-source{color:#98a298}
.x-post .nym-highlight{color:#4cff42;background:#0ce70026;border-radius:2px;padding:0 2px}
.post-media,.post-quote{border-radius:6px}
.social-closing{background:#000;border-color:var(--line)}
.social-closing h2{font-weight:700;text-transform:uppercase;letter-spacing:-.035em}
.button{font-family:var(--mono);text-transform:uppercase;background:var(--lime);border-color:var(--lime);font-weight:400}
.button:hover{background:#76ff6c}
footer{font-family:var(--mono);font-size:10px;border-color:var(--line)}
@media(min-width:1440px){.header{max-width:1296px}}
@media(max-width:1400px){.header{margin-left:5%;margin-right:5%}}
@media(max-width:1100px){.endorser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-heading{flex-direction:column;gap:16px}.proof-heading>p{max-width:520px}}
@media(max-width:640px){.header{margin-top:18px;padding:12px 14px;gap:12px;height:auto;min-height:60px}.wordmark{font-size:20px}.header-link{font-size:10px}.header nav a{font-size:10px}.wordmark-sub,.wordmark-divider{display:none}.social-hero{padding-top:22px}.eyebrow{font-size:9px;gap:7px;padding:11px}.section-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-jumps a{font-size:9px;padding:12px 10px;gap:10px}.hero-bottom{font-size:8px;gap:16px}.endorsements{padding:30px 5%}.endorser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.endorser{padding:23px 12px}.endorser strong{font-size:12px}.endorser>span{font-size:10px}.proof-section{padding-top:32px;padding-bottom:38px}.proof-heading h2{font-size:34px}.section-label{gap:14px;font-size:9px}.section-label .muted{font-size:8px}.proof-heading>p{font-size:10px}.endorsements h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
