/* savaspinde.org — redesign preview stylesheet (Phase 4).
   Replaces css/style.css for the preview page only. No markup, text, link,
   data-link, picture or JSON-LD is touched anywhere by this file.
   Direction: "Kassenhalle" — dark cyan control-room. Mono display + grotesk body. */

@font-face{
  font-family:'Azeret Mono';
  src:url('/fonts/AzeretMono-800-latin.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans';
  src:url('/fonts/InstrumentSans-var-latin.woff2') format('woff2');
  font-weight:400 700; font-style:normal; font-display:swap;
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --accent:#0fe8f0;
  --accent-hi:#7df5f8;
  --accent-deep:#0a8185;
  --accent-ink:#02191b;
  --ground:#060b0c;
  --surface:#0b1214;
  --surface-2:#101a1c;
  --line:#1d2c2e;
  --line-soft:#142022;
  --ink:#edf6f6;
  --ink-2:#a7bcbd;
  --ink-3:#6b8082;
  --glow:rgba(15,232,240,.18);
  --glow-soft:rgba(15,232,240,.07);
  --grid-line:rgba(167,188,189,.045);
  --shade:rgba(2,8,9,.72);
  --shade-deep:rgba(2,8,9,.94);

  --display:'Azeret Mono',ui-monospace,'SFMono-Regular',monospace;
  --body:'Instrument Sans','Segoe UI',Helvetica,sans-serif;

  --head-h:96px;
  --rail:320px;
  --dock:64px;
  --shell:1440px;
  --cut:0 14px 0 14px;      /* asymmetric corner: two opposite corners cut */
  --cut-sm:0 8px 0 8px;
  --tick:cubic-bezier(.2,.7,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%}

body{
  font-family:var(--body);
  font-size:17px;
  line-height:1.62;
  color:var(--ink);
  background-color:var(--ground);
  background-image:
    linear-gradient(var(--grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),
    radial-gradient(110% 70% at 78% -8%,var(--glow),transparent 62%),
    radial-gradient(80% 50% at 4% 38%,var(--glow-soft),transparent 70%);
  background-size:96px 96px,96px 96px,100% 100%,100% 100%;
  background-attachment:fixed,fixed,fixed,fixed;
  min-height:100vh;
  overflow-x:clip;
}
@media (min-width:1100px){ body{padding-left:var(--dock)} }

img,picture{max-width:100%}
a{color:var(--accent);text-decoration:none;transition:color .18s var(--tick)}
a:hover{color:var(--accent-hi)}
strong{font-weight:600;color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── container ───────────────────────────────────────────────────────────── */
.aae-savas-wrap{
  width:100%;
  max-width:var(--shell);
  margin:0 auto;
  padding-left:clamp(16px,4vw,48px);
  padding-right:clamp(16px,4vw,48px);
}

/* ── header: quiet, translucent, hero bleeds under it ────────────────────── */
.fed-savas-top{
  position:sticky; top:0; z-index:1000;
  min-height:var(--head-h);
  display:flex; align-items:center; justify-content:space-between;
  gap:24px;
  padding-top:16px; padding-bottom:16px;
  padding-left:clamp(16px,3vw,48px); padding-right:clamp(16px,3vw,48px);
  background:linear-gradient(180deg,var(--shade-deep),var(--shade));
  backdrop-filter:blur(14px) saturate(1.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  border-bottom:1px solid var(--line-soft);
}
.fcb-mark-ref{display:inline-flex;align-items:center}
.fcb-mark-ref img{filter:hue-rotate(55deg) saturate(1.05)}
.fed-savas-top .fcb-mark-ref img{height:56px;width:auto;display:block}

.cdc-top-menu{display:none;align-items:stretch;gap:4px}
@media (min-width:960px){ .cdc-top-menu{display:flex} }
.cdc-top-menu a,.cdc-top-menu div{
  font-family:var(--display);
  font-size:11px; font-weight:800; letter-spacing:.16em;
  color:var(--ink-3); cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
  padding-top:8px; padding-bottom:8px; padding-left:12px; padding-right:12px;
  border-bottom:2px solid transparent;
  transition:color .18s var(--tick),border-color .18s var(--tick);
}
.cdc-top-menu a:hover,.cdc-top-menu div:hover{color:var(--ink)}
.cdc-top-menu a.active{color:var(--accent);border-bottom-color:var(--accent)}
.cdc-top-menu i{font-size:12px;opacity:.6}

.dcc-top-actions{display:flex;align-items:center;gap:8px}

/* ── CTA family: three states, mono caps, one cut corner pair ───────────── */
.adf-act-login,.cee-act-register,.eac-savas-act,.bde-mobile-nav2-act,
.fdb-act-view-all-games,.ace-savas-play-act{
  font-family:var(--display);
  font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius:var(--cut-sm);
  transition:transform .16s var(--tick),box-shadow .16s var(--tick),
             background-color .16s var(--tick),color .16s var(--tick);
}
.adf-act-login{
  font-size:11px; color:var(--ink-2);
  padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px;
  border:1px solid var(--line);
}
.adf-act-login:hover{color:var(--ink);border-color:var(--accent-deep)}
.cee-act-register{
  font-size:11px; color:var(--accent-ink); background:var(--accent);
  padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px;
  box-shadow:0 0 0 0 var(--glow);
}
.cee-act-register:hover{background:var(--accent-hi);color:var(--accent-ink);box-shadow:0 8px 28px -6px var(--glow)}
.cee-act-register:active{transform:translateY(1px)}

.edd-act-search{
  width:44px;height:44px;display:none;align-items:center;justify-content:center;
  color:var(--ink-3);border:1px solid var(--line);border-radius:var(--cut-sm);cursor:pointer;
  transition:color .18s var(--tick),border-color .18s var(--tick);
}
@media (min-width:760px){ .edd-act-search{display:inline-flex} }
.edd-act-search:hover{color:var(--accent);border-color:var(--accent-deep)}

.aee-hamburger{
  width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;
  align-items:center;gap:4px;cursor:pointer;border:1px solid var(--line);
  border-radius:var(--cut-sm);
}
@media (min-width:960px){ .aee-hamburger{display:none} }
.aee-hamburger span{display:block;width:18px;height:2px;background:var(--ink-2)}
.aee-hamburger:hover span{background:var(--accent)}

/* ── mobile drawer ───────────────────────────────────────────────────────── */
.dba-mobile-nav2-veil{
  position:fixed;inset:0;z-index:1100;background:var(--shade-deep);
  opacity:0;pointer-events:none;transition:opacity .24s var(--tick);
}
.dba-mobile-nav2-veil.active{opacity:1;pointer-events:auto}
.aef-mobile-nav2{
  position:fixed;top:0;right:0;bottom:0;z-index:1200;
  width:min(360px,88vw);display:flex;flex-direction:column;
  background:var(--surface);border-left:1px solid var(--line);
  transform:translateX(102%);transition:transform .3s var(--tick);
  overflow-y:auto;
}
.aef-mobile-nav2.active{transform:translateX(0)}
.bdb-mobile-nav2-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px;border-bottom:1px solid var(--line-soft);
}
.bdb-mobile-nav2-top .fcb-mark-ref img{height:48px;width:auto;display:block}
.abe-mobile-nav2-close{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--line);border-radius:var(--cut-sm);
  color:var(--ink-2);cursor:pointer;font-size:16px;
}
.abe-mobile-nav2-close:hover{color:var(--accent);border-color:var(--accent-deep)}
.cee-mobile-nav2-body{padding:16px;display:flex;flex-direction:column;gap:4px}
.ece-mobile-nav2-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.bde-mobile-nav2-act{
  font-size:11px;background:var(--accent);color:var(--accent-ink);
  padding-top:16px;padding-bottom:16px;
}
.fed-mobile-nav2-act-secondary{background:transparent;color:var(--ink-2);border:1px solid var(--line)}
.aae-mobile-nav2-unit{
  font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.14em;
  color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:12px;
  padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft);
}
.aae-mobile-nav2-unit:hover{color:var(--accent)}
.aae-mobile-nav2-unit i{color:var(--ink-3);width:16px;text-align:center}
.ceb-mobile-nav2-foot{
  margin-top:auto;padding:16px;border-top:1px solid var(--line-soft);
  color:var(--ink-3);font-size:12px;
}

/* ── left dock: the icon rail leaves the flow and becomes a fixed spine ──── */
.fcf-sidebar{display:none}
@media (min-width:1100px){
  .fcf-sidebar{
    position:fixed;left:0;top:0;bottom:0;z-index:900;width:var(--dock);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    background:linear-gradient(180deg,transparent,var(--surface) 18%,var(--surface) 82%,transparent);
    border-right:1px solid var(--line-soft);
  }
  .dae-sidebar-unit{
    position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;
    color:var(--ink-3);cursor:pointer;font-size:15px;
    border-left:2px solid transparent;
    transition:color .18s var(--tick),border-color .18s var(--tick);
  }
  .dae-sidebar-unit:hover{color:var(--accent)}
  .dae-sidebar-unit.active{color:var(--accent);border-left-color:var(--accent)}
  .aed-chip{
    position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;
    background:var(--accent);box-shadow:0 0 8px var(--accent);
  }
}

/* ── article shell ───────────────────────────────────────────────────────── */
.fda-savas-article{margin-top:calc(-1 * var(--head-h));display:block}
.fda-savas-article > section{position:relative}
.fda-savas-article > section.fbb-savas-body-block{
  padding-top:clamp(48px,6vw,96px);
  padding-bottom:clamp(48px,6vw,96px);
}
/* rhythm: every second band is denser and sits on a plate */
.fda-savas-article > section:nth-of-type(even).fbb-savas-body-block{
  background:linear-gradient(180deg,var(--surface),transparent 68%);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

/* ── hero: full-bleed band bleeding up under the header ──────────────────── */
.efc-savas-lead > .aae-savas-wrap{max-width:none;padding-left:0;padding-right:0}
.bbd-savas-lead-gradient-strip{
  position:relative;overflow:hidden;
  min-height:clamp(420px,62vh,640px);
  display:flex;align-items:flex-end;
  padding-top:var(--head-h);
  background:
    radial-gradient(120% 100% at 88% 0%,var(--glow),transparent 58%),
    repeating-linear-gradient(90deg,var(--line-soft) 0 1px,transparent 1px 96px),
    linear-gradient(180deg,var(--surface-2),var(--ground));
  border-bottom:1px solid var(--line);
}
.bbd-savas-lead-gradient-strip::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.55;
}
.cbe-savas-strip-body{
  position:relative;z-index:2;
  width:100%;max-width:var(--shell);margin:0 auto;
  padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px);
  padding-bottom:clamp(32px,5vw,64px);
}
.ecc-savas-strip-cap{
  display:inline-block;
  font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:var(--accent);
  padding-bottom:16px;
}
.fff-savas-strip-head{
  font-family:var(--display);font-weight:800;
  font-size:clamp(30px,5vw,72px);
  line-height:1.02;letter-spacing:-.02em;
  color:var(--ink);
  max-width:18ch;
  text-wrap:balance;
}
.cae-savas-strip-text{
  color:var(--ink-2);max-width:56ch;
  padding-top:16px;
}
.eac-savas-act{
  font-size:13px;
  padding-top:16px;padding-bottom:16px;padding-left:32px;padding-right:32px;
  margin-top:32px;
  border-radius:var(--cut);
}
.bab-savas-act-primary{
  background:var(--accent);color:var(--accent-ink);
  box-shadow:0 12px 40px -14px var(--glow);
}
.bab-savas-act-primary:hover{background:var(--accent-hi);box-shadow:0 18px 52px -12px var(--glow);transform:translateY(-2px)}
.bab-savas-act-primary:active{transform:translateY(0)}

/* ── games: edge-to-edge bento band, the "hall" ──────────────────────────── */
.feb-savas-games-block{padding-bottom:clamp(48px,6vw,96px)}
.feb-savas-games-block > .aae-savas-wrap{max-width:none;padding-left:0;padding-right:0}
.fdf-games-block-head{
  font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink-3);
  display:flex;align-items:center;gap:16px;
  padding-top:32px;padding-bottom:24px;
  padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px);
}
.fdf-games-block-head::after{content:'';flex:1;height:1px;background:var(--line)}
.abe-savas-games-matrix{
  display:grid;grid-auto-flow:dense;gap:4px;
  grid-template-columns:repeat(2,1fr);
}
@media (min-width:640px){ .abe-savas-games-matrix{grid-template-columns:repeat(4,1fr)} }
@media (min-width:1024px){
  .abe-savas-games-matrix{grid-template-columns:repeat(6,1fr)}
  .ebe-savas-slot-tile:nth-child(12n+1){grid-column:span 2;grid-row:span 2}
  .ebe-savas-slot-tile:nth-child(12n+8){grid-column:span 2;aspect-ratio:3/2}
}
.ebe-savas-slot-tile{
  position:relative;overflow:hidden;cursor:pointer;
  aspect-ratio:3/4;background:var(--surface-2);
  transition:transform .22s var(--tick);
}
.ebe-savas-slot-tile picture{position:absolute;inset:0;display:block}
.ebe-savas-slot-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.fdc-savas-slot-veil{z-index:2}
.ebe-savas-slot-tile:hover{transform:scale(1.015);z-index:2}
.ebe-savas-slot-tile:hover img{filter:saturate(1.15)}
.fdc-savas-slot-veil{
  position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:24px;
  background:linear-gradient(180deg,transparent 42%,var(--shade-deep));
  opacity:0;transition:opacity .22s var(--tick);
}
.ebe-savas-slot-tile:hover .fdc-savas-slot-veil{opacity:1}
.ace-savas-play-act{
  font-size:10px;background:var(--accent);color:var(--accent-ink);
  padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;
}
.fdb-act-view-all-games{
  font-size:11px;color:var(--accent);
  margin-top:24px;margin-left:clamp(16px,4vw,48px);
  padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;
  border:1px solid var(--accent-deep);
}
.fdb-act-view-all-games:hover{background:var(--accent);color:var(--accent-ink)}

