/* Approved B: native Lovable promo layout + Figma forest editorial palette. */
html body{background:#123024;color:#e5f7e8}
header.site{background:#123024;color:#e5f7e8;border-bottom:1px solid #42604c;padding:20px clamp(20px,4vw,64px)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding:54px clamp(20px,4vw,64px) 32px;height:auto!important;min-height:0!important;overflow:visible;background:#123024}
.hero::before,.hero::after{display:none}
.hero>img.bg{display:none}
.hero .band{position:relative;inset:auto;width:auto;min-width:0;max-width:100%;text-align:left;padding:0}
.band .ph{margin:0 0 24px;line-height:1.05}
.band .ph b,.band .ph b.pets{font:500 clamp(38px,4.7vw,72px)/1.04 Georgia,serif;white-space:normal;letter-spacing:-.045em;color:#e5f7e8!important;text-shadow:none!important;-webkit-text-stroke:0!important;transform:none!important}
.band .the{display:none}
.band .eb{justify-content:flex-start;text-shadow:none;color:#bdd8c5}
.band .t,.band .t em{font:400 19px/1.5 Inter,system-ui,sans-serif;color:#e5f7e8;text-shadow:none}
.band .rs{font-size:14px;line-height:1.6;color:#c1d8c8;text-shadow:none;max-width:42ch}
.band .cta{background:#e0f5e8;color:#123024;border-radius:7px;box-shadow:none;padding:14px 20px;min-height:46px}
.band .live-total{position:static;margin:24px 0 0;color:#e5f7e8;max-width:100%;text-shadow:none}
.hero .stage{position:relative;inset:auto;width:100%;margin:0;perspective:none;min-width:0;transform:translateX(-3.5vw)}
.stage .plane{transform:none!important}
.display{box-shadow:none;border:1px solid #587663;border-radius:10px}
.caption{opacity:1!important;color:#c1d8c8;text-shadow:none}
.caption h2{font:500 26px/1.25 Georgia,serif;color:#e5f7e8}.caption p{font-size:14px;line-height:1.6}.caption .eyebrow{color:#bdd8c5}
.hero .hstrip{position:static;grid-column:1/-1;margin:14px 0 0;opacity:1}
.hstrip .grid5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hstrip .gcard{opacity:1;padding:12px;background:#faf8ef;border-radius:8px;min-width:0}
.hstrip .gcard .nm{color:#17241f;text-shadow:none;font-size:14px}.hstrip .gcard .lb{color:#456b50;text-shadow:none}.hstrip .gcard .ds{display:block;color:#52675b;font-size:12px;line-height:1.5}.hstrip .gcard .fr{box-shadow:none;border-color:#c7dbce}
.hero .langbar{position:static;grid-column:1/-1;margin:0;white-space:normal;flex-wrap:wrap;color:#c1d8c8;background:transparent;overflow:visible}
.langbar button,.langbar a{color:inherit}
#menu a,#menuCta{color:#e5f7e8}#menuCta{background:#254b38;border-color:#64836d}
#cap p,#cap .eyebrow{color:#c1d8c8;text-shadow:none}#cap h2{color:#e5f7e8;text-shadow:none}
.langbar .lead{color:#b4cdbb}.langbar button{color:#e5f7e8!important}.langbar button.active{color:#e5f7e8!important;text-decoration:underline}
.band .live-total{justify-content:flex-start!important;text-align:left!important}.band .live-total b{color:#e5f7e8!important}
.stage::after{content:'Earlier interface preview — current snapshot counts are shown below.';display:block;margin-top:12px;color:#bdd8c5;font:12px/1.5 Inter,system-ui,sans-serif}
.paper-call-sign{display:none}
.gallery{background:#e0f5e8;color:#17241f;padding:32px clamp(20px,4vw,64px)}
.pstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:18px}.pstrip>div{min-width:0}.pstrip b{color:#123024}.pstrip span{color:#52675b}.growl{color:#345140}.growl b{color:#123024}
footer.site{background:#e0f5e8;color:#52675b;padding:24px clamp(20px,4vw,64px);border-top:1px solid #c7dbce}
@media(max-width:820px){.hero .stage{transform:none}.hero{grid-template-columns:minmax(0,1fr);padding-top:30px;gap:28px}.band .ph b,.band .ph b.pets{font-size:clamp(38px,10vw,60px)}.hstrip .grid5{grid-template-columns:repeat(2,minmax(0,1fr))}.pstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.hstrip .gcard:last-child{grid-column:1/-1}.band .live-total{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}