.marketing-home {
    --mh-primary: var(--mud-palette-primary, #60a5fa);
    --mh-text: var(--mud-palette-text-primary, #f8fafc);
    --mh-muted: var(--mud-palette-text-secondary, #94a3b8);
    --mh-surface: var(--mud-palette-surface, #111827);
    --mh-line: color-mix(in srgb, var(--mud-palette-text-primary, #f8fafc) 12%, transparent);
    --mh-success: #4ade80;
    color: var(--mh-text);
    width: min(1240px, calc(100% - clamp(1.5rem, 5vw, 4rem)));
    margin: 0 auto;
    padding-bottom: 3rem;
}
.marketing-home h1, .marketing-home h2, .marketing-home h3, .marketing-home p { overflow-wrap: anywhere; }
.mh-hero { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(280px, 1.08fr); align-items: center; gap: clamp(1.5rem, 4vw, 4rem); padding: clamp(2rem, 6vw, 5rem) 0; }
.mh-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem .75rem; border-radius: 999px; color: var(--mh-primary); background: color-mix(in srgb, var(--mh-primary) 12%, transparent); font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.mh-hero h1 { max-width: 14ch; margin: 1rem 0 1.2rem; font-size: clamp(2.4rem, 4.5vw, 4.6rem); line-height: .95; letter-spacing: -.05em; }
.mh-lede { max-width: 42rem; margin: 0; color: var(--mh-muted); font-size: clamp(1.02rem, 1.5vw, 1.22rem); line-height: 1.65; }
.mh-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }
.mh-actions .mud-button-root,
.mh-final .mud-button-root,
.mh-plans-cta .mud-button-root {
    min-height: 44px;
    padding-inline: 1.1rem;
}
.mh-proofs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1rem; margin: 1.6rem 0 0; padding: 0; color: var(--mh-muted); list-style: none; }
.mh-proofs li { display: flex; align-items: center; gap: .5rem; }
.mh-proofs b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #052e16; background: var(--mh-success); font-size: .7rem; }
.mh-otb-definition { display: flex; align-items: flex-start; gap: .42rem; max-width: 42rem; margin: .7rem 0 0; color: var(--mh-muted); font-size: .82rem; line-height: 1.45; }
.mh-otb-definition span { color: var(--mh-primary); font-size: 1rem; font-weight: 800; line-height: 1.1; }
.mh-preview { overflow: hidden; border: 1px solid var(--mh-line); border-radius: 20px; background: #0b1220; box-shadow: 0 18px 50px #0005; color: #e2e8f0; }
.mh-toolbar { display: flex; height: 44px; align-items: center; gap: .4rem; padding: 0 .8rem; background: #020617; }
.mh-toolbar i { width: 9px; height: 9px; border-radius: 50%; background: #334155; }
.mh-toolbar i:nth-child(1) { background: #ef4444; } .mh-toolbar i:nth-child(2) { background: #f59e0b; } .mh-toolbar i:nth-child(3) { background: #22c55e; }
.mh-toolbar strong { margin-left: auto; font-size: .7rem; color: #cbd5e1; }
.mh-preview-body { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(220px, 1.2fr); gap: .8rem; padding: .8rem; }
.mh-tree { padding: 1rem; border: 1px solid #ffffff14; border-radius: 13px; background: #111827; }
.mh-tree small { color: #93c5fd; } .mh-tree h2 { margin: .3rem 0 1rem; font-size: 1rem; }
.mh-line { display: flex; align-items: center; gap: .5rem; margin: .4rem 0; padding: .55rem; border-radius: 8px; color: #94a3b8; background: #020617; font-family: ui-monospace, monospace; font-size: .7rem; }
.mh-line.is-active { color: #e2e8f0; background: #2563eb22; }
.mh-tree p { margin: .8rem 0; color: #94a3b8; font-size: .7rem; }
.mh-pill { display: inline-flex; gap: .4rem; padding: .4rem .6rem; border-radius: 8px; color: #fcd34d; background: #f59e0b12; font-size: .65rem; font-weight: 800; }
.mh-board { display: grid; aspect-ratio: 1; grid-template-columns: repeat(8, 1fr); border-radius: 9px; overflow: hidden; }
.mh-board span { display: grid; place-items: center; } .mh-board .light { background: #eeeed2; } .mh-board .dark { background: #769656; }
.mh-board img { width: 88%; height: 88%; object-fit: contain; }
.mh-block { padding: clamp(2.5rem, 6vw, 5rem) 0; border-top: 1px solid var(--mh-line); }
.mh-eyebrow { margin: 0 0 .7rem; color: var(--mh-primary); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.mh-block h2 { margin: 0; font-size: clamp(1.7rem, 3.5vw, 3rem); line-height: 1.1; letter-spacing: -.03em; }
.mh-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
.mh-intro p, .mh-muted { color: var(--mh-muted); line-height: 1.75; }
.mh-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mh-card { min-height: 240px; padding: 1.3rem; border: 1px solid var(--mh-line); border-radius: 18px; background: var(--mh-surface); }
.mh-card span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #2563eb, #7c3aed); font-size: 1.25rem; }
.mh-card small { display: block; width: max-content; margin-top: .9rem; padding: .22rem .45rem; border: 1px solid #f59e0b66; border-radius: 999px; color: #fbbf24; background: #f59e0b12; font-size: .62rem; font-weight: 900; letter-spacing: .09em; }
.mh-card h3 { margin: 1.1rem 0 .5rem; font-size: 1.08rem; }
.mh-card small + h3 { margin-top: .65rem; }
.mh-card p { margin: 0; color: var(--mh-muted); font-size: .92rem; line-height: 1.6; }
.mh-games { display: grid; gap: 1.6rem; }
.mh-games-heading { max-width: 780px; }
.mh-games-heading > p:last-child { margin-bottom: 0; line-height: 1.7; }
.mh-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mh-benefit-grid article { padding: 1.35rem; border: 1px solid var(--mh-line); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb, var(--mh-primary) 8%, var(--mh-surface)), var(--mh-surface)); }
.mh-benefit-grid article > span { color: var(--mh-primary); font-size: .75rem; font-weight: 900; letter-spacing: .12em; }
.mh-benefit-grid h3 { margin: .65rem 0 .45rem; }
.mh-benefit-grid p { margin: 0; color: var(--mh-muted); line-height: 1.65; }
.mh-database-signal { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: center; padding: 1.1rem 1.25rem; border: 1px solid color-mix(in srgb, var(--mh-primary) 35%, transparent); border-radius: 16px; background: color-mix(in srgb, var(--mh-primary) 8%, transparent); }
.mh-database-signal > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #2563eb, #7c3aed); font-size: 1.25rem; }
.mh-database-signal p { display: grid; gap: .2rem; margin: 0; color: var(--mh-muted); line-height: 1.5; }
.mh-database-signal strong { color: var(--mh-text); }
.mh-game-limit { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .9rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid color-mix(in srgb, var(--mh-success) 38%, transparent); border-radius: 16px; background: color-mix(in srgb, var(--mh-success) 7%, var(--mh-surface)); }
.mh-game-limit > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: #052e16; background: var(--mh-success); font-weight: 950; }
.mh-game-limit p { margin: 0; color: var(--mh-muted); line-height: 1.55; }
.mh-game-limit strong { display: block; margin-bottom: .15rem; color: var(--mh-text); }
.mh-game-limit b { color: var(--mh-success); }
.mh-steps { display: grid; gap: 1.2rem; margin: 0; padding: 0; list-style: none; }
.mh-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; }
.mh-steps b { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; color: var(--mh-primary); border: 1px solid color-mix(in srgb, var(--mh-primary) 40%, transparent); font-size: .78rem; }
.mh-privacy { display: grid; grid-template-columns: 180px 1fr; gap: clamp(1.5rem, 5vw, 3rem); align-items: center; padding: clamp(1.4rem, 3vw, 2.4rem); border-radius: 24px; border: 1px solid color-mix(in srgb, var(--mh-primary) 28%, transparent); background: color-mix(in srgb, var(--mh-primary) 8%, var(--mh-surface)); }
.mh-price-story { max-width: 880px; margin-inline: auto; text-align: center; }
.mh-price-story p:last-child { margin: 1rem auto 0; color: var(--mh-muted); font-size: 1.05rem; line-height: 1.75; }
.mh-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.mh-plan { display: flex; flex-direction: column; min-height: 280px; padding: 1.5rem; border: 1px solid var(--mh-line); border-radius: 20px; background: var(--mh-surface); }
.mh-plan.featured { border-color: color-mix(in srgb, var(--mh-primary) 50%, transparent); }
.mh-plan strong { margin: .5rem 0 1rem; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.mh-plan-heading { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 1.1rem; align-items: center; margin-bottom: 1.2rem; padding: .8rem; border: 1px solid var(--mh-line); border-radius: 18px; background: color-mix(in srgb, var(--mh-primary) 7%, transparent); }
.mh-plan-heading img { width: 104px; aspect-ratio: 1; border-radius: 16px; object-fit: cover; box-shadow: 0 10px 28px #0007; }
.mh-plan-heading .mh-eyebrow { margin-bottom: .25rem; }
.mh-plan-heading strong { display: block; margin: 0; }
.mh-plan-period { display: block; margin-top: .15rem; color: var(--mh-muted); font-size: 1rem; font-weight: 750; }
.mh-plan-pitch { margin: 0 0 1rem; }
.mh-plan ul { margin: 0 0 1.2rem; padding: 0; list-style: none; color: var(--mh-muted); display: grid; gap: .6rem; }
.mh-plan-soon { margin: auto 0 0; color: var(--mh-primary); font-size: .82rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.mh-plan-note { margin: .55rem 0 0; color: var(--mh-muted); font-size: .72rem; line-height: 1.45; }
.mh-plans-cta { display: flex; justify-content: center; margin-top: 1.2rem; }
.mh-plans-cta .mud-button-root { width: min(100%, 28rem); justify-content: center; }
.mh-faq details { border-bottom: 1px solid var(--mh-line); }
.mh-faq summary { display: flex; min-height: 64px; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 800; }
.mh-faq p { margin: 0 0 1rem; color: var(--mh-muted); }
.mh-final { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.2rem; margin-top: 2rem; padding: clamp(1.4rem, 3vw, 2.4rem); border-radius: 24px; color: #fff; background: linear-gradient(120deg, #1d4ed8, #6d28d9); }
.mh-final p { color: #e0e7ff; }
.security-page { width: min(1100px, calc(100% - 1.5rem)); margin: 0 auto 3rem; }
.security-page h1 { font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.03em; }
.security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 960px) {
    .mh-hero, .mh-intro, .mh-privacy, .mh-plans, .mh-preview-body, .mh-final, .security-grid { grid-template-columns: 1fr; }
    .mh-features, .mh-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mh-proofs { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
    .mh-features, .mh-benefit-grid { grid-template-columns: 1fr; }
    .mh-plan-heading { grid-template-columns: 76px minmax(0, 1fr); gap: .8rem; }
    .mh-plan-heading img { width: 76px; border-radius: 13px; }
}