/* Design B — Deep Forest: dark emerald/teal from the logo, gold accents, glassy luxury */
:root{--font-d:'Cormorant Garamond',Georgia,serif;--font-b:'Manrope',system-ui,sans-serif;--bg0:#051a19;--fg0:#e9f3ef;--line0:rgba(255,255,255,.2);--accent:#e8b23a;--accent-ink:#1a1200;--accent2:#f0c25a;--eyebrow:#46d6bb;--r:26px;--dw:600;--dls:-.01em;--nav-h:70px;--nav-fg:#e9f3ef;--nav-bg:rgba(5,26,25,.55);--nav-line:rgba(255,255,255,.1);--menu-bg:rgba(4,20,19,.97);--hero-overlay:linear-gradient(90deg,rgba(3,22,21,.92) 0%,rgba(3,22,21,.55) 45%,rgba(3,22,21,.15) 100%),linear-gradient(0deg,rgba(3,22,21,.85),transparent 40%);--hero-em:#f0c25a;--pk-bg:rgba(255,255,255,.07);--pk-bd:rgba(255,255,255,.22);--input-bg:rgba(255,255,255,.06);--spot:rgba(70,214,187,.2);--ghost-fg:#e9f3ef;--ghost-bd:rgba(255,255,255,.5)}
body{background:#051a19}
.t1{--bg:#06201f;--fg:#e9f3ef;--muted:#a7c3bb;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.13)}
.t2{--bg:#0a2c2a;--fg:#e9f3ef;--muted:#a7c3bb;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.14)}
.t3{--bg:#041514;--fg:#e9f3ef;--muted:#9ebbb3;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.14);--panel:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));--panel-fg:#e9f3ef;--panel-mut:#a7c3bb}
.t4{--bg:radial-gradient(ellipse 90% 70% at 50% 100%,#115a52 0%,#0a3a36 40%,#041716 100%);--fg:#e9f3ef;--muted:#a7c3bb;--card:rgba(255,255,255,.07);--line:rgba(255,255,255,.16);--cap-fg:#f0c25a}
.t3,.t4{background:var(--bg)}
.p-head{background:#041514;box-shadow:30px 0 40px 10px #041514}
.big{font-size:clamp(2.7rem,6.8vw,5.8rem);line-height:.98}.hero-title{font-size:clamp(3.8rem,11.5vw,10.5rem);line-height:.86}
.hero-title em{font-weight:500}
.hero-sub,.hero-kicker{color:#d6e8e2}.hero-kicker{color:#46d6bb}
.logo span{font-weight:300}
.sec::before{content:"";position:absolute;width:50vw;height:50vw;left:-20vw;top:-10vw;background:radial-gradient(circle,rgba(47,224,192,.10),transparent 62%);pointer-events:none}
.sec.t3::before{left:auto;right:-20vw}
.sec>.wrap{position:relative}
.oil-card,.staple,.col,.partner,.form,.info-card,.p-panel{backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -40px #000}
.oil-card::after,.staple::after,.partner::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.35),transparent 35%,transparent 65%,rgba(70,214,187,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.oil-glow{opacity:.55}
.jar.other{background:linear-gradient(#bfd3cd,#8fa9a2)}
.marquee{background:rgba(0,0,0,.25);border-block:1px solid rgba(255,255,255,.1);color:#e9f3ef}.marquee-track span{font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.8vw,2.3rem);color:#cfe7df}
.stats-grid li{border-top:1px solid rgba(240,194,90,.6)}
.hero{color:#e9f3ef}
.hero-stage{inset:0}
.btn:hover{box-shadow:0 0 40px -6px var(--accent)}
.pk[aria-pressed=true]{box-shadow:0 0 24px -4px var(--accent)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,#06201f,transparent);z-index:1;pointer-events:none}
.scroll-cue{z-index:4}
.enquire{background:radial-gradient(ellipse 70% 80% at 80% 20%,#0d3f3b,#041514 70%)}
@media (max-width:820px){.hero-overlay{background:linear-gradient(0deg,rgba(3,22,21,.92) 10%,rgba(3,22,21,.45) 70%,rgba(3,22,21,.55))}.hero-title{font-size:clamp(3.4rem,17vw,6rem)}}