/* ── H1 block and lead ───────────────────────────────────────────────────── */
.bff-savas-page-head{
  font-family:var(--display);font-weight:800;
  font-size:clamp(28px,5vw,72px);
  line-height:1.02;letter-spacing:-.02em;
  padding-top:clamp(32px,4vw,64px);
  max-width:26ch;
}
.cfd-savas-opener{padding-top:32px;display:flex;flex-direction:column;gap:16px}
.cfd-savas-opener p{color:var(--ink-2);font-size:18px;max-width:68ch}
.cfd-savas-opener p:first-child{
  color:var(--ink);font-size:20px;
  border-left:2px solid var(--accent);
  padding-left:24px;
}

/* screenshot band */
.ecb-savas-site-screenshot-wrap{display:block;margin-top:clamp(32px,5vw,64px)}
.ffe-savas-site-screenshot{
  width:100%;height:auto;display:block;
  border:1px solid var(--line);border-radius:var(--cut);
}

/* ── section rail: h2 leaves the column and sticks ───────────────────────── */
.fbb-savas-body-block > .aae-savas-wrap > h2{
  font-family:var(--display);font-weight:800;
  font-size:clamp(20px,2.2vw,30px);
  line-height:1.08;letter-spacing:.03em;text-transform:uppercase;
  color:var(--ink);
  border-top:2px solid var(--accent);
  padding-top:16px;
  margin-bottom:32px;
}
@media (min-width:1080px){
  .fbb-savas-body-block > .aae-savas-wrap{
    display:grid;
    grid-template-columns:var(--rail) minmax(0,1fr);
    column-gap:64px;align-items:start;
    max-width:1440px;
  }
  .fbb-savas-body-block > .aae-savas-wrap > h2{
    grid-column:1;grid-row:1/-1;
    position:sticky;top:128px;margin-bottom:0;
  }
  .fbb-savas-body-block > .aae-savas-wrap > *:not(h2){grid-column:2}
}

