/* ZevPoint Nepal — premium home page
   Brand: #54b474 is the visible primary green. Darker variants (#3f9e60,#2c7a47,#1f5e36) only add depth at edges/gradients. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');

:root{
  --green:#54b474; --green-lt:#54b474; --green-d:#3f9e60; --green-dd:#2c7a47; --green-deep:#1f5e36;
  --ink:#0f1411; --mut:#5c6760; --paper:#f4f9f6; --line:#e7efe9;
  --f:'Montserrat',sans-serif; --display:'Sora',sans-serif;
  --maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* ============ UTILITY BAR ============ */
.util{background:var(--green-deep);color:#e7f5ec;font-size:12px}
.util .in{max-width:var(--maxw);margin:0 auto;height:38px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.util .l{display:flex;align-items:center;gap:8px}
.util .dot{width:7px;height:7px;border-radius:50%;background:#7ee0a3;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(126,224,163,.5)}70%{box-shadow:0 0 0 7px rgba(126,224,163,0)}100%{box-shadow:0 0 0 0 rgba(126,224,163,0)}}
.util .lang b{cursor:pointer}.util .lang b.on{color:#fff}.util .lang span{opacity:.45}

/* ============ HEADER ============ */
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.nav{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:78px;display:flex;align-items:center;justify-content:space-between}
.nav .logo img{height:28px}
.logoimg{height:23px;width:auto;display:block}
.drawer .top .logoimg{height:21px}
footer.site .logoimg{height:26px}
.wm{font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.wm b{color:var(--green);font-weight:800}
.drawer .top .wm{font-size:20px}
footer.site .wm{color:#fff}
.dnav{display:flex;align-items:center;height:100%}
.ditem{position:relative;height:100%;display:flex;align-items:center}
.ditem > a{display:flex;align-items:center;gap:5px;height:100%;padding:0 15px;font-size:14px;font-weight:600;color:var(--ink);opacity:.82;transition:.2s;position:relative}
.ditem > a:hover{opacity:1;color:var(--green-dd)}
.ditem > a .chev{transition:transform .25s}
.ditem:hover > a .chev{transform:rotate(180deg)}
.ditem > a::after{content:"";position:absolute;left:15px;right:15px;bottom:20px;height:2px;background:var(--green);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .26s cubic-bezier(.4,0,.2,1)}
.ditem:hover > a::after,.ditem.active > a::after{transform:scaleX(1)}
.panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:300px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 50px -24px rgba(15,40,25,.32);padding:12px;opacity:0;visibility:hidden;transition:.22s cubic-bezier(.4,0,.2,1);z-index:60}
.ditem:hover .panel{opacity:1;visibility:visible}
.panel h6{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dd);padding:6px 10px 10px}
.prow{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;transition:background .18s}
.prow:hover{background:var(--paper)}
.prow .th{width:40px;height:40px;border-radius:10px;background:linear-gradient(180deg,#fff,var(--paper));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.prow .th img{width:74%;height:74%;object-fit:contain}
.prow .nm{font-size:13.5px;font-weight:600}
.prow .kw{font-size:11.5px;color:var(--mut);font-weight:600}
.panel.support .prow .th{background:var(--paper)}
.actions{display:flex;align-items:center;gap:10px}
.ibtn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.2s}
.ibtn:hover{border-color:var(--green);color:var(--green-dd)}
.ibtn.wa{background:#25D366;border-color:#25D366;color:#fff}
.talk{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:13px 22px;border-radius:999px;box-shadow:0 10px 22px -10px rgba(84,180,116,.75);transition:.2s}
.talk:hover{background:var(--green-dd);transform:translateY(-1px)}
.talk svg{transition:transform .2s}.talk:hover svg{transform:translateX(3px)}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;align-items:center;justify-content:center;border:none}

/* mobile drawer */
.scrim{position:fixed;inset:0;background:rgba(10,20,15,.4);opacity:0;visibility:hidden;transition:.25s;z-index:70}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,380px);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:80}
.drawer.open{transform:translateX(0)}
.drawer .top{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.drawer .top img{height:26px}
.drawer .x{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.mlist{flex:1;overflow:auto}
.mrow{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--paper);text-align:left}
.mrow .chev{color:var(--green-d);transition:transform .25s}
.mrow.open .chev{transform:rotate(180deg)}
.msub{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--paper)}
.msub .inner{padding:6px 16px 14px}
.msub a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#fff;margin-bottom:8px;border:1px solid var(--line)}
.msub a .th{width:38px;height:38px;border-radius:9px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.msub a .th img{width:74%;height:74%;object-fit:contain}
.msub a .nm{font-size:14px;font-weight:600}
.msub a .kw{font-size:11.5px;color:var(--mut);font-weight:600}
.drawer .foot{flex-shrink:0;padding:16px 18px;border-top:1px solid var(--line);background:#fff}
.drawer .foot .talk{width:100%;justify-content:center;height:52px;border-radius:14px;margin-bottom:10px}
.drawer .foot .two{display:flex;gap:10px}
.drawer .foot .two a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:13px;font-weight:600;font-size:13.5px}
.drawer .foot .wa{background:#25D366;color:#fff}
.drawer .foot .call{background:#fff;border:1px solid var(--line);color:var(--ink)}

/* ============ HERO ============ */
.hero{position:relative;height:82vh;min-height:560px;max-height:800px;overflow:hidden;background:#0f1411}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease;z-index:1}
.slide.on{opacity:1;visibility:visible;z-index:2}
.slide .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
.slide.on .bg{animation:kb 8s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.slide.photo .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,14,.78) 0%,rgba(8,22,14,.45) 40%,rgba(8,22,14,.04) 68%)}
.slide.brand .bg{background:radial-gradient(135% 130% at 16% 8%,var(--green-lt) 0%,var(--green) 46%,#3f9e60 84%,var(--green-dd) 128%);animation:none;transform:none}
.slide.brand .ov{position:absolute;inset:0;background:radial-gradient(50% 60% at 88% 26%,rgba(255,255,255,.12),transparent 60%)}
.slide.dark .bg{background:linear-gradient(120deg,#0c1a14 0%,#11261c 48%,var(--green-deep) 130%);animation:none;transform:none}
.slide.dark .ov{position:absolute;inset:0;background:radial-gradient(55% 65% at 85% 25%,rgba(84,180,116,.22),transparent 62%)}
.slide .content{position:absolute;z-index:3;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0 64px;max-width:640px}
/* text on the right (for photos where the subject sits left of centre) */
.slide.right .content{left:auto;right:0}
.slide.photo.right .ov{background:linear-gradient(270deg,rgba(8,22,14,.8) 0%,rgba(8,22,14,.46) 40%,rgba(8,22,14,.04) 70%)}
.slide .eb{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#adeac5}
.slide h1{font-family:var(--display);font-size:clamp(28px,2.9vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.06;color:#fff;margin-top:12px}
.slide p{color:#e3efe8;font-size:clamp(14.5px,1.1vw,16px);line-height:1.55;margin-top:14px;max-width:420px}
.slide .ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.bsolid{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;box-shadow:0 12px 26px -10px rgba(0,0,0,.45);transition:.2s}
.bsolid:hover{background:var(--green-dd);transform:translateY(-2px)}
.bsolid svg{transition:transform .2s}.bsolid:hover svg{transform:translateX(3px)}
.bghost{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(4px);transition:.2s}
.bghost:hover{background:#fff;color:var(--green-dd)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:.2s}
.arrow:hover{background:#fff;color:var(--green-dd)}
.arrow.prev{left:22px}.arrow.next{right:22px}
.dots{position:absolute;bottom:24px;left:64px;z-index:6;display:flex;gap:10px}
.dot{width:30px;height:4px;border-radius:3px;background:rgba(255,255,255,.4);overflow:hidden;cursor:pointer;position:relative}
.dot .fill{position:absolute;inset:0;width:0;background:#fff;border-radius:3px}
.dot.on .fill.run{animation:prog 6s linear forwards}
@keyframes prog{from{width:0}to{width:100%}}
.slide.dark .ph{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:1;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.26);border:1.5px dashed rgba(255,255,255,.2);border-radius:16px;padding:56px 38px}

/* ============ OFFERINGS ============ */
.offer{padding:92px 0}
.offer .grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:stretch}
.feat{position:relative;overflow:hidden;border-radius:24px;padding:44px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px}
.feat.green{background:radial-gradient(135% 130% at 14% 8%,var(--green-lt) 0%,var(--green) 44%,#3f9e60 82%,var(--green-dd) 125%)}
.feat.green::after{content:"";position:absolute;right:-80px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 62%)}
.feat.image .fimg{position:absolute;inset:0;background-size:cover;background-position:center}
.feat.image .fov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,14,.15) 0%,rgba(8,22,14,.4) 45%,rgba(8,22,14,.82) 100%)}
.feat > *{position:relative;z-index:2}
.feat .ic{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;margin-bottom:auto}
.feat .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c9efd8;margin-top:26px}
.feat h2{font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1.06;margin-top:12px}
.feat .lead{color:#dff4e8;font-size:14.5px;line-height:1.6;margin-top:16px;max-width:360px}
.feat .cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;background:#fff;color:var(--green-dd);font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;align-self:flex-start;transition:.2s}
.feat .cta:hover{transform:translateY(-2px)}.feat .cta svg{transition:transform .2s}.feat .cta:hover svg{transform:translateX(3px)}
.list{display:flex;flex-direction:column;justify-content:center}
.erow{display:flex;gap:24px;align-items:flex-start;padding:24px 4px;border-top:1px solid var(--line)}
.erow:last-child{border-bottom:1px solid var(--line)}
.erow .ic{width:40px;height:40px;border-radius:11px;background:var(--paper);color:var(--green-dd);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.erow .estat{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--green);min-width:118px}
.erow .ehead{font-size:15.5px;font-weight:700}
.erow .esub{font-size:13.5px;color:var(--mut);margin-top:3px;line-height:1.45}

/* ---- section framing: alternate boxed vs full-bleed for rhythm ---- */
.catsec{padding:26px 0}
.catsec > .wrap{max-width:1640px;padding:0 44px}   /* wider than content column so boxes leave a smaller side gap */
.boxed{border-radius:28px}
.imm.boxed{min-height:520px}

/* ============ CATEGORY (immersive lifestyle — full-bleed band) ============ */
.imm{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:flex-end}
.imm .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03)}
.imm .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,14,.74),rgba(8,22,14,.28) 55%,transparent),linear-gradient(0deg,rgba(8,22,14,.9),transparent 58%)}
.imm .inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:56px 28px 62px;color:#fff}
.imm .ihead{display:flex;justify-content:space-between;align-items:center;gap:16px}
.imm .viewall{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);padding:9px 16px;border-radius:999px;transition:.2s;flex-shrink:0}
.imm .viewall:hover{background:#fff;color:var(--green-dd)}
.imm .eb{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#adeac5}
.imm h2{font-family:var(--display);font-size:46px;font-weight:800;letter-spacing:-.025em;line-height:1.04;margin-top:12px;max-width:500px;color:#fff}
.imm .isub{color:#e3efe8;font-size:15.5px;margin-top:14px;max-width:420px;line-height:1.55}
.imm .strip{display:flex;gap:12px;margin-top:28px;overflow-x:auto;padding-bottom:6px}
.imm .strip::-webkit-scrollbar{height:5px}.imm .strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}
.imm .pill{flex:0 0 auto;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);border-radius:15px;padding:9px 16px 9px 9px;transition:.2s}
.imm .pill:hover{background:#fff;color:var(--ink)}
.imm .pill .pth{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.imm .pill .pth img{width:80%;height:80%;object-fit:contain}
.imm .pill .pn{font-size:13.5px;font-weight:700}
.imm .pill .pk{font-size:11.5px;font-weight:600;opacity:.85}

/* ============ CATEGORY (dark commercial — full-bleed band) ============ */
.darkcat{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1913 0%,#11251b 52%,#16382a 130%);color:#fff}
.darkcat::before{content:"";position:absolute;top:-120px;left:8%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(84,180,116,.3),transparent 62%)}
.darkcat .inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:64px 28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.darkcat .stage{position:relative;z-index:2;min-height:340px;display:flex;align-items:center;justify-content:center}
.darkcat .stage img{max-height:340px;max-width:74%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));transition:.35s}
.darkcat .info{position:relative;z-index:2}
.darkcat .eb{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9be3b6}
.darkcat h2{font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-top:10px;color:#fff}
.darkcat .dsub{color:#cfe3d8;font-size:14.5px;margin-top:12px;line-height:1.6;max-width:360px}
.darkcat .dlist{margin-top:22px}
.drow{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);cursor:pointer;transition:.2s}
.drow:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
.drow.on,.drow:hover{padding-left:6px}
.drow.on .dn{color:#fff}
.drow .dk{font-family:var(--display);font-weight:800;color:#9be3b6;min-width:62px;font-size:15px}
.drow .dn{font-weight:700;font-size:15px;color:#e9f3ee}
.drow .dt{margin-left:auto;font-size:11px;font-weight:700;color:#bfe6cf;background:rgba(255,255,255,.1);padding:4px 10px;border-radius:999px}
.darkcat .dcta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;transition:.2s}
.darkcat .dcta:hover{background:var(--green-lt);transform:translateY(-1px)}
/* two-series layout */
.darkcat .inner.sinner{display:block}
.serhead{max-width:600px}
.darkcat .serhead p{color:#cfe3d8;font-size:14.5px;margin-top:12px;line-height:1.6}
.serieswrap{display:grid;grid-template-columns:1fr 1fr;margin-top:34px}
.sercol{display:flex;gap:24px;align-items:center;padding:10px 46px}
.sercol:first-child{padding-left:0}
.sercol:last-child{padding-right:0;border-left:1px solid rgba(255,255,255,.16)}
.serplate{width:132px;height:154px;border-radius:16px;background:radial-gradient(circle at 50% 34%,#f6faf7,#dfeae3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.serplate img{max-width:80%;max-height:82%;object-fit:contain}
.serbody .sertag{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9be3b6}
.serbody h3{font-family:var(--display);font-size:26px;font-weight:800;color:#fff;margin-top:6px}
.serbody h3 span{color:#bfe6cf;font-weight:700}
.powers{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.powers .pw{font-family:var(--display);font-weight:800;font-size:12.5px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px}
.sertraits{font-size:12.5px;color:#cfe3d8;margin-top:12px}
.serlink{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#fff;font-weight:700;font-size:13px}
.serlink svg{transition:transform .2s}.serlink:hover svg{transform:translateX(3px)}

/* ============ WALL-MOUNT (diptych — full image frames) ============ */
.dip-band{display:grid;grid-template-columns:1fr 1fr}
.dhalf{padding:60px 48px;display:flex;flex-direction:column;justify-content:center}
.dhalf.polar{background:linear-gradient(165deg,#f3faf5,#e4efe9)}
.dhalf.duos{background:radial-gradient(135% 130% at 18% 6%,var(--green-lt),var(--green) 50%,var(--green-dd) 125%);color:#fff}
.dhalf .in{max-width:520px;width:100%;margin:0 auto}
.dframe{border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 24px 44px -26px rgba(20,50,30,.4)}
.dframe img{width:100%;height:100%;object-fit:cover;display:block}
.dfor{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-top:26px}
.dhalf.polar .dfor{color:var(--green-dd)}.dhalf.duos .dfor{color:#eafff3}
.dname{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:8px;color:var(--ink)}
.dhalf.duos .dname{color:#fff}.dname span{opacity:.7;font-weight:700}
.dpows{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.dpows .pw{font-family:var(--display);font-weight:800;font-size:12.5px;border-radius:999px;padding:5px 12px}
.dhalf.polar .pw{background:#fff;color:var(--green-dd);border:1px solid var(--line)}
.dhalf.duos .pw{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25)}
.dtraits{font-size:12.5px;margin-top:12px}
.dhalf.polar .dtraits{color:var(--mut)}.dhalf.duos .dtraits{color:#eafff3}
.dlink{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-weight:700;font-size:13px}
.dhalf.polar .dlink{color:var(--green-dd)}.dhalf.duos .dlink{color:#fff}
.dlink svg{transition:transform .2s}.dlink:hover svg{transform:translateX(3px)}

/* ============ DC FAST (power scale — full-bleed green band) ============ */
.dcband{position:relative;overflow:hidden;color:#fff;background:radial-gradient(135% 130% at 14% 6%,var(--green-lt) 0%,var(--green) 46%,#3f9e60 84%,var(--green-dd) 125%)}
.dcband::after{content:"";position:absolute;right:-100px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 62%)}
.dcband .inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:64px 28px}
.dcsplit{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dcband .bignum{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:.85;font-size:132px}
.dcband .bignum small{font-size:38px;margin-left:8px}
.dcband .bignum-use{font-size:15px;color:#eafff3;margin-top:8px;font-weight:600}
.dcband .dcconst{margin-top:14px;font-size:12.5px;color:#d6f3e2;font-weight:700;letter-spacing:.04em}
.dcband .scaleline{position:relative;height:3px;background:rgba(255,255,255,.35);border-radius:3px;margin:30px 6px 0}
.dcband .fillbar{position:absolute;left:0;top:0;bottom:0;background:#fff;border-radius:3px;transition:width .5s ease}
.dcband .nodes{display:flex;justify-content:space-between;margin-top:14px}
.dcband .nodes button{background:none;border:none;color:rgba(255,255,255,.7);font-family:var(--display);font-weight:800;font-size:14px;cursor:pointer;transition:.2s;position:relative;padding-top:12px}
.dcband .nodes button::before{content:"";position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);transition:.2s}
.dcband .nodes button.on{color:#fff}.dcband .nodes button.on::before{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.25)}
.dcband .eb{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6f3e2}
.dcright h2{font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.06;margin-top:10px;color:#fff;min-height:42px}
.dcright p{color:#eafff3;font-size:14.5px;margin-top:12px;line-height:1.6;max-width:360px;min-height:66px}
.dccta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:#fff;color:var(--green-dd);font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;transition:.2s}
.dccta:hover{transform:translateY(-1px)}

/* ============ PRODUCT RANGES (unified, cycling images) ============ */
.ucat{padding:82px 0;border-top:1px solid var(--line)}
.ucat .urow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 28px}
.ucat.flip .uvisual{order:2}
.uvisual{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 26px 46px -30px rgba(20,50,30,.4);background:#ffffff}
.uvisual .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.uvisual:not(.num) .bg{inset:4%;background-size:contain;background-repeat:no-repeat}
/* out-of-stock (ERP feed) — greyed listing + tag */
.oos{opacity:.55;filter:grayscale(.4)}
.oos .oostag{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b23b3b;background:#fbeaea;border:1px solid #f2cdcd;border-radius:6px;padding:2px 7px;vertical-align:middle}
.uvisual .capov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,22,14,.72),transparent 42%)}
.uvisual .cap{position:absolute;left:22px;bottom:18px;z-index:3;color:#fff;font-family:var(--display);display:flex;align-items:baseline;gap:8px}
.uvisual .cap .cn{font-weight:800;font-size:19px}
.uvisual .cap .ck{font-weight:700;font-size:13px;color:#cfeeda}
.uvisual.num{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px;color:#fff;background:#2c7a47}
.uvisual.num .ov{position:absolute;inset:0;background:linear-gradient(105deg,rgba(31,94,54,.92) 0%,rgba(84,180,116,.66) 52%,rgba(84,180,116,.22) 100%)}
.uvisual.num .big,.uvisual.num .rng{position:relative;z-index:2}
.uvisual.num .big{font-family:var(--display);font-weight:800;font-size:104px;line-height:.85;letter-spacing:-.03em}
.uvisual.num .big small{font-size:32px;margin-left:6px}
.uvisual.num .rng{margin-top:14px;font-weight:700;font-size:14px;color:#eafff3}
.ucontent .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.ucontent h2{font-family:var(--display);font-size:40px;font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-top:12px}
.ucontent .dchead{min-height:44px}.ucontent .dcdesc{min-height:48px}
.ucontent .usub{color:var(--mut);font-size:15px;line-height:1.6;margin-top:14px;max-width:400px}
.uchips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 24px}
.uchip{font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--green);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:.2s}
.uchip.on{background:var(--green);color:#fff;border-color:var(--green)}
.ucta{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:13px 24px;border-radius:999px;transition:.2s}
.ucta:hover{background:var(--green-dd);transform:translateY(-1px)}
.ucta svg{transition:transform .2s}.ucta:hover svg{transform:translateX(3px)}
.ufade{animation:ufade .45s ease}@keyframes ufade{from{opacity:.15}to{opacity:1}}

/* ============ IMPACT STATS (editorial row — no boxes) ============ */
.stats{padding:54px 0}
.stats-head{max-width:640px;margin:0 0 28px}
.stats-head .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.stats-head h2{font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-.025em;margin-top:12px}
.statrow{display:flex}
.sitem{flex:1;padding:6px 34px;border-left:1px solid var(--line)}
.sitem:first-child{border-left:none;padding-left:0}
.sitem .val{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:50px;color:var(--ink);line-height:1;white-space:nowrap}
.sitem .val-sm{display:none}
.sitem .lb{font-weight:700;font-size:15px;margin-top:12px}
.sitem .ctx{font-size:12.5px;color:var(--mut);margin-top:5px;line-height:1.45}

/* ============ WHY ZEVPOINT (3 pillars) ============ */
.why{padding:90px 0;border-top:1px solid var(--line)}
.why .whead{max-width:640px;margin:0 auto 50px;text-align:center}
.why .whead .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.why .whead h2{font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-.025em;margin-top:12px}
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.whycol{position:relative;padding-top:22px}
.whycol::before{content:"";position:absolute;top:0;left:0;width:42px;height:3px;background:var(--green);border-radius:3px}
.whycol h3{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.01em}
.whycol p{color:var(--mut);font-size:14.5px;line-height:1.65;margin-top:10px}
@media(max-width:860px){.whygrid{grid-template-columns:1fr;gap:24px}.why{padding:54px 0}.why .whead h2{font-size:28px}}

/* ============ TALK TO AN EXPERT (lead band) ============ */
.leadband{position:relative;overflow:hidden;color:#fff;background:radial-gradient(130% 130% at 100% 0%,var(--green-lt) 0%,var(--green) 46%,var(--green-dd) 120%)}
.leadband::before{content:"";position:absolute;left:-140px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 62%)}
.leadband .inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:84px 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.leadband .eyebrow{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6f3e2}
.leadband h2{font-family:var(--display);font-size:42px;font-weight:800;letter-spacing:-.025em;line-height:1.05;color:#fff;margin-top:12px}
.leadband .lsub{color:#eafff3;font-size:16px;line-height:1.6;margin-top:16px;max-width:420px}
.leadband .wa{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:#fff;background:#54b474;padding:14px 24px;border-radius:999px;margin-top:26px;box-shadow:0 12px 26px -12px rgba(0,0,0,.4)}
.leadband .wa:hover{background:#2c7a47}
.leadform{background:#fff;border-radius:22px;padding:30px;box-shadow:0 40px 70px -30px rgba(20,50,30,.55)}
.leadform label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--green-deep);margin:0 0 7px}
.leadform .field{margin-bottom:15px}
.leadform input,.leadform select{width:100%;height:48px;border-radius:12px;border:1.4px solid var(--line);background:#fff;color:var(--ink);padding:0 15px;font-family:var(--f);font-size:15px;outline:none;transition:.2s}
.leadform input::placeholder{color:#9bb0a4}
.leadform input:focus,.leadform select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(84,180,116,.16)}
.leadform .btnfull{width:100%;background:var(--green);color:#fff;border:none;font-family:var(--f);font-weight:700;font-size:15px;padding:15px;border-radius:14px;cursor:pointer;transition:.2s;margin-top:4px}
.leadform .btnfull:hover{background:var(--green-dd)}
.leadform .micro{font-size:12px;color:var(--mut);text-align:center;margin-top:12px}
.leadform .okmsg{display:none;background:var(--paper);border:1px solid var(--green);color:var(--green-deep);border-radius:12px;padding:20px;font-weight:600;text-align:center}
@media(max-width:900px){.leadband .inner{grid-template-columns:1fr;gap:28px;padding:52px 20px}.leadband h2{font-size:30px}}

/* ============ FOOTER (placeholder — redesign pending) ============ */
footer.site{background:var(--ink);color:#aab5ad;padding:54px 0 26px;margin-top:20px}
footer.site .cols{display:grid;grid-template-columns:1.9fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:34px}
footer.site .fbrand p{max-width:400px;margin-bottom:20px}
footer.site .fsocial{display:flex;gap:10px}
footer.site .fsocial a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#aab5ad;transition:.2s}
footer.site .fsocial a:hover{color:#fff;border-color:var(--green);background:rgba(84,180,116,.14)}
footer.site img{height:26px;filter:brightness(0) invert(1);margin-bottom:14px}
footer.site p{font-size:13.5px;line-height:1.6;max-width:320px}
footer.site h4{color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
footer.site li{list-style:none;margin-bottom:9px;font-size:13.5px}
footer.site a:hover{color:#fff}
footer.site .base{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px;color:#7f8c84}
.wip{background:var(--green-deep);color:#d6f3e2;font-size:12px;text-align:center;padding:8px}
.wip b{color:#fff}

/* ============ RESPONSIVE ============ */
@media(max-width:900px){
  .dnav,.talk.desk,.util .lang{display:none}
  .burger{display:flex}
  .nav{height:64px}
  .hero{height:78vh;min-height:520px}
  .slide .content{padding:0 24px 92px;justify-content:flex-end;max-width:none;top:auto}
  .slide.photo .ov{background:linear-gradient(0deg,rgba(8,22,14,.9) 0%,rgba(8,22,14,.5) 34%,rgba(8,22,14,.06) 66%)}
  .slide h1{font-size:33px}.slide p{font-size:14.5px}
  .dots{left:50%;transform:translateX(-50%);bottom:60px}.dot{width:24px}
  .arrow{display:none}
  .slide.dark .ph{display:none}
  .offer{padding:54px 0}
  .offer .grid{grid-template-columns:1fr;gap:22px}
  .feat{min-height:280px;padding:32px}
  .feat h2{font-size:28px}
  .erow .ic{display:none}
  .erow{gap:14px;padding:18px 2px}.erow .estat{min-width:100px;font-size:18px}
  footer.site .cols{grid-template-columns:1fr 1fr}
  footer.site .fbrand{grid-column:1 / -1}
}
@media(max-width:900px){
  .imm{min-height:480px}
  .imm .inner{padding:36px 20px 40px}
  .imm h2{font-size:30px}
  .imm .ihead{flex-direction:column;align-items:flex-start;gap:10px}
  .darkcat .inner{grid-template-columns:1fr;gap:16px;padding:40px 20px}
  .darkcat h2{font-size:28px}
  .darkcat .stage{min-height:240px}
  .darkcat .stage img{max-height:240px}
  .serieswrap{grid-template-columns:1fr;margin-top:24px}
  .sercol{padding:22px 0;gap:18px}
  .sercol:last-child{border-left:none;border-top:1px solid rgba(255,255,255,.16)}
  .sercol:first-child{padding-top:6px}
  .serplate{width:104px;height:120px}
  .dip-band{grid-template-columns:1fr}
  .dhalf{padding:34px 22px}
  .dname{font-size:26px}
  .dcsplit{grid-template-columns:1fr;gap:22px}
  .dcband .inner{padding:44px 20px}
  .dcband .bignum{font-size:88px}
  .dcright h2{font-size:26px;min-height:0}
  .dcright p{min-height:0}
  .catsec{padding:14px 0}
  .catsec > .wrap{padding:0 16px}
  .boxed{border-radius:20px}
  .stats{padding:40px 0}
  .stats-head h2{font-size:28px}
  .statrow{flex-direction:column}
  .sitem{display:grid;grid-template-columns:92px 1fr;align-items:baseline;column-gap:16px;padding:16px 2px;border-top:1px solid var(--line)}
  .sitem:first-child{border-top:none;padding-top:2px}
  .sitem .val{display:none}
  .sitem .val-sm{display:block;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1;color:var(--green);white-space:nowrap}
  .sitem .etxt{min-width:0}
  .sitem .lb{font-size:14px;margin-top:0}
  .sitem .ctx{margin-top:3px}
}
@media(max-width:900px){
  .ucat{padding:52px 0}
  .ucat .urow{grid-template-columns:1fr;gap:24px;padding:0 20px}
  .ucat.flip .uvisual{order:0}
  .ucontent h2{font-size:28px}
  .uvisual.num .big{font-size:72px}
}
@media(max-width:560px){footer.site .cols{grid-template-columns:1fr}}