:root{--bg:#11051d;--bg2:#250936;--panel:#241034;--pink:#ff2f9a;--purple:#9339ff;--orange:#ff9c18;--gold:#ffd36c;--cyan:#4bd9ff;--green:#61ed9d;--white:#fff;--muted:#d9c7e2;--line:rgba(255,255,255,.14);--shadow:0 24px 70px rgba(4,0,14,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff;background:radial-gradient(circle at 20% 10%,#50104c 0,transparent 28%),radial-gradient(circle at 85% 25%,#281066 0,transparent 30%),linear-gradient(145deg,var(--bg),#1b0628 55%,#090313);line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;width:100%}button,input{font:inherit}.shell{width:min(1280px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:10px 14px;background:#fff;color:#111}.skip-link:focus{top:12px}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-2}.ambient-a{width:420px;height:420px;background:#c5167f55;left:-120px;top:220px}.ambient-b{width:380px;height:380px;background:#4c1cff44;right:-100px;bottom:80px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{background:#09020fbb;border-bottom:1px solid var(--line);font-size:12px}.topbar-inner{height:36px;display:flex;justify-content:space-between;align-items:center}.topbar b{display:inline-grid;place-items:center;background:var(--pink);border-radius:50%;width:29px;height:29px;margin-right:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(17,5,29,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}.brand-crown{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--orange),var(--pink) 55%,var(--purple));font-size:25px;box-shadow:0 12px 28px #ff2f9a33}.brand strong{display:block;font-size:21px;line-height:1.05}.brand small{display:block;color:#dcbbe6;font-size:10px}.main-menu{display:flex;gap:25px}.main-menu a{text-decoration:none;font-size:13px;font-weight:800}.main-menu a:hover{color:#ff8dcc}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;font-weight:900}.nav-cta{padding:12px 18px;background:#fff;color:#351044;border-radius:99px;font-size:12px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:10px}.hero{min-height:670px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:36px;padding:70px 0}.kicker{display:inline-flex;padding:7px 11px;border:1px solid #ffffff2b;background:#ffffff12;border-radius:99px;font-size:10px;letter-spacing:.11em;font-weight:950}.gold-kicker{background:#ffd36c1c;color:#ffe29b;border-color:#ffd36c55}.cyan-kicker{background:#4bd9ff18;color:#8ae8ff;border-color:#4bd9ff55}.pink-kicker{background:#ff2f9a18;color:#ff91cb;border-color:#ff2f9a55}.green-kicker{background:#61ed9d18;color:#9affbd;border-color:#61ed9d55}.hero h1,.section-heading h2,.palace-copy h2,.compare-copy h2,.insight-copy h2,.bonus-copy h2,.safe-copy h2,.newsletter-copy h2{font-size:clamp(40px,5.4vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff70bc,#ffd36c);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.button{padding:14px 20px;border-radius:13px}.button-primary{background:linear-gradient(135deg,var(--pink),#ff5d76);box-shadow:0 13px 30px #ff2f9a35}.button-secondary{background:#ffffff0c;border:1px solid #ffffff40}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats div{padding:14px;border-left:3px solid var(--pink);background:#ffffff08;border-radius:0 14px 14px 0}.hero-stats strong{display:block;font-size:29px}.hero-stats span{font-size:10px;color:#d7bedf}.hero-visual{position:relative}.hero-visual img{filter:drop-shadow(0 34px 54px rgba(0,0,0,.45));animation:float 6s ease-in-out infinite}.float-label{position:absolute;padding:9px 13px;border-radius:99px;background:#fff;color:#351044;font-weight:900;font-size:11px;box-shadow:var(--shadow)}.label-a{top:13%;left:4%}.label-b{right:3%;top:28%}.label-c{left:24%;bottom:3%}@keyframes float{50%{transform:translateY(-10px)}}.palace-strip{padding:70px 0;background:linear-gradient(110deg,#2b0939,#5a104e 50%,#2b0a55);border-block:1px solid var(--line)}.palace-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.palace-image{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(-1deg)}.palace-image img{aspect-ratio:16/10;object-fit:cover}.palace-copy p,.compare-copy>p,.insight-copy>p,.bonus-copy>p,.safe-copy>p,.newsletter-copy>p{color:var(--muted);font-size:17px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.check-grid span{padding:12px;background:#ffffff0c;border:1px solid var(--line);border-radius:12px;font-weight:800;font-size:13px}.text-link{font-weight:900;color:#ffd36c}.section{padding:100px 0}.section-heading{max-width:850px;margin-bottom:34px}.section-heading p{color:var(--muted);font-size:17px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:310px;gap:18px}.game-card{position:relative;border-radius:25px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);isolation:isolate}.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,1,15,.94));z-index:1}.game-card img{height:100%;object-fit:cover;transition:.65s}.game-card:hover img{transform:scale(1.045)}.game-large{grid-column:span 2;grid-row:span 2}.game-wide{grid-column:span 2}.game-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.game-overlay span{font-size:10px;color:#ffd36c;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.game-overlay h3{font-size:28px;margin:4px 0 12px}.game-large .game-overlay h3{font-size:43px}.game-overlay button{border:1px solid #ffffff44;background:#ffffff16;color:#fff;padding:10px 13px;border-radius:10px;font-weight:850;cursor:pointer}.compare-section{background:linear-gradient(145deg,#160725,#27093d);border-block:1px solid var(--line)}.compare-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.preference-list{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.preference-list button{padding:11px 14px;border:1px solid #ffffff30;background:#ffffff0a;color:#fff;border-radius:99px;cursor:pointer}.preference-list button.active{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}.recommendation{padding:20px;border-radius:19px;background:#ffffff0b;border:1px solid var(--line)}.recommendation span{font-size:10px;color:#ff91cb;font-weight:900;text-transform:uppercase}.recommendation strong{display:block;font-size:28px;margin-top:5px}.recommendation p{margin:4px 0 0;color:var(--muted)}.compare-art{position:relative}.compare-art img{border-radius:34px;box-shadow:var(--shadow)}.orbit-notes span{position:absolute;padding:8px 11px;background:#fff;color:#321044;border-radius:99px;font-weight:900;font-size:10px}.orbit-notes span:nth-child(1){top:8%;left:7%}.orbit-notes span:nth-child(2){top:16%;right:4%}.orbit-notes span:nth-child(3){bottom:9%;left:12%}.orbit-notes span:nth-child(4){bottom:14%;right:7%}.insight-grid,.bonus-grid,.safe-grid,.newsletter-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.insight-image img,.bonus-image img,.safe-image img,.newsletter-image img{border-radius:32px;box-shadow:var(--shadow)}.meter-list{display:grid;gap:17px;margin-top:28px}.meter-list div{display:grid;grid-template-columns:1fr auto;gap:8px}.meter-list i{grid-column:1/-1;height:12px;background:#ffffff12;border-radius:99px;overflow:hidden}.meter-list i::after{content:"";display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--orange));border-radius:inherit}.meter-list.animated i::after{animation:meter 1.3s forwards;width:var(--value)}@keyframes meter{from{width:0}}.bonus-section{background:linear-gradient(110deg,#300827,#4e102f 55%,#250728);border-block:1px solid var(--line)}.bonus-copy details,.faq details{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;margin:11px 0;padding:15px}.bonus-copy summary,.faq summary{cursor:pointer;font-weight:900}.bonus-copy details p,.faq details p{color:var(--muted);margin-bottom:0}.bonus-copy .button{margin-top:18px}.safe-steps{display:grid;gap:14px;margin-top:28px}.safe-steps article{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:start;padding:17px;background:#ffffff08;border:1px solid var(--line);border-radius:16px}.safe-steps b{font-size:26px;color:#61ed9d}.safe-steps h3{margin:0 0 4px}.safe-steps p{margin:0;color:var(--muted);font-size:13px}.gallery-section{background:#090311}.editorial-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:260px;gap:15px}.editorial-gallery figure{position:relative;margin:0;border-radius:22px;overflow:hidden}.editorial-gallery img{height:100%;object-fit:cover}.gallery-main{grid-row:span 2}.gallery-tall{grid-row:span 2}.editorial-gallery figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;background:#12051ddd;border:1px solid #ffffff2d;border-radius:10px;font-weight:800;font-size:11px}.newsletter-section{background:linear-gradient(145deg,#25072f,#12051d)}.newsletter-copy form{margin-top:24px}.newsletter-copy label{font-size:12px;font-weight:850}.form-row{display:flex;gap:9px;margin:8px 0 13px}.form-row input{flex:1;min-width:0;padding:14px;border-radius:12px;border:1px solid #ffffff2c;background:#ffffff0b;color:#fff}.form-row button{border:0;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;font-weight:950;cursor:pointer}.consent{display:flex;align-items:flex-start;gap:8px;color:var(--muted)}.form-message{min-height:24px;color:#9affbd}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{margin:0}.footer{padding:55px 0 20px;background:#07020d;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr .75fr .8fr;gap:35px}.footer p,.footer a{color:#cdb8d7;font-size:12px}.footer a{display:block;text-decoration:none;margin:7px 0}.footer h3{font-size:13px}.footer-brand{margin-bottom:15px}.age-panel{padding:18px;background:#ffffff08;border:1px solid var(--line);border-radius:18px}.age-panel strong{font-size:34px}.age-panel button{border:0;background:transparent;color:#ff91cb;padding:0;cursor:pointer;font-weight:900}.footer-bottom{display:flex;justify-content:space-between;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#a994b3}.footer-bottom a{text-decoration:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}dialog{max-width:600px;width:calc(100% - 30px);background:#1c0928;color:#fff;border:1px solid #ffffff2c;border-radius:24px;padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#07020dcc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;color:#fff;border:0;font-size:30px;cursor:pointer}dialog h2{font-size:38px;margin:17px 0 10px}dialog p,dialog li{color:var(--muted)}dialog .button{margin-top:12px}
@media(max-width:1050px){.main-menu{display:none}.menu-toggle{display:block}.nav-cta{display:none}.main-menu.open{position:fixed;display:flex;flex-direction:column;top:118px;left:0;right:0;padding:25px;background:#12051df5;border-bottom:1px solid var(--line)}.hero,.palace-grid,.compare-layout,.insight-grid,.bonus-grid,.safe-grid,.newsletter-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero{padding-top:40px}.game-grid{grid-template-columns:1fr 1fr}.game-large,.game-wide{grid-column:span 2}.compare-art{max-width:720px;margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.editorial-gallery{grid-template-columns:1fr 1fr}.gallery-main{grid-column:span 2}.gallery-tall{grid-row:auto}}
@media(max-width:650px){.shell{width:min(100% - 22px,1280px)}.topbar-inner span:last-child{display:none}.site-header{top:0}.nav-wrap{height:72px}.brand strong{font-size:18px}.brand-crown{width:42px;height:42px}.main-menu.open{top:108px}.hero{min-height:auto;padding:30px 0 65px}.hero h1,.section-heading h2,.palace-copy h2,.compare-copy h2,.insight-copy h2,.bonus-copy h2,.safe-copy h2,.newsletter-copy h2{font-size:42px}.hero-copy>p,.palace-copy p,.compare-copy>p,.insight-copy>p,.bonus-copy>p,.safe-copy>p,.newsletter-copy>p{font-size:15px}.hero-stats{grid-template-columns:1fr}.float-label{display:none}.section{padding:72px 0}.palace-strip{padding:65px 0}.check-grid{grid-template-columns:1fr}.game-grid{display:block}.game-card{height:340px;margin-bottom:14px}.game-large .game-overlay h3{font-size:30px}.insight-image,.bonus-image,.safe-image,.newsletter-image{order:-1}.faq-list{grid-template-columns:1fr}.editorial-gallery{display:block}.editorial-gallery figure{height:300px;margin-bottom:12px}.form-row{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual img{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* ===== MOBIELE HERO-STATS + FOOTER VERBETERING ===== */
@media(max-width:650px){
  .hero{
    padding-bottom:44px;
  }

  .hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:20px;
  }

  .hero-stats div{
    min-width:0;
    min-height:92px;
    padding:12px 9px 11px;
    border-left:0;
    border-top:3px solid var(--pink);
    border-radius:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:
      linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
  }

  .hero-stats div:nth-child(2){
    border-top-color:var(--orange);
  }

  .hero-stats div:nth-child(3){
    border-top-color:var(--purple);
  }

  .hero-stats strong{
    font-size:clamp(24px,7vw,31px);
    line-height:1;
    margin-bottom:7px;
  }

  .hero-stats span{
    font-size:10px;
    line-height:1.25;
    color:#eadcf0;
  }

  .footer{
    padding:34px 0 18px;
  }

  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 14px;
    align-items:start;
  }

  .footer-grid>div{
    min-width:0;
  }

  .footer-grid>div:first-child{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 18px;
    align-items:center;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  .footer-brand{
    margin:0;
  }

  .footer-grid>div:first-child p{
    grid-column:1/-1;
    margin:0;
    max-width:none;
    font-size:13px;
    line-height:1.55;
  }

  .footer h3{
    margin:0 0 10px;
    font-size:14px;
  }

  .footer a{
    margin:8px 0;
    font-size:12px;
    line-height:1.35;
  }

  .footer p{
    font-size:12px;
  }

  .age-panel{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:15px 16px;
    border-radius:16px;
  }

  .age-panel strong{
    font-size:30px;
    line-height:1;
  }

  .age-panel p{
    margin:0;
    line-height:1.35;
  }

  .age-panel button{
    white-space:nowrap;
    font-size:12px;
  }

  .footer-bottom{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:22px;
    padding-top:14px;
    font-size:10px;
  }
}

@media(max-width:430px){
  .hero-stats{
    gap:6px;
  }

  .hero-stats div{
    min-height:84px;
    padding:10px 6px;
  }

  .hero-stats strong{
    font-size:24px;
  }

  .hero-stats span{
    font-size:9px;
  }

  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 12px;
  }

  .footer-grid>div:first-child{
    grid-template-columns:1fr;
    gap:10px;
  }

  .footer-brand{
    width:100%;
  }

  .age-panel{
    grid-template-columns:auto 1fr;
  }

  .age-panel button{
    grid-column:1/-1;
    justify-self:start;
    padding-top:2px;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}