/* ── running text ────────────────────────────────────────────────────────── */
.fbb-savas-body-block p{color:var(--ink-2);max-width:68ch;margin-bottom:16px}
.fbb-savas-body-block h3{
  font-family:var(--body);font-weight:600;
  font-size:clamp(18px,1.5vw,22px);line-height:1.25;color:var(--ink);
  margin-top:48px;margin-bottom:16px;
  padding-left:16px;border-left:2px solid var(--line);
}
.fbb-savas-body-block ul{
  list-style:none;margin-bottom:24px;max-width:68ch;
  display:flex;flex-direction:column;gap:8px;
}
.fbb-savas-body-block li{
  position:relative;color:var(--ink-2);padding-left:24px;
}
.fbb-savas-body-block li::before{
  content:'';position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--accent)
}

/* ── data blocks: the card becomes a typographic column ──────────────────── */
.cdb-savas-stats-matrix{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  margin-top:32px;margin-bottom:32px;
  border-top:1px solid var(--line);
}
.aff-savas-fig-tile{
  padding-top:24px;padding-bottom:24px;padding-right:24px;
  border-bottom:1px solid var(--line-soft);
  border-right:1px solid var(--line-soft);
}
.aff-savas-fig-tile:last-child{border-right:0}
.eff-savas-fig-glyph{color:var(--accent-deep);font-size:14px;padding-bottom:8px}
.ebf-savas-fig-val{
  font-family:var(--display);font-weight:800;
  font-size:clamp(40px,5.4vw,88px);line-height:.92;letter-spacing:-.045em;
  color:var(--accent);
}
.fbf-savas-fig-cap{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);padding-top:12px;
}

