.landing{background:#f4f0df;min-height:100dvh}.landing-header,.landing main,.landing-footer{width:min(1200px,100% - 40px);margin-inline:auto}.landing-header{justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}.landing-brand{color:var(--color-text-primary);align-items:center;gap:12px;min-height:48px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.landing-version{color:#48643e;border:1px solid #b9caa1;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700}.landing-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding-block:64px;display:grid}.landing-eyebrow{color:#526f43;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:900}.landing h1{letter-spacing:-.04em;margin:20px 0;font-size:clamp(36px,4vw,56px);line-height:1.08}.landing-copy>p:not(.landing-eyebrow):not(.landing-note){color:var(--color-text-soft);max-width:450px;font-size:18px;line-height:1.65}.landing-play{color:#fff9ea;border:2px solid var(--color-outline-primary);background:#4b7044;border-radius:18px;justify-content:center;align-items:center;gap:32px;min-height:60px;margin-top:16px;padding:14px 28px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 5px #334c2f}.landing a:focus-visible{outline-offset:6px;outline:3px solid #946025}.landing-play:active{transform:translateY(3px);box-shadow:0 2px #334c2f}.landing-note{color:var(--color-text-soft);margin-top:22px;font-size:12px}.landing-preview{background:var(--color-surface-cream);border:2px solid #b29a77;border-radius:24px;margin:0;padding:12px;transform:rotate(1deg);box-shadow:0 16px #e1dcc4}.landing-preview img{border-radius:14px;width:100%;height:auto;display:block}.landing-preview figcaption{text-align:center;padding:16px 4px 6px;font-size:13px;font-weight:700}.landing-guide{border-top:1px solid #d3c7ad;grid-template-columns:repeat(3,1fr);gap:28px;padding:36px 0;display:grid}.landing-guide article{padding:8px}.landing-number{color:#48643e;background:#dcefc8;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:inline-grid}.landing h2{margin:16px 0 10px;font-size:21px}.landing-guide p{color:var(--color-text-soft);margin:0;line-height:1.65}.landing-tip{background:#e7ecd6;border-radius:16px;padding:20px 24px;line-height:1.7}.landing-footer{color:var(--color-text-soft);padding-block:32px;font-size:12px;line-height:1.8}.landing-footer span{display:block}@media (width<=800px){.landing-header{flex-wrap:wrap;padding-block:18px}.landing-version{font-size:11px}.landing-hero{grid-template-columns:1fr;gap:32px;padding-block:28px 48px}.landing-copy{text-align:center}.landing-copy>p:not(.landing-eyebrow):not(.landing-note){margin-inline:auto}.landing-guide{grid-template-columns:1fr;gap:16px}.landing-preview{transform:none}}