/* Product-led hero: full artwork, shared reading order, no cropped mobile scene. */
.hero{display:block;min-height:0;background:#eff8fc;color:var(--navy);border-radius:0}
.hero::after{display:none}
.hero>.wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:38px;align-content:center;padding:54px 0 64px}
.hero-copy{display:contents}
.hero-copy>*{grid-column:1;min-width:0}
.hero .eyebrow{color:#385375;font-size:.875rem}
.hero h1{font-size:clamp(2.5rem,4.3vw,4.1rem);line-height:1.1;margin:20px 0}
.hero h1 em{color:#ad470d}
.hero-copy>p{color:#465675;font-size:1.0625rem;line-height:1.6;margin:0 0 24px;max-width:480px}
.hero-visual{grid-column:2;grid-row:1/6;align-self:center;margin:0}
.hero-visual img{display:block;width:100%;height:auto}
.hero .cta-row{gap:14px}
.hero .price-note{color:#465675}
.hero .price-note a{color:var(--navy)}
.hero .trust-row{color:#364969;margin-top:20px;gap:10px 18px}
.hero .trust-row span{width:auto}
.hero .trust-row svg{color:#117b70}
@media(max-width:900px){
 .hero>.wrap{grid-template-columns:minmax(0,1fr);padding:30px 0 32px;max-width:650px}
 .hero-copy>*{grid-column:1;grid-row:auto}
 .hero h1{font-size:2.65rem;margin:16px 0}
 .hero-copy>p{max-width:540px;margin-bottom:8px}
 .hero-visual{margin:0 auto 12px;width:min(100%,420px)}
 .hero .trust-row{display:flex;flex-wrap:wrap}
 .hero .trust-row span:last-child{grid-column:auto}
}
@media(max-width:620px){
 .hero>.wrap{padding:24px 0 28px}
 .hero .eyebrow{font-size:.8125rem;gap:6px}
 .hero h1{font-size:clamp(1.9rem,8.1vw,2.5rem);line-height:1.1;letter-spacing:-.025em;margin:14px 0}
 .hero-copy>p{font-size:1rem;line-height:1.5;margin-bottom:0}
 .hero-visual{width:min(100%,320px);margin:4px auto 14px}
 .hero-visual img{max-height:220px;object-fit:contain}
 .hero .cta-row{gap:12px}
 .hero .price-note{font-size:.8125rem}
 .hero .trust-row{font-size:.8125rem;gap:10px 14px;margin-top:14px}
 .hero .trust-row span{width:auto}
 .hero .trust-row svg{width:16px;height:16px}
 .mobile-cta[data-hero-visible]{display:none}
}

/* Official certification artwork, kept intact and linked to its named scope. */
.safety-certification{display:flex;align-items:center;gap:24px;padding:4px 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line);color:var(--navy)}
.safety-seal{display:flex;flex:0 0 auto;align-items:center;padding:12px 16px;background:var(--navy);border-radius:12px}
.safety-seal img{display:block;width:176px;height:auto;max-width:100%}
.safety-certification strong{font-size:1rem}
.safety-certification p{font-size:.875rem;color:var(--muted);margin:4px 0}
.safety-certification>div>a{font-size:.875rem;text-underline-offset:3px}
@media(max-width:620px){.safety-certification{flex-direction:column;align-items:flex-start;gap:16px}.safety-certification>div{min-width:0}}

/* Original Matific character artwork and gameplay are layered without redrawing. */
.adventure-visual{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:24px;background:#dff7ff}
.adventure-visual img{max-height:none}
.adventure-visual .adventure-background{width:100%;height:100%;object-fit:cover}
.adventure-visual .adventure-game,.adventure-visual .adventure-screen-background{position:absolute;left:39.32%;top:21.78%;width:46.42%;height:43.46%;border-radius:2%}
.adventure-visual .adventure-screen-background{object-fit:cover;z-index:1}
.adventure-visual .adventure-game{object-fit:contain;z-index:2}
.adventure-visual .adventure-character{position:absolute;height:auto;object-fit:contain;z-index:3}
.adventure-visual .adventure-elgar{left:1%;bottom:29%;width:17%}
.adventure-visual .adventure-broog{left:10%;bottom:16%;width:30%}
@media(max-width:900px){.adventure-visual{width:min(100%,540px);margin:16px auto 20px}}
@media(max-width:620px){.adventure-visual{width:100%;margin:14px auto 20px;border-radius:18px}.hero .adventure-visual img{max-height:none}}