/* vendor pills */
.eaf-savas-vendor-matrix{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.eaa-savas-vendor-pill{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2);
  padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;
  border:1px solid var(--line);
}
.eaa-savas-vendor-pill:hover{border-color:var(--accent-deep);color:var(--accent)}

/* ── tables: print-like, hairlines only ──────────────────────────────────── */
.fbb-savas-body-block table{
  width:100%;border-collapse:collapse;margin-top:24px;margin-bottom:32px;
  font-size:16px;
}
.fbb-savas-body-block th{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-3);text-align:left;
  padding-top:12px;padding-bottom:12px;padding-right:24px;
  border-bottom:2px solid var(--line);
}
.fbb-savas-body-block td{
  color:var(--ink-2);vertical-align:top;
  padding-top:12px;padding-bottom:12px;padding-right:24px;
  border-bottom:1px solid var(--line-soft);
}
.fbb-savas-body-block tr td:first-child{color:var(--ink);width:32%;padding-right:48px}
.ffb-savas-quick-grid2 td:first-child{
  font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);
}

/* ── info panes: line, not plate ─────────────────────────────────────────── */
.fab-savas-info-pane{
  display:flex;gap:16px;
  margin-top:24px;margin-bottom:24px;
  padding-left:24px;
  border-left:2px solid var(--line);
  max-width:68ch;
}
.fab-savas-info-pane .fad-savas-info-glyph{font-size:14px;padding-top:4px;color:var(--ink-3)}
.feb-savas-info-body{color:var(--ink-2)}
.feb-savas-info-body ul{margin-top:8px;margin-bottom:0}
.fdf-savas-info-success{border-left-color:var(--accent)}
.fdf-savas-info-success .fad-savas-info-glyph{color:var(--accent)}
.ced-savas-info-warning{
  border-left-style:dashed;border-left-color:var(--ink-3);
  background:linear-gradient(90deg,var(--surface),transparent 40%);
}
.ced-savas-info-warning .fad-savas-info-glyph{color:var(--ink)}

