.hero {
    display: grid;
    gap: 28px;
    align-items: center;
    min-height: calc(100svh - 130px);
}
.hero h1,
.narrow-page h1 {
    margin: 0;
    max-width: 680px;
    font-family: var(--font-display);
    font-size: clamp(42px, 10vw, 78px);
    line-height: .92;
    letter-spacing: -.04em;
}
.hero-text {
    max-width: 530px;
    color: var(--color-muted);
    font-size: 17px;
    line-height: 1.6;
}
.hero-actions { display: grid; gap: 12px; max-width: 380px; margin-top: 24px; }
.hero-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.hero-pills span {
    padding: 10px 12px;
    border: 1px solid var(--color-line);
    border-radius: 12px;
    color: var(--color-muted);
    background: rgba(0,0,0,.24);
    font-size: 13px;
}
.hero-visual {
    position: relative;
    min-height: 360px;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-xl);
    background: radial-gradient(circle at center, rgba(218, 169, 82, .12), rgba(5,5,5,.2) 38%, rgba(5,5,5,.8));
    overflow: hidden;
}
.hero-orbit {
    position: absolute;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(218, 169, 82, .35);
    border-radius: 999px;
    box-shadow: 0 0 70px rgba(218, 169, 82, .22), inset 0 0 60px rgba(218, 169, 82, .08);
}
.hero-logo-watermark { width: 230px; opacity: .52; filter: drop-shadow(0 0 30px rgba(218, 169, 82, .28)); }
.hero-card {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 16px;
    border: 1px solid var(--color-line);
    border-radius: 18px;
    background: rgba(5,5,5,.75);
    backdrop-filter: blur(16px);
}
.hero-card p { margin-bottom: 0; color: var(--color-muted); }
.status-dot { display: inline-block; width: 9px; height: 9px; border-radius: 999px; background: #3ee582; margin-right: 8px; }
.section-grid { display: grid; gap: 16px; }
.premium-card h2 { margin-top: 0; font-family: var(--font-display); font-size: 26px; }
.premium-card p { color: var(--color-muted); line-height: 1.6; }
.split-section { display: grid; gap: 16px; }
.crown-card { min-height: 260px; }
.duel-preview { display: grid; align-content: center; }
.duel-mini { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 18px 0; }
.duel-mini div {
    display: grid;
    place-items: center;
    min-height: 130px;
    border: 1px solid var(--color-line);
    border-radius: 18px;
    color: var(--color-gold-light);
    font-family: var(--font-display);
    font-size: 48px;
    background: rgba(255,255,255,.03);
}
.duel-mini span { color: var(--color-gold); font-family: var(--font-display); }
.narrow-page { max-width: 820px; margin-inline: auto; }
.text-page-card { margin-top: 18px; }