/* BEN – Bangladesh theme: flag green & red, golden sun accent, jamdani-inspired pattern.  Loaded after style.css. */
:root{
  --bdg:#006A4E; --bdg-d:#00382a; --bdg-l:#0b8f6a; --bdr:#F42A41; --bdr-d:#c4162b; --sun:#F5D27A;
  --mint:#fff; --cream:#fff; --rose:#fff; --sky:#fff;
  --green:#006A4E; --green-d:#00382a; --red:#F42A41; --red-d:#c4162b;
  --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 2 42 22 22 42 2 22z' fill='none' stroke='%23ffffff' stroke-opacity='.2' stroke-width='1.2'/%3E%3Cpath d='M22 12 32 22 22 32 12 22z' fill='none' stroke='%23ff8a98' stroke-opacity='.6' stroke-width='1.3'/%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23ffd9de' fill-opacity='.45'/%3E%3C/svg%3E");
  --pat-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 2 42 22 22 42 2 22z' fill='none' stroke='%23006A4E' stroke-opacity='.08' stroke-width='1.2'/%3E%3Cpath d='M22 12 32 22 22 32 12 22z' fill='none' stroke='%23F42A41' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");
}
body{background:#fff}

/* ---------- flag bar ---------- */
.flagbar{position:relative;background:linear-gradient(90deg,#00382a,#006A4E 55%,#00382a);color:#fff;font-size:13px;overflow:hidden}
.flagbar::before{content:"";position:absolute;left:-26px;top:50%;width:64px;height:64px;transform:translateY(-50%);border-radius:50%;background:var(--bdr);box-shadow:0 0 0 6px rgba(244,42,65,.25)}
.flagbar .wrap{display:flex;align-items:center;gap:12px;height:38px;position:relative}
.flagbar img{border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.4);margin-left:34px}
.flagbar span{flex:1;font-weight:500;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flagbar a{color:var(--sun);font-weight:700;text-decoration:none;white-space:nowrap}
@media (max-width:640px){.flagbar a{display:none}}

/* ---------- header ---------- */
.site-header{border-bottom:3px solid;border-image:linear-gradient(90deg,var(--bdg) 0 72%,var(--bdr) 72%) 1;box-shadow:0 6px 24px rgba(0,56,42,.08)}
.nav a:hover{background:var(--mint);color:var(--bdg)}
.lang{border-color:var(--bdg);color:var(--bdg)}.lang:hover{background:var(--bdg)}
.btn-red{background:linear-gradient(135deg,#F42A41,#c4162b);box-shadow:0 10px 26px rgba(244,42,65,.38)}
.btn-red:hover{background:linear-gradient(135deg,#ff6173,#c4162b)}
.btn-green{background:linear-gradient(135deg,#0b8f6a,#006A4E)}.btn-green:hover{background:#00573f}
.btn-line{border-color:var(--bdg);color:var(--bdg)}.btn-line:hover{background:var(--bdg)}

/* ---------- hero ---------- */
.hero{background:
  radial-gradient(900px 520px at 82% 46%,rgba(244,42,65,.40),transparent 62%),
  radial-gradient(700px 420px at 8% 100%,rgba(245,184,61,.16),transparent 60%),
  linear-gradient(135deg,#00382a 0%,#006A4E 52%,#014d38 100%);box-shadow:none}
.hero::before{background:var(--pat);background-size:44px 44px;opacity:1}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--bdr) 0 24%,var(--sun) 24% 38%,#fff 38% 40%,var(--bdg-l) 40%)}
.hero-wm{position:absolute;left:50%;bottom:-3%;transform:translateX(-50%);font-weight:900;font-size:clamp(84px,17vw,250px);line-height:.85;color:rgba(255,255,255,.055);white-space:nowrap;pointer-events:none;letter-spacing:-3px;user-select:none}
.hero h1{text-shadow:0 4px 30px rgba(0,0,0,.25)}
.badge{background:rgba(255,255,255,.12);border:1px solid rgba(245,184,61,.6);color:#fff;display:inline-flex;align-items:center;gap:8px}
.badge::before{content:"";width:22px;height:13px;border-radius:2px;background:#006A4E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 13'%3E%3Ccircle cx='9.8' cy='6.5' r='3.9' fill='%23F42A41'/%3E%3C/svg%3E") center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.chips li{background:rgba(255,255,255,.12);border-left:3px solid var(--sun)}
.hero-links a{color:#fff}
.tagline{color:#fff;opacity:.95}
.hero-visual{align-items:center}
.orbit{position:relative;width:min(100%,520px);aspect-ratio:1;margin-inline:auto}
.orbit-sun{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.2),rgba(255,255,255,.04) 62%,transparent 70%);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 120px rgba(244,42,65,.35)}
.orbit-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit-map{position:absolute;left:50%;top:50%;width:52%;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 26px rgba(0,0,0,.4));animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{transform:translate(-50%,-52%) scale(1.02)}}
.orb{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;background:#fff;color:#0f2a22;font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;box-shadow:0 12px 26px rgba(0,0,0,.28);white-space:nowrap;animation:floaty 5s ease-in-out infinite}
.orb i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.orb.o0{--c:#006A4E}.orb.o1{--c:#F42A41}.orb.o2{--c:#F5D27A}
@media (prefers-reduced-motion:reduce){.orbit-ring,.orbit-map,.orb{animation:none}}
@media (max-width:1020px){.orbit{width:min(92%,400px)}.orb{font-size:11.5px;padding:6px 10px}}
.float-card{border-color:rgba(245,184,61,.6)}
.float-card.f1{left:-2%;top:2%}.float-card.f2{right:0;bottom:2%}

/* ---------- goals ---------- */
.goals{background:linear-gradient(100deg,#00382a,#006A4E 48%,#b01a2e);position:relative;overflow:hidden}
.goals::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px}
.goals .wrap{position:relative}.goals h2{color:#fff}.goal{border-left-color:var(--sun)}

/* ---------- headings & sections ---------- */
.eyebrow{background:rgba(0,106,78,.1);color:var(--bdg);padding:5px 12px;border-radius:999px;letter-spacing:1.4px}
.eyebrow::before{background:var(--bdr);width:22px;height:3px;border-radius:2px}
.section h2::after{content:"";display:block;width:92px;height:5px;margin-top:14px;border-radius:99px;background:linear-gradient(90deg,var(--bdg) 0 62%,var(--bdr) 62%)}
.section.dark h2::after,.section.demo h2::after,.section.ix h2::after,.join h2::after{background:linear-gradient(90deg,var(--sun) 0 62%,var(--bdr) 62%)}
.section.dark .eyebrow,.section.demo .eyebrow,.section.ix .eyebrow,.join .eyebrow{background:rgba(245,184,61,.16);color:#fff}
.section{position:relative}
#problem{background:#fff}
#ecosystem{background:linear-gradient(180deg,var(--mint),#fff)}
#how{background:var(--cream)}
#services{background:linear-gradient(180deg,#fff,var(--mint))}
#featured{background:var(--rose)}
#academy{background:var(--mint)}
#referral{background:var(--rose)}
#boq{background:var(--cream)}
#tech{background:#fff}
#roadmap{background:linear-gradient(180deg,var(--mint),#fff)}
#resources{background:var(--rose)}
#about{background:#fff}
#faq{background:var(--mint)}
#contact{background:var(--cream)}
#ecosystem::before,#academy::before,#faq::before{content:"";position:absolute;inset:0;background:var(--pat-d);background-size:44px 44px;pointer-events:none}
.section>.wrap{position:relative}
.section.dark{background:linear-gradient(160deg,#00382a,#0b2b22 60%,#3a0b16)}
.section.demo{background:radial-gradient(900px 480px at 85% 10%,rgba(244,42,65,.28),transparent 60%),linear-gradient(160deg,#00382a,#0a2a20)}
.section.ix{background:radial-gradient(800px 460px at 12% 20%,rgba(11,153,112,.35),transparent 60%),linear-gradient(160deg,#09201a,#0f2a22)}
.section.join{background:radial-gradient(700px 420px at 90% 0%,rgba(244,42,65,.45),transparent 60%),linear-gradient(160deg,#00382a,#006A4E)}

/* cards: colourful accents */
.card{border-radius:18px;border:1px solid rgba(0,56,42,.1);box-shadow:0 6px 22px rgba(0,56,42,.06)}
.grid>.card:nth-child(3n+1){border-top:4px solid var(--bdg)}
.grid>.card:nth-child(3n+2){border-top:4px solid var(--bdr)}
.grid>.card:nth-child(3n){border-top:4px solid var(--sun)}
.grid>.card:nth-child(3n+1) .ico{background:#fff;color:#006A4E}
.grid>.card:nth-child(3n+2) .ico{background:#fff;color:#c4162b}
.grid>.card:nth-child(3n) .ico{background:#fff;color:#9a6b00}
.dark .card,.demo .card{border-top-width:1px}
.dark .grid>.card .ico{background:rgba(255,255,255,.12)!important;color:#fff!important}
.card:hover{border-color:var(--sun);box-shadow:0 18px 40px rgba(0,56,42,.16)}
.pf .fix{color:var(--bdg)}.pf .fix::before{color:var(--bdr)}
.step{border-top:3px solid var(--bdg)}.step:nth-child(even){border-top-color:var(--bdr)}
.step::before{background:var(--bdg)}.step:nth-child(3)::before,.step:nth-child(5)::before{background:var(--bdr)}
.phase{border-top-width:6px}.phase:nth-child(1){border-top-color:var(--bdg)}.phase:nth-child(2){border-top-color:var(--sun)}.phase:nth-child(3){border-top-color:var(--bdr)}.phase:nth-child(4){border-top-color:#0b8f6a}.phase:nth-child(5){border-top-color:#0f2a22}
.flow span{background:linear-gradient(135deg,#0b8f6a,#006A4E)}.flow span:nth-of-type(odd){background:linear-gradient(135deg,#006A4E,#00382a)}.flow span:nth-of-type(3){background:linear-gradient(135deg,#F42A41,#c4162b)}
.values span{background:var(--mint);color:var(--bdg)}.values span:nth-child(even){background:var(--rose);color:#c4162b}
.tag.g{background:#fff;color:#006A4E}
.goal b{color:#fff}

/* ---------- Bangladesh section ---------- */
.section.bd{background:linear-gradient(135deg,var(--mint) 0%,#fff 55%,var(--rose) 100%);overflow:hidden}
.section.bd::before{content:"";position:absolute;inset:0;background:var(--pat-d);background-size:44px 44px;opacity:.9;pointer-events:none}
.bd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.bd-stats{display:flex;gap:14px;margin:26px 0 18px;flex-wrap:wrap}
.bd-stats>div{background:#fff;border-radius:16px;padding:14px 22px;box-shadow:0 8px 22px rgba(0,56,42,.1);border-bottom:4px solid var(--bdg);min-width:110px}
.bd-stats>div:nth-child(2){border-bottom-color:var(--bdr)}.bd-stats>div:nth-child(3){border-bottom-color:var(--sun)}
.bd-stats b{display:block;font-size:34px;line-height:1.1;background:linear-gradient(135deg,var(--bdg),var(--bdr));-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-stats span{font-size:13px;color:var(--steel);font-weight:700}
.bd-div{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.dv{padding:7px 16px;border-radius:999px;font-weight:700;font-size:14px;color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.dv.d0{background:linear-gradient(135deg,#0b8f6a,#006A4E)}.dv.d1{background:linear-gradient(135deg,#F42A41,#c4162b)}.dv.d2{background:linear-gradient(135deg,#F5D27A,#C9A14A);color:#3a2800}
.bd-pillars{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.bd-pillars li{display:flex;gap:12px;align-items:center;font-weight:500;color:var(--navy)}
.bd-pillars li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--bdr);box-shadow:0 0 0 4px rgba(244,42,65,.18);flex:none}
.bd-pillars li:nth-child(2)::before{background:var(--bdg);box-shadow:0 0 0 4px rgba(0,106,78,.18)}.bd-pillars li:nth-child(3)::before{background:var(--sun);box-shadow:0 0 0 4px rgba(245,184,61,.25)}
.bd-flag{position:relative;aspect-ratio:10/8;border-radius:30px;background:radial-gradient(circle at 50% 46%,#0b8f6a,#006A4E 52%,#00382a);display:grid;place-items:center;box-shadow:0 30px 70px rgba(0,56,42,.4);overflow:hidden;border:6px solid #fff;outline:2px solid var(--sun)}
.bd-flag::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px}
.bd-flag .sun{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 68%)}
.bd-flag img{position:relative;height:84%;width:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.4))}
@media (max-width:1020px){.bd-grid{grid-template-columns:1fr}}

/* ---------- demo / join / footer ---------- */
.phone{box-shadow:0 0 0 2px #24332d,0 40px 80px rgba(0,0,0,.55),0 0 90px rgba(244,42,65,.25)}
.sem-card{background:rgba(255,255,255,.1);border-color:rgba(245,184,61,.4)}
.footer{background:linear-gradient(135deg,#00382a,#006A4E);border-top:7px solid var(--bdr);position:relative;overflow:hidden;color:#fff}
.footer::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px}
.footer::after{content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:var(--bdr);opacity:.9}
.footer-in{position:relative;z-index:1}.footer-meta{color:#fff}
.wa-float{background:linear-gradient(135deg,#34e27a,#16a34a)}
.progress{background:linear-gradient(90deg,var(--bdg),var(--sun),var(--bdr))}
.lnk{color:var(--bdg)}
.demo-feat .ico{background:rgba(245,184,61,.2)!important;color:#fff!important}
/* brighter, more colourful hero + larger emblem */
.hero{background:
  radial-gradient(760px 560px at 80% 46%,rgba(244,42,65,.55),transparent 64%),
  radial-gradient(620px 420px at 10% 0%,rgba(245,184,61,.22),transparent 60%),
  radial-gradient(520px 380px at 40% 110%,rgba(11,153,112,.55),transparent 62%),
  linear-gradient(135deg,#00513b 0%,#006A4E 48%,#0b8f6a 100%)}
.orbit-map{width:60%}
.orbit-sun{inset:8%}
.bd-flag img{height:78%}

/* ===== clickable academy tracks, steps, role cards ===== */
.flow button{font:inherit;border:0;cursor:pointer;color:#fff;padding:11px 20px;border-radius:12px;font-weight:700;font-size:15px;background:linear-gradient(135deg,#006A4E,#00382a);box-shadow:0 6px 16px rgba(0,56,42,.2);transition:.18s}
.flow button:nth-of-type(2){background:linear-gradient(135deg,#0b8f6a,#006A4E)}
.flow button:nth-of-type(3){background:linear-gradient(135deg,#F42A41,#c4162b)}
.flow button:nth-of-type(4){background:linear-gradient(135deg,#F5D27A,#C9A14A);color:#3a2800}
.flow button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,56,42,.28)}
.topics li{padding:0;border:0;background:none}
.topic{width:100%;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-weight:700;color:var(--navy);background:#fff;border:1.5px solid rgba(0,106,78,.25);border-left:5px solid var(--bdg);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.18s;box-shadow:0 4px 14px rgba(0,56,42,.06)}
.topic span{flex:1}.topic em{font-style:normal;color:var(--bdr);font-weight:700;transition:.18s}
.topics li:nth-child(3n+2) .topic{border-left-color:var(--bdr)}.topics li:nth-child(3n) .topic{border-left-color:var(--sun)}
.topic:hover{transform:translateY(-3px);border-color:var(--sun);box-shadow:0 14px 30px rgba(0,56,42,.16)}
.topic:hover em{transform:translateX(5px)}
.topics li::before{content:none!important}
.role-c{cursor:pointer}.role-c:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.more-l{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--bdg)}
.role-c:hover .more-l{color:var(--bdr)}
.alert-b{display:inline-block;background:var(--mint);color:var(--bdg);font-weight:700;font-size:13.5px;padding:6px 14px;border-radius:999px;margin-bottom:6px}
.flow-n{display:inline-block;background:var(--bdr);color:#fff;font-weight:700;padding:3px 12px;border-radius:99px;font-size:13px}
.stepper2{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.stepper2 button{flex:1;min-width:90px;font:inherit;font-size:12.5px;font-weight:700;border:0;border-radius:10px;padding:10px 6px;background:var(--grey);color:var(--steel);cursor:pointer}
.stepper2 button.done{background:var(--bdg);color:#fff}.stepper2 button.on{background:var(--sun);color:#3a2800}

/* ===== blueprint-based sections ===== */
.hero-strap{display:inline-block;margin:0 0 14px;padding:10px 18px;border-radius:14px;background:linear-gradient(90deg,rgba(244,42,65,.92),rgba(196,22,43,.92));color:#fff;font-weight:700;font-size:clamp(15px,1.7vw,18px);box-shadow:0 12px 30px rgba(244,42,65,.35);max-width:100%}
.hero-strap:empty{display:none}
.mut2{color:var(--muted);margin:0 0 18px;max-width:70ch}
.tg2{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;background:var(--mint);color:var(--bdg)}
.section.idea{background:linear-gradient(160deg,#00382a,#006A4E 55%,#0b8f6a);color:#fff;overflow:hidden}
.section.idea::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px}
.section.idea::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(244,42,65,.7),transparent 68%)}
.section.idea h2{color:#fff}.section.idea .section-lead{color:#fff}.section.idea .eyebrow{background:rgba(245,184,61,.18);color:#fff}.section.idea h2::after{background:linear-gradient(90deg,var(--sun) 0 62%,var(--bdr) 62%)}
.idea-quote{background:rgba(255,255,255,.1);border:1px solid rgba(245,184,61,.5);border-radius:18px;padding:22px 26px;margin-bottom:24px;font-size:clamp(18px,2.4vw,26px);backdrop-filter:blur(4px)}
.section.idea .card{background:rgba(255,255,255,.96)}
.result-bar{margin-top:22px;background:linear-gradient(90deg,#00382a,#006A4E);color:#fff;border-radius:16px;padding:18px 24px;font-weight:500;border-left:6px solid var(--bdr)}
.step b{display:block;color:var(--navy);font-size:15px;margin-bottom:6px}.step small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;font-weight:400}
.trust-note{margin-top:22px;text-align:center;font-style:italic;color:#fff}
.ben3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 8px}
.ben3>div{background:#fff;border-radius:16px;padding:18px 20px;border-top:4px solid var(--bdg);box-shadow:0 6px 18px rgba(0,56,42,.08)}
.ben3>div.hot{background:linear-gradient(135deg,#00382a,#006A4E);color:#fff;border-top-color:var(--bdr)}
.ben3 b{display:block;margin-bottom:6px}.ben3 span{font-size:14px;opacity:.9}
.who4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.who4>div{background:linear-gradient(135deg,#00382a,#006A4E);color:#fff;border-radius:16px;padding:16px 18px}.who4>div:nth-child(2){background:linear-gradient(135deg,#c4162b,#8f0f1f)}.who4>div:nth-child(3){background:linear-gradient(135deg,#0b8f6a,#006A4E)}.who4>div:nth-child(4){background:linear-gradient(135deg,#0f2a22,#00382a)}
.who4 b{display:block;color:var(--sun);margin-bottom:4px}.who4 span{font-size:13.5px;opacity:.92}
@media (max-width:1020px){.ben3,.who4{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ben3,.who4{grid-template-columns:1fr}}

/* estimator */
.est-grid{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:20px;align-items:start}
.boq-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.est-card{background:linear-gradient(150deg,#00382a,#0b2b22);color:#fff;border-radius:18px;padding:22px;position:relative;overflow:hidden}
.est-card::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(244,42,65,.55),transparent 65%)}
.est-card small{color:#9fe0c5;font-weight:700;letter-spacing:.5px}.est-big{font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.15;margin:6px 0 2px}.est-sub{opacity:.8;font-size:14px;margin-bottom:14px}
.est-rows{display:grid;gap:8px}.est-rows>div{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12)}.est-rows span{opacity:.8}
.est-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;margin:14px 0 10px}.est-bar i.s0{background:#0b8f6a}.est-bar i.s1{background:var(--sun)}.est-bar i.s2{background:var(--bdr)}.est-bar i.s3{background:#c9a14a}
.est-q{font-size:13px;opacity:.88;line-height:1.7}.est-q span{font-weight:700;color:var(--sun)}
.card.engine{background:var(--mint)}
@media (max-width:1100px){.est-grid{grid-template-columns:1fr 1fr}.card.engine{grid-column:1/-1}}@media (max-width:640px){.est-grid{grid-template-columns:1fr}}

/* bidding */
.bid-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}
.bid-steps{list-style:none;padding:0;margin:0;counter-reset:b;display:grid;gap:14px}
.bid-steps li{counter-increment:b;position:relative;padding-left:46px}.bid-steps li::before{content:counter(b);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--bdg);color:#fff;display:grid;place-items:center;font-weight:700}
.bid-steps li:nth-child(even)::before{background:var(--bdr)}.bid-steps b{display:block;color:var(--navy)}.bid-steps span{font-size:14px;color:var(--muted)}
.cmp-t{font-weight:700;color:var(--steel);margin:0 0 10px;font-size:14px}
.bid{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:10px;transition:.2s}.bid:hover{transform:translateX(4px)}
.bid.hi{border-color:var(--bdg);background:var(--mint);box-shadow:0 10px 26px rgba(0,106,78,.18)}
.bid-ic{width:46px;height:46px;border-radius:50%;background:var(--bdg);color:#fff;display:grid;place-items:center;flex:none}.bid-ic svg{width:22px;height:22px}
.bid-m{flex:1;min-width:0}.bid-m b{display:block;color:var(--navy)}.bid-m span{font-size:13px;color:var(--steel)}.bid-m em{font-style:normal;color:var(--bdg);font-weight:700;margin-right:8px}.bid-m small{display:block;font-size:12px;font-weight:700;color:var(--steel)}.bid-m small.best{color:var(--bdr)}
.bid-p{text-align:right}.bid-p b{display:block;font-size:18px;color:var(--navy)}.bid-p span{font-size:13px;color:var(--steel)}
.trades{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trade{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;transition:.2s}.trade:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,56,42,.12)}
.trade>span{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:var(--bdg)}.trade.c1>span{background:var(--bdr)}.trade.c2>span{background:#d99a1e}.trade svg{width:20px;height:20px}
.trade b{display:block;font-size:14.5px;color:var(--navy)}.trade small{font-size:12.5px;color:var(--steel)}
@media (max-width:1020px){.bid-grid{grid-template-columns:1fr}.trades{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.trades{grid-template-columns:1fr}}

/* escrow */
.section.escrow{background:linear-gradient(160deg,#00251b,#0b3a2c 70%);padding-top:0}
.escrow-dark{background:linear-gradient(160deg,#00382a,#0a2a20);color:#fff;border-radius:0 0 36px 36px;padding:80px 0 56px;margin:0 -9999px 40px;padding-left:9999px;padding-right:9999px;position:relative;overflow:hidden}
.escrow-dark::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px}
.escrow-dark>*{position:relative}
.escrow-dark h2{color:#fff}.escrow-dark .section-lead{color:#c9e8dc}.escrow-dark .eyebrow{background:rgba(245,184,61,.18);color:#fff}.escrow-dark h2::after{background:linear-gradient(90deg,var(--sun) 0 62%,var(--bdr) 62%)}
.esc-flow{display:flex;align-items:stretch;gap:12px;margin:8px 0 14px}
.esc-node{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:20px;text-align:center}
.esc-node.hot{background:linear-gradient(145deg,#F42A41,#c4162b);border-color:transparent;box-shadow:0 18px 40px rgba(244,42,65,.45)}
.esc-node>span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);display:inline-grid;place-items:center;margin-bottom:10px}.esc-node.hot>span{background:#fff;color:var(--bdr)}.esc-node svg{width:26px;height:26px}
.esc-node b{display:block;font-size:17px}.esc-node small{display:block;opacity:.85;font-size:13.5px;margin-top:6px}
.esc-arr{align-self:center;color:var(--sun);font-size:26px}
.esc-gate{width:max-content;max-width:100%;margin:0 auto 20px;border:1.5px solid var(--bdr);border-radius:12px;padding:10px 24px;font-weight:700;background:rgba(244,42,65,.12)}
.esc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.esc-steps>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px}
.esc-steps span{width:38px;height:38px;border-radius:50%;background:#0b8f6a;display:grid;place-items:center;margin-bottom:10px}.esc-steps svg{width:19px;height:19px}.esc-steps b{display:block}.esc-steps small{display:block;opacity:.85;font-size:13px;margin-top:4px}
@media (max-width:860px){.esc-flow{flex-direction:column}.esc-arr{transform:rotate(90deg)}.esc-steps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.esc-steps{grid-template-columns:1fr}}
.plan-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;align-items:start}
.tbl-w{overflow:auto}table.plan{width:100%;border-collapse:collapse;font-size:14px}
table.plan th{background:var(--bdg);color:#fff;text-align:left;padding:11px 12px;font-weight:500}table.plan td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
table.plan tbody tr:nth-child(even){background:var(--mint)}table.plan .pc{font-weight:700;color:var(--bdr);text-align:right;white-space:nowrap}
.tpl{margin-top:14px;display:inline-block;background:var(--bdg);color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;font-size:13px}
.card.why{background:var(--cream)}
@media (max-width:1020px){.plan-grid{grid-template-columns:1fr}}

/* guarantee, wallet, apps, security, fees */
.card.hotc{background:linear-gradient(145deg,#F42A41,#c4162b);color:#fff}.card.hotc h3,.card.hotc p{color:#fff}.card.hotc .ico{background:rgba(255,255,255,.2)!important;color:#fff!important}
.backstop{margin-top:18px;background:linear-gradient(135deg,#00382a,#0a2a20);color:#fff;border-radius:20px;padding:24px}
.backstop h3{margin:0 0 14px}.bk4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bk4>div{border-left:3px solid var(--sun);padding-left:14px}.bk4 b{display:block;color:var(--sun);margin-bottom:4px}.bk4 span{font-size:13.5px;opacity:.9}
@media (max-width:900px){.bk4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.bk4{grid-template-columns:1fr}}
.pays{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pays span{background:var(--mint);color:var(--bdg);border:1px solid rgba(0,106,78,.2);border-radius:12px;padding:12px 8px;text-align:center;font-weight:700;font-size:14px}.pays.out span{background:var(--rose);color:#c4162b;border-color:rgba(244,42,65,.2)}
@media (max-width:560px){.pays{grid-template-columns:1fr 1fr}}
.apps-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mini-phone{position:relative;background:#00382a;border-radius:30px;padding:26px 12px 14px;display:flex;flex-direction:column;gap:8px;text-decoration:none;box-shadow:0 18px 40px rgba(0,56,42,.3);transition:.2s;color:#fff}.mini-phone:hover{transform:translateY(-6px)}
.mini-phone>i{position:absolute;top:9px;left:50%;width:44px;height:6px;margin-left:-22px;border-radius:9px;background:#1b5e49}
.mp-h{display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);border-radius:12px;padding:10px}.mp-h span{width:30px;height:30px;border-radius:50%;background:var(--bdg);color:#fff;display:grid;place-items:center}.mp-h svg{width:16px;height:16px}.mp-h b{font-size:13px}
.mp-r{background:#fff;color:var(--navy);border-radius:10px;padding:10px;font-size:12.5px;font-weight:500}.mp-r.f{background:#fff}
@media (max-width:640px){.apps-grid{grid-template-columns:1fr}.phones{grid-template-columns:1fr}}@media (max-width:1020px){.apps-grid{grid-template-columns:1fr}}
.capl{list-style:none;padding:0;margin:0;display:grid;gap:12px}.capl li{display:flex;flex-direction:column;padding-left:22px;position:relative}.capl li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;background:var(--bdr)}.capl b{color:var(--navy)}.capl span{font-size:13.5px;color:var(--muted)}
.sec-banner{margin-top:18px;background:linear-gradient(90deg,#00382a,#006A4E);color:#fff;border-radius:14px;padding:16px 22px;font-weight:500}
.earn8{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.earn8>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;border-left:4px solid var(--bdg)}.earn8>div.c1{border-left-color:var(--bdr)}.earn8>div.c2{border-left-color:var(--sun)}.earn8>div.c3{border-left-color:#c9a14a}
.earn8 span{width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--bdg);display:grid;place-items:center;flex:none}.earn8 svg{width:19px;height:19px}.earn8 b{font-size:14.5px;color:var(--navy)}
@media (max-width:1020px){.earn8{grid-template-columns:1fr 1fr}}@media (max-width:560px){.earn8{grid-template-columns:1fr}}
.section{padding:78px 0}
.section.escrow{overflow:hidden}
html,body{overflow-x:clip}@supports not (overflow:clip){html,body{overflow-x:hidden}}
.plan-grid>*,.bid-grid>*,.apps-grid>*,.est-grid>*{min-width:0}
.plan-grid .card{max-width:100%}

/* ===== hero v2: company name first, calmer hierarchy ===== */
.hero-in{padding:64px 0 96px;min-height:min(86vh,760px);align-items:center}
.hero-brand{margin:20px 0 6px}
.hb-row{display:flex;align-items:center;gap:20px}
.hb-logo{flex:none;background:#fff;border-radius:18px;padding:9px 14px;box-shadow:0 14px 34px rgba(0,0,0,.3),0 0 0 3px rgba(245,184,61,.55)}
.hb-logo img{display:block;height:clamp(40px,5vw,54px);width:auto}
.hb-name{font-weight:900;font-size:clamp(28px,4.1vw,54px);line-height:1.12;letter-spacing:-.4px;background:linear-gradient(100deg,#fff 0%,#fff 55%,#ffe2a0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 22px rgba(0,0,0,.28))}
.hb-sub{margin-top:6px;font-size:clamp(11px,1.15vw,13.5px);letter-spacing:2.4px;font-weight:700;color:#fff;text-transform:uppercase}
.hb-sub b{display:inline-block;margin-left:8px;background:var(--bdr);color:#fff;border-radius:6px;padding:1px 9px;letter-spacing:1.5px}
.hb-bar{display:flex;gap:6px;margin:16px 0 18px;max-width:340px}
.hb-bar i{height:5px;border-radius:99px;flex:1;transform-origin:left;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.hb-bar i:nth-child(1){background:var(--bdg-l);flex:3}.hb-bar i:nth-child(2){background:var(--bdr);flex:1.4;animation-delay:.15s}.hb-bar i:nth-child(3){background:var(--sun);flex:1;animation-delay:.3s}
@keyframes grow{from{transform:scaleX(0)}}
.hero h1{font-size:clamp(19px,2.1vw,26px);font-weight:500;line-height:1.4;margin:0 0 16px;max-width:40ch;color:#fff;text-shadow:none;border-left:4px solid var(--sun);padding-left:14px}
.hero-strap{margin:0 0 16px;font-size:clamp(14px,1.5vw,17px)}
.hero .lead{font-size:clamp(15px,1.4vw,17px);margin-bottom:18px;max-width:56ch;color:#fff;opacity:1}
.chips{margin-bottom:24px}
.hero .btn{padding:15px 28px;font-size:16px}
.hero-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.6);border-radius:16px;display:block}
.hero-scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:scrollcue 1.6s infinite}
@keyframes scrollcue{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(14px)}100%{opacity:0}}
@media (max-width:1020px){.hero-in{padding:40px 0 80px;min-height:0}.hero-scroll{display:none}}
@media (max-width:560px){.hb-row{flex-direction:column;align-items:flex-start;gap:12px}.hb-logo img{height:44px}}
@media (prefers-reduced-motion:reduce){.hb-bar i,.hero-scroll span{animation:none}}
.orbit{width:min(100%,500px)}
.orbit-ring{inset:3%;width:94%;height:94%}
.float-card.f1{left:-6%;top:-6%}.float-card.f2{right:-4%;bottom:-4%}
@media (max-width:1020px){.float-card.f1{left:0;top:-8%}.float-card.f2{right:0;bottom:-6%}}
@media (max-width:1020px){.hero-visual{order:2!important;max-width:420px;margin:8px auto 0}}
@media (max-width:640px){.float-card{display:none}.orbit{width:min(94%,340px)}}

/* ===== Bangladesh section v2: interactive map & clickable everything ===== */
.bd-stats>button{font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:16px;padding:14px 22px;box-shadow:0 8px 22px rgba(0,56,42,.1);border-bottom:4px solid var(--bdg);min-width:112px;transition:.2s;color:inherit}
.bd-stats>button:nth-child(2){border-bottom-color:var(--bdr)}.bd-stats>button:nth-child(3){border-bottom-color:var(--sun)}
.bd-stats>button:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,56,42,.18)}
.bd-stats b{display:block;font-size:34px;line-height:1.1;background:linear-gradient(135deg,var(--bdg),var(--bdr));-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-stats span{font-size:13px;color:var(--steel);font-weight:700}
.dv{border:0;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:.18s}.dv:hover{transform:translateY(-3px) scale(1.04)}
.bd-flag{aspect-ratio:auto;min-height:470px;padding:20px}
.bd-flag .mapbox{position:relative;height:430px;aspect-ratio:535/630;max-width:100%}
.bd-flag .mapbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.4))}
.pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer;z-index:3}
.pin i{display:block;width:18px;height:18px;border-radius:50%;background:var(--sun);border:3px solid #fff;box-shadow:0 0 0 0 rgba(245,184,61,.7);animation:ping 2.2s infinite}
.pin.p1 i{background:#0b8f6a;box-shadow:0 0 0 0 rgba(11,153,112,.7)}.pin.p2 i{background:#0f2a22}
.pin span{position:absolute;left:50%;top:-30px;transform:translateX(-50%);background:#fff;color:var(--navy);font-weight:700;font-size:12px;padding:3px 9px;border-radius:99px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 6px 14px rgba(0,0,0,.25)}
.pin:hover span,.pin:focus-visible span{opacity:1}
.pin:hover i{transform:scale(1.3)}
@keyframes ping{70%{box-shadow:0 0 0 14px rgba(245,184,61,0)}100%{box-shadow:0 0 0 0 rgba(245,184,61,0)}}
.bd-hint{margin-top:12px;text-align:center;font-size:13.5px;color:var(--steel);font-weight:500}
.dis{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.dis span{background:var(--mint);color:var(--bdg);font-weight:700;font-size:13.5px;padding:6px 14px;border-radius:99px;border:1px solid rgba(0,106,78,.2)}.dis span:nth-child(3n+2){background:var(--rose);color:#c4162b;border-color:rgba(244,42,65,.2)}.dis span:nth-child(3n){background:var(--cream);color:#8a6200;border-color:rgba(245,184,61,.4)}
.dvgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dvrow{font:inherit;display:flex;justify-content:space-between;gap:8px;background:var(--mint);border:1px solid rgba(0,106,78,.2);border-radius:12px;padding:12px 16px;cursor:pointer;color:var(--navy)}.dvrow:hover{border-color:var(--sun);transform:translateY(-2px)}.dvrow span{color:var(--steel);font-size:13px}
.dt-badge{display:inline-block;background:var(--bdg);color:#fff;font-weight:700;font-size:12px;letter-spacing:1px;padding:3px 12px;border-radius:99px}
.dt-click{cursor:pointer}.dt-click:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.card.dt-click:hover,.step.dt-click:hover,.trade.dt-click:hover,.bid.dt-click:hover,.esc-node.dt-click:hover{border-color:var(--sun)}
.esc-steps>div.dt-click:hover,.bk4>div.dt-click:hover{background:rgba(255,255,255,.16)}
.earn8>div.dt-click:hover,.pays span.dt-click:hover,.capl li.dt-click:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,56,42,.14)}
table.plan tbody tr.dt-click:hover{background:#fff}
.goal.dt-click:hover{background:rgba(255,255,255,.08)}
.ix-list li.dt-click{transition:.18s}.ix-list li.dt-click:hover{background:rgba(255,255,255,.14);transform:translateX(6px)}
#heroChips li.dt-click:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.footer-nav{position:relative;z-index:1;margin-top:22px}.footer-nav .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
.footer-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:500}.footer-nav a:hover{color:var(--sun)}
.footer{padding-bottom:96px}
@media (max-width:1020px){.bd-flag{min-height:380px}.bd-flag .mapbox{height:340px}}
@media (max-width:560px){.dvgrid{grid-template-columns:1fr}.bd-flag .mapbox{height:300px}}

/* hero orbit + float cards: real clickable buttons */
button.orb,button.float-card{font:inherit;font-weight:700;cursor:pointer;text-align:left;z-index:3;border:0;transition:box-shadow .2s,background .2s,filter .2s}
button.float-card{border:1px solid rgba(245,184,61,.6);font-weight:400}
button.orb{border:2px solid transparent}
button.orb em{font-style:normal;font-size:16px;line-height:1;color:var(--c);margin-inline-start:2px;transition:transform .2s}
button.orb:hover,button.orb:focus-visible{border-color:var(--c);box-shadow:0 0 0 4px rgba(245,184,61,.45),0 14px 30px rgba(0,0,0,.35);animation-play-state:paused;outline:0}
button.orb:hover em{transform:translateX(3px)}
button.orb::after{content:attr(title);position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);background:#0f2a22;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:.15s;white-space:nowrap}
button.orb:hover::after{opacity:1}
button.float-card:hover,button.float-card:focus-visible{box-shadow:0 0 0 4px rgba(245,184,61,.45),0 18px 40px rgba(0,0,0,.4);animation-play-state:paused;outline:0}
.orbit-sun,.orbit-ring,.orbit-map{pointer-events:none}

/* trust detail panel + readable links on dark sections */
#trust .more-l,#trust a.more-l,.section.trust .more-l{color:#F5D27A!important;font-weight:700;text-decoration:none;display:inline-block;margin-top:10px;border-bottom:1px solid rgba(245,210,122,.5)}
#trust .card{cursor:pointer}
.wm .tx-steps{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:9px;counter-reset:s}
.wm .tx-steps li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #dbe8e2;border-left:4px solid var(--bdg,#006A4E);border-radius:12px;padding:10px 13px;line-height:1.5}
.wm .tx-steps li b{flex:0 0 28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#006A4E,#0b8f6a);color:#fff;display:grid;place-items:center;font-size:13px}
.wm .tx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.wm .tx-chip{background:#fff;border:1px solid #f0d58a;color:#5b4300;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600}
.wm .tx-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.wm .tx-facts div{background:#fff;border-radius:12px;padding:10px 13px}.wm .tx-facts small{display:block;color:#5d6b66;font-size:12px}.wm .tx-facts b{font-size:14px}
.wm .tx-res{background:linear-gradient(135deg,#fff,#fff);border:1px solid #cfe6da;border-radius:14px;padding:12px 15px;margin-bottom:10px}.wm .tx-res p,.wm .tx-safe p{margin:4px 0 0}
.wm .tx-safe{background:#fff;border:1px solid #fff;border-radius:14px;padding:12px 15px;margin-bottom:10px}
.wm .tx-note{font-size:12px;color:#5d6b66;margin:6px 0 12px}
.wm .tx-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px;border-top:1px solid #e3ebe7;padding-top:12px}
.wm .tx-nav button{background:none;border:0;color:#006A4E;font-weight:700;cursor:pointer;font:inherit;font-weight:700;padding:6px 2px}
.wm .tx-nav button:hover{color:#F42A41}
.wm{max-height:90vh;overflow:auto}
@media (max-width:560px){.wm .tx-facts{grid-template-columns:1fr}}

/* blueprint sections: vision / future / partners */
.bp-vision{background:linear-gradient(180deg,#fff,#fff)}
.bp-eq{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;margin:28px 0 14px}
.bp-plus{align-self:center;font-size:26px;font-weight:800;color:#C9A14A}
.bp-eqc{border:0;cursor:pointer;font:inherit;text-align:center;flex:1 1 200px;max-width:260px;color:#fff;padding:20px 16px;border-radius:18px;background:linear-gradient(145deg,#005a42,#0b8f6a);box-shadow:0 14px 30px rgba(0,106,78,.28);border-top:4px solid #F5D27A;transition:transform .2s,box-shadow .2s}
.bp-eqc:nth-of-type(2){background:linear-gradient(145deg,#a8182b,#F42A41)}.bp-eqc:nth-of-type(3){background:linear-gradient(145deg,#0a3a2d,#006A4E)}.bp-eqc:nth-of-type(4){background:linear-gradient(145deg,#8a6a1c,#C9A14A)}
.bp-eqc:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.25)}
.bp-eqc b{display:block;font-size:17px}.bp-eqc small{display:block;opacity:.88;margin-top:6px;font-size:12.5px}
.bp-long{text-align:center;max-width:760px;margin:10px auto 6px;color:#3a4a43;font-weight:600}
.bp-h{margin:34px 0 14px;font-size:20px;color:#0f2a22;position:relative;padding-left:14px}.bp-h::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:linear-gradient(#F42A41,#C9A14A)}
.bp-pill{display:flex;flex-wrap:wrap;gap:10px}.bp-pill span{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbe8e2;border-radius:99px;padding:8px 16px 8px 8px;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.bp-pill i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;color:#fff;background:linear-gradient(135deg,#006A4E,#0b8f6a)}
.bp-mis{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.bp-mc{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #dbe8e2;border-left:4px solid #006A4E;border-radius:12px;padding:11px 12px;cursor:pointer;font:inherit;color:#0f2a22;transition:.18s}
.bp-mc i{flex:0 0 26px;height:26px;border-radius:8px;background:#fff;color:#8a6a1c;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px}.bp-mc span{flex:1;font-weight:600}.bp-mc em{font-style:normal;color:#F42A41;font-size:20px}
.bp-mc:hover{border-left-color:#F42A41;transform:translateX(3px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.bp-chal{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.bp-cc{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:center;text-align:left;background:#fff;border:1px solid #dbe8e2;border-radius:14px;padding:12px;cursor:pointer;font:inherit;transition:.18s}
.bp-cc .p{color:#a8182b;font-weight:600;font-size:13.5px}.bp-cc .a{color:#C9A14A;font-weight:800;text-align:center}.bp-cc .s{color:#006A4E;font-weight:600;font-size:13.5px}
.bp-cc:hover{box-shadow:0 12px 26px rgba(0,0,0,.1);border-color:#C9A14A}
.bp-chips{display:flex;flex-wrap:wrap;gap:9px}.bp-chip{background:#fff;border:1px solid #e3d29a;color:#6b5210;border-radius:99px;padding:7px 15px;font-weight:700;font-size:13.5px}
.bp-future .card,.bp-partners .card{cursor:pointer}
.bp-cta{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bp-cta small{color:#5d6b66}
.wm .bp-sub{color:#006A4E;font-weight:700;margin:-4px 0 8px}
.wm .bp-two{display:grid;gap:10px;margin:8px 0 14px}.wm .bp-two div{border-radius:12px;padding:12px 14px}.wm .bp-two small{display:block;font-size:12px;color:#5d6b66}.wm .bp-two .p{background:#fff;border:1px solid #fff}.wm .bp-two .a{background:#fff;border:1px solid #cfe6da}
@media (max-width:560px){.bp-plus{display:none}.bp-cc{grid-template-columns:1fr}.bp-cc .a{transform:rotate(90deg)}}

/* join guide + partner hub */
.jg .card{cursor:pointer}.jg-note{margin-top:16px;text-align:center;color:#566860;font-size:14px}
.ph-flow{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;counter-reset:f}
.ph-flow div{position:relative;background:#fff;border:1px solid #dbe8e2;border-top:4px solid #006A4E;border-radius:12px;padding:12px 12px 12px 12px;display:flex;gap:9px;align-items:center;font-weight:600;font-size:13.5px}
.ph-flow div:nth-child(3n+2){border-top-color:#F42A41}.ph-flow div:nth-child(3n){border-top-color:#C9A14A}
.ph-flow i{flex:0 0 26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#006A4E,#0b8f6a);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}
.jg{grid-template-columns:repeat(4,1fr)}.jg .card:last-child{grid-column:span 2;background:linear-gradient(135deg,#00513b,#006A4E);color:#fff;border-top-color:#F5D27A}.jg .card:last-child h3,.jg .card:last-child p{color:#fff}.jg .card:last-child .more-l{color:#F5D27A}.jg .card:last-child .ico{background:rgba(245,184,61,.2);color:#fff}
@media (max-width:1020px){.jg{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.jg{grid-template-columns:1fr}.jg .card:last-child{grid-column:auto}}

/* memberships */
.plans .plan{padding:24px 22px;cursor:pointer;border-top:5px solid #006A4E}
.plans .plan ul{list-style:none;margin:12px 0;padding:0;display:grid;gap:7px}.plans .plan li{padding-left:24px;position:relative}.plans .plan li::before{content:"✓";position:absolute;left:0;top:0;color:#006A4E;font-weight:800}
.plans .plan-hot{border-top-color:#F42A41;background:linear-gradient(160deg,#fff,#fff);box-shadow:0 18px 40px rgba(0,56,42,.16);transform:translateY(-6px)}
.plan-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#F42A41,#c4162b);color:#fff;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:800}
.plan-price{margin:10px 0 6px;color:#8a6a1c;font-weight:700;font-size:13.5px}

/* customer-first sections */
.want .card h3{font-size:18px;line-height:1.35}.want .card{cursor:pointer;min-height:190px}
.worry .card{cursor:pointer;border-left:5px solid #F42A41;border-top-width:1px}.worry .card:nth-child(even){border-left-color:#006A4E}.worry .card h3{font-size:18px;color:#00382a}
#consDock{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:9px;border:0;cursor:pointer;font:inherit;font-weight:800;color:#fff;background:linear-gradient(135deg,#F42A41,#c4162b);border-radius:99px;padding:12px 20px 12px 14px;box-shadow:0 0 0 2px rgba(245,210,122,.8),0 14px 30px rgba(196,22,43,.45);transition:transform .25s}
#consDock:hover{transform:translateY(-3px)}#consDock span{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}#consDock svg{width:16px;height:16px}
@media (max-width:560px){#consDock{left:10px;bottom:10px;padding:10px 16px 10px 10px;font-size:14px}}
.cons-grid{display:grid;gap:10px;margin:14px 0 6px}
.cons-b{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#00382a;background:#fff;border:1px solid #dbe8e2;border-left:5px solid #006A4E;border-radius:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s}
.cons-b b{font-size:16px}.cons-b small{color:#5d6b66}.cons-b:hover{transform:translateX(4px);box-shadow:0 10px 22px rgba(0,56,42,.12)}
.cons-wa{border-left-color:#C9A14A;background:linear-gradient(135deg,#fff,#fff)}.cons-f{border-left-color:#F42A41}

/* highlighted nav item: budget planner */
.nav a.nav-hot{background:linear-gradient(135deg,#F42A41,#c4162b);color:#fff!important;border-radius:99px;padding:6px 14px;box-shadow:0 0 0 2px rgba(245,210,122,.8)}
.nav a.nav-hot:hover{filter:brightness(1.08)}