/* ── bonus code ──────────────────────────────────────────────────────────── */
.fbb-savas-deal-code-highlight{margin-top:24px;margin-bottom:24px}
.bbf-savas-deal-code-chip{
  display:inline-flex;align-items:center;gap:16px;
  padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:32px;
  border:1px solid var(--accent-deep);border-radius:var(--cut);
  background:linear-gradient(120deg,var(--surface-2),transparent);
}
.caa-savas-deal-glyph{color:var(--accent);font-size:20px}
.dab-savas-deal-code-body{display:flex;flex-direction:column}
.dea-savas-deal-cap{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-3);
}
.aea-savas-deal-code{
  font-family:var(--display);font-weight:800;font-size:clamp(18px,2vw,26px);
  letter-spacing:-.02em;color:var(--accent);
}

/* ── cashback: the 25% is the loudest number on the page ─────────────────── */
.dda-savas-cashback-tile{
  display:grid;grid-template-columns:1fr;gap:32px;
  margin-top:32px;
  border-top:1px solid var(--line);
  padding-top:32px;
}
@media (min-width:820px){ .dda-savas-cashback-tile{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:48px} }
.bbf-savas-cashback-highlight{position:relative}
.afe-savas-cashback-glyph{color:var(--accent-deep);font-size:16px;padding-bottom:8px}
.cac-savas-cashback-val{
  font-family:var(--display);font-weight:800;
  font-size:clamp(64px,9vw,132px);line-height:.86;letter-spacing:-.06em;
  color:var(--accent);
  text-shadow:0 0 48px var(--glow);
}
.bcf-savas-cashback-cap{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink-3);padding-top:12px;
}
.adb-savas-cashback-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  margin-top:32px;border-top:1px solid var(--line);
}
.ecf-savas-cashback-fig{
  display:flex;flex-direction:column;gap:4px;
  padding-top:24px;padding-bottom:24px;padding-right:24px;
  border-right:1px solid var(--line-soft);
}
.ecf-savas-cashback-fig:last-child{border-right:0}
.ceb-savas-cashback-fig-val{
  font-family:var(--display);font-weight:800;font-size:24px;
  letter-spacing:-.03em;color:var(--ink);
}
.ddc-savas-cashback-fig-cap{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-3);
}

