/* Using system font stack to avoid external font requests for better LCP */
:root{
--black:#000000;--ink-950:#050505;--ink-900:#0b0b0b;--ink-850:#111111;--ink-800:#161616;--ink-700:#1e1e1e;--ink-600:#2a2a2a;--ink-500:#3a3a3a;--ink-400:#5c5c5c;--ink-300:#8a8a8a;--ink-200:#b4b4b4;--ink-100:#e2e2e2;--white:#ffffff;
--red-900:#2a0503;--red-800:#4d0a05;--red-700:#8f1208;--red-600:#d4200f;--red-500:#f23a1e;--red-400:#ff4a2e;--red-300:#ff6e56;--red-200:#ffb3a6;
--star:#ffffff;
/* semantic */
--bg-page:var(--black);--bg-section:var(--ink-900);--surface-card:var(--ink-800);--surface-card-hi:var(--ink-700);--surface-chip:var(--ink-600);--surface-inverse:var(--white);
--text-primary:var(--white);--text-secondary:var(--ink-200);--text-muted:var(--ink-300);--text-inverse:var(--black);--text-accent:var(--red-400);
--accent:var(--red-500);--accent-hover:var(--red-400);--accent-press:var(--red-600);--on-accent:var(--white);
--border-subtle:rgba(255,255,255,.08);--border-default:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.24);--border-accent:rgba(242,58,30,.55);
--highlight-top:rgba(255,255,255,.22);
--gradient-card:linear-gradient(180deg,#262626 0%,#141414 45%,#0c0c0c 100%);/* @kind color */
--gradient-card-glass:linear-gradient(180deg,rgba(40,40,40,.72) 0%,rgba(14,14,14,.6) 100%);/* @kind color */
--gradient-section:linear-gradient(180deg,#1f1f1f 0%,#121212 60%,#0d0d0d 100%);/* @kind color */
--gradient-headline:linear-gradient(90deg,#ffffff 55%,#ff8a78 80%,#f23a1e 100%);/* @kind color */
--glow-red:radial-gradient(60% 60% at 60% 30%,rgba(242,58,30,.35) 0%,rgba(242,58,30,0) 70%);/* @kind color */
}
:root{
--font-display:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
--font-body:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:88px;--fs-display:120px;--fs-h1:64px;--fs-h2:48px;--fs-h3:34px;--fs-statement:44px;--fs-stat:40px;--fs-lead:18px;--fs-body:15px;--fs-sm:13px;--fs-xs:11px;--fs-micro:9px;
--lh-tight:.95;/* @kind font */--lh-snug:1.08;/* @kind font */--lh-body:1.45;/* @kind font */
--ls-display:-.055em;/* @kind font */--ls-heading:-.04em;/* @kind font */--ls-body:-.01em;/* @kind font */--ls-caps:.04em;/* @kind font */
--fw-light:300;/* @kind font */--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */
/* semantic */
--type-hero:var(--fw-regular) var(--fs-hero)/var(--lh-tight) var(--font-display);/* @kind font */
--type-h2:var(--fw-regular) var(--fs-h2)/var(--lh-snug) var(--font-display);/* @kind font */
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body);/* @kind font */
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-frame:32px;--radius-pill:999px;
--shadow-card:0 1px 0 0 var(--highlight-top) inset,0 20px 40px -20px rgba(0,0,0,.8);
--shadow-card-lg:0 1.5px 0 0 rgba(255,255,255,.28) inset,0 0 0 1px rgba(255,255,255,.06) inset,0 40px 80px -30px rgba(0,0,0,.9);
--shadow-glow-red:0 8px 28px -6px rgba(242,58,30,.65),0 1px 0 0 rgba(255,255,255,.3) inset;
--shadow-btn-dark:0 1px 0 0 rgba(255,255,255,.18) inset,0 6px 16px -6px rgba(0,0,0,.8);
--blur-glass:blur(18px);/* @kind other */
--ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */--dur-fast:140ms;/* @kind other */--dur-base:240ms;/* @kind other */--dur-slow:600ms;/* @kind other */
--container:1200px;--gutter:32px;
}
html,body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}
a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--accent-hover)}
.aa-accent{color:var(--text-accent)}