:root{--n:#101E2B;--n2:#182C3C;--g:#B8863B;--gd:#8F6526;--t:#1B3550;--c:#F2F5F8;--c2:#EBE3D0;--k:#241F18;--l:rgba(36,31,24,.16);--bg:#fff;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}
body{margin:0;background:var(--bg);color:var(--k);font:16px/1.65 'IBM Plex Sans',system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--n);margin:0;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}
.w{max-width:1160px;margin:0 auto;padding:0 24px}section.s{padding:80px 0}
.mono{font:500 12px 'IBM Plex Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gd)}
.stamp{display:inline-block;border:2px solid var(--g);color:var(--gd);padding:3px 10px;font:500 11px 'IBM Plex Sans',sans-serif;letter-spacing:.12em;transform:rotate(-3deg);border-radius:3px}
h2{font-size:clamp(28px,4vw,42px);margin:10px 0 14px}.sub{color:var(--k);opacity:.75;max-width:56ch}
.btn{display:inline-block;padding:13px 24px;background:var(--n);color:var(--bg);border:1.5px solid var(--n);border-radius:2px;font:500 15px 'IBM Plex Sans',sans-serif;cursor:pointer;transition:.2s}
.btn:hover{background:var(--g);border-color:var(--g);color:#fff;transform:translateY(-2px)}.btn.o{background:none;color:var(--n)}.btn.wa{background:var(--t);border-color:var(--t);color:#fff}
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--l)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.nav img{height:54px;mix-blend-mode:multiply}
.links{display:flex;gap:6px}.links a{padding:8px 14px;font-size:14.5px;border-radius:2px;position:relative}.links a:hover{background:var(--c)}
.links a.on{color:var(--gd);font-weight:600}.links a.on:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--g)}
.tg{display:none;background:none;border:1px solid var(--l);color:var(--k);padding:8px 12px;font-size:18px;border-radius:2px}
.pg{display:none;animation:in .5s ease}.pg.on{display:block}@keyframes in{from{opacity:0;transform:translateY(14px)}}
.hero{background:var(--c);padding:72px 0 88px;position:relative;overflow:hidden}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative}
h1{font-weight:600;font-size:clamp(36px,5vw,60px);letter-spacing:-.03em;margin:16px 0 20px}h1 em{color:var(--gd);font-style:normal}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.bol{background:var(--card);border:1px solid var(--l);box-shadow:8px 8px 0 var(--g);padding:26px;position:relative}
.bol h3{font-size:20px;margin:6px 0 16px}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed var(--l);font-size:14.5px}.row b{font:500 12px 'IBM Plex Sans',sans-serif;color:var(--gd);letter-spacing:.1em}
.bol .stamp{position:absolute;right:18px;top:18px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#101E2B;color:#F4EFE3}.stats div{padding:34px 24px;border-right:1px solid rgba(244,239,227,.15)}
.stats b{display:block;font:700 44px Fraunces,Georgia,serif;color:var(--g)}.stats span{font-size:14px;opacity:.8}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
.card{background:var(--card);border:1px solid var(--l);padding:26px;transition:.25s;position:relative}.card:hover{border-color:var(--g);transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,30,43,.12)}
.card .no{font:700 34px Fraunces,Georgia,serif;color:var(--g);opacity:.9}.card h3{font-size:21px;margin:6px 0 10px}.card p{font-size:15px;opacity:.78}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.chips i{font-style:normal;font-size:13px;padding:4px 11px;border:1px solid var(--l);border-radius:20px;background:var(--c)}
.tl{margin-top:40px;border-left:2px solid var(--g);margin-left:18px}.st{position:relative;padding:0 0 34px 38px}.st:before{content:attr(data-n);position:absolute;left:-19px;top:0;width:36px;height:36px;border-radius:50%;background:var(--n);color:var(--bg);display:grid;place-items:center;font:500 13px 'IBM Plex Sans',sans-serif}
.st h3{font-size:22px;margin-bottom:6px}.st p{opacity:.78;max-width:60ch}
.ph{background:linear-gradient(135deg,#0F1C29,#183247);color:#F4EFE3;padding:72px 0}.ph h1{color:#F4EFE3;font-size:clamp(34px,5vw,54px)}.ph .mono{color:var(--g)}.ph p{opacity:.8;max-width:58ch}
.band{background:#101E2B;color:#F4EFE3;padding:72px 0;text-align:center}.band h2{color:#F4EFE3}.band .cta{justify-content:center}.band .btn{background:var(--g);border-color:var(--g);color:#fff}.band .btn.o{background:none;border-color:rgba(244,239,227,.4);color:#F4EFE3}
.mode{display:flex;gap:16px;align-items:center}.mode span{font-size:34px}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .f{grid-column:1/-1}label{display:block;font:500 11.5px 'IBM Plex Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);margin-bottom:4px}
input,select,textarea{width:100%;padding:12px;border:1px solid var(--l);background:var(--bg);color:var(--k);font:15px 'IBM Plex Sans',sans-serif;border-radius:2px}input:focus,select:focus,textarea:focus{outline:2px solid var(--g)}
.ci div{padding:14px 0;border-bottom:1px dashed var(--l)}.ci a{font-weight:500}
footer{background:#0B1620;color:rgba(244,239,227,.75);padding:56px 0 28px;font-size:14.5px}footer a:hover{color:var(--g)}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}footer h4{color:var(--c);margin:0 0 12px;font:500 12px 'IBM Plex Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}footer a{display:block;padding:3px 0}
.fl{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:var(--t);color:#fff;display:grid;place-items:center;font:600 14px 'IBM Plex Sans',sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:40}
@media(max-width:900px){.hg,.g2,.fg,form{grid-template-columns:1fr}.g4,.g3{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.tg{display:block}
.links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);flex-direction:column;padding:10px 24px;border-bottom:1px solid var(--l)}.links.o{display:flex}section.s{padding:56px 0}}
@media(max-width:560px){.g4,.g3{grid-template-columns:1fr}.cta .btn{flex:1;text-align:center}}

.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
.chart{position:relative;background:radial-gradient(circle at 40% 45%,#1d3a50,#101E2B 70%);border-radius:6px;border-bottom:4px solid var(--g);padding:14px 14px 40px;box-shadow:0 24px 50px rgba(16,30,43,.35)}.chart svg{width:100%;height:auto;display:block}
.chart .cap{position:absolute;left:18px;right:18px;bottom:12px;display:flex;justify-content:space-between;font:11px 'IBM Plex Sans',sans-serif;color:rgba(244,239,227,.65)}
.rl{fill:none;stroke:#B8863B;stroke-width:1.5;stroke-dasharray:6 5;animation:fl 1.6s linear infinite}@keyframes fl{to{stroke-dashoffset:-22}}
.pt{fill:#F4EFE3}.pl{font:9px 'IBM Plex Sans',sans-serif;fill:rgba(244,239,227,.8)}.gl{stroke:rgba(244,239,227,.07)}
.chart .stamp{position:absolute;right:-8px;top:-14px;background:#F4EFE3}
.trust{background:var(--card);border-bottom:1px solid var(--l)}.trust .w{display:grid;grid-template-columns:repeat(4,1fr)}.trust div{display:flex;gap:12px;align-items:center;padding:20px 12px;font-size:14px;font-weight:500}
.ico{width:46px;height:46px;border-radius:10px;background:var(--c);display:grid;place-items:center;color:var(--gd);flex:none;transition:.25s}.ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card:hover .ico{background:var(--n);color:var(--g)}
.ban{height:130px;margin:-26px -26px 20px;background:linear-gradient(135deg,#101E2B,#1B3550);display:grid;place-items:center;position:relative;overflow:hidden;color:var(--g)}
.ban:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(244,239,227,.14) 1.2px,transparent 1.5px) 0 0/16px 16px}.ban svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;position:relative;transition:.4s}.card:hover .ban svg{transform:scale(1.15) rotate(-4deg)}
.ban b{position:absolute;right:14px;top:8px;font:700 30px Fraunces,Georgia,serif;color:rgba(244,239,227,.2)}
.st .ico{position:absolute;right:0;top:-4px}.st{padding-right:60px}
.hg>div:first-child h1{max-width:12ch}
@media(max-width:900px){.trust .w{grid-template-columns:1fr 1fr}.ph{background-size:auto 60%}}
.rv.in.card:hover{transform:translateY(-4px)}h2{font-weight:600;letter-spacing:-.02em}h3{font-weight:700}.mono{letter-spacing:.1em;font-weight:600}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.scene{border-radius:12px;overflow:hidden;box-shadow:0 24px 50px rgba(16,30,43,.28);border-bottom:4px solid var(--g)}.scene svg{display:block;width:100%;height:auto}.bob{animation:bob 4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}
.ck{list-style:none;padding:0;margin:20px 0 28px}.ck li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--l)}.ck li:before{content:"✓";color:#fff;background:var(--t);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;margin-top:2px}
.ph .split{position:relative}.ph .scene{box-shadow:0 20px 40px rgba(0,0,0,.4)}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.panel{background:linear-gradient(135deg,#101E2B,#1B3550);border-radius:12px;padding:32px;color:#F4EFE3;box-shadow:0 20px 44px rgba(16,30,43,.22)}.pg4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.pg4 div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:22px 20px;border-radius:8px}.pg4 svg{width:28px;height:28px;stroke:#B8863B;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pg4 b{display:block;margin:12px 0 2px;font-family:Fraunces,Georgia,serif}.pg4 span{font-size:13px;opacity:.75}
.chart{box-shadow:0 18px 40px rgba(16,30,43,.25)}.card,.bol{border-radius:8px}.btn{border-radius:6px}

.mono,label,.row b,.chart .cap,.pl{font-family:'IBM Plex Mono',monospace!important}
h1,h2{font-weight:600;letter-spacing:-.015em}
.hero2{position:relative;min-height:660px;display:flex;align-items:center;background:#0B1724;overflow:hidden}.sc{position:absolute;inset:0}.sc svg{width:100%;height:100%;display:block}
.hero2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,30,.9),rgba(9,19,30,.5) 52%,transparent 80%)}
.hero2 .w{width:100%}.ht{position:relative;z-index:2;max-width:560px;padding:70px 0}.hero2 h1{color:#fff;font-size:clamp(38px,5.2vw,62px);margin:18px 0 20px}.hero2 h1 em{color:#D9A94F}.hero2 p{color:rgba(255,255,255,.82);font-size:18px}
@media(max-width:900px){.hero2:after{background:linear-gradient(180deg,rgba(9,19,30,.88),rgba(9,19,30,.55))}}

.hero2{background:radial-gradient(900px 520px at 88% 35%,rgba(184,134,59,.30),transparent 62%),linear-gradient(120deg,#08131E,#12283D 60%,#1B3550)}.hero2:after{display:none}.hh{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;position:relative;z-index:2}.hero2 .ht{max-width:none}
.qc{background:var(--card);border-radius:10px;padding:30px;border-top:4px solid var(--g);box-shadow:0 24px 50px rgba(0,0,0,.35)}.qc h3{font-size:24px;margin:8px 0}.qc p{font-size:14.5px;opacity:.75;margin-bottom:16px}.qc select{margin-bottom:16px}.qc .btn{width:100%;text-align:center;background:#B8863B;border-color:#B8863B;color:#fff}.qn{margin-top:14px;font-size:12.5px;opacity:.65;text-align:center}
.gl4{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gl4 div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:26px 22px}.gl4 b{display:block;font:600 40px Fraunces,Georgia,serif;color:#D9A94F}.gl4 span{font-size:14px;color:rgba(244,239,227,.8)}
.pipe{display:flex;justify-content:space-between;position:relative;margin:0 0 56px;gap:8px}.pipe:before{content:"";position:absolute;left:8%;right:8%;top:23px;border-top:2px dashed var(--g)}.pipe div{position:relative;text-align:center;flex:1;font-size:13.5px;font-weight:600}.pipe .ico{margin:0 auto 8px;background:var(--n);color:var(--g)}
.sr{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:36px 0;border-top:1px solid var(--l)}.sr:nth-child(even) .vis{order:-1}.sr .big{font:600 64px Fraunces,Georgia,serif;color:var(--g);line-height:1;opacity:.9}.sr h3{font-size:28px;margin:8px 0 10px}.sr p{opacity:.8;max-width:46ch}
.vis{background:linear-gradient(135deg,#0F1C29,#1B3550);border-radius:12px;padding:20px;border-bottom:4px solid var(--g);box-shadow:0 18px 40px rgba(16,30,43,.22)}.vis svg{width:100%;height:auto;display:block}.vis text{font:500 10px 'IBM Plex Mono',monospace;fill:rgba(244,239,227,.75);stroke:none;letter-spacing:.08em}
@media(max-width:900px){.hh,.sr{grid-template-columns:1fr;gap:28px}.sr:nth-child(even) .vis{order:0}.pipe{overflow-x:auto}.pipe div{min-width:90px}}
.qc p{color:var(--k)!important}.qc h3{color:var(--n)}.vis{background:var(--card);border:1px solid var(--l);border-top:4px solid var(--g);border-radius:10px;padding:0;box-shadow:0 18px 40px rgba(16,30,43,.12);overflow:hidden}
.vh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:#101E2B;color:#F4EFE3}.vh b{font:600 17px Fraunces,Georgia,serif}.vh i{font:500 11px 'IBM Plex Mono',monospace;font-style:normal;color:#D9A94F;border:1px solid rgba(217,169,79,.55);padding:4px 11px;border-radius:20px;white-space:nowrap}
.vr{display:flex;align-items:center;gap:14px;padding:18px 24px;border-top:1px solid var(--l);font-size:15.5px;color:var(--k)}.vr:first-of-type{border-top:0}.vr:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:#101E2B;color:#D9A94F;display:grid;place-items:center;font-size:12px}.vr span{flex:1}.vr em{font:500 12px 'IBM Plex Mono',monospace;font-style:normal;color:var(--gd);background:rgba(184,134,59,.12);padding:4px 11px;border-radius:4px}
section.s{padding:112px 0}.g4,.g3,.g2{gap:30px;margin-top:56px}h2{margin:14px 0 22px}.sub{line-height:1.75}.card{padding:34px}.ban{margin:-34px -34px 26px}.hh{gap:88px}.hero2{min-height:720px}.hero2 .ht{padding:96px 0}.hero2 h1{margin:24px 0 28px}.hero2 p{line-height:1.8}.cta{gap:16px;margin-top:40px}.stats div{padding:48px 32px}.trust div{padding:28px 16px}.split{gap:88px}.ck li{padding:13px 0}.band{padding:100px 0}.band p{margin-bottom:32px!important}.bol{padding:34px}.sr{padding:52px 0}.row{padding:14px 0}
@media(max-width:900px){section.s{padding:68px 0}.hh,.split,.sr{gap:44px}.hero2 .ht{padding:64px 0}.g4,.g3,.g2{gap:22px;margin-top:40px}.card{padding:28px}.ban{margin:-28px -28px 22px}}
section.s{padding:76px 0}.g4,.g3,.g2{gap:22px;margin-top:38px}h2{margin:10px 0 14px}.card{padding:28px}.ban{margin:-28px -28px 20px}.hh{gap:60px}.hero2{min-height:600px}.hero2 .ht{padding:64px 0}.hero2 h1{margin:18px 0 20px}.cta{gap:12px;margin-top:28px}.stats div{padding:34px 24px}.trust div{padding:20px 14px}.split{gap:60px}.ck li{padding:10px 0}.band{padding:68px 0}.band p{margin-bottom:24px!important}.bol{padding:28px}.sr{padding:38px 0}.row{padding:11px 0}
@media(max-width:900px){section.s{padding:56px 0}.hh,.split,.sr{gap:32px}.hero2 .ht{padding:48px 0}.g4,.g3,.g2{gap:18px;margin-top:32px}.card{padding:24px}.ban{margin:-24px -24px 18px}}

.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero2:has(.hero-photo):after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,30,.88),rgba(9,19,30,.55))}

/* ===== ALTERNATING THEME =====
   Header + footer: light bg / dark text.
   Page blocks (direct children of .pg): 1st,3rd,5th,7th... light; 2nd,4th,6th... dark. */
:root{color-scheme:light;--bg:#FBF8F1;--card:#fff;--k:#1d1a15;--c:#F6F2E8;--n:#101E2B;--l:rgba(36,31,24,.16);--gd:#8F6526}
body{background:#FBF8F1;color:#1d1a15}
.pg>*:nth-child(odd){--bg:#FBF8F1;--card:#fff;--k:#1d1a15;--c:#F6F2E8;--n:#101E2B;--l:rgba(36,31,24,.16);--gd:#8F6526;background:#FBF8F1!important;color:#1d1a15}
.pg>*:nth-child(even){--bg:#0C1721;--card:#142634;--k:#F4EFE3;--c:#101E2B;--n:#F4EFE3;--l:rgba(244,239,227,.18);--gd:#D9A94F;background:#0C1721!important;color:#F4EFE3}
.pg>*:nth-child(odd) .sub,.pg>*:nth-child(odd) .card p{color:#1d1a15}.pg>*:nth-child(even) .sub,.pg>*:nth-child(even) .card p{color:#F4EFE3}
.hero2,.ph{background:radial-gradient(800px 480px at 90% 30%,rgba(184,134,59,.16),transparent 62%),linear-gradient(120deg,#FBF8F1,#F4EFE3)!important;border-bottom:3px solid var(--g)}
.hero2:after,.hero2:has(.hero-photo):after{background:linear-gradient(90deg,rgba(251,248,241,.94),rgba(251,248,241,.7) 55%,rgba(251,248,241,.25))!important}
.hero2 h1,.ph h1{color:#101E2B}.hero2 h1 em{color:#8F6526}.hero2 p,.ph p{color:#2d2a24;opacity:1}.hero2 .mono,.ph .mono{color:#8F6526!important}
.hero2 .btn.o{color:#101E2B!important;border-color:#101E2B!important}.hero2 .btn.o:hover{color:#fff!important}
.stats b{color:var(--gd)}.stats div{border-right-color:var(--l)}.stats span{opacity:.9}
.band h2{color:var(--n)}.band .btn.o{color:var(--n);border-color:var(--n)}
.panel{background:var(--c)!important;color:var(--k)!important;border:1px solid var(--l);box-shadow:none!important}.panel h3{color:var(--n)}
header{background:rgba(251,248,241,.94)}header .links a{color:#1d1a15}
footer{background:#F4EFE3!important;color:#1d1a15;border-top:3px solid var(--g)}footer h4{color:#101E2B}footer a:hover{color:#8F6526}
.fl{background:#1F4C46}
/* ===== COCO PEAT PRODUCT PAGE ===== */
.pp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.pp-hero h1{margin:10px 0}.tag{font:600 20px Fraunces,Georgia,serif;color:#8F6526!important;margin:0 0 12px}
.order{margin-top:22px;display:grid;gap:14px}.order fieldset{border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.order legend{font:500 12px 'IBM Plex Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;color:#8F6526}
.chip input{position:absolute;opacity:0}.chip span{display:inline-block;padding:10px 20px;border:1px solid #101E2B;border-radius:4px;cursor:pointer;color:#101E2B;font-weight:500}.chip input:checked+span{background:#101E2B;color:#fff}.chip input:focus-visible+span{outline:2px solid #B8863B;outline-offset:2px}
.order label{font-size:13px;display:grid;gap:5px;color:#1d1a15}.order select,.order input:not([type=radio]){padding:11px 12px;border:1px solid rgba(36,31,24,.3);border-radius:4px;font:15px 'IBM Plex Sans',sans-serif;background:#fff;color:#1d1a15;width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gal>img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:6px;border-bottom:3px solid var(--g)}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs button{padding:0;border:2px solid transparent;border-radius:4px;background:none;cursor:pointer;overflow:hidden}.thumbs button:hover,.thumbs button:focus-visible{border-color:#B8863B}.thumbs img{height:64px;width:auto;object-fit:cover;display:block}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.prose2 p{margin:0 0 14px;line-height:1.7}.prose2 a{text-decoration:underline;color:var(--gd)}
.tbl{margin-top:26px;border:1px solid var(--l);border-radius:6px;overflow:hidden;background:var(--card)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--l);vertical-align:top}th{width:42%;font-weight:600}tr:last-child th,tr:last-child td{border-bottom:0}tr:nth-child(even){background:rgba(184,134,59,.08)}.note{font-size:13px;margin-top:12px;opacity:.8}.vh{position:absolute;left:-999px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.g3 figure{margin:0}.g3 img{width:100%;height:340px;object-fit:cover;border-radius:6px}.g3 figcaption{font-size:14px;margin-top:8px}
.pack b{font:600 24px Fraunces,Georgia,serif;color:var(--n)}.pack .btn{margin-top:12px;width:100%;text-align:center}.feat{width:100%;max-height:380px;object-fit:cover;border-radius:6px}
@media(max-width:860px){.pp-hero,.two-col{grid-template-columns:1fr;gap:28px}.g3{grid-template-columns:1fr}.g3 img{height:260px}th,td{padding:12px 14px}th{width:46%}.two{grid-template-columns:1fr}}
.pp-hero>*,.two-col>*,.g3>*{min-width:0}.gal>img,.g3 img,.feat{max-width:100%}
@media(max-width:860px){.pp-hero,.two-col,.g3{grid-template-columns:minmax(0,1fr)}.thumbs img{max-width:100%}}
.g3 img{width:100%!important;max-width:100%!important}.g3 figure{width:100%;overflow:hidden}
.chip{position:relative;display:inline-block}.chip input{width:1px!important;height:1px!important;left:0;top:0;margin:0;padding:0!important;border:0!important}
@media(max-width:900px){.g2{grid-template-columns:minmax(0,1fr)!important}.g2>*{min-width:0}}
.cpl{text-decoration:none}.cpl i{background:#B8863B!important;color:#fff!important;font-weight:600}.cpl:hover i{background:#8F6526!important}
/* ===== PRODUCT SHOWCASE (products page) ===== */
.showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;margin-top:20px;background:var(--card);border:1px solid var(--l);border-radius:10px;padding:28px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.sc-gal{position:relative}.sc-gal>img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:8px;display:block}.badge{position:absolute;top:14px;left:14px;z-index:2;background:#B8863B;color:#fff;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.sc-info h2{font-size:clamp(26px,3vw,36px);margin:0 0 6px}.tag2{font:600 18px Fraunces,Georgia,serif;color:var(--gd);margin-bottom:12px}
.specs-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.specs-mini div{border:1px solid var(--l);border-radius:6px;padding:10px 12px}.specs-mini span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.specs-mini b{font-size:14.5px;font-weight:600}
.benlist{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.benlist li{padding-left:26px;position:relative;font-size:15px}.benlist li:before{content:"✓";position:absolute;left:0;color:#fff;background:#1F4C46;width:18px;height:18px;border-radius:50%;font-size:11px;display:grid;place-items:center;top:3px}
.packs-mini{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.packs-mini span{font-size:13px;opacity:.8;margin-right:4px}.packs-mini button{padding:8px 16px;border:1px solid var(--n);background:transparent;color:var(--n);border-radius:4px;cursor:pointer;font:500 14px 'IBM Plex Sans',sans-serif}.packs-mini button.on{background:var(--n);color:var(--bg)}
.sc-gal .thumbs button{border-color:transparent}
@media(max-width:860px){.showcase{grid-template-columns:minmax(0,1fr);padding:18px;gap:24px}.specs-mini{grid-template-columns:1fr}}
/* ===== INTEGRATED PRODUCT DETAIL (products page) ===== */
.pd{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;margin-top:18px}
.pd-gal{position:relative}.zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.25)}.zoom img{width:100%;height:auto;max-height:600px;object-fit:cover;display:block;transition:transform .5s}.zoom:hover img{transform:scale(1.04)}
.pd-gal .badge{position:absolute;top:14px;left:14px;z-index:2}.pd-gal .thumbs button.on{border-color:#B8863B}.hint{font-size:12px;opacity:.7;margin-top:6px}
.pd-info h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;margin:0 0 8px}.lead2{margin:0 0 18px;line-height:1.7}
.hl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.hl div{border:1px solid var(--l);border-top:3px solid #B8863B;border-radius:6px;padding:12px 10px;background:var(--card)}.hl b{display:block;font:600 20px Fraunces,Georgia,serif;color:var(--gd)}.hl span{font-size:12px;opacity:.85}
.pf{display:grid;gap:14px;background:var(--card);border:1px solid var(--l);border-radius:8px;padding:20px}.pf fieldset{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.pf legend{font:500 12px 'IBM Plex Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;color:var(--gd)}
.pc{position:relative;display:inline-block}.pc input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}.pc span{display:inline-block;padding:10px 20px;border:1px solid var(--n);border-radius:4px;cursor:pointer;color:var(--n);font-weight:500;transition:.15s}.pc span:hover{border-color:#B8863B}.pc input:checked+span{background:var(--n);color:var(--bg)}.pc input:focus-visible+span{outline:2px solid #B8863B;outline-offset:2px}
.pf2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pf label:not(.pc){font-size:12.5px;display:grid;gap:5px;color:var(--k)}.pf select,.pf input:not([type=radio]){padding:10px 11px;border:1px solid var(--l);border-radius:4px;font:14.5px 'IBM Plex Sans',sans-serif;background:var(--bg);color:var(--k);width:100%;min-width:0}
.pd-tabs{margin-top:34px;background:var(--card);border:1px solid var(--l);border-radius:10px;overflow:hidden}.tl{display:flex;border-bottom:1px solid var(--l);overflow-x:auto}.tl button{flex:1;padding:16px 18px;background:none;border:0;border-bottom:3px solid transparent;color:var(--k);font:500 15px 'IBM Plex Sans',sans-serif;cursor:pointer;white-space:nowrap;opacity:.75}.tl button:hover{opacity:1}.tl button[aria-selected=true]{opacity:1;border-bottom-color:#B8863B;color:var(--gd)}
.tp{padding:28px}.tp[hidden]{display:none}.tp p{margin:0 0 14px;line-height:1.75;max-width:80ch}.tp a{text-decoration:underline;color:var(--gd)}.tp .tbl{margin-top:0}
.bcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.bc{border:1px solid var(--l);border-radius:8px;padding:18px;transition:transform .2s,box-shadow .2s}.bc:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.18)}.bc i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#B8863B;color:#fff;font:600 14px 'IBM Plex Mono',monospace;font-style:normal;margin-bottom:10px}.bc h4{margin:0 0 6px;font:600 17px Fraunces,Georgia,serif}.bc p{font-size:14px;margin:0}
.pkcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px}.pkc{text-align:left;padding:18px;border:1px solid var(--l);border-radius:8px;background:transparent;color:var(--k);cursor:pointer;font-family:inherit;transition:.2s}.pkc:hover,.pkc.on{border-color:#B8863B;transform:translateY(-3px)}.pkc b{display:block;font:600 24px Fraunces,Georgia,serif;color:var(--n)}.pkc span{display:block;font-size:13.5px;margin:6px 0 10px}.pkc em{font-style:normal;font-size:12.5px;color:var(--gd);font-weight:600}
.lb{position:fixed;inset:0;z-index:200;background:rgba(8,17,26,.92);display:grid;place-items:center;padding:20px}.lb[hidden]{display:none}.lb img{max-width:100%;max-height:90vh;border-radius:6px}.lbx{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:38px;cursor:pointer}
@media(max-width:900px){.pd{grid-template-columns:minmax(0,1fr);gap:26px}.hl{grid-template-columns:1fr 1fr}.pf2{grid-template-columns:1fr}.tp{padding:20px}}
.pf{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.pf .cta{display:flex!important;flex-direction:row!important;flex-wrap:wrap}.pf>*{min-width:0}@media(min-width:901px){.pf2{grid-template-columns:repeat(3,minmax(0,1fr))}}