:root{--rose:#C88B7A;--cream:#F6F2EA;--brown:#5A3E30;--line:#e4d9cc}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Poppins,system-ui,sans-serif;color:var(--brown);background:var(--cream);line-height:1.5}
.top{padding:24px 22px 14px;display:flex;justify-content:flex-start}
.wordmark{height:48px;width:auto}
.hero{display:flex;flex-direction:column}
.hero-text{padding:12px 22px 22px}
.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 70%;display:block}
.hero-img[data-ad=A2_lunch],.hero-img[data-ad=B3_longday],body[data-page=B] .hero-img{aspect-ratio:1/1;object-position:center 55%}
.hero-img[data-ad=B4_onthego]{aspect-ratio:1/1;object-position:center 40%}
h1{font-weight:600;font-size:clamp(30px,8vw,52px);line-height:1.08;max-width:12ch;letter-spacing:-.01em}
.sub{font-size:clamp(16px,4.2vw,22px);margin-top:12px;max-width:24ch}
.proof{font-weight:500;font-size:14px;margin-top:10px;letter-spacing:.01em}
.capture{padding:32px 22px;text-align:left}
.capture h2{font-weight:600;font-size:24px;margin-bottom:14px}
.row{display:flex;gap:8px;flex-wrap:wrap}
input[type=email]{flex:1 1 220px;font:inherit;font-size:16px;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--brown)}
input:focus{outline:2px solid var(--rose);border-color:var(--rose)}
button{font:inherit;cursor:pointer}
.row button{flex:0 0 auto;background:var(--brown);color:var(--cream);border:0;border-radius:10px;padding:14px 22px;font-weight:500;font-size:16px}
.row button:disabled{opacity:.6}
.consent{font-size:12px;line-height:1.5;margin-top:12px;color:#7a6457;max-width:60ch}
.consent a,footer a{color:inherit}
.error{color:#a3402a;font-size:14px;margin-top:8px}
.q{margin-top:16px!important;font-weight:500}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.opts button{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--brown);font-size:14px}
.opts button.on{background:var(--rose);border-color:var(--rose);color:#fff}
.what{display:flex;gap:20px;align-items:center;padding:36px 22px;background:#fff}
.sachet{width:38%;max-width:240px;height:auto;filter:drop-shadow(0 8px 14px rgba(90,62,48,.18))}
.what h2{font-weight:600;font-size:22px;line-height:1.2;margin-bottom:10px}
.what h2 span{font-weight:400;font-size:17px}
.what p{font-size:15px}
.steps{margin-top:10px;font-weight:500}
.status{padding:32px 22px;border-bottom:1px solid var(--line)}
.status p{font-size:16px;max-width:52ch}
.repeat{background:var(--cream)}
footer{padding:26px 22px 40px;font-size:13px;color:#7a6457;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.monogram{width:56px;height:auto;flex:0 0 auto}
@media(min-width:820px){
 body{position:relative}
 .top{padding:28px 48px 8px}
 body:not(.plain) .top{position:absolute;top:32px;left:0;padding:0 48px;z-index:2}
 .wordmark{height:72px}
 .hero{flex-direction:row;align-items:center;min-height:560px;margin-top:32px}
 .hero-text{flex:1;padding:120px 48px 56px}
 .hero-img{flex:1;aspect-ratio:4/5;max-height:640px;object-position:center bottom}
 .capture,.what,.status,footer{padding-left:48px;padding-right:48px}
 .monogram{width:72px}
 main>section{}
 .capture,.status{max-width:880px}
}
.doc{padding:16px 22px 40px;max-width:720px}
.doc h1{font-size:34px;margin-bottom:14px}
.doc h2{font-weight:600;font-size:18px;margin:22px 0 6px}
.doc p{font-size:15px;margin-bottom:8px}
.doc .lead{font-size:18px}
.doc .small{font-size:13px;color:#7a6457}
.doc a{color:inherit}
.doc-sachet{display:block;width:60%;max-width:280px;margin:28px 0;filter:drop-shadow(0 8px 14px rgba(90,62,48,.18))}
@media(min-width:820px){.doc{padding:24px 48px 56px}}

.lead-in{font-size:16px;max-width:52ch;margin:-6px 0 16px}

.thanks{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1.5px solid var(--rose);border-left:6px solid var(--brown);border-radius:14px;padding:22px 22px;margin-top:4px;box-shadow:0 10px 30px rgba(90,62,48,.12);animation:pop .45s ease-out}
.thanks[hidden]{display:none}
.thanks-icon{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center}
.thanks h3{font-weight:600;font-size:22px;line-height:1.25}
.thanks p{margin-top:6px;font-size:16px}
.thanks .small{font-size:13px;color:#7a6457}
.thanks strong{font-weight:600;word-break:break-all}
@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.thanks{animation:none}}