/* Homepage-only renewal. Existing shared guide styles remain untouched. */
:root { --radius: 10px; --shadow: none; --muted: #4c5c53; --honey-dark: #835000; }
body.renewed-home { background: #f8f8f3; }
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 12px 20px; background: #18201c; color: white; }
.skip-link:focus { top: 12px; }
a:focus-visible, button:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #1f6f4a; outline-offset: 4px; }
.hero { max-width: 1000px; margin-top: 52px; text-align: left; }
h1 { max-width: 820px; font-size: clamp(2.5rem, 6vw, 4.8rem); line-height: 1.05; }
h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.14; }
.hero-copy { margin-left: 0; max-width: 720px; }
.hero-actions { justify-content: flex-start; }
.price-strip { justify-content: flex-start; border-radius: 8px; margin-bottom: 22px; }
.price-badge { border-radius: 4px; }
.button { border-radius: 6px; }
.site-header { padding-bottom: 36px; }
.section { padding-top: 48px; padding-bottom: 48px; }
.preview-lab { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 36px; border-block: 1px solid var(--line); }
.preview-lab .sample-card { border-top: 4px solid var(--leaf); }
textarea { display: block; width: 100%; resize: vertical; min-height: 220px; margin: 14px 0; padding: 14px; border: 1px solid #76867a; border-radius: 4px; font: inherit; color: var(--ink); background: white; }
#copy-status { margin: 12px 0; font-size: .9rem; }
.nav-links { z-index: 20; }
.nav-links a, .nav-toggle { min-height: 44px; display: inline-flex; align-items: center; }
.nav-toggle { display: none; }
.footer { flex-wrap: wrap; }
.footer a { padding-block: 10px; }
section[id] { scroll-margin-top: 20px; }
@media(max-width:900px) { .preview-lab { grid-template-columns: 1fr; gap: 20px; } .nav-toggle { display: inline-flex; } }
@media(max-width:620px) { .hero { margin-top: 32px; } .hero-actions .button { width:100%; } .price-strip { padding:12px; } .section { padding-block:32px; } .compliance-note { overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }