.hero{min-height:calc(100vh - 4.6rem);display:grid;align-items:center;padding:4rem 0;position:relative;background:radial-gradient(circle at 85% 23%,rgba(62,150,129,.35),transparent 30%),linear-gradient(125deg,#071415 25%,#123433 100%)}.hero-grid{display:grid;gap:2.4rem;align-items:center}.hero-copy{position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.8rem 0}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.hero-tags li{font-size:.75rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:#d8e1d8}.hero-art{min-height:24rem;aspect-ratio:4/3}.hero-art .art-word{font-size:clamp(4.3rem,13vw,8rem);top:25%;left:9%}.coin{position:absolute;display:grid;place-items:center;width:5rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(227,189,120,.6);background:linear-gradient(140deg,#ecd198,#a97251);color:#25403b;font-family:var(--display);font-weight:bold;box-shadow:0 8px 25px #061514}.coin-one{right:10%;top:28%}.coin-two{right:31%;top:60%;width:3.5rem}.review-section{background:#f3eee2;color:#18312d}.review-section p{color:#51615a}.review-section .eyebrow{color:#277e6d}.review-grid{display:grid;gap:1.2rem}.review-intro{padding:1rem 0}.review-art{min-height:20rem;background:linear-gradient(150deg,#185652,#d5b372)}.snapshot{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.snapshot article{padding:1.15rem;background:#e4ded0;border-radius:1rem;border:1px solid rgba(19,50,44,.13)}.snapshot span,.title-cards span{color:#417d6f;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.snapshot h3{font-family:var(--body);font-size:1rem;letter-spacing:-.02em;margin:.4rem 0}.snapshot p{font-size:.82rem;line-height:1.45;margin:0}.distinct-section{padding-block:4rem;background:#d6b277;color:#1b302c}.distinctive{display:grid;gap:1.5rem}.distinctive .eyebrow{color:#285b51}.distinctive p{color:#314b42}.statement{border-left:1px solid #557a6c;padding-left:1.2rem;font:italic 1.4rem/1.2 var(--display);max-width:19ch}.jackpot-section{background:linear-gradient(160deg,#123433,#091d1e)}.jackpot-grid,.demo-grid,.related-grid,.mobile-grid{display:grid;gap:1.5rem}.jackpot-art{min-height:21rem;background:linear-gradient(115deg,#123b37,#33533d 65%,#b17e51)}.jackpot-art .art-word{font-size:clamp(3.3rem,8vw,5.8rem);top:33%}.jackpot-orbit{position:absolute;width:75%;height:25%;left:10%;top:24%;border:1px dashed rgba(227,189,120,.8);border-radius:50%;transform:rotate(-17deg)}.jackpot-track{display:grid;gap:1rem;padding:0;margin:0;list-style:none}.jackpot-track li{display:flex;gap:1rem;align-items:center;color:#c9d6cd;border-bottom:1px solid var(--line);padding-bottom:1rem}.jackpot-track b{font-family:var(--display);font-size:2rem;color:var(--gold)}.demo-section{background:#0b2222}.demo-panel{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025)}.check-list{padding:0;margin:1.4rem 0;list-style:none;display:grid;gap:.55rem;color:#d6e0d7}.check-list li::before{content:"✓";color:var(--teal);margin-right:.6rem}.demo-art{min-height:23rem;background:linear-gradient(145deg,#14544b,#0c2929)}.demo-art .art-word{top:42%}.screen-lines{position:absolute;inset:15% 11% auto auto;width:33%;display:grid;gap:.45rem}.screen-lines i{height:.35rem;background:var(--gold);border-radius:1rem;opacity:.8}.bonus-section{background:#f3eee2;color:#18312d}.bonus-section p{color:#51615a}.section-head{max-width:48rem}.section-head .eyebrow{color:#277e6d}.offer-grid{display:grid;gap:.75rem;margin:2rem 0}.offer-grid article{padding:1.3rem;border-radius:1rem;background:#fffaf0;border:1px solid #ddd1bd}.offer-grid h3{font-family:var(--body);font-size:1rem;letter-spacing:-.02em;margin-bottom:.35rem}.offer-grid p{font-size:.9rem;margin:0}.bonus-link a,.text-link{color:inherit;text-decoration-color:var(--teal);text-decoration-thickness:2px;text-underline-offset:4px;font-weight:800}.money-section{background:linear-gradient(135deg,#0a1b1d,#183936)}.money-grid{display:grid;gap:1.5rem;align-items:center}.money-rail{display:flex;align-items:center;gap:.8rem;color:var(--gold);font-family:var(--display);font-size:clamp(2.5rem,10vw,4.5rem);letter-spacing:-.07em}.money-rail span:last-child{font-size:.55em;color:#e9eee7}.money-points{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}.money-points span{padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;color:#cfe0d4;font-size:.78rem}.related-section{background:#102626}.related-art{min-height:22rem;background:linear-gradient(140deg,#694738,#173d38)}.title-cards{display:grid;gap:.75rem;margin-top:1.5rem}.title-cards article{padding:1.1rem;border-left:2px solid var(--gold);background:rgba(255,255,255,.05)}.title-cards h3{font-family:var(--body);font-size:1.08rem;letter-spacing:-.02em;margin:.35rem 0}.title-cards p{font-size:.88rem;margin:0}.mobile-section{background:#e6dfd0;color:#18312d}.mobile-section p{color:#50605a}.mobile-section .eyebrow{color:#277e6d}.phone-art{order:2;min-height:25rem;background:linear-gradient(160deg,#b5d7c8,#437e6d)}.phone{position:absolute;width:48%;height:79%;left:27%;top:10%;border:6px solid #102526;border-radius:1.9rem;background:linear-gradient(#123b36,#b69059);box-shadow:0 15px 25px rgba(0,0,0,.2)}.phone-notch{width:35%;height:.5rem;border-radius:1rem;background:#102526;margin:.6rem auto}.phone-ui{font:2rem/.9 var(--display);padding:34% 13%;color:#f7edda}.responsible-section{background:#cbd9cf;color:#18312d}.responsible-box{display:grid;gap:1.7rem;padding:1.7rem;border:1px solid #a7bdb0;border-radius:var(--radius)}.responsible-box p{color:#3e5850}.responsible-box .eyebrow{color:#356d5f}.responsible-box ul{margin:0;padding-left:1.15rem;align-self:end;display:grid;gap:.45rem;color:#38554b}.faq-section{background:#091819}.faq-list{display:grid;gap:.65rem}.faq-list details{background:#102728;border:1px solid var(--line);border-radius:.85rem;padding:0 1rem}.faq-list summary{cursor:pointer;padding:1rem .2rem;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";float:right;color:var(--gold);font-size:1.4rem;line-height:.8}.faq-list details[open] summary::after{content:"–"}.faq-list p{padding:0 .2rem .7rem;margin:0;font-size:.93rem}@media(min-width:700px){.hero-grid{grid-template-columns:1.05fr .95fr}.review-grid{grid-template-columns:1fr 1fr}.review-intro{grid-column:1/2}.review-art{grid-column:2;grid-row:1/3}.snapshot{grid-column:1/2}.distinctive{grid-template-columns:.55fr 1.15fr .65fr;align-items:end}.jackpot-grid{grid-template-columns:1fr 1fr}.jackpot-track{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.jackpot-track li{display:block}.demo-grid,.related-grid,.mobile-grid{grid-template-columns:1fr 1fr;align-items:center}.offer-grid{grid-template-columns:repeat(2,1fr)}.money-grid{grid-template-columns:.55fr 1.45fr}.money-rail{flex-direction:column;align-items:flex-start}.related-art{order:-1}.phone-art{order:0}.responsible-box{grid-template-columns:1.4fr .8fr;padding:2.5rem}}@media(min-width:1020px){.hero{min-height:720px}.snapshot{grid-template-columns:1fr 1fr}.offer-grid{grid-template-columns:repeat(4,1fr)}.money-rail{font-size:5.5rem}.demo-panel{padding:2.5rem}.faq-list{grid-template-columns:1fr 1fr}.faq-list details{min-height:fit-content}}

/* Compact, search-focused headings on the home page */
.hero h1{font-size:clamp(2.5rem,6vw,4.4rem);max-width:15ch}
.section h2{font-size:clamp(1.85rem,3.8vw,3.1rem);max-width:19ch}
@media(min-width:760px){.hero h1{font-size:clamp(3rem,5.2vw,4.4rem)}.section h2{font-size:clamp(2.1rem,3.3vw,3.1rem)}}

/* FAQ interaction and touch target */
.faq-list summary{display:block;position:relative;padding-right:2.25rem;touch-action:manipulation}
.faq-list summary::after{position:absolute;right:.1rem;top:.85rem}

/* Supplied game artwork: fill each visual slot without distortion. */
.image-visual{background:#102626}
.image-visual::before{display:none}
.image-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.image-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(4,16,16,.68) 100%)}
.image-visual figcaption{z-index:2;text-shadow:0 1px 5px rgba(0,0,0,.72)}
.phone-art.image-visual>img{object-position:center}

/* Keep supplied landscape game artwork fully visible instead of cropping it. */
.hero-art.image-visual,.review-art.image-visual,.demo-art.image-visual,.related-art.image-visual{min-height:0;aspect-ratio:auto;align-self:center}
.hero-art.image-visual>img,.review-art.image-visual>img,.demo-art.image-visual>img,.related-art.image-visual>img{position:static;width:100%;height:auto;object-fit:contain}
@media(min-width:700px){.review-art.image-visual{grid-row:auto}}

/* Wide, centred artwork layout for the review and related-game sections. */
@media(min-width:700px){
  .review-grid,.related-grid{grid-template-columns:1fr}
  .review-intro{grid-column:auto;max-width:48rem}
  .review-art.image-visual{grid-column:auto;grid-row:auto;width:min(100%,68rem);justify-self:center}
  .snapshot{grid-column:auto;max-width:68rem;width:100%;justify-self:center}
  .related-art.image-visual{order:initial;width:min(100%,68rem);justify-self:center}
}

/* Demo section: a larger centred preview, limited to a comfortable reading width. */
@media(min-width:700px){
  .demo-grid{grid-template-columns:1fr}
  .demo-panel{max-width:48rem}
  .demo-art.image-visual{width:min(100%,52rem);justify-self:center}
}

/* Desktop demo layout: two equal-width columns. */
@media(min-width:1020px){
  .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .demo-panel{max-width:none;display:flex;flex-direction:column;justify-content:center}
  .demo-art.image-visual{width:100%;justify-self:stretch;align-self:center}
}

/* FAQ accordion: do not stretch a closed item beside an open answer. */
.faq-list{align-items:start}
.faq-list details{align-self:start}

/* Review artwork: 20% smaller while remaining centred and uncropped. */
@media(min-width:700px){.review-art.image-visual{width:min(80%,54.4rem)}}

/* Related-game artwork: 20% smaller while remaining centred and uncropped. */
@media(min-width:700px){.related-art.image-visual{width:min(80%,54.4rem)}}