/* DeshiGoo Agro & Dairy Farm (agro.deshigoo.com.bd). Own design, nothing shared with the consultancy site.
   Fonts are self-hosted (SIL Open Font License): Plus Jakarta Sans (English), Hind Siliguri (Bangla). */
@font-face{font-family:"Jakarta";src:url(/fonts/jakarta-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Hind";src:url(/fonts/hind-400-bn.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Hind";src:url(/fonts/hind-600-bn.woff2) format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+25CC}
@font-face{font-family:"Hind";src:url(/fonts/hind-700-bn.woff2) format("woff2");font-weight:700 800;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+25CC}

/* Bangla digits ০-৯ from Noto Sans Bengali (OFL): Hind Siliguri's light/medium "১" reads like "৯". Declared after Hind, so these win for digits only. */
@font-face{font-family:"Hind";src:url(/fonts/bn-digits-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+09E6-09EF}
@font-face{font-family:"Hind";src:url(/fonts/bn-digits-600.woff2) format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+09E6-09EF}
@font-face{font-family:"Hind";src:url(/fonts/bn-digits-700.woff2) format("woff2");font-weight:700 800;font-display:swap;unicode-range:U+09E6-09EF}

:root{
  --forest:#0d3b2c; --forest-2:#145a40; --leaf:#03bc62; --leaf-2:#2fd27e; --mint:#e7f7ee;
  --cream:#fbf7ee; --cream-2:#f4ecda; --wheat:#e9b949; --wheat-2:#f6dc95; --earth:#7a4f27;
  --ink:#17261e; --muted:#536459; --line:rgba(13,59,44,.12); --white:#fff;
  --glass:rgba(255,255,255,.62); --glass-line:rgba(255,255,255,.7);
  --r:22px; --shadow:0 18px 50px rgba(13,59,44,.14); --shadow-s:0 6px 20px rgba(13,59,44,.10);
  --font:"Jakarta","Hind",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);line-height:1.6;font-size:16px;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--forest-2)}
h1,h2,h3{line-height:1.2;margin:0}
.bn{font-family:"Hind",var(--font)}
.wrap{width:min(1180px,100% - 32px);margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--forest);color:#fff;padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--wheat);outline-offset:3px;border-radius:6px}
.ic{width:20px;height:20px;flex:none}

