.landing {max-width:100%;}
.landing-activity:has(.completion-feed-list[hidden]) {display:none;}
.landing-hero::before {content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 80% 40%,#7367f01c,transparent 65%);z-index:-1;}
.landing-preview-feature {display:flex;align-items:center;gap:22px;padding:24px 16px;margin-bottom:16px;overflow:hidden;border:1px solid #7663c04d;border-radius:14px;background:linear-gradient(125deg,#39305c,#25233b);}
.landing-preview-feature h2 {font-size:1.45rem;line-height:1.25;margin:10px 0;}
.landing-preview-feature p {font-size:.75rem;color:#c4bfd8;margin:0;}
.landing-preview-feature .landing-eyebrow {font-size:.65rem;}
.landing-game-art {position:relative;flex:none;display:grid;place-items:center;width:100px;height:114px;border-radius:25px;background:linear-gradient(145deg,#9a83ff,#6554d6);box-shadow:0 14px 24px #100a354d,inset 0 1px #ffffff40;font-size:4rem;color:#f0eaff;transform:rotate(-9deg);}
.landing-game-art span {position:absolute;right:-7px;bottom:9px;border-radius:12px;background:#79e4c2;color:#19372f;width:34px;height:34px;display:grid;place-items:center;font-size:1.6rem;}
.landing-preview-tag {border:1px solid #ffffff24;padding:5px 9px;border-radius:20px;color:#bcb4d8;font-size:.65rem;white-space:nowrap;}
.landing-option-arrow {margin-left:auto;color:#b5acff;font-size:1.2rem;}
.landing-preview .landing-preview-bottom {display:flex;align-items:center;justify-content:space-between;text-align:left;padding-top:18px;}
.landing-preview-bottom>span:last-child {color:#79e4c2;}
.landing-final .landing-eyebrow {margin-bottom:12px;}
@media(min-width:761px){.landing-intro h1#landing-title{font-size:clamp(3rem,4.8vw,4.3rem);line-height:1.08;}.landing-hero{min-height:490px;}.landing-preview{transform:rotate(1deg);}.landing-preview-head{gap:12px;}}
@media(max-width:380px){.landing-preview-feature{gap:14px;padding:20px 12px;}.landing-game-art{width:72px;height:90px;font-size:3rem;}.landing-preview-feature h2{font-size:1.2rem;}.landing-preview-head{gap:8px;}.landing-preview-tag{font-size:.6rem;}}
.landing-live-label {display:block;color:#c2bdd9;font-size:.73rem;font-weight:600;margin-bottom:8px;}
.landing-hero {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:48px;padding:58px 0 64px;}
.landing-eyebrow {display:block;color:#b5acff;font-size:.78rem;font-weight:650;letter-spacing:.04em;}
.landing-intro h1 {font-size:clamp(2.2rem,4vw,3.1rem);line-height:1.13;letter-spacing:-.045em;margin:18px 0 22px;}
.landing-intro h1 span {color:#a79bff;}
.landing-intro>p {max-width:460px;color:#b8b8ce;font-size:1.05rem;line-height:1.7;margin:0 0 28px;}
.landing-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.landing .btn {width:auto;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;font-size:.92rem;}
.landing-secondary {color:#d2cee8;font-size:.88rem;}
.landing-highlights {display:flex;gap:18px;flex-wrap:wrap;font-size:.74rem;color:var(--muted);margin-top:22px;}
.landing-highlights span::before {content:'✓';color:#66ddb4;margin-right:6px;}
.landing-preview {border:1px solid #494366;border-radius:20px;padding:22px;background:linear-gradient(145deg,#2b2747,#1d1e30);box-shadow:0 18px 55px #07081266;}
.landing-preview-head {display:flex;justify-content:space-between;align-items:center;color:#d5d1e8;font-size:.8rem;margin-bottom:20px;}
.landing-preview-dot {width:7px;height:7px;background:#66ddb4;border-radius:50%;}
.landing-option {display:flex;align-items:center;gap:14px;padding:19px 13px;border:1px solid #3c3856;border-radius:12px;background:#191a2b;margin-bottom:10px;}
.landing-option-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#39315c;color:#c2b7ff;font-size:1.5rem;flex:none;}
.landing-icon-mint {background:#183b36;color:#74e4bd;}.landing-icon-gold {background:#403522;color:#efc779;}
.landing-option h2 {font-size:.9rem;margin:0 0 4px;}.landing-option p {font-size:.75rem;color:#a9a6c0;margin:0;}
.landing-preview-bottom {text-align:center;color:#aaa4c6;font-size:.73rem;padding:10px 0 0;}
.landing-partners {text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 28px;}
.landing-partners p {color:var(--muted);font-size:.75rem;margin:0 0 18px;}.landing-partners>div {display:flex;justify-content:center;gap:40px;flex-wrap:wrap;color:#c7c3df;font-size:1.05rem;font-weight:750;}
.landing-steps {padding:68px 0;scroll-margin-top:90px;}.landing-section-head {text-align:center;margin-bottom:30px;}.landing h2 {letter-spacing:-.025em;}.landing-section-head h2 {font-size:1.7rem;margin:10px 0;}
.landing-step-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.landing-step-grid article {padding:24px;background:#1b1c2e;border:1px solid var(--line);border-radius:14px;}
.landing-step-number {color:#a79bff;font-size:.8rem;font-weight:700;}.landing-step-grid h3 {font-size:1rem;margin:17px 0 10px;}.landing-step-grid p {font-size:.88rem;color:#aaa8c0;margin:0;line-height:1.7;}
.landing-cashout {display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px;background:#242039;border:1px solid #443c65;border-radius:16px;}
.landing-cashout h2 {font-size:1.55rem;margin:10px 0;}.landing-cashout p {color:#b8b3ca;font-size:.88rem;margin:0;}
.landing-payment-methods {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;flex:0 0 210px;}.landing-payment-methods>span {background:#353049;border:1px solid #514969;border-radius:9px;padding:10px 16px;font-size:.9rem;font-weight:650;}.landing-payment-methods small {width:100%;text-align:center;color:#b8b3ca;font-size:.7rem;}
.landing-faq {max-width:720px;margin:64px auto;}.landing-faq h2 {font-size:1.5rem;margin-bottom:23px;}.landing-faq details {border-bottom:1px solid var(--line);padding:17px 0;}.landing-faq summary {cursor:pointer;font-size:.92rem;font-weight:550;}.landing-faq p {color:#aaa8c0;font-size:.86rem;line-height:1.7;margin:12px 0 3px;}
.landing-final {text-align:center;padding:12px 0 25px;}.landing-final h2 {font-size:1.8rem;margin:0 0 22px;}.landing-final p {font-size:.8rem;color:var(--muted);margin-top:18px;}.landing-final p a {color:#b5acff;}
.landing a:focus-visible,.landing summary:focus-visible {outline:2px solid #b5acff;outline-offset:5px;border-radius:4px;}
@media(max-width:760px){.landing-hero{grid-template-columns:1fr;gap:34px;padding:35px 0 42px;}.landing-intro{text-align:center;}.landing-intro>p{margin-left:auto;margin-right:auto;}.landing-actions,.landing-highlights{justify-content:center;}.landing-preview{width:100%;max-width:440px;margin:auto;}.landing-partners>div{gap:16px 25px;font-size:.9rem;}.landing-steps{padding:42px 0;}.landing-step-grid{grid-template-columns:1fr;gap:12px;}.landing-step-grid article{padding:20px;}.landing-step-grid h3{margin:9px 0;}.landing-cashout{flex-direction:column;text-align:center;padding:26px 20px;}.landing-payment-methods{flex-basis:auto;}.landing-faq{margin:42px auto;}.landing-section-head h2{font-size:1.4rem;}}

/* Refinements shared by the desktop and compact landing layouts. */
.landing {--landing-border:#393650;}
.landing-activity {padding:14px 16px 0;border:1px solid var(--landing-border);border-radius:14px;background:#171827;}
.landing-activity .completion-feed {margin-bottom:14px;}
.landing-hero {position:relative;gap:40px;padding:64px 0;}
.landing-intro,.landing-preview,.landing-option>div {min-width:0;}
.landing-preview-feature>div {min-width:0;overflow-wrap:anywhere;}
.landing-preview-bottom {gap:12px;flex-wrap:wrap;}
.landing-preview-head>span:first-child {min-width:0;}
.landing-preview-tag {flex-shrink:0;}
@media(min-width:761px) {.landing-preview {width:100%;max-width:600px;justify-self:end;}.landing-intro>p {max-width:55ch;}}
.landing-intro h1 {font-weight:800;font-size:clamp(2.2rem,4vw,3rem);}
.landing-intro>p {font-size:1rem;}
.landing .btn {min-height:48px;border-radius:10px;box-shadow:0 6px 20px #7367f026;}
.landing-secondary {display:inline-flex;align-items:center;gap:10px;min-height:44px;}
.landing-preview {background:radial-gradient(ellipse at top right,#41366366,transparent 70%),#202032;padding:24px;box-shadow:0 18px 45px #07081240;}
.landing-preview-head {font-weight:650;}
.landing-option {padding:18px 14px;background:#181927;}
.landing-option:last-of-type {margin-bottom:0;}
.landing-option p {line-height:1.55;}
.landing-partners {padding:24px 12px 28px;}
.landing-partners>div {align-items:center;gap:24px 38px;}
.landing-partners>div>span {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;font-size:.9rem;}
.landing-partners img {object-fit:contain;max-width:110px;}
.landing-partners .landing-partner-wordmark {width:107px;}
.landing-step-grid article {background:linear-gradient(150deg,#242137,#191a2b);border-color:var(--landing-border);}
.landing-step-number {display:grid;place-items:center;width:36px;height:36px;background:#7367f01f;border:1px solid #7367f033;border-radius:10px;}
.landing-cashout {background:linear-gradient(110deg,#2b2542,#1e2031);}
.landing-cashout>div:first-child {min-width:0;}
.landing-faq summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.6;}
.landing-faq summary::-webkit-details-marker {display:none;}
.landing-faq summary::after {content:'+';color:#b5acff;font-size:1.3rem;flex:none;font-weight:400;}
.landing-faq details[open] summary::after {content:'−';}
.landing-final {padding:32px 20px;border:1px solid var(--landing-border);border-radius:16px;background:#1b1b2d;}
@media(max-width:760px) {
    .landing-hero {padding:40px 0 44px;gap:30px;}
    .landing-preview {padding:20px;}
    .landing-partners>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
    .landing-section-head h2 {line-height:1.35;}
    .landing-final h2 {font-size:1.5rem;}
}
@media(max-width:380px) {
    .landing-intro h1 {font-size:2rem;}
    .landing-actions {gap:10px 18px;}
    .landing-highlights {gap:10px 14px;}
    .landing-preview {padding:16px;}
    .landing-option {gap:10px;padding:16px 10px;}
    .landing-option h2 {font-size:.85rem;}
    .landing-option-icon {width:36px;height:36px;}
    .landing-partners {padding-left:0;padding-right:0;}
    .landing-partners>div>span {font-size:.8rem;}
}