@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{--ink:#152137;--ink-soft:#48556b;--navy:#10192d;--navy-2:#1a2946;--mint:#44d8c5;--mint-deep:#0f766e;--sand:#f5f7f6;--line:#dce4e6;--white:#fff;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.65 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,summary{font:inherit}
img{max-width:100%}
.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:-10000px;top:auto;z-index:1000;background:#fff;padding:10px 18px}.skip:focus{left:12px;top:12px}
.site-header{height:76px;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:flex;align-items:center;gap:10px;min-width:0}
.brand-symbol{width:39px;height:39px;border:2px solid var(--mint);border-radius:12px;display:grid;place-items:center;transform:rotate(-9deg);flex:none;box-shadow:0 0 0 4px rgba(68,216,197,.08)}
.brand-symbol span{font-size:13px;font-weight:900;letter-spacing:-.08em;transform:rotate(9deg);color:#fff}
.brand-text{display:flex;flex-direction:column;line-height:1.01;letter-spacing:.09em;font-size:13px}.brand-text strong{font-size:15px;letter-spacing:.04em}.brand-text span{color:var(--mint);font-weight:700}
.header-inner nav{display:flex;align-items:center;gap:29px;margin-left:auto}.header-inner nav a{text-decoration:none;color:#cbd5e2;font-size:13px;font-weight:650}.header-inner nav a:hover,.header-inner nav a:focus{color:var(--mint)}
.age{border:1px solid #718398;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;color:#fff}
.hero{background:radial-gradient(circle at 83% 16%,rgba(68,216,197,.2),transparent 27%),linear-gradient(135deg,#10192d 0%,#172744 68%,#1b2c49 100%);color:#fff;overflow:hidden}
.hero-inner{display:flex;min-height:316px;position:relative;padding-block:40px 43px}.hero-copy{position:relative;z-index:2;width:calc(100% - 340px);max-width:780px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 16px}.eyebrow-line{width:27px;height:1px;background:var(--mint)}.eyebrow-dot{opacity:.5}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}
h1{font-size:clamp(34px,4.2vw,53px);font-weight:850;max-width:790px;margin-bottom:14px;text-wrap:balance}
.lead{font-size:16px;line-height:1.62;color:#d9e5eb;max-width:720px;margin-bottom:13px}
.hero-meta{display:flex;align-items:center;gap:11px;font-size:12px;color:#b7c7d6;font-weight:550}.meta-separator{width:4px;height:4px;border-radius:50%;background:var(--mint)}
.intro-more{max-width:725px;margin-top:10px;color:#dce6eb;font-size:14px}.intro-more summary{display:inline-flex;gap:5px;align-items:center;color:var(--mint);cursor:pointer;font-weight:700;font-size:13px;list-style:none}.intro-more summary::-webkit-details-marker{display:none}.intro-more summary span{transition:transform .2s}.intro-more[open] summary span{transform:rotate(180deg)}.intro-more div{padding-top:11px}.intro-more p{margin-bottom:10px}
.hero-art{position:absolute;right:8px;top:8px;width:320px;height:300px;object-fit:cover;border-radius:22px;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 100%);opacity:.98}
.compare-section{background:var(--sand);padding:38px 0 55px;border-bottom:1px solid var(--line)}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-intro>div{max-width:700px}.section-intro h2{font-size:clamp(25px,2.7vw,34px);margin-bottom:0}.section-intro>p{max-width:315px;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5}
.kicker{font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--mint-deep);margin-bottom:10px}
.compare-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 45px rgba(13,37,54,.07);overflow:hidden}
.compare-labels,.offer{display:grid;grid-template-columns:48px minmax(205px,1.2fr) minmax(220px,1fr) 180px;gap:17px;align-items:center}
.compare-labels{min-height:43px;padding:0 23px;background:#edf3f3;color:#536477;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.offers{padding:0;margin:0;list-style:none}.offer{min-height:104px;padding:16px 23px;border-top:1px solid #e8eeef;transition:background .15s}.offer:hover{background:#f9fcfb}
.offer:not(:first-child){display:none}
.rank{font-weight:850;color:#8b9ba9;font-size:15px}.casino-name{display:flex;align-items:center;gap:14px;font-size:17px;margin:0;letter-spacing:-.03em}.casino-name img{display:block;width:116px;height:60px;object-fit:contain;background:#121a2b;border-radius:10px;padding:5px;flex:none}.casino-name span{min-width:0;overflow-wrap:anywhere}
.bonus small{display:block;font-size:11px;color:#68788b;line-height:1.3;margin-bottom:4px}.bonus strong{font-size:16px;line-height:1.35;color:var(--ink);font-weight:800}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:46px;padding:10px 16px;background:var(--mint);border-radius:10px;text-decoration:none;color:#092a2b;font-size:14px;font-weight:850;white-space:nowrap;box-shadow:0 3px 0 #19a896;transition:transform .15s,background .15s}.cta:hover,.cta:focus{transform:translateY(-2px);background:#6be9d8}.cta:active{transform:translateY(1px);box-shadow:none}
.compare-foot{padding:14px 23px;margin:0;background:#f9fbfb;border-top:1px solid var(--line);font-size:12px;color:#647287;line-height:1.5}
.more-row{padding:14px 23px;text-align:center;border-top:1px solid var(--line)}.more-row button{background:#fff;border:1px solid #bedbd7;border-radius:10px;padding:10px 20px;color:#0a6862;font-size:13px;font-weight:800;cursor:pointer}.more-row button:hover,.more-row button:focus{background:#e9f7f4}.more-row button:disabled{opacity:.55;cursor:wait}
.article-shell{padding-top:58px;padding-bottom:85px}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:66px;align-items:start}.content{min-width:0}.content section{scroll-margin-top:30px;margin-bottom:64px}.content section:last-child{margin-bottom:0}.content h2{font-size:clamp(25px,2.6vw,33px);margin-bottom:18px}.content p{font-size:16px;line-height:1.76;color:#354257;margin-bottom:15px}.content strong{color:#182a40}
.content section:first-child{border-bottom:1px solid var(--line);padding-bottom:35px}.content section:first-child p:last-child{margin-bottom:0}
.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.number-grid>div{background:#f4f8f8;border:1px solid #dfe9e8;border-radius:14px;padding:18px}.number-grid span{color:var(--mint-deep);font-size:12px;font-weight:900}.number-grid h3{font-size:16px;margin:7px 0 10px}.number-grid p{font-size:13px;line-height:1.58;margin:0}
.review{border:1px solid var(--line);border-radius:16px;padding:21px;margin:20px 0;background:#fff;box-shadow:0 7px 22px rgba(13,37,54,.04)}.review-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}.review-head img{width:112px;height:56px;object-fit:contain;background:#121a2b;border-radius:9px;padding:4px;flex:none}.review-head h3{font-size:19px;margin:0}.review-head span{font-size:11px;font-weight:750;color:var(--mint-deep);letter-spacing:.06em;text-transform:uppercase}.review p{font-size:14px;line-height:1.7;margin-bottom:11px}.review p:last-of-type{margin-bottom:10px}.review a{font-size:13px;font-weight:800;color:#0a6964;text-decoration-thickness:1px;text-underline-offset:3px}
.note{background:#e9f7f4;border-left:4px solid #3acbb7;padding:20px 22px;border-radius:0 12px 12px 0;color:#29453f;font-size:14px;line-height:1.7;margin-top:22px}
.checklist{padding:0;margin:20px 0 20px;list-style:none;display:grid;gap:9px}.checklist li{padding:11px 14px 11px 42px;background:#f5f8f8;border:1px solid #e2ebeb;border-radius:10px;position:relative;color:#3a4858;font-size:14px}.checklist li:before{content:'✓';position:absolute;left:15px;top:10px;color:var(--mint-deep);font-weight:900}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{position:relative;list-style:none;cursor:pointer;font-weight:750;line-height:1.45;padding:20px 42px 20px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:15px;font-size:24px;color:var(--mint-deep);font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;padding:0 30px 17px 0;margin:0}
.sidebar{position:sticky;top:24px}.side-card{background:#13233b;color:#fff;border-radius:18px;padding:25px;box-shadow:0 15px 36px rgba(10,30,48,.12)}.side-mark{font-size:11px;color:var(--mint);font-weight:850;letter-spacing:.16em}.side-card h2{font-size:23px;margin:13px 0 9px}.side-card p{color:#c4d1de;font-size:13px;line-height:1.65;margin-bottom:20px}.side-card a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:11px 0;border-top:1px solid rgba(255,255,255,.15);font-size:13px;font-weight:750}.side-card a span{color:var(--mint)}.side-card a:hover{color:var(--mint)}.side-quote{padding:18px 24px;margin-top:20px;border-radius:17px;background:#eaf7f4;color:#175951}.side-quote span{font-size:47px;font-weight:900;line-height:1}.side-quote p{font-size:15px;font-weight:700;line-height:1.5;margin:-6px 0 0}
.site-footer{background:var(--navy);color:#c2cfdb}.footer-inner{display:flex;align-items:center;gap:24px;min-height:115px;padding-block:25px}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:850;font-size:13px;letter-spacing:.08em;flex:none}.footer-brand .brand-symbol{width:32px;height:32px;border-radius:9px}.footer-brand .brand-symbol span{font-size:11px}.footer-inner p{font-size:12px;margin:0 auto 0 0;line-height:1.5}.footer-inner>span{font-size:12px;white-space:nowrap}
@media(max-width:980px){.hero-art{right:-35px;opacity:.55}.hero-copy{width:84%}.article-grid{grid-template-columns:minmax(0,1fr);gap:0}.sidebar{display:none}.compare-labels,.offer{grid-template-columns:35px minmax(180px,1.1fr) minmax(180px,1fr) 150px;gap:10px}.casino-name img{width:91px;height:55px}.cta{padding-inline:10px}}
@media(max-width:720px){.site-header{height:65px}.header-inner nav{display:none}.shell{width:min(100% - 28px,560px)}.hero-inner{min-height:0;padding-block:32px 33px}.hero-copy{width:100%}.hero-art{display:none}h1{font-size:clamp(29px,7.8vw,38px);line-height:1.15}.lead{font-size:14px;line-height:1.58}.hero-meta{font-size:11px;flex-wrap:wrap}.eyebrow{font-size:9px}.compare-section{padding:28px 0 42px}.section-intro{display:block;margin-bottom:16px}.section-intro h2{font-size:26px}.section-intro>p{max-width:none;margin-top:8px}.compare-panel{border:0;background:transparent;box-shadow:none;overflow:visible}.compare-labels{display:none}.offers{display:grid;gap:11px}.offer{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px 12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;min-height:0;box-shadow:0 6px 20px rgba(15,35,52,.05)}.rank{grid-column:1;grid-row:1;color:var(--mint-deep)}.casino-name{grid-column:2;grid-row:1;font-size:16px;gap:11px}.casino-name img{width:92px;height:52px}.bonus{grid-column:2;grid-row:2}.bonus strong{font-size:15px}.cta{grid-column:1/-1;width:100%;grid-row:3;margin-top:3px;white-space:normal}.more-row{border:0;padding:15px 0}.more-row button{width:100%}.compare-foot{border:0;border-radius:12px;margin-top:0;padding:12px 13px}.article-shell{padding-top:42px;padding-bottom:60px}.content section{margin-bottom:48px}.content h2{font-size:26px}.content p{font-size:15px;line-height:1.72}.number-grid{grid-template-columns:1fr}.number-grid>div{padding:15px}.review{padding:17px}.review-head img{width:88px;height:50px}.review-head h3{font-size:17px}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:12px}.footer-inner p{width:100%;order:3}.footer-inner>span{margin-left:auto}}
@media(max-width:370px){.shell{width:calc(100% - 22px)}.brand-text strong{font-size:13px}.brand-text{font-size:11px}.casino-name{font-size:15px}.casino-name img{width:80px;height:48px}}
@media(max-width:720px){.offer:not(:first-child){display:grid}}

/* Visual depth and seamless hero artwork. */
body{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 87% 45%,rgba(44,156,151,.24),transparent 38%),radial-gradient(ellipse at 8% 0%,rgba(67,102,156,.16),transparent 44%),linear-gradient(120deg,#10192d 0%,#172640 56%,#132c3b 100%);box-shadow:inset 0 -1px 0 rgba(255,255,255,.09)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(123,237,221,.045) 74%,transparent 91%);pointer-events:none}
.hero-inner{min-height:334px;padding-block:42px 44px}
.hero-inner::after{content:"";position:absolute;z-index:0;right:-72px;top:-42px;width:510px;height:420px;border-radius:50%;background:radial-gradient(ellipse,rgba(61,211,190,.17),transparent 67%);filter:blur(18px);pointer-events:none}
.hero-copy{width:calc(100% - 420px);max-width:770px}
.hero-art{z-index:1;right:-44px;top:-35px;width:455px;height:390px;object-fit:contain;border-radius:0;-webkit-mask-image:radial-gradient(ellipse 49% 49% at 52% 50%,#000 32%,rgba(0,0,0,.96) 42%,transparent 97%);mask-image:radial-gradient(ellipse 49% 49% at 52% 50%,#000 32%,rgba(0,0,0,.96) 42%,transparent 97%);mix-blend-mode:screen;filter:saturate(1.08) contrast(1.04);opacity:.95}
.compare-section{background:radial-gradient(ellipse at 7% 12%,rgba(83,209,186,.09),transparent 35%),linear-gradient(180deg,#f7faf9 0%,#f1f6f5 100%)}
.compare-panel{border-color:#d5e3e1;border-top:3px solid var(--mint);box-shadow:0 28px 70px rgba(13,37,54,.11),0 4px 14px rgba(13,37,54,.04)}
.offer:first-child{background:linear-gradient(95deg,#f0fbf8 0%,#fff 54%);box-shadow:inset 4px 0 0 var(--mint)}
.cta{background:linear-gradient(135deg,#59e4d0,#3acdbb);box-shadow:0 3px 0 #19a896,0 10px 20px rgba(34,183,163,.16)}
.cta:hover,.cta:focus{box-shadow:0 5px 0 #19a896,0 14px 25px rgba(34,183,163,.2)}
.number-grid>div{background:linear-gradient(160deg,#f7fbfa,#edf6f3);box-shadow:0 10px 24px rgba(13,37,54,.045)}
.review{border-color:#dbe7e5;background:linear-gradient(180deg,#fff,#fcfefd);box-shadow:0 13px 30px rgba(13,37,54,.075),0 2px 6px rgba(13,37,54,.025)}
.side-card{background:radial-gradient(circle at 100% 0%,rgba(68,216,197,.14),transparent 44%),linear-gradient(155deg,#182d48,#102037);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 50px rgba(10,30,48,.18)}
.side-quote{background:linear-gradient(140deg,#eaf7f4,#dff1eb);box-shadow:0 10px 28px rgba(25,92,80,.08)}
@media(max-width:980px){.hero-art{right:-80px;top:-14px;width:385px;height:350px;opacity:.72}.hero-copy{width:calc(100% - 305px)}}
@media(max-width:720px){.hero-inner{min-height:0;padding-block:32px 33px}.hero-copy{width:100%}.hero-art{display:none}.compare-panel{border:0;box-shadow:none}.offer{box-shadow:0 9px 24px rgba(15,35,52,.075)}}
