/* ── Global Design Tokens ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0a0a;--text:#f5f5f7;--text-muted:#a1a1a6;--muted:#a1a1a6;--dim:#636366;
  --blue:#2997FF;--blue-h:#4da8ff;--accent:#2997FF;--accent-hover:#4da8ff;
  --glass:rgba(10,10,15,0.92);--border:rgba(255,255,255,0.08);
  --bg-card:rgba(255,255,255,0.04);
  --header-h:64px;--max-w:1100px;
  --section-pad:100px 40px;
}
html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}

.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:url('/fon-ui.jpg') center center / cover no-repeat;}
.bg-mesh::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.80);}
.bg-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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='.06'/%3E%3C/svg%3E");
  background-size:200px 200px;}

.container{max-width:var(--max-w);margin:0 auto;padding:0 40px}

/* Fade-in — always visible (no animation) */
.fade-in{opacity:1;transform:translateY(0)}