/* ── numbered flow: outlined figures, no cards ───────────────────────────── */
.cff-savas-flow{
  display:grid;gap:0;margin-top:24px;margin-bottom:32px;
  border-top:1px solid var(--line);
}
.ebc-savas-flow-unit{
  display:grid;grid-template-columns:96px minmax(0,1fr);align-items:baseline;
  gap:24px;
  padding-top:24px;padding-bottom:24px;
  border-bottom:1px solid var(--line-soft);
}
.cdd-savas-flow-number{
  font-family:var(--display);font-weight:800;font-size:56px;line-height:.9;
  letter-spacing:-.05em;color:transparent;
  -webkit-text-stroke:1px var(--accent-deep);
}
.dfc-savas-flow-head{font-family:var(--body);font-weight:600;font-size:18px;color:var(--ink)}
.fea-savas-flow-text{color:var(--ink-2);margin-bottom:0}

/* ── security chips ──────────────────────────────────────────────────────── */
.ddb-savas-security-matrix{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  margin-top:24px;margin-bottom:32px;
  border-top:1px solid var(--line);
}
.acf-savas-security-chip{
  padding-top:24px;padding-bottom:24px;padding-right:24px;
  border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);
}
.adf-savas-security-glyph{color:var(--accent);font-size:16px;padding-bottom:12px}
.fcb-savas-security-chip-head{
  font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.06em;
  color:var(--ink);padding-bottom:8px;
}
.acf-savas-security-chip-text{color:var(--ink-3);font-size:15px;line-height:1.5}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */
.fdf-savas-qa-set{border-top:1px solid var(--line);margin-top:24px}
.fef-savas-qa-unit{border-bottom:1px solid var(--line-soft)}
.dee-savas-qa-question{
  position:relative;cursor:pointer;color:var(--ink);
  font-family:var(--body);font-weight:600;font-size:18px;
  padding-top:24px;padding-bottom:24px;padding-right:48px;
  transition:color .18s var(--tick);
}
.dee-savas-qa-question:hover{color:var(--accent)}
.dee-savas-qa-question::after{
  content:'+';position:absolute;right:8px;top:24px;
  font-family:var(--display);font-weight:800;color:var(--accent);
  transition:transform .24s var(--tick);
}
.fef-savas-qa-unit.open .dee-savas-qa-question{color:var(--accent)}
.fef-savas-qa-unit.open .dee-savas-qa-question::after{transform:rotate(45deg)}
.aef-savas-qa-answer{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .28s var(--tick);
}
.fef-savas-qa-unit.open .aef-savas-qa-answer{grid-template-rows:1fr}
.aef-savas-qa-answer > div{
  overflow:hidden;color:var(--ink-2);max-width:68ch;
}
.fef-savas-qa-unit.open .aef-savas-qa-answer > div{padding-bottom:24px}

