:root{
--ink:#1d2b2a;--ink-2:#2c3e3c;--cream:#fff7ef;--paper:#ffffff;--sand:#fbeadb;--sunset:#f2683a;--sunset-text:#b8461f;--mint:#7fdcc4;--mint-soft:#e3f6f0;--muted:#5b6b69;--line:#efdccb;--wa:#13804a;--wa-ring:#25d366;
--f:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-xs:.8125rem;--fs-s:.9375rem;--fs-m:1.0625rem;--fs-l:1.375rem;--fs-xl:clamp(1.75rem,6vw,2.75rem);
--r:18px;--r-s:12px;--sh:0 1px 2px rgba(29,43,42,.06),0 10px 28px -14px rgba(29,43,42,.25);--hdr:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 48px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font:var(--fs-s)/1.55 var(--f);-webkit-font-smoothing:antialiased}
h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.01em}h2{font-size:var(--fs-l);margin-bottom:6px}h3{font-size:var(--fs-s)}
a{color:inherit}:focus-visible{outline:3px solid var(--sunset);outline-offset:2px;border-radius:8px}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;z-index:99;background:var(--paper);padding:10px 14px;border-radius:10px}
.pp{font-style:normal;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b5600;background:#fff1bf;border-radius:6px;padding:1px 6px;vertical-align:middle;white-space:nowrap}
/* header */
.hdr{position:sticky;top:0;z-index:20;background:var(--ink);color:var(--cream);box-shadow:0 1px 0 var(--ink-2)}
.hrow{display:flex;align-items:center;gap:16px;height:var(--hdr)}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--cream);min-height:44px}
.lg{height:32px;width:125px;display:block}.lg-s{display:none;align-items:center;gap:8px}.lg-s b{font-size:18px}.lg-s i{font-style:normal;color:var(--mint)}
@media(max-width:339px){.hdr .lg{display:none}.hdr .lg-s{display:flex}}
.nav{display:none;margin-left:auto;gap:4px}.nav a,.nav-m a{color:var(--cream);text-decoration:none;font-weight:600;font-size:var(--fs-s);padding:0 14px;min-height:44px;display:flex;align-items:center;border-radius:99px;opacity:.85}.nav a:hover{background:var(--ink-2);opacity:1}
.hdr .btn.sm{margin-left:auto}
.nav-m{display:flex;gap:2px;overflow-x:auto;height:44px;border-top:1px solid var(--ink-2);scrollbar-width:none}.nav-m a{font-size:var(--fs-xs);padding:0 12px;flex:1;justify-content:center}
@media(min-width:760px){.nav{display:flex}.hdr .btn.sm{margin-left:8px}.nav-m{display:none}html{scroll-padding-top:calc(var(--hdr) + 12px)}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:99px;font:700 var(--fs-s)/1 var(--f);text-decoration:none;border:0;cursor:pointer;transition:transform .15s,filter .15s}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.07)}
.btn.sm{min-height:44px;padding:0 16px}.btn.full{width:100%}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 0 0 2px var(--wa-ring) inset}.btn-ghost{background:transparent;color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}.btn-ink{background:var(--ink);color:var(--cream)}
.bub{flex:none}
/* hero */
.hero{padding:18px 0 10px}.hero-g{display:grid;gap:14px}
.badge{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:420/120;max-height:120px;border-radius:18px;box-shadow:var(--sh)}
.hero h1{font-size:var(--fs-xl);font-weight:800}.t2{color:var(--sunset-text);font-weight:700;margin:6px 0 8px}.lead{color:var(--muted);margin:0 0 16px;font-size:var(--fs-m)}
.ctas{display:flex;flex-wrap:wrap;gap:10px}.ctas .btn{flex:1 1 200px}
@media(min-width:900px){.hero{padding:56px 0 30px}.hero-g{grid-template-columns:1fr 1fr;align-items:center;gap:48px}.badge{max-height:160px;max-width:520px}.ctas .btn{flex:0 0 auto}}
.trust{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px auto 0;padding-top:0;padding-bottom:0}
.trust li{background:var(--paper);border-radius:var(--r-s);box-shadow:var(--sh);padding:10px 8px;text-align:center;font-size:var(--fs-xs);font-weight:600;line-height:1.3}.trust span{display:block;font-size:20px;margin-bottom:2px}
/* sections */
.sec{padding:40px 0}.alt{background:var(--sand)}.sub{color:var(--muted);margin:0 0 16px;font-size:var(--fs-xs)}
.grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.art{display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle at 50% 45%,var(--mint-soft),#c9efe3)}.art svg{width:46%;height:auto}
.art .bl{transform-origin:50px 50px;animation:spin 2.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.art-neck .bl{animation-duration:1.8s}
.cb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}.cb h3{font-size:var(--fs-m)}
.specs{margin:0;padding:0;list-style:none;display:grid;gap:4px;color:var(--muted);font-size:var(--fs-xs)}.specs li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:8px;vertical-align:middle;box-shadow:0 0 0 2px #b3eadb}
.buy{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font-size:var(--fs-l);font-weight:800;color:var(--sunset-text)}
.qty{display:flex;align-items:center;border:2px solid var(--line);border-radius:99px}.qty button{width:44px;height:44px;border:0;background:none;font-size:20px;font-weight:700;color:var(--ink);cursor:pointer;border-radius:99px}.qty output{min-width:20px;text-align:center;font-weight:700}
.steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{background:var(--paper);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}.steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sunset);color:var(--ink);font-weight:800;margin-bottom:10px}.steps p{margin:6px 0 0;color:var(--muted)}
.zones{display:grid;gap:10px;margin:14px 0}@media(min-width:760px){.zones{grid-template-columns:repeat(3,1fr)}}
.zone{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--paper);border-radius:var(--r);padding:16px;box-shadow:var(--sh);border-left:5px solid var(--mint)}.zone p{margin:4px 0 0;color:var(--muted);font-size:var(--fs-xs)}.fee{font-weight:800;white-space:nowrap;background:var(--ink);color:var(--mint);border-radius:99px;padding:4px 10px;font-size:var(--fs-xs)}
.paycard{background:var(--ink);color:var(--cream);border-radius:var(--r);padding:20px;margin-top:14px;max-width:560px}.paycard .lbl{margin:0;color:var(--mint);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}
.num{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.num span{font-size:1.75rem;font-weight:800;letter-spacing:.02em}.paycard .btn-ink{background:var(--mint);color:var(--ink)}.paycard ol{padding-left:20px;margin:0 0 10px}.paycard li{margin:4px 0}.paycard .sub{color:#c9d6d3;margin:0}
details{background:var(--paper);border-radius:var(--r-s);box-shadow:var(--sh);margin:10px 0}summary{cursor:pointer;list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;font-weight:700}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:22px;color:var(--sunset-text);transition:transform .2s}details[open] summary::after{transform:rotate(45deg)}details p{margin:0;padding:0 16px 16px;color:var(--muted)}
.band{background:var(--sunset);color:var(--ink);text-align:center;padding:40px 0}.band h2{font-size:var(--fs-l)}.band p{margin:6px 0 16px;font-weight:600}
.ftr{background:var(--ink);color:#c9d6d3;padding:28px 0 100px;font-size:var(--fs-xs)}.ftr p{margin:6px 0}.ftr .dis{color:var(--mint);font-weight:700}
.fab{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:8px;min-height:56px;min-width:56px;justify-content:center;padding:0 18px 0 16px;border-radius:99px;background:var(--wa);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 0 0 3px var(--wa-ring),0 12px 26px -8px rgba(0,0,0,.45)}.fab .bub{width:26px;height:26px}
@media(max-width:560px){.fab{padding:0}.fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;margin:0 -2px;scrollbar-width:none}
.chip{flex:none;min-height:44px;padding:0 16px;border-radius:99px;border:2px solid var(--line);background:var(--paper);color:var(--ink);font:600 var(--fs-xs)/1 var(--f);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.card{position:relative}.card[hidden]{display:none}.bigtag{position:absolute;top:10px;left:10px;z-index:1;background:var(--ink);color:var(--mint);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:99px}
.art{position:relative}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f3efe8;padding:6px}.art.has-img>svg{visibility:hidden}.art.has-img{aspect-ratio:4/3}
/* compact horizontal cards on phones: less scrolling through 15 fans */
@media(max-width:559px){
.card{display:grid;grid-template-columns:128px 1fr;align-items:stretch}
.card .art,.card .art.has-img{aspect-ratio:auto;min-height:100%;height:auto}
.card .art svg{width:70%}
.cb{padding:12px 12px 12px;gap:8px}.cb h3{font-size:var(--fs-s)}
.specs li:nth-child(n+3){display:none}
.buy{flex-wrap:wrap;gap:6px}.price{font-size:1.15rem}
.qty button{width:44px;height:44px}
.bigtag{top:6px;left:6px;font-size:.65rem;padding:3px 7px}
}