/* ---------- header ---------- */
.top{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s}
.top .bar{display:flex;align-items:center;gap:14px;height:76px}
.top.solid{background:rgba(251,247,238,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;min-width:0}
.top.solid .brand{color:var(--forest)}
.brand img{width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.brand b{display:block;font-size:15px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.brand span{display:block;font-family:"Hind",var(--font);font-size:13.5px;font-weight:600;opacity:.9;white-space:nowrap}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;padding:9px 12px;border-radius:999px;transition:background .2s}
.nav a small{display:block;font-family:"Hind",var(--font);font-size:12px;font-weight:500;opacity:.8;line-height:1.1}
.nav a:hover{background:rgba(255,255,255,.16)}
.top.solid .nav a{color:var(--forest)}
.top.solid .nav a:hover{background:var(--mint)}
.nav .cta{background:var(--leaf);color:#fff!important;display:flex;align-items:center;gap:7px;padding:10px 16px;margin-left:6px;box-shadow:0 6px 18px rgba(3,188,98,.35)}
.nav .cta:hover{background:#02a556!important}
.menu{display:none;margin-left:auto;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;width:46px;height:46px;border-radius:14px;cursor:pointer;align-items:center;justify-content:center}
.top.solid .menu{color:var(--forest);background:var(--mint);border-color:var(--line)}
@media (max-width:920px){
  .menu{display:flex}
  .nav{position:fixed;inset:76px 12px auto;flex-direction:column;align-items:stretch;gap:2px;padding:10px;border-radius:20px;background:rgba(251,247,238,.97);backdrop-filter:blur(14px);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}
  .nav.open{transform:none;opacity:1;pointer-events:auto}
  .nav a{color:var(--forest);padding:12px 14px;display:flex;justify-content:space-between;align-items:baseline}
  .nav a small{display:inline}
  .nav .cta{justify-content:center;margin:6px 0 0}
}
@media (max-width:420px){.brand b{font-size:13.5px}.brand span{font-size:12.5px}.brand img{width:44px;height:44px}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate;padding:110px 0 120px}
.hero picture,.hero .bg{position:absolute;inset:0;z-index:-2}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,32,23,.9) 0%,rgba(7,32,23,.78) 40%,rgba(7,32,23,.55) 70%,rgba(7,32,23,.5) 100%),linear-gradient(180deg,rgba(7,32,23,.35) 0%,transparent 30%,transparent 70%,rgba(7,32,23,.6) 100%)}
.hero .inner{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13.5px;font-weight:600}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--leaf-2);box-shadow:0 0 0 4px rgba(47,210,126,.25)}
.hero h1{margin:18px 0 6px;font-family:"Hind",var(--font);font-weight:700;font-size:clamp(34px,5.4vw,60px);line-height:1.15;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero h1 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;font-size:clamp(20px,2.8vw,30px);letter-spacing:.3px;color:var(--wheat-2);margin-top:6px}
.hero .lead{max-width:600px;margin:18px 0 0;font-size:clamp(16px,1.7vw,18.5px);text-shadow:0 1px 12px rgba(0,0,0,.45)}
.hero .lead.bn{font-size:clamp(17px,1.9vw,20px);margin-top:14px}
.hero .lead + .lead{margin-top:6px;color:rgba(255,255,255,.88)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none;font-size:15.5px;transition:transform .15s,box-shadow .2s,background .2s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn small{font-family:"Hind",var(--font);font-weight:600;font-size:14px;opacity:.9}
.btn.wa{background:var(--leaf);color:#fff;box-shadow:0 10px 28px rgba(3,188,98,.4)}
.btn.wa:hover{background:#02a556}
.btn.ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(255,255,255,.24)}
.btn.dark{background:var(--forest);color:#fff}
.btn.light{background:#fff;color:var(--forest);box-shadow:var(--shadow-s)}
.svc{padding-left:28px;border-left:2px solid rgba(255,255,255,.28);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.svc h2{font-family:"Hind",var(--font);font-size:clamp(24px,2.6vw,30px);font-weight:700;margin-bottom:18px}
.svc h2 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--wheat-2);margin-top:2px}
.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.svc li{display:flex;gap:14px;align-items:flex-start}
.svc li .ic{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--leaf);color:#fff;margin-top:2px;box-shadow:0 4px 14px rgba(3,188,98,.45)}
.svc b{display:block;font-family:"Hind",var(--font);font-size:19px;font-weight:600}
.svc span{display:block;font-size:14.5px;color:rgba(255,255,255,.8)}
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;z-index:0;color:var(--cream)}
.scroll{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);z-index:1;width:26px;height:42px;border:2px solid rgba(255,255,255,.6);border-radius:14px}
.scroll::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:sc 1.8s infinite}
@keyframes sc{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:920px){
  .hero{min-height:auto;padding:120px 0 130px}
  .hero .inner{grid-template-columns:1fr;gap:44px}
  .svc{padding-left:20px}
  .scroll{display:none}
}

/* ---------- sections ---------- */
section{position:relative}
.sec{padding:96px 0}
.head{text-align:center;max-width:720px;margin:0 auto 48px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--forest-2);background:var(--mint);padding:7px 14px;border-radius:999px}
.eyebrow .bn{letter-spacing:0;text-transform:none;font-weight:700;font-size:14px}
.head h2{margin-top:16px;font-family:"Hind",var(--font);font-weight:700;font-size:clamp(30px,4.4vw,46px);color:var(--forest)}
.head h2 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;font-size:clamp(19px,2.2vw,24px);color:var(--earth);margin-top:4px}
.head p{color:var(--muted);margin:14px 0 0}
.head p.bn{font-size:17.5px;color:var(--ink)}
.duo p{margin:0 0 12px}
.duo p.bn{font-size:17.5px;line-height:1.75}
.duo p:not(.bn){color:var(--muted)}

/* soft background shapes (transparent graphics) */
.blob{position:absolute;z-index:-1;pointer-events:none;opacity:.55}
.leafs{position:absolute;pointer-events:none;color:var(--leaf);opacity:.12;z-index:-1}

