:root { --green: #123d2b; --green-deep: #09271b; --red: #a52230; --red-dark: #761521; --gold: #d7a93d; --cream: #fffaf0; --soft: #f3ead9; --ink: #1c271f; --serif: 'Playfair Display', Georgia, serif; --sans: 'DM Sans', Arial, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.5; background: var(--cream); }
.urgency { position: sticky; top: 0; z-index: 5; padding: .65rem 1rem; text-align: center; background: var(--red-dark); color: #fff; font-weight: 800; font-size: .88rem; letter-spacing: .02em; }
.container { width: min(1120px, calc(100% - 2.5rem)); margin: 0 auto; }.narrow { width: min(820px, calc(100% - 2.5rem)); }.center { text-align: center; }
section { padding: 5.5rem 0; } h1,h2,h3,p { margin-top: 0; } h1,h2,h3 { font-family: var(--serif); } h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.1; margin-bottom: 2rem; color: var(--green); } h3 { font-size: 1.25rem; margin-bottom: .35rem; }.eyebrow { color: var(--red); font-weight: 800; font-size: .78rem; letter-spacing: .15em; margin-bottom: .7rem; }.gold { color: var(--gold); }
.hero { position: relative; overflow: hidden; padding: 4.5rem 0 3.75rem; color: #fff; background: radial-gradient(circle at 50% -10%, #1c6446, var(--green) 50%, var(--green-deep) 100%); }.hero h1 { font-size: clamp(2.55rem, 6vw, 5.6rem); line-height: .98; letter-spacing: -.045em; margin: 0 0 1.1rem; color: #fff; }.hero h1 em { color: #f4cd6c; }.hero .eyebrow { color: #f4cd6c; }.lead { max-width: 700px; margin: 0 auto 1.6rem; font-size: clamp(1.05rem, 2vw, 1.26rem); color: #e3efe8; }.hero-photo { margin: 1.4rem auto .9rem; border: 7px solid rgba(255,255,255,.16); border-radius: 1.55rem; max-width: 850px; overflow: hidden; box-shadow: 0 22px 46px rgba(0,0,0,.4); }.hero-photo img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }.hero-caption { color: #e3efe8; font-size: .96rem; }.price { margin: 1.3rem 0 1.55rem; }.price span { display:block; font-weight: 700; color: #f5d5d6; }.price strong { font-size: clamp(3rem, 6vw, 4.4rem); display:block; color: #ffe8a3; line-height: 1; }.cta { display:inline-flex; gap:.75rem; align-items:center; justify-content:center; padding: 1rem 1.4rem; border-radius: .8rem; background: linear-gradient(#c93c49, var(--red)); color: #fff; text-decoration:none; font-weight: 800; font-size: .95rem; letter-spacing:.025em; box-shadow: 0 5px 0 var(--red-dark), 0 10px 25px rgba(69, 5, 13, .25); transition: transform .15s ease, box-shadow .15s ease; }.cta:hover { transform: translateY(-2px); box-shadow: 0 7px 0 var(--red-dark), 0 13px 30px rgba(69, 5, 13, .3); }.cta:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--red-dark); }.cta-large { padding: 1.2rem 2rem; font-size: 1.05rem; }.trust { display:flex; justify-content:center; flex-wrap:wrap; gap: 1.2rem 2.2rem; margin-top:2.2rem; color: #d6e5da; font-size:.9rem; font-weight: 600; }.ornament { position:absolute; color:rgba(235,190,68,.25); font-size:5rem; }.ornament-left{left:5%;top:16%;}.ornament-right{right:5%;bottom:12%;}
.soft-section { background: var(--soft); }.benefit-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap: .8rem; margin-bottom: 2rem; }.benefit-grid article, .who-grid p { display:flex; gap:.8rem; align-items:center; margin:0; padding: 1rem; background:#fffdfa; border:1px solid rgba(18,61,43,.1); border-radius:.85rem; box-shadow: 0 2px 12px rgba(25,50,33,.05); font-weight:600; }.benefit-grid span { font-size: 1.5rem; }.benefit-grid p { margin:0; font-size:.94rem; }
.recipes-section { background:#fffdfa; }.recipes-section h2,.reviews h2,.faq-section h2 { text-align:center; }.recipes-section .eyebrow,.reviews .eyebrow,.faq-section .eyebrow { text-align:center; }.recipe-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }.recipe-card { padding: 1.3rem 1rem; background: linear-gradient(145deg,#fff,#f7ebd4); border-bottom: 3px solid var(--gold); border-radius: 1rem; text-align:center; }.recipe-card span { display:block; font-size:2.3rem; margin-bottom:.6rem; }.recipe-card p { margin:0; font-size:.85rem; color:#5b6258; }.recipe-card h3 { color:var(--green); }
.dark-section { background: var(--green-deep); color:#e9f0e8; }.dark-section h2 { color:#fff; }.split { display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap: 5rem; }.body-copy { color:#c9d7cc; max-width: 520px; }.check-list { margin:0; padding: 0; list-style:none; }.check-list li { padding:.8rem 0 .8rem 2rem; border-bottom:1px solid rgba(255,255,255,.14); position:relative; font-weight:600; }.check-list li:before { content:'✓'; position:absolute; left:0; color:var(--gold); font-size:1.25rem; font-weight:800; }.dark-section .center { margin-top:3rem; }.gold-cta { background: linear-gradient(#e6bd55, #bd8a22); color:#2b2109; box-shadow: 0 5px 0 #8c6215, 0 10px 25px rgba(0,0,0,.2); }.gold-cta:hover { box-shadow: 0 7px 0 #8c6215, 0 13px 30px rgba(0,0,0,.25); }.gold-cta:active { box-shadow: 0 1px 0 #8c6215; }
.who-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }.bonus-section { background: #fffdfa; }.bonus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; text-align:left; }.bonus-grid article { position:relative; padding:2.3rem 1.25rem 1.25rem; border-radius:1rem; background:var(--green); color:#eff7ee; }.bonus-grid b { position:absolute; top:-.7rem; left:1rem; display:grid; place-items:center; width:2.25rem;height:2.25rem;border-radius:50%;background:var(--gold); color:var(--green-deep); font-size:.8rem; }.bonus-grid h3 { color:#fff; }.bonus-grid p { font-size:.9rem; margin:0; color:#d5e2d5; }
.reviews { background:var(--soft); }.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.review-grid blockquote { margin:0; padding:1.5rem; border-radius:1rem; background:#fffdfa; box-shadow:0 4px 16px rgba(25,50,33,.08); }.review-grid blockquote > div { color:var(--gold); letter-spacing:.1em; }.review-grid blockquote p { margin: .8rem 0 1.4rem; font-family:var(--serif); font-size:1.08rem; line-height:1.45; }.review-grid footer { display:grid; gap:.1rem; font-size:.83rem; }.review-grid footer span { color:#6c786b; }
.guarantee { background:#fffdfa; padding:4rem 0; }.guarantee-card { display:flex; gap:2rem; align-items:center; padding: 2rem; border-radius:1.2rem; border: 1px solid #e8d4a3; background:linear-gradient(115deg,#fff9e8,#fff); }.guarantee h2 { margin-bottom:.6rem; font-size:clamp(1.7rem,3vw,2.45rem); }.guarantee p:last-child { margin:0; color:#556153; }.seal { flex:0 0 auto; display:grid; place-content:center; text-align:center; width:120px;height:120px;border-radius:50%;border:6px solid var(--gold);outline:2px solid var(--green); color:var(--green); background:#fff7de; font-family:var(--serif);font-size:2.2rem;font-weight:800;line-height:.8; transform:rotate(-8deg); }.seal span { font-family:var(--sans);font-size:.64rem;letter-spacing:.12em; }
.faq-section { background: var(--soft); }.faq { background:#fffdfa; border-radius:1rem; overflow:hidden; box-shadow:0 3px 14px rgba(25,50,33,.07); }.faq details + details { border-top:1px solid #e7e1d6; }.faq summary { cursor:pointer; list-style:none; padding:1.1rem 3rem 1.1rem 1.2rem; position:relative; color:var(--green); font-weight:800; }.faq summary::-webkit-details-marker{display:none}.faq summary:after { content:'+'; position:absolute; right:1.2rem; color:var(--red); font-size:1.35rem; }.faq details[open] summary:after { content:'–'; }.faq details p { padding:0 1.2rem 1.2rem; margin:0; color:#566253; font-size:.94rem; }
.offer { background: radial-gradient(circle at 50% -20%, #216244, var(--green-deep) 75%); color:#e8f0e9; }.offer h2 { color:#fff; }.offer > .container > p:not(.eyebrow):not(.fine-print) { max-width:540px; margin:0 auto; }.offer-price { margin:1.8rem 0; }.offer-price span,.offer-price small { display:block; }.offer-price strong { font-size:4.2rem; line-height:1; color:#f3cb69; font-family:var(--serif); }.fine-print { margin:1.5rem 0 0; color:#b6c8bb; font-size:.77rem; }.site-footer { display:flex; justify-content:center; gap:.8rem; flex-wrap:wrap; padding:2rem; color:#cddacf; background:#071c13; font-size:.85rem; }.site-footer strong { color:#fff; }
@media (max-width:760px) { section{padding:4rem 0}.hero{padding-top:3.25rem}.hero-photo{border-width:4px;border-radius:1rem}.benefit-grid,.who-grid,.bonus-grid,.review-grid,.split { grid-template-columns:1fr; }.recipe-grid { grid-template-columns:repeat(2,1fr); gap:.65rem; }.recipe-card { padding:1rem .6rem; }.recipe-card h3 { font-size:1.06rem; }.recipe-card span { font-size:1.9rem; }.split { gap:2rem; }.guarantee-card { gap:1.2rem; align-items:flex-start; padding:1.25rem; }.seal{width:78px;height:78px;border-width:4px;font-size:1.55rem}.ornament{display:none}.trust{gap:.7rem 1rem;}.cta-large{font-size:.93rem;padding:1.1rem 1rem;} }

.hero-photo img { height: clamp(170px, 32vw, 305px); aspect-ratio: auto; object-position: center bottom; }