/* Uncle Tony Foods — one committed dark look: night-green ground, sun-gold lettering.
   Range accents: brioche = gold crust, smokehouse = ember, mad sauce = chilli red. */
:root{
  --ground:#0d1a13; --ground-2:#12241a; --panel:#183024; --line:#2a4536;
  --text:#f1e8d4; --muted:#b9b29f; --gold:#e2b13c; --gold-2:#f3d27a;
  --foods:#14532f; --accent:var(--gold); --on-accent:#1b1406;
  --wa:#25d366; --on-wa:#06240f;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:10px; color-scheme:dark;
}
[data-accent="brioche"]{--accent:#e2b13c}
[data-accent="smoke"]{--accent:#e0743a; --on-accent:#1d0b02}
[data-accent="mad"]{--accent:#e2392b; --on-accent:#fff4ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--text);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-2)}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3,.h2,.h3{font-family:var(--display);font-weight:800;line-height:1.02;letter-spacing:.005em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.6rem,6vw,4.6rem);text-transform:uppercase}
h1 em{font-style:normal;color:var(--accent);display:block}
.h2{font-size:clamp(1.9rem,3.6vw,2.8rem);text-transform:uppercase}
.h3{font-size:1.5rem;text-transform:uppercase;margin-top:1.6rem}
p{margin:0}
.wrap{max-width:1180px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.narrow{max-width:820px}
.eyebrow{font:600 .78rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}
.lead{font-size:1.2rem;color:var(--muted);max-width:58ch}

/* header */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ground) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:1.5rem;padding-block:.8rem}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:.9}
.brand-uncle{font:900 1.65rem/0.9 var(--display);letter-spacing:.03em;background:linear-gradient(180deg,#fbe39a,#e2b13c 55%,#a8781c);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-foods{font:700 .72rem/1 var(--body);letter-spacing:.42em;color:var(--text);margin-top:.2rem}
.nav{display:flex;gap:1.3rem;margin-left:auto}
.nav a{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem}
.nav a:hover{color:var(--gold)}
.mnav{display:none}
@media (max-width:900px){
  .nav{display:none}
  .top-in .btn-sm{margin-left:auto}
  .mnav{display:block;padding-bottom:.6rem}
  .mnav summary{cursor:pointer;font-weight:600;color:var(--gold);list-style:none}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav div{display:flex;flex-direction:column;gap:.6rem;padding-block:.8rem}
  .mnav a{color:var(--text);text-decoration:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.3rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;border:2px solid transparent;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-wa{background:var(--wa);color:var(--on-wa)}
.btn-ghost{border-color:var(--accent);color:var(--text)}
.btn-sm{padding:.5rem .95rem;font-size:.9rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:var(--wa);color:var(--on-wa);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:30}
.wa-float svg{width:30px;height:30px}

/* hero */
.hero{padding-block:clamp(2.5rem,6vw,5rem);background:radial-gradient(900px 500px at 85% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero-copy{min-width:0}
.hero-copy h1{margin-bottom:1.2rem}
.hero-img img{border-radius:var(--r);aspect-ratio:1/1;object-fit:cover;width:100%}
@media (max-width:860px){.hero-in{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:2rem 0 0}
.facts div{background:var(--ground-2);padding:.8rem .9rem}
.facts dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font-weight:600}
.facts-col{grid-template-columns:1fr}
@media (max-width:640px){.facts{grid-template-columns:1fr 1fr}}

/* bands */
.band{padding-block:clamp(2.8rem,6vw,4.8rem)}
.band-alt{background:var(--ground-2);border-block:1px solid var(--line)}
.band .h2{margin-bottom:2rem}
.band-cta{background:var(--foods)}
.cta-final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}
.cta-final h2{font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase}

/* range cards */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.rcard{position:relative;display:block;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);background:var(--panel)}
.rcard img{aspect-ratio:1/1;object-fit:cover;width:100%;transition:transform .4s}
.rcard:hover img{transform:scale(1.03)}
.rcard>div{padding:1.2rem 1.3rem 1.4rem;border-top:4px solid var(--ra)}
.rcard .eyebrow{color:var(--ra);margin-bottom:.2rem}
.rcard h3{font-size:2.2rem;text-transform:uppercase}
.rcard .tag{color:var(--muted);margin:.4rem 0 .9rem}
.rcard .more{font-weight:700;color:var(--ra)}
.r-brioche{--ra:#e2b13c} .r-smoke{--ra:#e0743a} .r-mad{--ra:#e2392b}
@media (max-width:900px){.rgrid{grid-template-columns:1fr}}

/* StoryBrand block */
.sb{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.sb>div{min-width:0}
.problem h2{font-size:clamp(1.8rem,3.4vw,2.6rem);text-transform:uppercase;margin-bottom:1rem}
.problem p{color:var(--muted);margin-bottom:1rem;max-width:56ch}
.philo{font:800 1.5rem/1.15 var(--display);color:var(--gold)!important;text-transform:uppercase;margin-top:1rem}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.steps li{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--ground)}
.band-alt .steps li{background:var(--ground)}
.steps .n{font:900 1.9rem/1 var(--display);color:var(--accent)}
@media (max-width:860px){.sb{grid-template-columns:1fr}}

/* product grid */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.pcard{display:flex;flex-direction:column;background:var(--panel);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);border:1px solid var(--line)}
.pcard:hover{border-color:var(--accent)}
.pimg{background:#f4efe4}
.pimg img{aspect-ratio:1/1;object-fit:contain;width:100%}
.pbody{padding:1rem 1.1rem 1.2rem}
.pbody h3{font-size:1.45rem;text-transform:uppercase;margin:.35rem 0}
.pbody p{color:var(--muted);font-size:.95rem}
.code{font:600 .75rem/1 var(--body);letter-spacing:.12em;color:var(--accent)}
.pill{display:inline-block;margin-left:.5rem;padding:.2rem .55rem;border-radius:999px;background:var(--accent);color:var(--on-accent);font:700 .68rem/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}

/* menu cards */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.mcard{text-decoration:none;color:var(--text)}
.mcard img{border-radius:var(--r);aspect-ratio:1/1;object-fit:cover;width:100%;margin-bottom:1rem}
.mcard h3{font-size:1.7rem;text-transform:uppercase;margin-bottom:.4rem}
.mcard p{color:var(--muted)}
@media (max-width:860px){.mgrid{grid-template-columns:1fr}}

/* guide */
.band-guide{background:linear-gradient(135deg,var(--foods),var(--ground) 70%)}
.guide{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.guide>div{min-width:0}
.guide p{margin-bottom:1rem;max-width:60ch}
.stakes{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.stakes li{padding:1.2rem;border-radius:var(--r);background:var(--ground);border:1px solid var(--line);color:var(--muted)}
.stakes strong{display:block;font:800 1.3rem/1.1 var(--display);text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.stakes li+li strong{color:var(--muted)}
@media (max-width:860px){.guide{grid-template-columns:1fr}}

/* product page */
.crumbs{padding-block:1rem;font-size:.9rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
.prod{padding-top:1rem}
.prod-in{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.prod-hero{background:#f4efe4;border-radius:var(--r);overflow:hidden}
.prod-hero img{aspect-ratio:1/1;object-fit:contain;width:100%}
.prod-copy{min-width:0}
.prod-copy h1{font-size:clamp(2.2rem,4.5vw,3.6rem);margin-bottom:.8rem}
.prod-copy>p{margin-bottom:1rem;max-width:58ch}
.kicker{font-size:1.25rem;font-weight:600;color:var(--accent)}
.uses{padding-left:1.1rem;margin:.6rem 0 0;color:var(--muted)}
.uses a{color:var(--text)}
@media (max-width:860px){.prod-in{grid-template-columns:1fr}}
.spec-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}
.spec-wrap>*{min-width:0}
@media (max-width:860px){.spec-wrap{grid-template-columns:1fr}}
.spec{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.spec caption{text-align:left;font:800 1.7rem/1 var(--display);text-transform:uppercase;padding-bottom:1rem}
.spec th,.spec td{text-align:left;padding:.75rem .2rem;border-bottom:1px solid var(--line);vertical-align:top}
.spec th{font-weight:500;color:var(--muted);width:42%}
.spec td{font-weight:600}
.req{color:var(--muted);font-weight:500;font-style:italic}
.lsgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.lsgrid img{border-radius:8px;aspect-ratio:1/1;object-fit:cover;width:100%}
@media (max-width:860px){.lsgrid{grid-template-columns:repeat(2,1fr)}}
figure{margin:0}

/* faq */
.faq{display:grid;gap:.6rem}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--ground);padding:0 1.1rem}
.faq summary{cursor:pointer;font-weight:600;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq p{padding-bottom:1rem;color:var(--muted)}

/* menu ideas */
.ideas{display:grid;gap:4rem}
.idea{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start;scroll-margin-top:90px}
.idea>div{min-width:0}
.idea img{border-radius:var(--r);aspect-ratio:1/1;object-fit:cover;width:100%}
.idea .kicker{margin:.6rem 0 0}
.idea .steps{margin-top:.8rem}
.idea .btn{margin-top:1.6rem}
@media (max-width:860px){.idea{grid-template-columns:1fr}}

/* prose */
.prose p{margin-bottom:1.1rem;max-width:66ch}
.prose .h3{margin-bottom:.7rem}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:3rem 6rem;background:var(--ground-2)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.foot-grid>div{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.foot h4{font:700 .78rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .4rem}
.foot a{color:var(--text);text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot-slogan{font:800 1.4rem/1 var(--display);text-transform:uppercase;margin-top:.8rem;color:var(--muted)}
.foot-wa{margin-top:.6rem;color:var(--muted)}
.legal{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);display:grid;gap:.4rem}
.legal a{color:var(--muted);text-decoration:underline}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.mgrid.mrel{grid-template-columns:repeat(auto-fill,minmax(240px,320px))}
/* logos */
.brand img{width:64px;height:64px}
.brand-foot img{width:120px;height:120px}
.rimg{position:relative}
.rbadge{position:absolute;left:14px;bottom:-34px;width:96px!important;height:96px;aspect-ratio:auto!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.rcard:hover .rbadge{transform:none}
.rcard>div:last-child{padding-top:2.6rem}
.hero-logo img{border-radius:0;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));max-width:520px;margin-inline:auto}
.pbadge img{width:88px;height:88px;margin-bottom:.8rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
@media (max-width:900px){.brand img{width:52px;height:52px}}
.lsgrid figcaption{margin-top:.45rem;font:600 .74rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.lsgrid{grid-template-columns:repeat(auto-fill,minmax(200px,260px))}
/* buyers + retail */
#buyers figure{margin:0}
.retail{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.retail>*{min-width:0}
.retail-copy p:not(.eyebrow){color:var(--muted);margin-bottom:1.4rem;max-width:52ch}
.retail .lsgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media (max-width:860px){.retail{grid-template-columns:1fr}}
/* refocus: compact SB7, proof row, landing pages */
.proof{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.proof li{font:600 .8rem/1 var(--body);padding:.5rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.sb3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}
.sb3>div{min-width:0}
.sb3 p:not(.eyebrow){color:var(--muted)}
.h3x{font:800 1.7rem/1.05 var(--display);text-transform:uppercase;margin-bottom:.6rem}
.steps-tight li{padding:.6rem .8rem;gap:.7rem;grid-template-columns:2rem 1fr}
.steps-tight .n{font-size:1.4rem}
@media (max-width:860px){.sb3{grid-template-columns:1fr}}
.mcard .more{display:inline-block;margin-top:.6rem;font-weight:700;color:var(--gold)}
.mcard-text{border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;background:var(--panel)}
.idea-text{grid-template-columns:1fr}
.facts-2{grid-template-columns:repeat(2,1fr);margin:1.2rem 0 1.2rem}
.madefor{color:var(--muted)}
.lsgrid-2{grid-template-columns:repeat(auto-fill,minmax(240px,340px))}
.answer th{width:34%;color:var(--gold);font-weight:700}
.answer td{font-weight:400;color:var(--text)}
.rminis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rmini{display:flex;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);text-decoration:none;color:var(--text)}
.rmini img{width:64px;height:64px;flex:none}
.rmini span{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:.92rem;min-width:0}
.rmini strong{font:800 1.3rem/1 var(--display);text-transform:uppercase;color:var(--text)}
@media (max-width:860px){.rminis{grid-template-columns:1fr}}
.about-facts{margin-bottom:1.6rem}
.about-facts dd{font-weight:500}
/* about: three range stories */
.story3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.story{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;border:1px solid var(--line);border-top:4px solid var(--ra);border-radius:var(--r);background:var(--panel);text-decoration:none;color:var(--text)}
.story img{width:88px;height:88px;margin-bottom:.4rem}
.story h3{font-size:1.8rem;text-transform:uppercase}
.story .tag{font-weight:700;color:var(--ra)}
.story p:not(.tag){color:var(--muted)}
.story:hover{border-color:var(--ra)}
@media (max-width:860px){.story3{grid-template-columns:1fr}}

/* Email quote CTA (primary) + WhatsApp quick questions (secondary) */
.btn-gold{background:var(--gold);color:var(--on-accent)}
.btn-gold:hover{background:var(--gold-2)}
.btn-wa-ghost{border-color:var(--wa);color:var(--text)}
.btn-wa-ghost svg{color:var(--wa)}
.wa-float{width:auto;min-width:58px;padding:0 1.1rem 0 .9rem;border-radius:999px;gap:.5rem;display:flex;align-items:center;text-decoration:none;font-weight:700;font-size:.95rem}
.wa-float-label{white-space:nowrap}
@media (max-width:640px){.wa-float{padding:0;justify-content:center;width:58px}.wa-float-label{display:none}}

/* Certifications */
.seals{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
.seal{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:1.4rem 1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.45rem}
.seal-std{display:grid;place-items:center;width:118px;height:118px;border-radius:50%;border:3px double var(--gold);color:var(--gold-2);font:800 1.15rem/1.1 var(--display);letter-spacing:.02em;margin-bottom:.4rem}
.seal-r{font-weight:700}
.seal-w{font-size:.9rem;color:var(--muted)}
.seal-note{font-size:.9rem;color:var(--muted);margin-top:1rem}
@media (max-width:640px){.seals{grid-template-columns:1fr}}

/* Quote form */
.qform{display:grid;gap:1rem}
.qrow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.qform label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}
.qform input,.qform select,.qform textarea{font:inherit;font-weight:400;color:var(--text);background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;width:100%;box-sizing:border-box}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.qform fieldset{border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.qform legend{font-weight:600;font-size:.95rem;padding:0 .3rem}
.qform .chk{display:flex;align-items:center;gap:.45rem;font-weight:500}
.qform .chk input{width:auto}
.qform button{justify-self:start;cursor:pointer}
.hp{position:absolute;left:-9999px}
.qsmall,.qalt{font-size:.9rem;color:var(--muted)}
.qalt{margin-top:1.4rem}
.qstatus{min-height:1.2em;color:var(--gold-2)}
@media (max-width:640px){.qrow{grid-template-columns:1fr}}

/* Cookie consent */
.consent{position:fixed;left:16px;right:96px;bottom:16px;z-index:40;max-width:560px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.45);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.consent[hidden]{display:none}
.consent p{margin:0;font-size:.92rem}
.consent div{display:flex;gap:.5rem}
.consent button{cursor:pointer}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;display:block;margin-top:.4rem}
.consent .btn-ghost{background:transparent;color:var(--text)}
.linkbtn{text-align:left}
.seal-std{font-size:1rem}

/* ===== Light working sections (specs, FAQ, plan, forms, certifications) =====
   Brand moments stay night-green + gold; information sections read on warm cream. */
.band-alt{
  --ground:#fbf6ea; --ground-2:#f3ead6; --panel:#ffffff; --line:#e2d5b8;
  --text:#1d1a13; --muted:#5a5243; --gold:#a8760f; --gold-2:#8a5d00;
  background:var(--ground); color:var(--text); border-block:0; color-scheme:light;
}
.band-alt .eyebrow{color:color-mix(in srgb,var(--accent) 62%,#2a1c00)}
.band-alt .lead,.band-alt p{color:inherit}
.band-alt .lead,.band-alt .seal-w,.band-alt .seal-note,.band-alt .qsmall,.band-alt .qalt,.band-alt .facts dt{color:var(--muted)}
.band-alt .steps li,.band-alt .facts div,.band-alt .seal{background:var(--panel)}
.band-alt .steps li,.band-alt .seal,.band-alt .faq details{box-shadow:0 1px 2px rgba(60,40,0,.06)}
.band-alt .steps .n{color:color-mix(in srgb,var(--accent) 70%,#2a1c00)}
.band-alt .seal-std{border-color:var(--gold);color:var(--gold-2)}
.band-alt .btn-ghost{color:var(--text)}
.band-alt .philo{color:var(--gold-2)!important}
.band-alt img{box-shadow:0 6px 18px rgba(60,40,0,.12)}

/* Faster reading: calmer hero headline, brighter body copy on dark */
h1{font-size:clamp(2.3rem,4.8vw,3.9rem)}
:root{--muted:#cfc7b2}
.lead{font-size:1.18rem}

/* Warmer welcome on the home page */
.hero-warm{background:
  radial-gradient(900px 620px at 78% 35%,rgba(240,170,60,.28),transparent 65%),
  radial-gradient(700px 400px at 10% 100%,rgba(226,177,60,.10),transparent 70%),
  linear-gradient(180deg,#132619,#0f1d15)}
.hero-warm .hero-in{grid-template-columns:1fr 1.1fr}
.hero-warm .hero-img img{box-shadow:0 30px 70px rgba(240,160,50,.28),0 8px 24px rgba(0,0,0,.4);border-radius:18px}
.trustbar{background:#fbf6ea;color:#1d1a13;padding-block:1.1rem;border-bottom:1px solid #eadfc6}
.trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2rem}
.trust li{font:600 .98rem/1.3 var(--body);display:flex;align-items:center;gap:.5rem}
.trust span{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#14532f;color:#f3d27a;font-size:.8rem}
@media (max-width:860px){.hero-warm .hero-in{grid-template-columns:1fr}.trust{justify-content:flex-start;flex-direction:column;gap:.5rem}}

/* ===== Son of the sun: sunlit welcome on the home page ===== */
.hero-warm{
  --text:#14301f; --muted:#4a3f2c; --line:#e7cf95; --accent:#b45309;
  color:var(--text); color-scheme:light; position:relative; overflow:hidden;
  background:
    radial-gradient(520px 520px at 82% 18%,#ffd36e 0%,rgba(255,196,84,.55) 38%,rgba(255,196,84,0) 70%),
    radial-gradient(900px 600px at 0% 100%,rgba(244,180,70,.22),transparent 70%),
    linear-gradient(180deg,#fff4dc 0%,#fdebc8 100%);
}
.hero-warm h1{color:#14532f;font-size:clamp(2.2rem,4.3vw,3.6rem)}
.hero-warm h1 em{color:#b45309}
.hero-warm .eyebrow{color:#9a4a00}
.hero-warm .lead{color:#3d3222}
.hero-warm .btn-wa-ghost{color:#14301f;background:#fffaf0}
.hero-warm .btn-wa-ghost svg{color:#128c4a}
.hero-warm .hero-img{position:relative}
.hero-warm .hero-img::before{content:"";position:absolute;inset:-6% -6% auto auto;width:62%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#ffcf5a 0%,rgba(255,180,60,.0) 70%);z-index:0}
.hero-warm .hero-img img{position:relative;z-index:1;box-shadow:0 30px 60px rgba(180,90,10,.28),0 6px 18px rgba(80,40,0,.18);border-radius:20px}
.trustbar{background:#14532f;color:#fbf3e2;border-bottom:0}
.trust span{background:#e2b13c;color:#14301f}
.hero-warm .btn-gold{background:#14532f;color:#ffd36e;box-shadow:0 8px 20px rgba(20,83,47,.25)}
.hero-warm .btn-gold:hover{background:#0f3f24}

/* ===== Palette: less night, more sun (60 cream / 30 forest green / 10 gold) ===== */
:root{--ground:#0f3a22; --ground-2:#134429; --panel:#185030; --line:#2a6a43; --foods:#1b6339}
.top{background:color-mix(in srgb,#0f3a22 94%,transparent)}
.band-guide{background:linear-gradient(135deg,#1b6339,#0f3a22 75%)}

.spec-dl{margin-top:.9rem;font-size:.95rem}.spec-dl a{font-weight:700;text-decoration:underline;text-underline-offset:3px}

.qfbb{background:#fbf6ea;border:2px solid #e2b13c;border-radius:12px;padding:1rem 1.2rem;margin:.4rem 0 1rem;color:#14301f}.qfbb p{margin:0 0 .8rem;color:#14301f}.qfbb[hidden],#qsend[hidden]{display:none}