/* about */
.about{overflow:hidden;isolation:isolate}
.about .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.photo{position:relative;border-radius:30px;overflow:visible}
.photo img{border-radius:30px;width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow)}
.photo .badge{position:absolute;right:-18px;bottom:28px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;padding:16px 20px;box-shadow:var(--shadow-s);text-align:center}
.photo .badge b{display:block;font-size:30px;font-weight:800;color:var(--forest);line-height:1}
.photo .badge span{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:4px}
.photo .badge span.bn{font-size:14px;color:var(--ink)}
.photo .tag{position:absolute;left:-16px;top:30px;display:flex;align-items:center;gap:10px;background:var(--forest);color:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow-s)}
.photo .tag small{display:block;font-family:"Hind",var(--font);opacity:.85;font-size:13px}
.about .text h2{font-family:"Hind",var(--font);font-weight:700;color:var(--forest);font-size:clamp(28px,3.8vw,40px);margin:14px 0 18px}
.about .text h2 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;font-size:clamp(18px,2vw,22px);color:var(--earth);margin-top:4px}
.owner{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-s)}
.owner .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-weight:800}
.owner b{display:block}
.owner div>span{display:block;color:var(--muted);font-size:14px}
.owner b .bn{font-weight:600;color:var(--forest-2)}
@media (max-width:920px){.about .grid{grid-template-columns:1fr;gap:48px}.photo{max-width:520px;margin:0 auto}.photo .badge{right:10px}.photo .tag{left:10px}}