/* ── footer ──────────────────────────────────────────────────────────────── */
.aad-savas-foot{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,transparent,var(--surface));
  padding-top:clamp(48px,6vw,96px);padding-bottom:32px;
  margin-top:clamp(48px,6vw,96px);
}
.cdc-savas-foot-top{padding-bottom:48px}
.cdc-savas-foot-top .fcb-mark-ref img{height:72px;width:auto;display:block}
.fcb-savas-foot-cols{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px;
  padding-bottom:48px;border-bottom:1px solid var(--line-soft);
}
.fde-foot-col strong{
  display:block;font-family:var(--display);font-size:10px;font-weight:800;
  letter-spacing:.24em;text-transform:uppercase;color:var(--accent);
  padding-bottom:16px;
}
.fde-foot-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fde-foot-col li{color:var(--ink-3);font-size:15px}
.fde-foot-col li a,.fde-foot-col li div{color:var(--ink-3);cursor:pointer;transition:color .18s var(--tick)}
.fde-foot-col li a:hover,.fde-foot-col li div:hover{color:var(--accent)}
.aac-savas-foot-disclaimer{
  color:var(--ink-3);font-size:13px;line-height:1.6;max-width:88ch;
  padding-top:32px;padding-bottom:32px;
}
.dcc-savas-foot-bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  padding-top:24px;border-top:1px solid var(--line-soft);
  color:var(--ink-3);font-size:13px;
}
.dce-savas-foot-badges{display:flex;align-items:center;gap:12px}
.cfb-savas-age-chip,.ecf-savas-ssl-chip{
  font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.14em;
  color:var(--ink-2);
  padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;
  border:1px solid var(--line);
}
.cfb-savas-age-chip{color:var(--accent);border-color:var(--accent-deep)}
.footer-affiliate-disclosure{max-width:var(--shell);margin-left:auto;margin-right:auto;color:var(--ink-3)}

/* ── motion / reduced-motion ─────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body{background-attachment:scroll,scroll,scroll,scroll}
  *{transition-duration:.01ms;animation-duration:.01ms}
}

/* ── small screens ───────────────────────────────────────────────────────── */
@media (max-width:760px){
  body{font-size:16px}
  .fed-savas-top .fcb-mark-ref img{height:44px}
  .cdc-savas-foot-top .fcb-mark-ref img{height:56px}
  .ebc-savas-flow-unit{grid-template-columns:64px minmax(0,1fr);gap:16px}
  .cdd-savas-flow-number{font-size:40px}
  .cfd-savas-opener p{font-size:17px}
}

