@font-face{font-family:Ubuntu;src:url(/assets/fonts/ubuntu-400.woff2) format('woff2');font-weight:400;font-display:optional}
@font-face{font-family:Ubuntu;src:url(/assets/fonts/ubuntu-500.woff2) format('woff2');font-weight:500;font-display:optional}
@font-face{font-family:Ubuntu;src:url(/assets/fonts/ubuntu-700.woff2) format('woff2');font-weight:700;font-display:optional}
:root{
  --blue:#08477e; --navy:#092848; --deep:#04182e; --ink:#06316f;
  --gold:#fbe34a; --gold-h:#fed65c; --gold-d:#caa616;
  --tx:#eaf2fa; --muted:#a3bad0; --line:rgba(255,255,255,.14);
  --card:rgba(4,20,38,.55);
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body{font-family:Ubuntu,'Segoe UI',system-ui,sans-serif;color:var(--tx);overflow-x:hidden;min-height:100vh;
  background:linear-gradient(180deg,var(--navy) 0%,var(--deep) 60%,#030f1e 100%)}
img{display:block;max-width:100%}
a{color:var(--gold-h)}
::selection{background:rgba(251,227,74,.35)}

/* ── header ── */
header{display:flex;align-items:center;gap:10px;padding:12px 16px;position:relative;z-index:40;
  background:var(--deep);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo img{width:32px}
.logo b{font-size:18px;color:#fff}
.logo b em{font-style:normal;color:var(--gold)}
nav.main{display:none;gap:2px;margin-left:10px}
nav.main a{color:#cfdeec;text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 11px;border-radius:9px}
nav.main a:hover{background:rgba(255,255,255,.07);color:#fff}
.hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;
  text-decoration:none;font-size:13px;padding:9px 16px;background:var(--gold);color:var(--ink);
  box-shadow:0 2px 0 #b99a12}
.pill:hover{background:var(--gold-h)}
.burger{border:0;background:none;cursor:pointer;width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line)}
.burger span{display:block;width:16px;height:2px;background:#fff;border-radius:2px;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:16px;height:2px;background:#fff;border-radius:2px}
.burger span::before{top:-5px}.burger span::after{top:5px}
.mnav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--deep);z-index:39;
  box-shadow:0 20px 40px rgba(0,0,0,.5);padding:8px 16px 16px}
.mnav.open{display:block}
.mnav a{display:block;color:#e6eff7;text-decoration:none;font-weight:500;padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
@media(min-width:1000px){nav.main{display:flex}.burger{display:none}}

.hero{position:relative}
.canvas{position:relative;overflow:clip}
.canvas .bg{position:absolute;inset:0}
.canvas img.ph{width:100%;height:100%;object-fit:cover;object-position:40% 16%}
.canvas .fade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(9,40,72,.4) 0%,transparent 18% 34%,rgba(6,26,49,.66) 58%,rgba(5,22,42,.94) 82%,var(--navy) 100%)}
.m-flow{position:relative;z-index:2;padding-top:min(33vw,220px);padding-bottom:8px}
.title{text-align:center;padding-inline:18px}
.kicker{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#eef5fb;text-shadow:0 1px 3px rgba(3,14,27,.9),0 2px 10px rgba(3,14,27,.7)}
h1{line-height:1}
.title{position:relative}
.title::before{content:"";position:absolute;inset:-8% -12%;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 62% at 50% 42%,rgba(4,18,35,.66),transparent 72%);filter:blur(10px)}
h1 .brand{display:block;font-size:clamp(42px,11vw,88px);font-weight:700;line-height:.98;letter-spacing:-.02em;
  background:linear-gradient(180deg,#ffffff 8%,#fdf6dc 52%,#f3d668 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 rgba(6,49,111,.85)) drop-shadow(0 4px 1px rgba(4,18,35,.55)) drop-shadow(0 16px 34px rgba(0,0,0,.6))}
h1 .rest{display:block;margin-top:9px;font-size:clamp(13.5px,3.6vw,17px);font-weight:500;letter-spacing:.01em;
  color:#f4f9fd;text-shadow:0 1px 3px rgba(3,14,27,.9),0 3px 12px rgba(3,14,27,.7)}
.bonus{margin-top:8px;font-size:clamp(24px,6.6vw,46px);font-weight:700;letter-spacing:-.01em;
  background:linear-gradient(100deg,#f6d02f 10%,#fff3a6 32%,#e9b912 50%,#ffe95c 68%,#f6d02f 90%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 5.5s linear infinite;
  filter:drop-shadow(0 2px 0 rgba(60,42,0,.65)) drop-shadow(0 10px 24px rgba(0,0,0,.45))}
@keyframes shimmer{to{background-position:-220% 0}}
.h1line{margin-top:6px;font-size:clamp(13px,3.4vw,16px);font-weight:500;color:#eef5fb;text-shadow:0 1px 3px rgba(3,14,27,.9),0 2px 10px rgba(3,14,27,.7)}

.stage{--k:.78;position:relative;margin:2px auto 0;width:min(560px,100%);height:248px}
.stage::after{content:"";position:absolute;left:50%;bottom:16px;width:70%;height:30px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(2,10,20,.6),transparent 72%);filter:blur(4px)}
.taste{--sz:min(152px,40vw);position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);
  width:var(--sz);height:var(--sz);border:0;border-radius:50%;cursor:pointer;z-index:3;
  background:transparent;-webkit-tap-highlight-color:transparent;perspective:600px}
.ring{position:absolute;inset:-12%;border-radius:50%;
  background:conic-gradient(from 210deg,#5c7891,#dfeaf2 12%,#7d94a8 26%,#c3d3df 44%,#54718a 58%,#e8f1f7 74%,#7d94a8 88%,#5c7891);
  box-shadow:0 18px 34px rgba(0,0,0,.5),inset 0 -4px 10px rgba(0,0,0,.4)}
.ring::after{content:"";position:absolute;inset:7%;border-radius:50%;background:#03101f;
  box-shadow:inset 0 10px 22px rgba(0,0,0,.9)}
.slitglow{position:absolute;inset:-4%;border-radius:50%;z-index:1;opacity:0;pointer-events:none;
  box-shadow:0 0 26px 8px rgba(251,227,74,.55),inset 0 0 22px 6px rgba(251,227,74,.5)}
.go .slitglow{animation:slit .55s ease-out 1}
@keyframes slit{18%{opacity:1}100%{opacity:0}}
.dome{position:absolute;inset:0;border-radius:50%;z-index:2;
  background:radial-gradient(circle at 32% 26%,#fffbd6 0%,#ffef86 18%,var(--gold) 45%,#eec81d 70%,#c39b0e 100%);
  box-shadow:0 10px 18px rgba(0,0,0,.45),inset 0 -12px 26px rgba(146,110,6,.6),inset 0 8px 16px rgba(255,255,255,.65);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  transform-origin:50% 78%;
  transition:transform .14s cubic-bezier(.4,0,.6,1),box-shadow .14s ease,filter .14s ease}
.dome span{font-size:calc(var(--sz)*.145);font-weight:700;letter-spacing:.05em;color:var(--ink);
  text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .14s ease}
.dome small{font-size:calc(var(--sz)*.055);font-weight:500;letter-spacing:.28em;color:rgba(6,49,111,.7);text-transform:uppercase}
.dome::before{content:"";position:absolute;inset:6% 10% 46%;border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);opacity:.8;filter:blur(2px);
  transition:transform .14s ease,opacity .14s ease}
.taste.pressed .dome{transform:translateY(4%) scale(.94);filter:brightness(.92);
  box-shadow:0 2px 6px rgba(0,0,0,.5),inset 0 -6px 16px rgba(146,110,6,.7),inset 0 10px 20px rgba(120,90,4,.35)}
.taste.pressed .dome::before{transform:translateY(14%) scaleY(.7);opacity:.45}
.taste.pressed .dome span{transform:scale(.96)}
.settled .dome{animation:breathe 3s ease-in-out infinite}
@keyframes breathe{50%{filter:brightness(1.09)}}
.flash{position:absolute;inset:-30%;border-radius:50%;z-index:1;opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(251,227,74,.55) 0%,transparent 62%)}
.go .flash{animation:flashA .7s ease-out 1}
@keyframes flashA{12%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.chip-fly{position:absolute;left:50%;top:50%;z-index:4;opacity:0;pointer-events:none;
  transform:translate(-50%,-50%) scale(.2)}
.chip-fly.tag{background:rgba(4,20,38,.92);border:1.5px solid rgba(251,227,74,.65);color:var(--gold);
  font-size:13px;font-weight:700;padding:9px 14px;border-radius:999px;white-space:nowrap;
  box-shadow:0 10px 24px rgba(0,0,0,.5)}
.chip-fly.tag u{text-decoration:none;color:#fff;font-weight:500;font-size:11px;display:block;letter-spacing:.06em}
.chip-fly.coin{width:60px;height:60px;border-radius:50%;padding:3px;
  background:conic-gradient(from 30deg,#c79e10,#ffef9a 25%,#caa616 50%,#fff3a6 75%,#c79e10);
  box-shadow:0 12px 26px rgba(0,0,0,.55)}
.chip-fly.coin .in{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform .22s ease}
.chip-fly.coin img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.chip-fly.coin.swap .in{transform:rotateY(90deg)}
.settled .chip-fly{opacity:1;
  transform:translate(calc(-50% + var(--x)*var(--k)),calc(-50% + var(--y)*var(--k)));
  animation:hover 4s ease-in-out infinite}
.settled .chip-fly:nth-child(2n){animation-delay:1.3s}
@keyframes hover{50%{margin-top:-8px}}
.spark{position:absolute;left:50%;top:52%;width:6px;height:6px;border-radius:50%;z-index:2;opacity:0;
  background:#ffe98a;box-shadow:0 0 8px 2px rgba(255,233,138,.8)}
.go .spark{animation:sp .9s ease-out forwards}
@keyframes sp{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.3)}}

.cta-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative;z-index:5;padding-inline:18px}
.cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 27px;
  font-size:16.5px;font-weight:700;text-decoration:none}
.cta.sun{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffef86,var(--gold) 55%,#efcb1f);color:var(--ink);
  box-shadow:0 3px 0 #a98c0d,0 14px 30px rgba(0,0,0,.45)}
.cta.sun::after{content:"";position:absolute;top:-40%;bottom:-40%;width:36px;background:rgba(255,255,255,.5);
  transform:skewX(-24deg);left:-60px;animation:sweep 4.2s ease-in-out infinite}
@keyframes sweep{0%,55%{left:-60px}80%,100%{left:130%}}
.cta.sun:active{transform:translateY(2px)}
.cta.ghost{color:#fff;font-size:14.5px;box-shadow:inset 0 0 0 1.8px rgba(255,255,255,.35)}
.cta.ghost:hover{box-shadow:inset 0 0 0 1.8px rgba(255,255,255,.7)}
.legal-line{margin-top:12px;text-align:center;font-size:11.5px;line-height:1.6;color:var(--muted);padding-inline:18px}
.legal-line b{color:#cfdeec;font-weight:500}

/* desktop hero */
.d-grid{display:contents}
@media(min-width:1160px){
  .m-flow{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1280px;margin-inline:auto;
    padding:56px 40px 4px}
  .canvas img.ph{object-position:center 18%}
  .canvas .fade{background:
    linear-gradient(90deg,rgba(9,40,72,.9) 0%,rgba(9,40,72,.55) 34%,rgba(9,40,72,.08) 55%,rgba(9,40,72,.25) 100%),
    linear-gradient(180deg,rgba(9,40,72,.35) 0%,transparent 30% 58%,var(--navy) 96%)}
  .title{text-align:left;padding:0}
  .cta-row{justify-content:flex-start;padding:0}
  .legal-line{text-align:left;padding:0}
  .stage{--k:1.15;height:470px}
  .taste{--sz:240px;top:52%}
}

.wrap{max-width:1120px;margin-inline:auto;padding-inline:18px}
section.ch{margin-top:44px}
.ch-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.medal{width:56px;height:56px;flex:none;border-radius:50%;padding:2.5px;
  background:conic-gradient(from 30deg,#c79e10,#ffef9a 25%,#caa616 50%,#fff3a6 75%,#c79e10);
  box-shadow:0 8px 18px rgba(0,0,0,.45)}
.medal img{width:100%;height:100%;border-radius:50%;object-fit:cover}
h2{font-size:clamp(21px,4.6vw,29px);font-weight:700;letter-spacing:-.015em;color:#fff;line-height:1.15}
p{font-size:15px;line-height:1.65;color:#d7e5f2}
p+p{margin-top:10px}
p b,li b{color:#fff}
.card{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:18px}
.callout{margin-top:14px;border-radius:16px;padding:14px 16px;background:rgba(251,227,74,.08);
  box-shadow:inset 0 0 0 1.5px rgba(251,227,74,.35)}
.callout b{color:var(--gold)}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fchip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:500;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:#dbe8f4}
.fchip b{color:var(--gold);font-weight:700}
.grid2{display:grid;gap:14px}
@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr}}

/* answer-first */
.answer{margin-top:-6px;position:relative;z-index:6}
.answer .card{border-radius:20px}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:10px}
.byline .dot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.7}
.disamb{margin-top:12px;font-size:12px;color:#93accb;line-height:1.55;border-top:1px solid rgba(255,255,255,.09);padding-top:10px}

/* key-facts */
.facts{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fact{display:flex;align-items:center;gap:11px;background:var(--card);
  box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:10px 12px;text-align:left;min-width:0}
.fact>span{min-width:0}
.fact span span{hyphens:auto;overflow-wrap:anywhere}
.fact img{width:48px;height:48px;flex:none;border-radius:12px;
  box-shadow:0 0 0 1px rgba(251,227,74,.25),0 6px 14px rgba(0,0,0,.35)}
.fact b{display:block;font-size:14.5px;font-weight:700;color:var(--gold);line-height:1.15}
.fact span{font-size:10.5px;color:var(--muted);line-height:1.35;display:block;margin-top:2px}
@media(min-width:900px){.facts{grid-template-columns:repeat(4,1fr)}.fact b{font-size:16px}.fact span{font-size:11.5px}}

/* screenframe */
.frame{margin-top:16px;border-radius:16px;overflow:hidden;background:#0a1f38;
  box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
.frame .bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#03101f}
.frame .bar i{width:9px;height:9px;border-radius:50%;background:#31547a}
.frame .bar i:first-child{background:#c05555}.frame .bar i:nth-child(2){background:#c9a94a}.frame .bar i:nth-child(3){background:#4d9c6b}
.frame .url{margin-left:6px;font-size:11px;color:#9db4c9;background:rgba(255,255,255,.07);border-radius:999px;padding:4px 12px}
.frame figcaption{font-size:11.5px;color:#8fa8bf;padding:9px 12px;background:#03101f}

.belt{margin-top:18px;position:relative;background:var(--deep);border-radius:16px;padding:12px 0;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line)}
.belt .row{display:flex;gap:10px;width:max-content;animation:belt 38s linear infinite}
@keyframes belt{to{transform:translateX(-50%)}}
.belt figure{width:92px;flex:none;border-radius:12px;overflow:hidden;background:#0a1f38;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.belt img{width:92px;height:92px;object-fit:cover}
.belt figcaption{font-size:9px;font-weight:500;color:#9db4c9;text-align:center;padding:4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.belt::before,.belt::after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}
.belt::before{left:0;background:linear-gradient(90deg,var(--deep),transparent)}
.belt::after{right:0;background:linear-gradient(-90deg,var(--deep),transparent)}

.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
@media(min-width:900px){.cats{grid-template-columns:repeat(4,1fr)}}
.cat{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:14px;text-align:center}
.cat b{display:block;font-size:26px;font-weight:700;color:var(--gold)}
.cat span{font-size:11.5px;color:var(--muted)}
.studios{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.studios i{font-style:normal;font-size:12px;font-weight:500;color:#dbe8f4;padding:7px 12px;border-radius:999px;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}

.bonuscard{display:grid;gap:14px;margin-top:14px}
@media(min-width:900px){.bonuscard{grid-template-columns:1.1fr .9fr}}
.coupon{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin-top:12px;
  background:rgba(5,26,51,.55);border:1.5px dashed rgba(251,227,74,.55)}
.coupon span{font-size:12px;color:var(--muted)}
.coupon b{font-size:20px;letter-spacing:.22em;color:var(--gold);font-weight:700}
.coupon button{border:0;background:rgba(251,227,74,.14);color:var(--gold);font:inherit;font-size:12px;font-weight:500;
  padding:7px 11px;border-radius:9px;cursor:pointer;margin-left:auto}
.coupon button:hover{background:rgba(251,227,74,.25)}
.calc label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.calc label output{color:var(--gold);font-weight:700;font-size:14px}
input[type=range]{width:100%;accent-color:var(--gold);height:28px}
.calc .rows{margin-top:8px;font-size:13px}
.calc .rows div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.calc .rows div:last-child{border-bottom:0;font-weight:700}
.calc .rows b{color:var(--gold)}
.altcodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.alt{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;padding:10px;text-align:center}
.alt .mini{display:block;width:52px;height:52px;border-radius:50%;margin:0 auto 8px;padding:2.5px;
  background:conic-gradient(from 30deg,#c79e10,#ffef9a 25%,#caa616 50%,#fff3a6 75%,#c79e10)}
.alt .mini img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.alt b{display:block;font-size:13.5px;color:var(--gold)}
.alt span{font-size:10.5px;color:var(--muted)}

.pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px;margin-top:14px}
.pm{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-height:78px;padding:12px 8px;border-radius:14px;
  background:linear-gradient(165deg,rgba(255,255,255,.06),var(--card) 55%);
  box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s ease,box-shadow .2s ease}
.pm:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(251,227,74,.45),0 12px 24px rgba(0,0,0,.35)}
.pm img{height:24px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.pm .tname{font-size:15px;font-weight:700;color:var(--gold);letter-spacing:.02em}
.pm span{font-size:10px;color:var(--muted);text-align:center;line-height:1.3}
.pm .only{position:absolute;top:-7px;right:8px;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  background:#c92a2a;color:#fff;border-radius:999px;padding:3px 7px}

.reasons{display:grid;gap:10px;margin-top:14px}
@media(min-width:900px){.reasons{grid-template-columns:1fr 1fr}}
.reason{display:flex;gap:12px;background:linear-gradient(120deg,rgba(251,227,74,.07),var(--card) 40%);
  box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 var(--gold-d);border-radius:14px;padding:13px 14px;
  transition:transform .2s ease,box-shadow .2s ease}
.reason:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(251,227,74,.4),inset 3px 0 0 var(--gold),0 10px 22px rgba(0,0,0,.35)}
.reason .num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-size:14px;font-weight:700;color:var(--ink);
  background:radial-gradient(circle at 34% 28%,#fff7bd,var(--gold) 55%,#c39b0e);box-shadow:0 3px 0 #8f6f08}
.reason b{color:var(--gold);font-size:13.5px}
.reason p{font-size:13px;margin-top:4px;color:#c9dcec}

/* bewertung */
.pro-con{display:grid;gap:14px;margin-top:14px}
@media(min-width:900px){.pro-con{grid-template-columns:1fr 1fr}}
.pc{padding:0;overflow:hidden;display:flex;flex-direction:column}
.pc .pchead{display:flex;align-items:center;gap:11px;padding:13px 16px;font-size:15px;font-weight:700}
.pc .pchead .sig{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700}
.pc.plus .pchead{background:linear-gradient(100deg,#ffef86,#fbe34a 60%,#efcb1f);color:var(--ink)}
.pc.plus .pchead .sig{background:rgba(6,49,111,.14);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(6,49,111,.4)}
.pc.minus .pchead{background:linear-gradient(100deg,#123054,#0b2140);color:#fff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.pc.minus .pchead .sig{background:rgba(217,130,130,.15);color:#e8a5a5;box-shadow:inset 0 0 0 1.5px rgba(217,130,130,.45)}
.pc ul{list-style:none;padding:8px 16px 14px}
.pc li{font-size:13.5px;line-height:1.5;color:#d0e0ee;padding:9px 0 9px 30px;position:relative;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s}
.pc li:hover{background:rgba(255,255,255,.03)}
.pc li:last-child{border-bottom:0}
.pc li::before{position:absolute;left:0;top:9px;width:19px;height:19px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:700;line-height:19px;text-align:center}
.pc.plus li::before{content:"✓";background:radial-gradient(circle at 34% 28%,#fff7bd,var(--gold) 55%,#c39b0e);color:var(--ink);
  box-shadow:0 2px 0 #8f6f08}
.pc.minus li::before{content:"–";background:#152c49;color:#e8a5a5;box-shadow:inset 0 0 0 1.5px rgba(217,130,130,.4)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.step{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:14px 8px;text-align:center}
.step .k{width:52px;height:52px;margin:0 auto 8px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#fffbd6,#ffef86 25%,var(--gold) 55%,#eec81d 80%,#c39b0e);
  box-shadow:0 4px 0 #8f6f08,0 8px 14px rgba(0,0,0,.4),inset 0 -5px 10px rgba(146,110,6,.5);
  display:grid;place-items:center;font-weight:700;color:var(--ink);font-size:15px}
.step:nth-child(1) .k{transform:scale(.82)}
.step:nth-child(3) .k{transform:scale(1.12)}
.step b{display:block;font-size:12.5px;color:#fff;line-height:1.3}
.step span{font-size:10.5px;color:var(--muted)}

.mock{margin-top:16px;border-radius:16px;overflow:hidden;background:#0a1f38;
  box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
.mock .bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#03101f}
.mock .bar i{width:9px;height:9px;border-radius:50%;background:#31547a}
.mock .bar i:nth-child(1){background:#c05555}.mock .bar i:nth-child(2){background:#c9a94a}.mock .bar i:nth-child(3){background:#4d9c6b}
.mock .bar .url{margin-left:6px;font-size:11px;color:#9db4c9;background:rgba(255,255,255,.07);border-radius:999px;padding:4px 12px}
.mock .top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--blue)}
.mock .top img{width:26px}
.mock .top b{color:#fff;font-size:15px}
.mock .top b em{font-style:normal;color:var(--gold)}
.mock .search{flex:1;max-width:260px;margin-left:auto;display:none;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);border-radius:999px;padding:7px 13px;font-size:11.5px;color:#cfe0ef}
@media(min-width:700px){.mock .search{display:flex}}
.mock .reg{font-size:12px;font-weight:700;color:var(--ink);background:var(--gold);border-radius:999px;
  padding:8px 14px;text-decoration:none;margin-left:auto}
@media(min-width:700px){.mock .reg{margin-left:0}}
.mock .cats-row{display:flex;gap:8px;padding:12px 14px 0;flex-wrap:wrap}
.mock .cats-row button{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:500;color:#cfe0ef;
  background:rgba(255,255,255,.08);border-radius:999px;padding:8px 13px;transition:.25s}
.mock .cats-row button b{color:var(--gold);font-weight:700}
.mock .cats-row button.on{background:var(--gold);color:var(--ink)}
.mock .cats-row button.on b{color:var(--ink)}
.mock .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}
@media(min-width:900px){.mock .tiles{grid-template-columns:repeat(8,1fr)}}
.mock .tiles figure{border-radius:12px;overflow:hidden;background:#08172b;box-shadow:0 0 0 1px rgba(255,255,255,.08);
  opacity:0;transform:translateY(10px) scale(.94);transition:opacity .4s ease,transform .4s ease}
.mock .tiles.in figure{opacity:1;transform:none}
.mock .tiles img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}
.mock .tiles figure:hover img{transform:scale(1.07)}
.mock .tiles figcaption{font-size:9px;font-weight:500;color:#9db4c9;text-align:center;padding:4px 3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock .note{font-size:11.5px;color:#8fa8bf;padding:0 14px 12px}

.scene{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.1)}
.scene img{width:100%;height:100%;object-fit:cover}
.scene::after{content:"";position:absolute;top:-30%;bottom:-30%;width:60px;background:rgba(255,255,255,.18);
  transform:skewX(-22deg);left:-90px;filter:blur(6px)}
.scene.lit::after{animation:sceneShine 1.4s ease-out .3s 1}
@keyframes sceneShine{to{left:130%}}
.ch-split{display:grid;gap:16px;align-items:center;margin-top:14px}
@media(min-width:900px){.ch-split{grid-template-columns:1.15fr .85fr}.ch-split.flip{grid-template-columns:.85fr 1.15fr}
  .ch-split.flip .scene{order:-1}}
.sidefig{display:none}
@media(min-width:1160px){
  .sidefig{display:block;float:right;width:250px;margin:-10px -6px 10px 26px;shape-outside:circle(50%)}
  .sidefig .xl{width:250px;height:250px;border-radius:50%;padding:4px;
    background:conic-gradient(from 30deg,#c79e10,#ffef9a 25%,#caa616 50%,#fff3a6 75%,#c79e10);
    box-shadow:0 20px 44px rgba(0,0,0,.5);animation:sfloat 6s ease-in-out infinite}
  .sidefig .xl img{width:100%;height:100%;border-radius:50%;object-fit:cover}
  @keyframes sfloat{50%{transform:translateY(-10px)}}
}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.medal{position:relative;overflow:hidden}
.medal::after{content:"";position:absolute;top:-30%;bottom:-30%;width:16px;background:rgba(255,255,255,.55);
  transform:skewX(-24deg);left:-30px;filter:blur(2px);animation:medShine 5s ease-in-out infinite}
@keyframes medShine{0%,72%{left:-30px}92%,100%{left:120%}}
.belt .row.rev{animation:beltRev 44s linear infinite;margin-top:10px}
@keyframes beltRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* FAQ */
.faq details{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;margin-top:10px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:700;font-size:14.5px;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#fffbd6,var(--gold) 55%,#c39b0e);
  box-shadow:0 2px 0 #8f6f08;transition:transform .25s ease}
.faq details[open] summary::before{transform:translateY(2px) scale(.9)}
.faq details p{padding:0 16px 14px 48px;font-size:14px}

.fazit{margin-top:20px;position:relative;border-radius:22px;overflow:hidden;padding:24px 20px;
  background:radial-gradient(120% 130% at 50% -20%,#0c568f,var(--navy) 60%,var(--deep));box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.fazit .minidome{width:74px;height:74px;margin:0 auto 12px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#fffbd6,#ffef86 22%,var(--gold) 50%,#eec81d 75%,#c39b0e);
  box-shadow:0 6px 0 #8f6f08,0 14px 26px rgba(0,0,0,.5),inset 0 -8px 16px rgba(146,110,6,.55);
  display:grid;place-items:center;font-weight:700;color:var(--ink);font-size:13px;letter-spacing:.04em}
.fazit p{max-width:64ch;margin-inline:auto}

.risk{margin-top:26px;font-size:12px;line-height:1.65;color:#93accb;background:rgba(201,42,42,.07);
  box-shadow:inset 0 0 0 1px rgba(201,42,42,.3);border-radius:14px;padding:14px 16px}
.risk b{color:#e8b5b5}

/* footer */
footer{margin-top:44px;background:#020b16;padding:28px 0 90px;box-shadow:0 -1px 0 rgba(255,255,255,.06)}
footer .wrap>p{font-size:11.5px;color:#7e97ad;line-height:1.65;margin-top:10px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px}
footer nav a{font-size:12.5px;color:#c9dcec;text-decoration:none}
footer nav a:hover{color:var(--gold)}
.f18{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;color:#c9dcec}
.f18 i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#c92a2a;color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;flex:none}

/* sticky CTA */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:flex;justify-content:center;
  transform:translateY(120%);transition:transform .35s ease}
.sticky-cta.on{transform:none}
.sticky-cta a{flex:1;max-width:520px;text-align:center;padding:15px 20px;border-radius:999px;font-weight:700;font-size:15.5px;
  text-decoration:none;background:linear-gradient(180deg,#ffef86,var(--gold) 55%,#efcb1f);color:var(--ink);
  box-shadow:0 3px 0 #a98c0d,0 14px 30px rgba(0,0,0,.55)}
@media(min-width:1000px){.sticky-cta{display:none}}

@media(prefers-reduced-motion:reduce){
  .bonus,.settled .dome,.go .chip-fly,.go .spark,.go .flash,.go .slitglow,.belt .row,.cta.sun::after{animation:none}
}

.subhero{position:relative;overflow:clip;background:var(--navy)}
.subhero .bg{position:absolute;inset:0}
.subhero .bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.subhero .fade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(4,18,35,.72) 0%,rgba(9,40,72,.38) 34%,rgba(6,26,49,.7) 68%,var(--navy) 100%)}
.subhero .inner{position:relative;z-index:2;max-width:1120px;margin-inline:auto;
  padding:26px 18px 30px;text-align:left}
.crumbs{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#cfe0ef;flex-wrap:wrap}
.crumbs a{color:#cfe0ef;text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.crumbs .dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.8}
.crumbs .minidot{width:16px;height:16px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 28%,#fff7bd,var(--gold) 55%,#c39b0e);box-shadow:0 2px 0 #8f6f08}
.subhero h1{margin-top:14px;font-size:clamp(24px,5.6vw,40px);font-weight:700;letter-spacing:-.015em;color:#fff;line-height:1.12;
  text-shadow:0 2px 4px rgba(3,14,27,.85),0 8px 24px rgba(3,14,27,.6)}
.subhero h1 em{font-style:normal;
  background:linear-gradient(180deg,#ffffff 8%,#fdf6dc 52%,#f3d668 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.subhero .sub{margin-top:10px;max-width:70ch;font-size:14.5px;line-height:1.6;color:#e6eff7;
  text-shadow:0 1px 3px rgba(3,14,27,.9)}
.subhero .cta-row{justify-content:flex-start;padding:0;margin-top:18px}
.subhero .legal-line{text-align:left;padding:0}
@media(min-width:1160px){.subhero .inner{padding:44px 40px 40px}}

.checks{margin-top:14px;display:grid;gap:8px}
@media(min-width:900px){.checks{grid-template-columns:1fr 1fr}}
.checks li{list-style:none;position:relative;padding:11px 13px 11px 40px;font-size:13.5px;line-height:1.5;
  color:#d0e0ee;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px}
.checks li::before{content:"✓";position:absolute;left:11px;top:11px;width:19px;height:19px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink);
  background:radial-gradient(circle at 34% 28%,#fff7bd,var(--gold) 55%,#c39b0e);box-shadow:0 2px 0 #8f6f08}

.tilegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
@media(min-width:900px){.tilegrid{grid-template-columns:repeat(8,1fr)}}
.tilegrid figure{border-radius:12px;overflow:hidden;background:#0a1f38;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.tilegrid img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}
.tilegrid figure:hover img{transform:scale(1.07)}
.tilegrid figcaption{font-size:9px;font-weight:500;color:#9db4c9;text-align:center;padding:4px 3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

section.ch{content-visibility:auto;contain-intrinsic-size:auto 640px}