/* what we do */
.do{background:linear-gradient(180deg,var(--cream) 0%,#fff 18%,#fff 82%,var(--cream) 100%);isolation:isolate;overflow:hidden}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.big{position:relative;border-radius:30px;overflow:hidden;min-height:540px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow);isolation:isolate}
.big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;transition:transform .8s}
.big:hover img{transform:scale(1.05)}
.big::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(9,40,29,.85) 100%)}
.big .glass{margin:18px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:100%}
.big .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--forest);margin-bottom:14px}
.big h3{font-family:"Hind",var(--font);font-size:28px;font-weight:700}
.big h3 .en{font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;font-weight:700;color:var(--wheat-2);display:block}
.big p{margin:10px 0 0;opacity:.92}
.big p.bn{font-size:16.5px}
.products{margin-top:72px}
.products h3.t{text-align:center;font-family:"Hind",var(--font);font-size:28px;color:var(--forest)}
.products h3.t .en{font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;color:var(--earth);display:block}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.prod{background:#fff;border-radius:24px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-s);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.prod:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.prod .pic{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--mint)}
.prod .pic img{width:100%;height:100%;object-fit:cover}
.prod .pic.soon{display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,var(--wheat-2),transparent 55%),radial-gradient(circle at 75% 70%,#bfeed3,transparent 55%),var(--mint);color:var(--forest)}
.prod .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.prod h4{margin:0;font-family:"Hind",var(--font);font-size:21px;color:var(--forest)}
.prod h4 small{font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;color:var(--earth);font-weight:700;display:block}
.prod p{margin:0;color:var(--muted);font-size:14.5px}
.prod p.bn{color:var(--ink);font-size:15.5px}
.prod a{margin-top:auto;padding-top:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;color:var(--leaf);font-size:14.5px}
@media (max-width:920px){.cards2{grid-template-columns:1fr}.cards3{grid-template-columns:1fr 1fr}.big{min-height:380px}}
@media (max-width:600px){.cards3{grid-template-columns:1fr}}

/* promise */
.promise{isolation:isolate;overflow:hidden}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.val{padding:28px 22px;border-radius:24px;background:var(--glass);border:1px solid #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-s);text-align:center}
.val .ico{width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--leaf),var(--forest-2));box-shadow:0 10px 22px rgba(3,188,98,.3)}
.val:nth-child(2) .ico{background:linear-gradient(135deg,var(--wheat),var(--earth));box-shadow:0 10px 22px rgba(233,185,73,.35)}
.val:nth-child(4) .ico{background:linear-gradient(135deg,#43c3d6,#167f95);box-shadow:0 10px 22px rgba(22,127,149,.3)}
.val h3{font-family:"Hind",var(--font);font-size:21px;color:var(--forest)}
.val h3 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;color:var(--earth);font-weight:700}
.val p{margin:10px 0 0;font-size:14.5px;color:var(--muted)}
.val p.bn{color:var(--ink);font-size:15.5px;margin-top:8px}
@media (max-width:920px){.vals{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.vals{grid-template-columns:1fr}}

/* gallery */
.gallery{background:var(--forest);color:#fff;isolation:isolate;overflow:hidden}
.gallery .head h2{color:#fff}
.gallery .head h2 .en{color:var(--wheat-2)}
.gallery .eyebrow{background:rgba(255,255,255,.1);color:var(--leaf-2)}
.gallery .head p{color:rgba(255,255,255,.75)}
.gallery .head p.bn{color:#fff}
.grid-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.grid-g a{position:relative;border-radius:20px;overflow:hidden;display:block;background:var(--forest-2)}
.grid-g a:nth-child(1){grid-column:span 2;grid-row:span 2}
.grid-g img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .3s}
.grid-g a:hover img{transform:scale(1.06)}
.grid-g a::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
@media (max-width:920px){.grid-g{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}
.lb{position:fixed;inset:0;z-index:90;background:rgba(6,24,17,.92);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}
.lb.open{display:flex}
.lb img{max-height:86vh;max-width:min(1200px,100%);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb button{position:absolute;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:22px;display:grid;place-items:center}
.lb .x{top:18px;right:18px}.lb .pv{left:14px;top:50%;margin-top:-24px}.lb .nx{right:14px;top:50%;margin-top:-24px}

/* cta band */
.band{padding:80px 0 0}
.band .box{position:relative;overflow:hidden;border-radius:32px;padding:54px 48px;display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;background:linear-gradient(120deg,var(--leaf) 0%,#06a25a 45%,var(--forest-2) 100%);color:#fff;box-shadow:0 30px 70px rgba(3,188,98,.3);isolation:isolate}
.band h2{font-family:"Hind",var(--font);font-size:clamp(26px,3.4vw,36px)}
.band h2 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:clamp(17px,2vw,21px);font-weight:700;opacity:.9;margin-top:4px}
.band .btns{margin-top:0;justify-content:flex-end}
.band svg.deco{position:absolute;z-index:-1;opacity:.18;color:#fff}
@media (max-width:820px){.band .box{grid-template-columns:1fr;padding:40px 26px;text-align:center}.band .btns{justify-content:center}}

/* contact */
.contact{padding-top:40px;isolation:isolate;overflow:hidden}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.clist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.clist li a,.clist li > div{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .15s,border-color .2s}
.clist li a:hover{transform:translateY(-2px);border-color:rgba(3,188,98,.5)}
.clist .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--forest-2);flex:none}
.clist b{display:block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--earth)}
.clist b .bn{display:inline;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
.clist span{display:block;font-weight:600;word-break:break-word}
.clist span.bn{font-weight:500;color:var(--muted);font-size:15px}
.visit{position:relative;border-radius:30px;overflow:hidden;min-height:420px;color:#fff;display:flex;align-items:flex-end;isolation:isolate;box-shadow:var(--shadow)}
.visit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.visit::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,40,29,.15),rgba(9,40,29,.85))}
.visit .glass{margin:18px;padding:24px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:100%}
.visit h3{font-family:"Hind",var(--font);font-size:26px}
.visit h3 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;color:var(--wheat-2)}
.visit p{margin:10px 0 16px;opacity:.92}
@media (max-width:920px){.cgrid{grid-template-columns:1fr}}

/* footer */
.foot{background:#08281e;color:rgba(255,255,255,.8);padding:70px 0 28px;margin-top:0;position:relative}
.foot .fg{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}
.foot .fb{display:flex;gap:14px;align-items:center}
.foot .fb img{width:72px;height:72px;border-radius:50%;background:#fff}
.foot .fb b{display:block;color:#fff;font-size:17px}
.foot .fb span{display:block;font-family:"Hind",var(--font);color:var(--wheat-2);font-weight:600}
.foot p{margin:16px 0 0;font-size:14.5px}
.foot h4{color:#fff;margin:0 0 14px;font-size:15px;letter-spacing:.5px}
.foot h4 .bn{font-weight:600;color:rgba(255,255,255,.6);margin-left:6px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.foot a{color:rgba(255,255,255,.85);text-decoration:none}
.foot a:hover{color:var(--leaf-2)}
.foot .soc{display:flex;gap:10px;margin-top:18px}
.foot .soc a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.foot .soc a:hover{background:var(--leaf);color:#fff}
.foot .bot{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13.5px;color:rgba(255,255,255,.6)}
@media (max-width:920px){.foot .fg{grid-template-columns:1fr;gap:30px}}

/* floating WhatsApp */
.fab{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(3,188,98,.45);transition:transform .2s}
.fab:hover{transform:scale(1.07)}
.fab .ic{width:28px;height:28px}

/* reveal on scroll (only when JS runs) */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}

/* simple pages (privacy, 404) */
.page{padding:140px 0 40px}
.page .doc{max-width:820px;margin:0 auto;background:#fff;border-radius:28px;padding:44px clamp(22px,5vw,56px);box-shadow:var(--shadow-s);border:1px solid var(--line)}
.page h1{font-family:"Hind",var(--font);color:var(--forest);font-size:clamp(30px,4vw,40px)}
.page h1 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:20px;color:var(--earth);margin-top:4px}
.page h2{font-size:19px;color:var(--forest);margin:30px 0 8px}
.page h2 .bn{display:block;font-size:18px;color:var(--earth);font-weight:600}
.page p,.page li{color:var(--ink)}
.page p.bn,.page li.bn{font-size:17px}
.page .muted{color:var(--muted);font-size:14px}
.top.page-top{background:rgba(251,247,238,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.top.page-top .brand,.top.page-top .nav a{color:var(--forest)}
.top.page-top .menu{color:var(--forest);background:var(--mint);border-color:var(--line)}

/* how to order + WhatsApp order builder */
.order{isolation:isolate;overflow:hidden;padding-top:40px}
.ogrid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
.steps li{display:flex;gap:18px;align-items:flex-start;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-s)}
.steps .n{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:"Hind",var(--font);font-weight:700;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--leaf),var(--forest-2));box-shadow:0 8px 18px rgba(3,188,98,.3)}
.steps h3{font-family:"Hind",var(--font);font-size:21px;color:var(--forest)}
.steps h3 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;color:var(--earth);font-weight:700}
.steps p{margin:6px 0 0;color:var(--muted);font-size:14.5px}
.steps p.bn{color:var(--ink);font-size:16px}
.ob{padding:28px;border-radius:26px;background:linear-gradient(160deg,#fff 0%,var(--mint) 100%);border:1px solid #fff;box-shadow:var(--shadow);display:grid;gap:8px}
.ob h3{font-family:"Hind",var(--font);font-size:23px;color:var(--forest);margin-bottom:6px}
.ob h3 .en{display:block;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;color:var(--earth);font-weight:700}
.ob label{font-size:13.5px;font-weight:700;color:var(--forest-2);margin-top:6px}
.ob input,.ob select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:14px;border:1px solid rgba(13,59,44,.2);background:#fff;color:var(--ink)}
.ob input:focus,.ob select:focus{outline:3px solid rgba(3,188,98,.35);border-color:var(--leaf)}
.ob .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ob .two > div{display:grid;gap:8px}
.ob .btn{justify-content:center;margin-top:12px}
.ob .note{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
@media (max-width:920px){.ogrid{grid-template-columns:1fr}}
@media (max-width:420px){.ob .two{grid-template-columns:1fr}}

/* FAQ */
.faq{padding-bottom:40px}
.qa{max-width:860px;margin:0 auto;display:grid;gap:12px}
.qa details{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-s);overflow:hidden}
.qa summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-weight:700;font-size:20px;transition:transform .2s}
.qa details[open] summary::after{content:"–"}
.qa summary .bn{display:block;font-size:18px;font-weight:600;color:var(--forest)}
.qa summary .en{display:block;font-size:14.5px;color:var(--earth);font-weight:600}
.qa details > div{padding:0 22px 18px}
.qa p{margin:6px 0 0;color:var(--muted)}
.qa p.bn{color:var(--ink);font-size:16.5px}

.prod .pic .soon-tag{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--forest);font-weight:700;font-size:13px}
@media (max-width:700px){.sec{padding:60px 0}.head{margin-bottom:32px}.products{margin-top:48px}.order{padding-top:20px}}

/* phone polish */
.ob .btn{flex-wrap:wrap;text-align:center;line-height:1.25}
.ob .btn small{display:block;width:100%;font-family:var(--font);opacity:.85}
@media (max-width:700px){
  .hero h1{font-size:8.6vw;text-wrap:balance}
  .hero .lead.bn{font-size:17px}
  .btns .btn{flex:1 1 auto;justify-content:center}
  .about.sec{padding-bottom:30px}
  .do.sec{padding-top:40px}
  .big{min-height:0;flex-direction:column;align-items:stretch;background:var(--forest)}
  .big img{position:relative;inset:auto;height:220px;z-index:0}
  .big::before{display:none}
  .big .glass{margin:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:20px 20px 24px}
  .big .ico{margin-top:-46px;position:relative;box-shadow:var(--shadow-s)}
  .photo img{aspect-ratio:4/3.4}
  .clist li a,.clist li > div{padding:16px}
  .visit{min-height:380px}
  .band .box{padding:34px 20px}
  .foot{padding-top:54px}
  .visit .btn small{display:none}
  .steps li{padding:18px}
}

/* contact: colourful panel with action tiles (replaces the plain list) */
.contact{background:radial-gradient(900px 420px at 85% 10%,rgba(3,188,98,.10),transparent 60%),radial-gradient(700px 380px at 10% 90%,rgba(233,185,73,.14),transparent 60%)}
.cpanel{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;padding:30px;color:#fff;background:linear-gradient(145deg,#0f4a35 0%,var(--forest) 55%,#08281e 100%);box-shadow:0 30px 60px rgba(13,59,44,.28)}
.cpanel .deco{position:absolute;right:-50px;top:-40px;width:230px;color:var(--leaf);opacity:.12;z-index:-1}
.cpanel::after{content:"";position:absolute;left:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(233,185,73,.25),transparent 70%);z-index:-1}
.cpanel .ct{margin:0}
.cpanel .ct.bn{font-size:21px;font-weight:700}
.cpanel .ct.en{color:var(--wheat-2);font-weight:600;margin:2px 0 20px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 16px 16px;border-radius:20px;text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);transition:transform .2s,background .2s,border-color .2s;min-width:0}
.tile:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.tile .ti{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.tile .ti .ic{width:24px;height:24px}
.t-wa .ti{background:linear-gradient(135deg,#25d366,#03a650)}
.t-tel .ti{background:linear-gradient(135deg,var(--wheat),#c98a1d)}
.t-mail .ti{background:linear-gradient(135deg,#43c3d6,#167f95)}
.t-fb .ti{background:linear-gradient(135deg,#4b8cf7,#1b5fd1)}
.tile .tl{font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.tile .tl .bn{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:600}
.tile .tv{font-weight:700;font-size:15.5px;overflow-wrap:anywhere}
.tile .go{position:absolute;right:16px;top:18px;font-size:18px;opacity:.5;transition:transform .2s,opacity .2s}
.tile:hover .go{opacity:1;transform:translateX(3px)}
.addr{display:flex;gap:14px;align-items:flex-start;margin-top:12px;padding:16px;border-radius:20px;background:rgba(255,255,255,.95);color:var(--ink)}
.addr .ti{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#e2574c,#b8352b)}
.addr b{display:block;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;color:var(--earth)}
.addr b .bn{display:inline;text-transform:none;letter-spacing:0;font-size:13.5px}
.addr span{display:block;font-weight:600;font-size:15px}
.addr span.bn{font-weight:500;color:var(--muted);font-size:15px;margin-top:2px}
@media (max-width:420px){.cpanel{padding:22px 16px}.tiles{gap:10px}.tile{padding:14px 12px}.tile .tv{font-size:14px}}

/* The Bangla address uses Noto Sans Bengali (OFL), which joins conjuncts like "ন্দ" (চন্দরপুর) cleanly on every phone */
@font-face{font-family:"NotoBn";src:url(/fonts/noto-bn-500.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+25CC}
.addr span.bn{font-family:"NotoBn","Hind",var(--font);font-weight:500}