/* ── classes css_audit flagged as rule-less: give them their job ─────────── */
.style-go-js{cursor:pointer}
.bef-savas-flow-body{display:flex;flex-direction:column;gap:4px}
.fcd-savas-cashback-body{display:flex;flex-direction:column;gap:16px}
/* named bands: each of the three gets its own weight, not a generic plate */
.fae-savas-cashback-block{
  background-image:radial-gradient(70% 120% at 86% 46%,var(--glow),transparent 66%);
  background-repeat:no-repeat;
}
.bdc-savas-security-block{border-top:1px solid var(--accent-deep)}
.fbf-savas-qa-block{padding-bottom:clamp(64px,7vw,128px)}

/* Раскатка 23.08: крупное значение в плитке набрано до 88px. На главной это
   числа, а на /selbstsperrung/ — слова («Wöchentlich», «AML/CTF»), и они
   вылезали за плитку (329px против 199). Привязываем кегль к ширине самой
   плитки: короткие значения сохраняют прежний размер, длинные ужимаются. */
.aff-savas-fig-tile{ container-type:inline-size; }
.ebf-savas-fig-val{ font-size:min(clamp(40px,5.4vw,88px), 18cqi); overflow-wrap:anywhere; }


/* ---------- иконки: подрезанный Font Awesome вместо cdnjs (правка 23.08.2026) ----------
   Было: all.min.css 156 КБ с внешнего хоста. Стало: 36 глифов, 4.7 КБ, самохостинг.
   Классы в разметке те же, HTML не менялся. */
@font-face{
  font-family:'FA6Solid';
  src:url('/fonts/fa-solid-sub.woff2') format('woff2');
  font-weight:900;font-style:normal;font-display:swap;
}
.fa-solid{
  font-family:'FA6Solid';font-weight:900;font-style:normal;
  display:inline-block;line-height:1;text-rendering:auto;
  -webkit-font-smoothing:antialiased;
}
.fa-solid::before{content:var(--fa)}
.fa-arrow-right{--fa:"\f061"}
.fa-arrow-trend-up{--fa:"\e098"}
.fa-ban{--fa:"\f05e"}
.fa-building{--fa:"\f1ad"}
.fa-bullhorn{--fa:"\f0a1"}
.fa-calendar{--fa:"\f133"}
.fa-calendar-week{--fa:"\f784"}
.fa-circle-check{--fa:"\f058"}
.fa-clock{--fa:"\f017"}
.fa-coins{--fa:"\f51e"}
.fa-crown{--fa:"\f521"}
.fa-dice{--fa:"\f522"}
.fa-exclamation-triangle{--fa:"\f071"}
.fa-eye-slash{--fa:"\f070"}
.fa-futbol{--fa:"\f1e3"}
.fa-gamepad{--fa:"\f11b"}
.fa-gavel{--fa:"\f0e3"}
.fa-gem{--fa:"\f3a5"}
.fa-gift{--fa:"\f06b"}
.fa-headset{--fa:"\f590"}
.fa-hourglass-half{--fa:"\f252"}
.fa-key{--fa:"\f084"}
.fa-layer-group{--fa:"\f5fd"}
.fa-lightbulb{--fa:"\f0eb"}
.fa-lock{--fa:"\f023"}
.fa-magnifying-glass{--fa:"\f002"}
.fa-mobile-screen{--fa:"\f3cf"}
.fa-percent{--fa:"\25"}
.fa-rotate{--fa:"\f2f1"}
.fa-sack-dollar{--fa:"\f81d"}
.fa-shield-halved{--fa:"\f3ed"}
.fa-star{--fa:"\f005"}
.fa-ticket{--fa:"\f145"}
.fa-tower-broadcast{--fa:"\f519"}
.fa-triangle-exclamation{--fa:"\f071"}
.fa-trophy{--fa:"\f091"}
.fa-xmark{--fa:"\f00d"}