@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* slotzeit.de — Deutschland. Графит и неон: тёмный стальной зал, электрический
   бирюзовый и фиолетовый, гротеск Space Grotesk в заголовках. */
:root{
  --bg:            oklch(16.5% 0.018 265);
  --bg-elevated:   oklch(21% 0.022 265);
  --surface:       oklch(19.5% 0.020 265);
  --surface-2:     oklch(23.5% 0.024 265);
  --surface-3:     oklch(30% 0.028 265);
  --line:          oklch(32% 0.028 265);
  --line-soft:     oklch(25.5% 0.024 265);

  --text:          oklch(95% 0.008 250);
  --text-2:        oklch(83% 0.012 250);
  --text-3:        oklch(70% 0.016 255);
  --text-4:        oklch(60% 0.016 258);

  --gold:          oklch(82% 0.150 190);
  --gold-deep:     oklch(70% 0.150 200);
  --gold-wash:     oklch(82% 0.150 190 / 0.15);
  --mint:          oklch(84% 0.180 140);
  --mint-wash:     oklch(84% 0.180 140 / 0.14);
  --ice:           oklch(68% 0.190 290);
  --ice-wash:      oklch(68% 0.190 290 / 0.16);
  --rose:          oklch(66% 0.210 15);
  --rose-wash:     oklch(66% 0.210 15 / 0.16);
  --amber:         oklch(82% 0.160 80);

  --font-display: 'Space Grotesk', 'Segoe UI', Arial, sans-serif;
  --font-ui: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;

  --t-h1: clamp(2.3rem, 1.3rem + 4vw, 4.6rem);

  --r-chip: 3px;
  --r-card: 6px;
  --r-slab: 10px;

  --shadow-card: 0 0 0 1px oklch(82% 0.15 190 / 0.06), 0 12px 32px oklch(5% 0.02 265 / 0.55);
  --shadow-lift: 0 0 0 1px oklch(82% 0.15 190 / 0.14), 0 24px 56px oklch(4% 0.02 265 / 0.65);
}
body::before{
  background:
    radial-gradient(80ch 60ch at 100% -10%, oklch(68% 0.19 290 / 0.20), transparent 62%),
    radial-gradient(70ch 55ch at 0% 20%, oklch(82% 0.15 190 / 0.10), transparent 64%);
}
.masthead{ background:oklch(16.5% 0.018 265 / 0.82); }
.masthead[data-stuck="true"]{ background:oklch(14% 0.016 265 / 0.94); }
.toolbar, .tmplbar{ background:oklch(19% 0.020 265 / 0.94); }
.consent{ background:oklch(20% 0.022 265 / 0.98); box-shadow:0 -8px 30px oklch(4% 0.02 265 / .5); }
.hero, .hubband{ background-color:oklch(12% 0.025 270); }
.hero::before, .hubband::before{
  background:linear-gradient(100deg, oklch(10% 0.025 270 / 0.95) 0%, oklch(10% 0.025 270 / 0.78) 40%, oklch(10% 0.025 270 / 0.30) 70%, oklch(10% 0.025 270 / 0.10) 100%);
}
.hero h1 .flow{ color:var(--gold); }
h1, h2, .display{ letter-spacing:-0.025em; text-transform:none; }
.brand-name{ text-transform:uppercase; letter-spacing:0.08em; font-weight:700; }
.brand-name span{ color:var(--gold); }
.brand-mark{ background:none; box-shadow:none; }
.btn-primary{ --btn-bg:var(--gold); --btn-fg:oklch(14% 0.02 265); box-shadow:0 0 0 1px oklch(82% 0.15 190 / 0.5), 0 8px 24px oklch(82% 0.15 190 / 0.25); }
.btn-primary:hover{ --btn-bg:oklch(88% 0.14 190); }
.op[data-rank="1"]{ border-color:oklch(82% 0.15 190 / 0.6); }

.brand-mark:not(.is-fav){ width:32px; height:32px; }
.brand-mark svg{ width:100%; height:100%; display:block; }