:root {
  /* Base */
  --bg:#050505;
  --bg2:#0f0f14;
  --surface:#141418;
  --card:#17171c;
  --line:rgba(255,255,255,.1);
  --fg:#f5f7fb;
  --mut:#a9a9b3;
  --acc:#b6ff4d;
  --acc-2:#d9ff85;
  --ink:#0b1400;
  /* Radii */
  --r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;
  /* Spacing scale */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-9:36px;--s-10:40px;--s-12:48px;--s-14:56px;--s-16:64px;--s-20:80px;--s-24:96px;
  /* Shadows */
  --sh-sm:0 1px 1px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
  --sh-md:0 10px 40px -20px rgba(0,0,0,.6), 0 1px 1px rgba(255,255,255,.05) inset;
  --sh-lg:0 24px 80px -32px rgba(0,0,0,.9);
  --sh-brut:6px 6px 0 0 #000;
  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.175,.885,.32,1.275);
  --dur-fast:140ms;--dur-med:220ms;--dur-slow:420ms;
  /* Type */
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Plus Jakarta Sans",Inter,system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}
:root.dark{--bg:#040404;--bg2:#0b0b12;--surface:#121216;--card:#15151b;--line:rgba(255,255,255,.09);--fg:#f6f7fc;--mut:#b2b2bf;}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:radial-gradient(1200px 800px at 50% 0%,var(--bg2),var(--bg));color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05;font-weight:700}
.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.72rem 1.25rem;border-radius:var(--r-md);font-weight:600;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);will-change:transform;box-shadow:var(--sh-sm)}
.btn-primary{background:linear-gradient(135deg,var(--acc) 0%,var(--acc-2) 100%);color:var(--ink);border-color:rgba(0,0,0,.25)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--sh-md)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--fg);border-color:var(--line);backdrop-filter:blur(6px) saturate(120%)}
.btn-ghost:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.btn-neobrut{background:var(--acc);color:var(--ink);border:2px solid #000;box-shadow:var(--sh-brut);transform:translate(-2px,-2px);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.btn-neobrut:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 #000}
.btn-neobrut:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 #000}
.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);backdrop-filter:blur(8px) saturate(120%);transition:transform var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}
.card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);box-shadow:var(--sh-lg)}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .72rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--fg);font-size:.92rem;backdrop-filter:blur(6px) saturate(120%);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}
.navbar{backdrop-filter:blur(10px) saturate(140%);background:rgba(5,5,5,.72);border-bottom:1px solid var(--line)}
.hero{padding-top:150px}
@media (max-width:1000px){.hero{padding-top:120px}}
.rv{opacity:0;transform:translateY(10px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.rv.in{opacity:1;transform:translateY(0)}
.mask{mask-image:radial-gradient(120% 80% at 50% 0%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,black 60%,transparent 100%)}
.glow{position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(50% 120% at 50% 0%,rgba(182,255,77,.18),transparent 70%);pointer-events:none}
.bg-grid{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;background-position:0 0;opacity:.12}
.media img[src$=".svg"]{filter:brightness(0) saturate(100%) invert(1) opacity(.92)}
.bento{display:grid;gap:var(--s-5);grid-template-columns:repeat(12,1fr)}
.bento .card{padding:var(--s-8)}
@media (max-width:980px){.bento{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.bento{grid-template-columns:1fr}}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:var(--r-sm)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .rv{opacity:1!important;transform:none!important}}