/* ==========================================================================
   Premium layer — glow, motion, glass, depth. Loaded after style.css.
   ========================================================================== */
:root{--glow:0 0 0 1px rgba(196,154,60,.35),0 18px 50px -12px rgba(196,154,60,.45);--gold-grad:linear-gradient(135deg,#f3d98a 0%,#c49a3c 45%,#9a7424 100%)}
body{background:radial-gradient(1200px 600px at 10% -10%,rgba(196,154,60,.10),transparent 60%),var(--cream)}
/* film grain over everything, very subtle */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* scroll progress */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold-grad);z-index:300;box-shadow:0 0 12px rgba(230,198,117,.9)}

/* header: glass, shrinks on scroll */
.hdr{background:rgba(255,253,248,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:box-shadow .4s,background .4s}
.hdr.scrolled{box-shadow:0 10px 40px -18px rgba(20,51,39,.45);background:rgba(255,253,248,.9)}
.hdr-in{transition:min-height .35s}.hdr.scrolled .hdr-in{min-height:62px}.logo img{transition:height .35s}.hdr.scrolled .logo img{height:44px}
.nav a{position:relative;border:0}.nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.announce{background:linear-gradient(90deg,#0f261c,#1f4a38,#0f261c);background-size:200% 100%;animation:slide 10s linear infinite}
@keyframes slide{to{background-position:200% 0}}

/* buttons: gold gradient + shine sweep + glow */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-3px)}
.btn-gold{background:var(--gold-grad);border-color:transparent;box-shadow:0 8px 24px -6px rgba(196,154,60,.7)}
.btn-gold:hover{box-shadow:0 14px 40px -6px rgba(230,198,117,.9);background:var(--gold-grad);color:#241c08}
.btn-wa{background:linear-gradient(135deg,#25b866,#17803f);border-color:transparent;box-shadow:0 8px 20px -8px rgba(31,143,78,.7)}
.btn-wa:hover{background:linear-gradient(135deg,#2ad072,#1a9148);box-shadow:0 12px 28px -6px rgba(37,184,102,.8)}
.btn-ghost{backdrop-filter:blur(6px)}
.wa-float{animation:pulse 2.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,160,90,.6),0 8px 24px rgba(0,0,0,.3)}70%{box-shadow:0 0 0 22px rgba(37,160,90,0),0 8px 24px rgba(0,0,0,.3)}100%{box-shadow:0 0 0 0 rgba(37,160,90,0),0 8px 24px rgba(0,0,0,.3)}}

/* ---------------- HERO ---------------- */
.hero{min-height:min(92vh,860px);display:flex;align-items:center;background:radial-gradient(900px 600px at 78% 45%,#2f6b50 0%,transparent 60%),linear-gradient(120deg,#0b2018,#14392a 55%,#1f4a38)}
.hero-bg{inset:0;background:
  radial-gradient(500px 320px at 20% 20%,rgba(230,198,117,.16),transparent 70%),
  radial-gradient(420px 420px at 85% 85%,rgba(230,198,117,.18),transparent 70%)}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 14s ease-in-out infinite alternate;pointer-events:none}
.orb.o1{width:320px;height:320px;background:#c49a3c;left:-80px;top:10%;opacity:.22}
.orb.o2{width:260px;height:260px;background:#3f8f68;right:30%;bottom:-60px;opacity:.35;animation-delay:-5s}
@keyframes drift{to{transform:translate(60px,-40px) scale(1.15)}}
#sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.01em}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(40px) rotateX(-40deg);animation:wordIn .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wordIn{to{opacity:1;transform:none}}
.hero h1 em .w{background:linear-gradient(100deg,#f3d98a,#c49a3c 40%,#fff3c4 55%,#c49a3c 70%,#f3d98a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordIn .9s cubic-bezier(.2,.8,.2,1) forwards,shimmer 5s linear infinite}
@keyframes shimmer{to{background-position:-250% 0}}
.hero .eyebrow,.hero .lead,.hero .cta{opacity:0;animation:fadeUp 1s .1s cubic-bezier(.2,.8,.2,1) forwards}
.hero .lead{animation-delay:.9s}.hero .cta{animation-delay:1.15s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero .eyebrow{display:inline-flex;align-items:center;gap:12px}.hero .eyebrow::before{content:"";width:40px;height:1px;background:var(--gold-l)}
.scroll-cue{position:absolute;left:50%;bottom:18px;width:24px;height:40px;border:1.5px solid rgba(255,255,255,.5);border-radius:14px;transform:translateX(-50%)}
.scroll-cue::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:3px;background:var(--gold-l);animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

.hero-art{height:min(600px,78vw);perspective:1000px}
.ring{position:absolute;left:50%;top:50%;width:min(480px,92%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,transparent,rgba(230,198,117,.55),transparent 40%,rgba(230,198,117,.3),transparent);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);animation:spin 18s linear infinite}
.ring.r2{width:min(560px,108%);animation-duration:28s;animation-direction:reverse;opacity:.5}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-art .halo{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(230,198,117,.5),transparent 65%);filter:blur(30px);animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.15)}}
.arch{position:absolute;border-radius:999px 999px 20px 20px;overflow:hidden;border:2px solid rgba(230,198,117,.75);box-shadow:0 0 0 8px rgba(255,255,255,.05),0 30px 70px -20px rgba(0,0,0,.7),0 0 60px -10px rgba(230,198,117,.5);background:var(--photo);animation:float 7s ease-in-out infinite;opacity:0;animation:archIn 1.2s cubic-bezier(.2,.8,.2,1) forwards,float 7s 1.4s ease-in-out infinite;will-change:transform}
.arch img{position:static;width:100%;height:100%;border-radius:0;box-shadow:none;object-fit:cover;object-position:50% 56%;transform:scale(1.08)}
.arch.a{width:50%;height:84%;left:27%;top:6%;z-index:2;animation-delay:.5s,1.7s}
.arch.b{width:36%;height:52%;left:0;bottom:2%;z-index:3;animation-delay:.8s,2.2s}
.arch.c{width:34%;height:48%;right:0;top:0;z-index:1;animation-delay:1s,2.8s}
@keyframes archIn{from{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-16px)}}
.badge-float{position:absolute;right:2%;bottom:6%;z-index:4;background:rgba(255,253,248,.92);backdrop-filter:blur(10px);border-radius:16px;padding:12px 18px;font-size:.78rem;color:var(--green-d);box-shadow:0 18px 40px -12px rgba(0,0,0,.5);animation:float 6s 1s ease-in-out infinite}
.badge-float b{display:block;font:700 1.4rem var(--serif);color:var(--gold-d)}

/* ---------------- MARQUEE ---------------- */
.trust{background:linear-gradient(90deg,#0f261c,#173f2e,#0f261c);border:0;padding:18px 0;overflow:hidden;color:#fff}
.marq{display:flex;width:max-content;animation:marq 38s linear infinite}.trust:hover .marq{animation-play-state:paused}
.marq span{display:inline-flex;align-items:center;gap:20px;padding:0 26px;font:600 1.15rem var(--serif);color:var(--gold-l);letter-spacing:.04em;white-space:nowrap}
.marq span::after{content:"✦";font-size:.7rem;color:var(--gold)}
@keyframes marq{to{transform:translateX(-50%)}}


/* section headings: ornament */
.sec-head h2::after{width:90px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:3px}
.eyebrow{display:inline-block;background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial}
.alt{background:linear-gradient(180deg,#fffdf8,#f6f0df)}

/* ---------------- CARDS: gradient border, tilt, glow ---------------- */
.pcard,.ccard{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(160deg,var(--line),var(--line)) border-box}
.pcard::before,.ccard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,#f3d98a,transparent 40%,transparent 60%,#c49a3c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s}
.pcard:hover,.ccard:hover{box-shadow:var(--glow);transform:translateY(-8px)}
.pcard:hover::before,.ccard:hover::before{opacity:1}
.pcard .spot,.ccard .spot{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,236,170,.35),transparent 60%)}
.pcard:hover .spot,.ccard:hover .spot{opacity:1}
.pimg::after,.ccard>img+*::before{content:""}
.pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%);transition:transform 1s}
.pcard:hover .pimg::after{transform:translateX(130%)}
.badge{background:var(--gold-grad);box-shadow:0 6px 16px -4px rgba(196,154,60,.8)}
.price{background:linear-gradient(120deg,var(--green-d),var(--green-2));-webkit-background-clip:text;background-clip:text;color:transparent}.price small{-webkit-text-fill-color:var(--muted)}

/* staggered reveal variants */
.reveal{opacity:0;transform:none;transition:none}
.reveal.in{opacity:1;animation:rv 1s var(--d,0s) cubic-bezier(.2,.8,.2,1) backwards}
@keyframes rv{from{opacity:0;transform:translateY(40px) scale(.98)}}
.reveal-l{opacity:0;transform:translateX(-50px);transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal-l.in{opacity:1;transform:none}
.track .pcard{min-height:100%}

/* ---------------- STORY: dark luxe ---------------- */
.story-dark{background:radial-gradient(700px 400px at 90% 10%,rgba(196,154,60,.2),transparent 60%),linear-gradient(135deg,#0b2018,#173f2e);color:#e4efe8;position:relative;overflow:hidden}
.story-dark h2{color:#fff}.story-dark .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial}
.story-dark p,.story-dark .steps span{color:#b9cfc2!important}.story-dark .steps b{color:#fff}
.story-dark .steps li::before{background:var(--gold-grad);color:#241c08;box-shadow:0 0 20px rgba(230,198,117,.6)}
.story-dark .steps li{position:relative}.story-dark .steps li:not(:last-child)::after{content:"";position:absolute;left:21px;top:48px;bottom:-18px;width:1px;background:linear-gradient(var(--gold),transparent)}
.story-grid>img{box-shadow:0 0 0 1px rgba(230,198,117,.5),0 40px 80px -30px rgba(0,0,0,.8),0 0 70px -10px rgba(196,154,60,.4);transition:transform .8s}
.story-grid>img:hover{transform:scale(1.02) rotate(-.6deg)}

/* benefits */
.ben div{position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s;background:linear-gradient(180deg,#fff,#fbf7ea)}
.ben div::before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(196,154,60,.28),transparent 70%);transition:transform .6s}
.ben div:hover{transform:translateY(-6px);box-shadow:var(--glow)}.ben div:hover::before{transform:scale(2.2)}

/* banner */
.banner{background:radial-gradient(500px 300px at 10% 0,rgba(196,154,60,.25),transparent 70%),linear-gradient(135deg,#0b2018,#1f4a38);box-shadow:var(--glow)}
.banner img{transition:transform 1.2s}.banner:hover img{transform:scale(1.06)}

/* ---------------- REVIEWS: dark carousel ---------------- */
.reviews{background:radial-gradient(800px 400px at 50% 0,rgba(196,154,60,.18),transparent 70%),linear-gradient(180deg,#0f261c,#0b1d15);color:#fff;overflow:hidden}
.reviews h2{color:#fff}.reviews .sec-head p{color:#aac0b3}.reviews .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial}
.reviews .tgrid{display:flex;gap:22px;width:max-content;animation:marq 70s linear infinite;padding:6px 0}
.reviews:hover .tgrid{animation-play-state:paused}
.reviews .quote{width:min(380px,82vw);flex:none;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(230,198,117,.28);backdrop-filter:blur(10px);color:#e9f1ec;position:relative;opacity:1;transform:none;transition:transform .4s,border-color .4s,box-shadow .4s}
.reviews .quote:hover{transform:translateY(-6px);border-color:var(--gold-l);box-shadow:0 0 40px -8px rgba(230,198,117,.5)}
.reviews .quote::before{content:"“";position:absolute;right:22px;top:6px;font:700 5rem/1 var(--serif);color:rgba(230,198,117,.22)}
.reviews .quote p{color:#f2f6f3;font-size:1.05rem}.reviews .quote cite b{color:var(--gold-l)}
.reviews .gtag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#d6e2da}
.reviews .stars{display:none}
.reviews .btn-ghost{color:#fff;border-color:rgba(230,198,117,.6)}.reviews .btn-ghost:hover{background:var(--gold);color:#241c08}

/* newsletter */
.news{background:radial-gradient(500px 260px at 50% 0,rgba(230,198,117,.25),transparent 70%),linear-gradient(135deg,#143327,#1f4a38)}

/* footer */
.ftr{background:radial-gradient(700px 300px at 85% 0,rgba(196,154,60,.14),transparent 70%),#0b1d15;border-top:1px solid rgba(230,198,117,.3)}
.ftr a{transition:color .3s,padding-left .3s}.ftr li a:hover{padding-left:6px}

/* page heads */
.page-head{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 80% 0,rgba(230,198,117,.25),transparent 70%),linear-gradient(120deg,#0b2018,#1f4a38)}
.page-head h1{background:linear-gradient(100deg,#fff,#f3d98a 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* product page */
.gmain{box-shadow:var(--glow)}.th{transition:transform .3s,border-color .3s}.th:hover{transform:translateY(-4px)}
.pack input:checked+span{box-shadow:0 10px 24px -8px rgba(31,74,56,.7)}

@media (max-width:820px){
  .hero{min-height:0}.hero-art{height:420px;max-width:440px}.stats ul{grid-template-columns:repeat(2,1fr)}.stats li+li::before{display:none}
  .scroll-cue{display:none}.hero-in{padding-block:40px 70px}
}
@media (hover:none){.pcard .spot,.ccard .spot{display:none}}
@media (prefers-reduced-motion:reduce){.arch,.hero .eyebrow,.hero .lead,.hero .cta,.hero h1 .w{opacity:1!important;transform:none!important}.marq,.reviews .tgrid{animation:none}.reviews .tgrid{flex-wrap:wrap;width:auto}}

.pcard.reveal,.ccard.reveal{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.stats b[data-count]{min-width:1.5ch}

.hero h1 em{font-style:italic}

/* hero fits the first screen exactly */
.hero{min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);max-height:900px}
.hero-in{padding-block:clamp(24px,4vh,56px)}
.hero-art{height:min(600px,calc(100svh - 170px))}
@media (max-width:820px){.hero{max-height:none;min-height:0}.hero-art{height:420px}}

/* bigger logo + brand text; hero still fits first screen (header + marquee accounted for) */
.hdr-in{min-height:96px}.logo img{height:74px}
.hdr.scrolled .hdr-in{min-height:66px}.hdr.scrolled .logo img{height:50px}
.hero .eyebrow{font:600 clamp(1.05rem,1.8vw,1.45rem) var(--sans);letter-spacing:.26em;gap:16px}.hero .eyebrow::before{width:56px}
.hero{min-height:calc(100svh - 96px - 58px);max-height:860px}
.hero-art{height:min(580px,calc(100svh - 230px))}
.nav a{font-size:1rem}
@media (max-width:820px){.hdr-in{min-height:76px}.logo img{height:56px}.hero{min-height:0}.hero-art{height:420px}.nav{inset:76px 0 auto 0}}

/* ---------- blog cards (home + blog listing) ---------- */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.bcard:hover{transform:translateY(-8px);box-shadow:var(--glow)}
.bcard img,.bcard .bph{width:100%;aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,var(--green),var(--green-d));transition:transform .8s}
.bcard:hover img{transform:scale(1.05)}.bcard>img{display:block}
.bcard>div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.bcard time{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:600}
.bcard h3{font-size:1.35rem}.bcard p{color:var(--muted);font-size:.92rem}
.bcard .more{margin-top:auto;color:var(--green);font-weight:600;font-size:.9rem}
.article{max-width:760px;margin-inline:auto}
.article .cover{width:100%;border-radius:var(--r);box-shadow:var(--sh);margin-bottom:28px}
.article .meta{color:var(--gold-d);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.article h1{font-size:clamp(2rem,4.5vw,3.2rem);margin:8px 0 22px}
.article .body{font-size:1.08rem;line-height:1.85}.article .body h2{font-size:1.9rem;margin:34px 0 10px}.article .body h3{font-size:1.4rem;margin:26px 0 8px}
.article .body p,.article .body ul,.article .body ol,.article .body blockquote{margin-bottom:18px}.article .body ul,.article .body ol{padding-left:24px}
.article .body blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 20px;font:italic 1.3rem var(--serif);color:var(--green-d)}
.article .body img{border-radius:var(--r);margin:22px auto;box-shadow:var(--sh)}
.article .share{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.pager{display:flex;justify-content:center;gap:10px;margin-top:36px}

/* ================= STATS (dark glass cards) ================= */
.stats{position:relative;background:linear-gradient(180deg,#0f261c,#0b1d15);padding:64px 0 72px;overflow:hidden}
.stats-glow{position:absolute;left:50%;top:-120px;width:900px;height:360px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(196,154,60,.28),transparent 70%);pointer-events:none}
.stats ul{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats li{padding:30px 16px 26px;border-radius:20px;border:1px solid rgba(230,198,117,.28);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s}
.stats li::before{content:"";position:absolute;left:20%;right:20%;top:0;height:2px;background:linear-gradient(90deg,transparent,#f3d98a,transparent);opacity:.8}
.stats li:hover{transform:translateY(-8px);border-color:var(--gold-l);box-shadow:0 0 50px -10px rgba(230,198,117,.55)}
.stats .ico{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--gold-l);border:1px solid rgba(230,198,117,.4);background:radial-gradient(circle,rgba(230,198,117,.18),transparent 70%);margin-bottom:14px;letter-spacing:0}
.stats b{display:block;font:700 clamp(2.6rem,4.6vw,3.8rem)/1 var(--serif);font-variant-numeric:lining-nums;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.stats b.txt{font-size:clamp(2rem,3.4vw,2.7rem);padding-top:.35em}
.stats .lbl{display:block;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#aac0b3}

/* ================= WHO WE ARE ================= */
.about{position:relative;overflow:hidden;background:radial-gradient(700px 500px at 0% 30%,rgba(196,154,60,.14),transparent 70%),radial-gradient(600px 400px at 100% 90%,rgba(31,74,56,.08),transparent 70%),var(--paper);padding:clamp(64px,9vw,120px) 0}
.about::before{content:"B";position:absolute;right:-2%;top:-6%;font:700 clamp(18rem,34vw,34rem)/1 var(--serif);color:rgba(196,154,60,.07);pointer-events:none}
.about-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,90px);align-items:center}
.about-art{position:relative;aspect-ratio:1/1.05;max-width:540px;width:100%;margin-inline:auto}
.a-glow{position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle,rgba(230,198,117,.55),transparent 68%);filter:blur(40px);animation:breathe2 6s ease-in-out infinite}
@keyframes breathe2{50%{opacity:.55;transform:scale(1.12)}}
.a-main{position:absolute;right:0;top:0;width:68%;height:86%;border-radius:999px 999px 24px 24px;overflow:hidden;border:2px solid rgba(196,154,60,.8);background:var(--photo);box-shadow:0 0 0 10px rgba(196,154,60,.1),0 40px 70px -26px rgba(20,51,39,.6);animation:float 8s ease-in-out infinite}
.a-main img,.a-round img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.a-round{position:absolute;left:0;bottom:2%;width:46%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid var(--paper);background:var(--photo);box-shadow:0 0 0 2px var(--gold),0 30px 50px -20px rgba(20,51,39,.6);animation:float 7s -2s ease-in-out infinite}
.a-round.r2{left:auto;right:6%;bottom:-3%;width:30%;animation-delay:-4s}
.a-badge{position:absolute;left:2%;top:4%;width:30%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35));animation:spinb 24s linear infinite}
@keyframes spinb{to{transform:rotate(360deg)}}
.about-txt h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:8px 0 18px}
.about-txt h2 em{font-style:italic;background:linear-gradient(100deg,#9a7424,#c49a3c 40%,#e6c675 55%,#9a7424);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead-p{font-size:1.08rem;color:#3d4a43;line-height:1.85;max-width:560px}
.ticks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:26px 0 30px;max-width:580px}
.ticks li{position:relative;padding-left:34px;font-weight:500;color:var(--green-d);font-size:.95rem;line-height:1.4}
.ticks li::before{content:"✓";position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#241c08;background:var(--gold-grad);box-shadow:0 4px 12px -3px rgba(196,154,60,.7)}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-art{max-width:420px}.stats ul{grid-template-columns:repeat(2,1fr);gap:14px}.stats li{padding:22px 10px}.ticks{grid-template-columns:1fr}}

/* bestsellers: clean grid, no horizontal scrolling */
.best-grid{grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.best-grid{grid-template-columns:repeat(2,1fr);gap:14px}}

/* even-height price figures */
.price,.pack b,.pv{font-variant-numeric:lining-nums}

/* ================= RICH INNER PAGES (About / Contact) ================= */
.rich-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(48px,7vw,96px) 0 clamp(56px,8vw,110px);background:radial-gradient(800px 500px at 82% 40%,#2f6b50 0%,transparent 60%),linear-gradient(120deg,#0b2018,#14392a 55%,#1f4a38)}
.rich-hero.compact{padding:clamp(44px,6vw,84px) 0 clamp(70px,9vw,120px)}
.rich-hero .hero-bg{position:absolute;inset:0}
.rh-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.rh-in.single{grid-template-columns:1fr}
.rich-hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.4rem);margin:8px 0 18px}
.rich-hero h1 em{font-style:italic;background:linear-gradient(100deg,#f3d98a,#c49a3c 40%,#fff3c4 55%,#c49a3c 70%,#f3d98a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}
.rich-hero .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial;font-size:.9rem;letter-spacing:.3em}
.rich-hero .lead{color:#dbe8e0;font-size:1.12rem;max-width:560px;margin-bottom:28px}
.rich-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}.rich-hero .btn-ghost:hover{background:#fff;color:var(--green)}
.crumbs{font-size:.85rem;color:#aac0b3;margin-bottom:10px}.crumbs a{color:#d6e2da;text-decoration:none}.crumbs a:hover{color:var(--gold-l)}
.rich-hero .rh-txt>*{animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}.rich-hero .rh-txt>*:nth-child(2){animation-delay:.1s}.rich-hero .rh-txt>*:nth-child(3){animation-delay:.2s}.rich-hero .rh-txt>*:nth-child(4){animation-delay:.3s}.rich-hero .rh-txt>*:nth-child(5){animation-delay:.4s}
.rh-art{position:relative;height:min(460px,60vw)}
.rh-art .halo{position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(230,198,117,.5),transparent 65%);filter:blur(30px);animation:breathe 5s ease-in-out infinite}
.rh-art .arch.a{width:56%;height:92%;left:36%;top:4%}.rh-art .arch.b{width:40%;height:56%;left:2%;bottom:0;top:auto}
/* curved divider under dark heroes */
.rich-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;background:var(--cream);clip-path:ellipse(60% 100% at 50% 100%)}

.story-sec{padding:clamp(60px,8vw,110px) 0}
.two-col2{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,90px);align-items:center}
.story-art{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;margin-inline:auto}
.story-art .photo{position:absolute;overflow:hidden;border-radius:22px;border:2px solid rgba(196,154,60,.75);background:var(--photo);box-shadow:0 0 0 10px rgba(196,154,60,.1),0 36px 60px -26px rgba(20,51,39,.6)}
.story-art .photo img{width:100%;height:100%;object-fit:cover}
.story-art .big{left:0;top:0;width:78%;height:76%;animation:float 8s ease-in-out infinite}
.story-art .small{right:0;bottom:0;width:46%;height:52%;border-radius:999px 999px 20px 20px;border-color:var(--paper);box-shadow:0 0 0 2px var(--gold),0 30px 50px -20px rgba(20,51,39,.6);animation:float 7s -3s ease-in-out infinite}
.story-art .small img{object-position:50% 56%}
.exp{position:absolute;left:-3%;bottom:6%;z-index:3;background:linear-gradient(135deg,#0f261c,#1f4a38);color:#fff;border:1.5px solid var(--gold);border-radius:18px;padding:16px 24px;text-align:center;box-shadow:0 22px 40px -14px rgba(0,0,0,.55)}
.exp b{display:block;font:700 2.6rem/1 var(--serif);font-variant-numeric:lining-nums;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.exp b sup{font-size:.9rem}
.exp span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#aac0b3}
.story-sec h2,.cta-band h2{font-size:clamp(2rem,3.8vw,3.1rem);margin:8px 0 18px}
.story-sec h2 em{font-style:italic;background:linear-gradient(100deg,#9a7424,#c49a3c 40%,#e6c675 55%,#9a7424);-webkit-background-clip:text;background-clip:text;color:transparent}
.body-p{font-size:1.06rem;line-height:1.85;color:#3d4a43;margin-bottom:16px;max-width:600px}
.pull{margin-top:22px;border-left:3px solid var(--gold);padding:8px 0 8px 22px;font:italic 1.45rem/1.5 var(--serif);color:var(--green-d);max-width:600px}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feat-grid.four{grid-template-columns:repeat(4,1fr)}
.feat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s}
.feat::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .6s}
.feat:hover{transform:translateY(-8px);box-shadow:var(--glow)}.feat:hover::before{transform:scaleX(1)}
.feat .ico{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:18px;margin-bottom:16px;color:var(--gold-d);background:linear-gradient(145deg,#fbf3dc,#f1e3b8);box-shadow:inset 0 0 0 1px rgba(196,154,60,.45)}
.feat h3{font-size:1.45rem;margin-bottom:6px}.feat p{color:var(--muted);font-size:.95rem}
.dark-sec{position:relative;background:radial-gradient(700px 360px at 50% 0,rgba(196,154,60,.2),transparent 70%),linear-gradient(135deg,#0b2018,#173f2e);color:#fff;padding:clamp(60px,8vw,100px) 0}
.dark-sec h2{color:#fff}.dark-sec .sec-head p{color:#aac0b3}.dark-sec .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial}
.feat.dark{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border-color:rgba(230,198,117,.28);backdrop-filter:blur(8px)}
.feat.dark h3{color:#fff}.feat.dark p{color:#b9cfc2}.feat.dark .ico{color:var(--gold-l);background:radial-gradient(circle,rgba(230,198,117,.2),transparent 70%);box-shadow:inset 0 0 0 1px rgba(230,198,117,.4)}
.feat.dark:hover{border-color:var(--gold-l);box-shadow:0 0 50px -10px rgba(230,198,117,.5)}

.serve-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.serve{display:grid;justify-items:center;gap:12px;text-align:center;padding:28px 12px;border-radius:999px 999px 18px 18px;background:linear-gradient(180deg,#fff,#fbf7ea);border:1px solid var(--line);transition:transform .5s,box-shadow .5s,border-color .4s}
.serve span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--green),var(--green-d));box-shadow:0 0 0 4px rgba(196,154,60,.25)}
.serve b{font:600 1.25rem var(--serif);color:var(--green-d)}.serve:hover{transform:translateY(-8px);box-shadow:var(--glow);border-color:var(--gold)}

.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;counter-reset:t}
.timeline::before{content:"";position:absolute;left:12%;right:12%;top:28px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.timeline li{position:relative;text-align:center;padding:0 10px}
.timeline .n{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;font:700 1.5rem var(--serif);color:#241c08;background:var(--gold-grad);box-shadow:0 0 0 6px var(--paper),0 10px 24px -6px rgba(196,154,60,.8);position:relative;z-index:1;margin-bottom:14px}
.alt .timeline .n{box-shadow:0 0 0 6px #faf5e6,0 10px 24px -6px rgba(196,154,60,.8)}
.timeline h3{font-size:1.4rem}.timeline p{color:var(--muted);font-size:.93rem;margin-top:4px}

.reg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.reg{display:grid;gap:6px;justify-items:center;text-align:center;padding:30px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);position:relative;transition:transform .5s,box-shadow .5s}
.reg:hover{transform:translateY(-6px);box-shadow:var(--glow)}
.reg small{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.reg b{font:600 1.35rem var(--serif);color:var(--green-d)}.reg b.mono{font:600 1.1rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;word-break:break-all}
.reg span{font-size:.85rem;color:var(--muted)}
.avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font:700 2rem var(--serif);color:var(--gold-l);background:linear-gradient(145deg,var(--green),var(--green-d));box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold);margin:6px 0}

.cta-band{position:relative;text-align:center;color:#fff;padding:clamp(60px,8vw,100px) 0;background:radial-gradient(600px 300px at 50% 0,rgba(230,198,117,.3),transparent 70%),linear-gradient(135deg,#143327,#1f4a38)}
.cta-band h2{color:#fff}.cta-band p{color:#d6e2da;max-width:560px;margin:0 auto 28px}.cta-band .cta{justify-content:center}
.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}.cta-band .btn-ghost:hover{background:#fff;color:var(--green)}

/* contact */
.quick-sec{margin-top:-60px;position:relative;z-index:3;padding:0 0 20px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.qcard{display:grid;gap:4px;justify-items:center;text-align:center;text-decoration:none;color:var(--ink);padding:30px 18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -28px rgba(20,51,39,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s}
.qcard .ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin-bottom:8px;color:var(--gold-d);background:linear-gradient(145deg,#fbf3dc,#f1e3b8);box-shadow:inset 0 0 0 1px rgba(196,154,60,.5)}
.qcard small{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.qcard b{font:600 1.3rem/1.25 var(--serif);color:var(--green-d)}.qcard>span:last-child{font-size:.86rem;color:var(--muted)}
.qcard:hover{transform:translateY(-10px);box-shadow:var(--glow);border-color:var(--gold)}
.qcard.wa{background:linear-gradient(145deg,#1f9d57,#117a3f);border-color:transparent;color:#fff}
.qcard.wa .ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.qcard.wa small{color:#d3f5e0}.qcard.wa b{color:#fff}.qcard.wa>span:last-child{color:#d3f5e0}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:start;padding-top:clamp(40px,6vw,70px)}
.cform{background:linear-gradient(180deg,#fff,#fdfaf0);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:0 30px 60px -34px rgba(20,51,39,.5);position:relative;overflow:hidden}
.cform::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--gold-grad)}
.cform h2{font-size:2.2rem;margin:4px 0 6px}.muted{color:var(--muted);margin-bottom:18px}
.cform input,.cform select,.cform textarea{background:#fff;transition:border-color .3s,box-shadow .3s}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(196,154,60,.2)}
.cform .btn-wa{width:100%;margin-top:6px}
.info-side{display:grid;gap:20px}
.map-frame{border-radius:22px;overflow:hidden;border:2px solid rgba(196,154,60,.7);box-shadow:0 0 0 8px rgba(196,154,60,.1),0 30px 60px -30px rgba(20,51,39,.6)}.map-frame .map{display:block;height:330px;margin:0;border-radius:0}
.details{list-style:none;display:grid;gap:16px}
.details li{display:flex;gap:14px;align-items:flex-start;font-size:.97rem;color:#3d4a43}.details b{display:block;font:600 1.1rem var(--serif);color:var(--green-d);margin-bottom:2px}
.ico.sm{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--gold-d);background:linear-gradient(145deg,#fbf3dc,#f1e3b8)}.ico.sm svg{width:24px;height:24px}
.info-side .btn{justify-self:start}

@media (max-width:980px){.feat-grid,.feat-grid.four{grid-template-columns:repeat(2,1fr)}.serve-grid{grid-template-columns:repeat(3,1fr)}.reg-grid,.quick{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);row-gap:34px}.timeline::before{display:none}}
@media (max-width:820px){.rh-in,.two-col2,.contact-grid{grid-template-columns:1fr}.rh-art{height:360px;max-width:420px;margin:10px auto 0;width:100%}.story-art{max-width:440px}.exp{left:0}.quick-sec{margin-top:-44px}}
@media (max-width:560px){.feat-grid,.feat-grid.four{grid-template-columns:1fr}.serve-grid{grid-template-columns:repeat(2,1fr)}.reg-grid,.quick{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}}

.qcard b,.reg b,.exp b,.timeline .n{font-variant-numeric:lining-nums}
.contact-grid{padding-top:clamp(20px,3vw,40px)}

/* ================= MOBILE POLISH ================= */
html{-webkit-text-size-adjust:100%}
img,svg,video,iframe{max-width:100%}
body{overflow-x:hidden}
@media (max-width:820px){
  /* --- hero (home): text first, product arches below --- */
  .hero{max-height:none;min-height:0;display:block}
  .hero-in{padding-block:34px 56px;gap:34px}
  .hero-art{order:2;height:330px;max-width:360px}
  .hero .eyebrow{font-size:.82rem;letter-spacing:.18em;gap:10px}.hero .eyebrow::before{width:28px}
  .hero h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}
  .hero .lead{font-size:1rem}
  .hero .cta .btn{flex:1 1 150px}
  .badge-float{right:0;bottom:2%;padding:8px 12px}.badge-float b{font-size:1.1rem}
  .scroll-cue{display:none}
  .marq span{font-size:1rem;padding:0 18px}
  .rich-hero h1{font-size:clamp(2.1rem,9vw,3rem)}
  .rich-hero .eyebrow{font-size:.78rem;letter-spacing:.2em}
  .rich-hero .cta .btn{flex:1 1 150px}
  /* --- header --- */
  .hdr-in{gap:10px}
  .nav{inset:76px 0 auto 0;max-height:calc(100vh - 76px);overflow:auto;box-shadow:0 30px 40px -20px rgba(0,0,0,.35)}
  .nav a{font-size:1.1rem;padding:16px 4px}
  .wa-float{width:52px;height:52px;right:14px;bottom:14px}.wa-float svg{width:26px;height:26px}
  section{padding-block:clamp(40px,10vw,64px)}
  .sec-head{margin-bottom:26px}
  /* --- category cards: last odd card spans the row --- */
  .cats .ccard:last-child:nth-child(odd){grid-column:1/-1}
  .cats .ccard:last-child:nth-child(odd) img{aspect-ratio:16/9}
  /* --- product cards --- */
  .vsel{font-size:.82rem;padding:8px 8px}
  .pbody{padding:12px 12px 14px;gap:6px}.pcat{font-size:.62rem;letter-spacing:.1em}
  .pbody h3{font-size:1.05rem;line-height:1.2}.price{font-size:1.35rem}.price small{display:block;font-size:.72rem}
  .btn-wa{padding:11px 6px;font-size:.8rem}
  .best-grid{gap:12px}
  /* --- reviews: vertical stack, no sideways motion --- */
  .reviews .tgrid{flex-direction:column;width:auto;animation:none;gap:14px}
  .reviews .quote{width:auto;flex:none}.reviews .quote:nth-child(n+5){display:none}
  /* --- stats --- */
  .stats{padding:44px 0 52px}.stats .ico{width:52px;height:52px}.stats .ico svg{width:26px;height:26px}
  .stats .lbl{font-size:.68rem;letter-spacing:.14em}
  .stats b.txt{font-size:1.7rem}
  /* --- about page --- */
  .exp{left:0;bottom:-2%;padding:10px 16px}.exp b{font-size:2rem}
  .story-art{margin-bottom:24px}
  .pull{font-size:1.2rem}
  .serve{padding:22px 10px}.serve span{width:50px;height:50px}.serve b{font-size:1.05rem}
  .reg{padding:22px 14px}
  /* --- contact page --- */
  .quick{grid-template-columns:1fr 1fr;gap:12px}
  .qcard{padding:20px 10px}.qcard b{font-size:1.05rem}.qcard .ico{width:50px;height:50px}.qcard .ico svg{width:24px;height:24px}
  .qcard.wa{grid-column:1/-1}
  .qcard>span:last-child{font-size:.78rem}
  .map-frame .map{height:260px}
  .cform{border-radius:20px}.cform h2{font-size:1.8rem}
  /* --- shop filters --- */
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
  .filters label{min-width:0;flex:none}
  .filters label:first-child,.filters label:nth-child(4){grid-column:1/-1}
  .filters select,.filters input[type=search]{width:100%;min-width:0;font-size:.9rem}
  .page-head{padding:34px 0}
  /* --- blog --- */
  .article h1{font-size:2rem}.article .body{font-size:1.02rem}
  .bgrid{grid-template-columns:1fr}
  /* --- product page: hide hover hint, sticky buy bar --- */
  .zoomhint{display:none}.gmain{cursor:default}
  .pdp{gap:22px}
  .pinfo h1{font-size:1.9rem}
  body.has-buybar{padding-bottom:78px}
  body.has-buybar .wa-float{display:none}
  .buybar{display:flex}
}
.buybar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -14px 30px -16px rgba(20,51,39,.45)}
.buybar .bp{display:grid;line-height:1.15}.buybar .bp b{font:700 1.5rem var(--serif);font-variant-numeric:lining-nums;color:var(--green)}.buybar .bp small{font-size:.72rem;color:var(--muted)}
.buybar .btn{flex:1;width:auto;padding:13px 14px}
@media (max-width:420px){
  .pgrid{gap:10px}
  .trust{padding:12px 0}
  .stats ul{gap:10px}
  .about-art{max-width:340px}
  .hero-art{height:300px}
  .feat{display:grid;grid-template-columns:54px 1fr;gap:2px 14px;padding:18px 16px;align-items:start}
  .feat .ico{grid-row:1/3;width:50px;height:50px;border-radius:14px;margin:0}.feat h3{font-size:1.2rem;align-self:end}.feat p{font-size:.88rem}
}
@media (max-width:560px){
  .feat{display:grid;grid-template-columns:54px 1fr;gap:2px 14px;padding:18px 16px;align-items:start}
  .feat .ico{grid-row:1/3;width:50px;height:50px;border-radius:14px;margin:0}.feat h3{font-size:1.2rem;align-self:end}.feat p{font-size:.88rem}
  .timeline li{text-align:left;display:grid;grid-template-columns:58px 1fr;column-gap:16px;padding:0}.timeline .n{grid-row:1/3;margin:0}.timeline p{margin-top:0}
  .reg-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){.badge-float{right:auto;left:0;bottom:auto;top:2%}}
@media (max-width:820px){.buybar{display:flex}}
@media (max-width:820px){.qcard:last-child{grid-column:1/-1}}

/* ---------- Our Customers page ---------- */
.cust-art{position:relative;display:grid;place-items:center;min-height:490px}
.cust-core{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 25%,#2f6b50,#0f2a1f);border:2px solid var(--gold-l);box-shadow:0 0 60px -6px rgba(230,198,117,.6),inset 0 0 30px rgba(0,0,0,.35)}
.cust-core b{font-family:var(--serif);font-size:3.2rem;line-height:1;background:linear-gradient(100deg,#e6c675,#fff3cf,#c49a3c);-webkit-background-clip:text;background-clip:text;color:transparent}
.cust-core span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe0d6;margin-top:6px}
.orbit-logo{--R:178px;--s:94px;position:absolute;z-index:1;width:var(--s);height:var(--s);left:calc(50% + var(--x)*var(--R) - var(--s)/2);top:calc(50% + var(--y)*var(--R) - var(--s)/2);border-radius:50%;padding:4px;background:linear-gradient(145deg,#f3d98a,#9a7424);box-shadow:0 14px 34px -10px rgba(0,0,0,.6),0 0 28px -4px rgba(230,198,117,.5);animation:ofloat 6s ease-in-out infinite}
.orbit-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}
@keyframes ofloat{50%{translate:0 -10px}}
.cust-sec{padding:clamp(60px,8vw,110px) 0;background:radial-gradient(700px 320px at 50% 0,rgba(196,154,60,.12),transparent 70%),var(--cream)}
.cust-sec h2 em{font-style:italic;background:linear-gradient(100deg,#9a7424,#c49a3c 40%,#e6c675 55%,#9a7424);-webkit-background-clip:text;background-clip:text;color:transparent}
.cust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}
.cust{position:relative;overflow:hidden;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 20px 28px;display:flex;flex-direction:column;align-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s}
.cust::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .6s}
.cust::after{content:"";position:absolute;inset:auto -30% -55% -30%;height:60%;background:radial-gradient(ellipse,rgba(230,198,117,.28),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}
.cust:hover{transform:translateY(-10px);border-color:var(--gold-l);box-shadow:var(--glow)}.cust:hover::before{transform:scaleX(1)}.cust:hover::after{opacity:1}
.cust-logo{width:150px;height:150px;border-radius:50%;padding:5px;margin-bottom:20px;background:linear-gradient(145deg,#f3d98a,#9a7424 55%,#e6c675);box-shadow:0 16px 30px -14px rgba(20,51,39,.5);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cust:hover .cust-logo{transform:scale(1.07) rotate(-3deg)}
.cust-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #fff}
.cust-tag{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);background:#fbf3dc;border:1px solid rgba(196,154,60,.4);border-radius:99px;padding:4px 12px;margin-bottom:12px}
.cust h3{font-size:1.4rem;margin-bottom:6px}.cust p{color:var(--muted);font-size:.92rem;margin-bottom:0}
.cust-more{background:linear-gradient(160deg,#143327,#1f4a38);border-color:rgba(230,198,117,.4)}.cust-more h3{color:#fff}.cust-more p{color:#bcd0c4;margin-bottom:16px}.cust-more .cust-tag{background:rgba(230,198,117,.15);color:var(--gold-l)}
.cust-logo.plus{display:grid;place-items:center;background:transparent;border:2px dashed var(--gold-l);box-shadow:none;padding:0}.cust-logo.plus span{font-family:var(--serif);font-size:4rem;color:var(--gold-l);line-height:1}
@media (max-width:1100px){.cust-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.cust-art{min-height:380px;max-width:420px;margin:10px auto 0}.cust-core{width:150px;height:150px}.cust-core b{font-size:2.5rem}.cust-grid{grid-template-columns:repeat(2,1fr);gap:14px}.cust{padding:26px 12px 22px}.cust-logo{width:118px;height:118px}.cust h3{font-size:1.2rem}}
@media (max-width:460px){.cust p{font-size:.84rem}}
@media (prefers-reduced-motion:reduce){.orbit-logo{animation:none}}
@media (max-width:820px){.cust-art{min-height:340px}.cust-core{width:136px;height:136px}.cust-core b{font-size:2.1rem}.cust-core span{font-size:.54rem;letter-spacing:.04em;padding:0 10px}.orbit-logo{--R:118px;--s:62px}}
.stats.three ul{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.stats.three ul{grid-template-columns:1fr 1fr}.stats.three li:last-child{grid-column:1/-1}}

/* lining numerals */
h1,h2,h3,h4,.pcat,.pcard h3,.psub{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* owner profile */
.owner-sec{padding:clamp(60px,8vw,110px) 0;background:radial-gradient(700px 360px at 12% 30%,rgba(196,154,60,.14),transparent 70%),var(--paper)}
.owner-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:clamp(36px,6vw,90px);align-items:center}
.owner-art{position:relative;margin:0;max-width:400px;width:100%;justify-self:center;text-align:center}
.owner-art .owner-glow{position:absolute;inset:8% -8% -4%;border-radius:50%;background:radial-gradient(circle,rgba(230,198,117,.45),transparent 68%);filter:blur(10px);z-index:0}
.owner-photo{position:relative;z-index:1;border-radius:999px 999px 24px 24px;padding:6px;background:linear-gradient(145deg,#f3d98a,#9a7424 55%,#e6c675);box-shadow:0 30px 60px -22px rgba(20,51,39,.55),0 0 0 8px rgba(196,154,60,.12)}
.owner-photo img{width:100%;height:auto;aspect-ratio:342/400;object-fit:cover;object-position:50% 20%;border-radius:999px 999px 18px 18px;border:3px solid #fff;background:#fff}
.owner-art figcaption{position:relative;z-index:2;margin:-30px auto 0;width:max-content;max-width:92%;background:linear-gradient(160deg,#143327,#1f4a38);color:#fff;border:1px solid rgba(230,198,117,.55);border-radius:16px;padding:12px 24px;box-shadow:0 18px 34px -16px rgba(20,51,39,.7)}
.owner-art figcaption b{display:block;font:600 1.3rem/1.2 var(--serif)}
.owner-art figcaption span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l)}
.owner-txt h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:8px 0 18px}
.owner-txt h2 em{font-style:italic;background:linear-gradient(100deg,#9a7424,#c49a3c 40%,#e6c675 55%,#9a7424);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:820px){.owner-grid{grid-template-columns:1fr}.owner-art{max-width:320px}}

/* follow us */
.follow{margin:20px 0 18px}.follow-t{font:600 .72rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);margin-bottom:10px}
.follow-row{display:flex;flex-wrap:wrap;gap:10px}
.soc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;font-weight:600;font-size:.9rem;text-decoration:none;color:var(--green-d);background:#fff;border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s,color .3s,background .3s}
.soc-btn:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--glow);color:var(--gold-d)}
.soc-btn svg{color:var(--gold-d)}.soc-g{background:linear-gradient(135deg,#143327,#1f4a38);color:#fff;border-color:rgba(230,198,117,.5)}.soc-g svg{color:var(--gold-l)}.soc-g:hover{color:var(--gold-l)}

/* social feature */
.social-feature h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:8px 0 14px}
.social-feature h2 em{font-style:italic;background:linear-gradient(100deg,#9a7424,#c49a3c 40%,#e6c675 55%,#9a7424);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf-cards{display:grid;gap:20px;margin-top:28px}
.sf-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:30px 30px;border-radius:24px;text-decoration:none;color:#fff;border:1px solid rgba(230,198,117,.55);box-shadow:0 26px 50px -24px rgba(20,51,39,.7),0 0 0 6px rgba(196,154,60,.08);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.sf-card::after{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(230,198,117,.4),transparent 70%);pointer-events:none;transition:transform .6s}
.sf-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--glow),0 30px 60px -24px rgba(20,51,39,.7)}.sf-card:hover::after{transform:scale(1.5)}
.sf-fb{background:linear-gradient(135deg,#0f2a1f,#1f4a38)}
.sf-ig{background:linear-gradient(135deg,#6b4a12,#c49a3c 55%,#9a7424)}
.sf-ico{flex:none;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.55);color:#fff;box-shadow:inset 0 0 24px rgba(255,255,255,.12)}
.sf-fb .sf-ico{color:var(--gold-l);border-color:var(--gold-l)}
.sf-body{position:relative;z-index:1;display:grid;gap:2px;min-width:0}.sf-body b{font:600 2rem/1.1 var(--serif)}.sf-body small{font-size:.95rem;opacity:.9;overflow-wrap:anywhere}
.sf-go{position:relative;z-index:1;margin-left:auto;flex:none;padding:10px 20px;border-radius:99px;font-weight:700;font-size:.9rem;background:#fff;color:var(--green-d);transition:background .3s,color .3s}
.sf-card:hover .sf-go{background:var(--gold-l);color:#143327}
@media (max-width:560px){.sf-card{flex-wrap:wrap;padding:24px 20px;gap:14px}.sf-ico{width:68px;height:68px}.sf-ico svg{width:34px;height:34px}.sf-body b{font-size:1.6rem}.sf-go{margin-left:0}}

/* v1.3 - dark green + gold theme on every page except Home */
body.theme-dark{background:#0b1d15}
body.theme-dark main{
  --ink:#e6efe9; --muted:#aac0b3; --line:rgba(230,198,117,.26); --paper:rgba(255,255,255,.06); --cream:#0b1d15; --green:#e6c675;
  background:radial-gradient(900px 500px at 85% 0,rgba(196,154,60,.16),transparent 65%),radial-gradient(800px 500px at 0 60%,rgba(47,107,80,.28),transparent 65%),linear-gradient(180deg,#0f261c,#0b1d15);color:var(--ink)}
body.theme-dark main h1,body.theme-dark main h2,body.theme-dark main h3,body.theme-dark main h4{color:#fff}
body.theme-dark main .eyebrow{background:none;color:var(--gold-l);-webkit-background-clip:initial}
body.theme-dark main a:not(.btn):not(.soc-btn):not(.sf-go){color:var(--gold-l)}
body.theme-dark main .alt{background:rgba(255,255,255,.035);border-block:1px solid var(--line)}
body.theme-dark main .rich-hero::after{background:#0f261c}
body.theme-dark main .btn:not(.btn-gold):not(.btn-wa){background:var(--gold);border-color:var(--gold);color:#241c08}
body.theme-dark main .btn-ghost{background:transparent;color:#fff;border-color:rgba(230,198,117,.6)}
body.theme-dark main .btn-ghost:hover,body.theme-dark main .btn:not(.btn-gold):not(.btn-wa):hover{background:var(--gold-d);color:#fff}
/* cards / glass panels */
body.theme-dark main :is(.bcard,.feat,.reg,.qcard,.cust,.ccard,.pcard,.quote,.card,.filters,details,.qty){
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-color:rgba(230,198,117,.28);color:var(--ink);backdrop-filter:blur(8px)}
body.theme-dark main :is(.bcard,.feat,.reg,.qcard,.cust,.ccard,.pcard):hover{border-color:var(--gold-l);box-shadow:0 0 40px -10px rgba(230,198,117,.5)}
body.theme-dark main :is(p,li,small,cite,dd,dt){color:inherit}
body.theme-dark main :is(.pname,.pcat,.cust b,.reg b,.qcard b,summary,.filters label){color:#fff}
body.theme-dark main :is(.pcat,.pdesc,.psub){color:var(--gold-l)}
body.theme-dark main .count,body.theme-dark main details p{color:var(--muted)}
body.theme-dark main :is(select,input,textarea,.vsel){background:rgba(8,24,17,.7);color:#fff;border:1px solid rgba(230,198,117,.35)}
body.theme-dark main :is(select,input,textarea)::placeholder{color:#8fa89a}
body.theme-dark main :is(select,.vsel) option{background:#0f261c;color:#fff}
body.theme-dark main .btn-wa{background:var(--wa);border-color:var(--wa);color:#fff}
body.theme-dark main .page-head{background:radial-gradient(800px 400px at 80% 0,rgba(230,198,117,.22),transparent 70%),linear-gradient(120deg,#0b2018,#14392a 55%,#1f4a38);border-bottom:1px solid rgba(230,198,117,.3)}
body.theme-dark main .page-head h1{background:linear-gradient(100deg,#fff,#f3d98a 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.theme-dark main .prose h2,body.theme-dark main .prose h3{color:var(--gold-l)}
body.theme-dark main .prose{color:var(--ink)}
body.theme-dark main .pull,body.theme-dark main blockquote{color:#f3e6bf}
body.theme-dark main .badge{color:#241c08}
body.theme-dark .hdr{background:rgba(255,253,248,.97)}
body.theme-dark main .serve{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border-color:rgba(230,198,117,.3);color:#fff}
body.theme-dark main .serve span{background:rgba(230,198,117,.15);color:var(--gold-l);border:1px solid rgba(230,198,117,.4)}
body.theme-dark main .pack legend,body.theme-dark main legend{color:var(--gold-l)}
body.theme-dark main .pack span{background:rgba(255,255,255,.07);border-color:rgba(230,198,117,.35);color:#fff}
body.theme-dark main .pack input:checked+span{background:var(--gold);border-color:var(--gold);color:#241c08}
body.theme-dark main .pack input:checked+span b{color:#241c08}
body.theme-dark main .zoomhint{background:rgba(11,29,21,.8);color:#fff}
body.theme-dark main li b,body.theme-dark main .pack b{color:var(--gold-l)}body.theme-dark main .pack input:checked+span b{color:#241c08}
body.theme-dark main .ben>div{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(230,198,117,.28);color:var(--ink)}
body.theme-dark main .ben h3{color:var(--gold-l)}
body.theme-dark main .disc{color:var(--muted)}
body.theme-dark main .serve b{color:#fff}