/* ============================================================
   BijakDana — BDC-system layer  (LOCKED 2026-08-04)
   "The BDC of Malaysian SME valuation" — steal BDC's SYSTEM,
   keep the RM100 SOUL. Builds ON result-couture.css tokens.
   Three principles: calm & breathing (pastel bands + fluid space)
   · confident big-type authority (Manrope display + number-hero)
   · fat navigable sitemap footer.
   Prefix: .bd-*   — reusable across the whole funnel.
   ============================================================ */

:root{
  /* Base palette — mirrors result-couture.css .cx tokens so the reusable BDC
     layer is self-sufficient on pages that don't wrap content in .cx (e.g.
     laporan-v2.html). :root is lower specificity than .cx, so where a .cx
     scope exists its values still win — no regression on couture pages. */
  --surface:#FFFFFF; --ink:#1A1020; --muted:#6E6878; --line:#ECE8F1;
  --purple:#4A2D82; --purple-tint:#F1ECF8; --gold:#B8934E; --green:#2E7D55;

  --gold-tint:#F7F1E6;      /* warm section band */
  --lav-tint:#F7F5FA;       /* cool section band */
  --purple-deep:#2E1B54;    /* button hover / hero depth */
  --ink-soft:#5B5266;
  /* fluid breathing scale (the BDC calm) */
  --bd-band:clamp(4.5rem, 3.2rem + 6vw, 9rem);
  --bd-lg:clamp(2rem, 1.4rem + 3vw, 4rem);
  --bd-max:1120px;
}

/* ---------- type: Manrope display + Inter body ---------- */
.bd-display{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.03;color:var(--ink);}
.bd-kick{font-family:'Inter',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}

.bd-wrap{max-width:var(--bd-max);margin:0 auto;padding:0 clamp(1.25rem,.6rem+3vw,3rem);}

/* ---------- buttons ---------- */
.bd-btn{display:inline-flex;align-items:center;gap:.5rem;background:#4A2D82;background:var(--purple);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;padding:.85rem 1.5rem;border-radius:.7rem;text-decoration:none;border:0;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,box-shadow .3s;box-shadow:0 12px 28px -12px rgba(74,45,130,.5);}
.bd-btn:hover{background:#2E1B54;background:var(--purple-deep);transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(74,45,130,.55);}
.bd-btn .arw{transition:transform .18s cubic-bezier(.16,1,.3,1);}
.bd-btn:hover .arw{transform:translateX(3px);}
.bd-btn.ghost{background:transparent;color:var(--purple);border:1px solid var(--line);box-shadow:none;}
.bd-btn.ghost:hover{background:var(--purple-tint);}
.bd-btn.on-dark{background:#fff;color:var(--purple);}
.bd-btn.on-dark:hover{background:#fff;transform:translateY(-1px);}

/* ---------- pastel section bands (calm / breathing) ---------- */
.bd-band{padding:var(--bd-band) 0;}
.bd-band-gold{background:var(--gold-tint);}
.bd-band-lav{background:var(--lav-tint);}
.bd-band-white{background:var(--surface);}
.bd-band h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.8rem,1.2rem+2.6vw,3rem);max-width:18ch;color:var(--ink);}
.bd-band .bd-lead{color:var(--ink-soft);margin-top:1rem;max-width:50ch;font-size:1.08rem;line-height:1.6;}

/* ---------- hero (big-type authority) ---------- */
.bd-hero{padding:var(--bd-band) 0 calc(var(--bd-band) - 1rem);}
.bd-hero .bd-kick{color:var(--purple);}
.bd-hero h1{margin-top:1.1rem;font-size:clamp(2.5rem,1.4rem+6vw,5.4rem);max-width:17ch;}
.bd-hero h1 em{font-style:normal;color:var(--purple);position:relative;}
.bd-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--gold);border-radius:2px;opacity:.55;}
.bd-hero .bd-sub{margin-top:1.5rem;font-size:clamp(1.05rem,.95rem+.5vw,1.28rem);color:var(--ink-soft);max-width:42ch;line-height:1.55;}
.bd-cta{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;}
.bd-hero .bd-cta{margin-top:2.1rem;}
.bd-trust{margin-top:1.6rem;color:var(--ink-soft);font-size:.88rem;display:flex;gap:1.4rem;flex-wrap:wrap;}
.bd-trust b{color:var(--ink);font-weight:600;}

/* ---------- number-as-hero card ---------- */
.bd-numberband{background:var(--purple);color:#fff;border-radius:1.4rem;padding:clamp(1.8rem,1.2rem+2vw,3rem);margin-top:var(--bd-lg);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px rgba(74,45,130,.6);}
.bd-numberband::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0,rgba(184,147,78,.35),transparent 55%);pointer-events:none;}
.bd-numberband .bd-kick{color:rgba(255,255,255,.7);}
.bd-numberband .bd-num{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(2.8rem,1.6rem+6vw,5.2rem);margin-top:.6rem;position:relative;}
.bd-numberband .bd-num small{font-size:.32em;font-weight:600;letter-spacing:0;color:rgba(255,255,255,.7);margin-left:.4rem;}
.bd-numberband .bd-row{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.6rem;position:relative;}
.bd-numberband .bd-cell .k{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.bd-numberband .bd-cell .v{font-family:'Manrope',sans-serif;font-weight:700;font-size:1.35rem;margin-top:.25rem;letter-spacing:-.02em;}
.bd-gapline{margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16);font-size:.95rem;color:rgba(255,255,255,.82);position:relative;line-height:1.55;}
.bd-gapline b{color:var(--gold);font-weight:700;}

/* ---------- two-column split with a real photo (trust) ---------- */
.bd-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,1rem+4vw,4.5rem);align-items:center;}
@media(max-width:760px){.bd-split{grid-template-columns:1fr;}}
.bd-photo{margin:0;border-radius:1.4rem;overflow:hidden;position:relative;box-shadow:0 30px 60px -30px rgba(74,45,130,.5);}
.bd-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;}
.bd-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.3rem 1rem;background:linear-gradient(to top,rgba(26,16,32,.7),transparent);color:#fff;font-size:.9rem;font-weight:500;}

/* ---------- lanes (sell / buy / fundraise) ---------- */
.bd-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:var(--bd-lg);}
.bd-lane{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.6rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:block;}
.bd-lane:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(74,45,130,.45);}
.bd-lane .bd-dot{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-family:'Manrope',sans-serif;font-weight:800;color:#fff;font-size:1rem;}
.bd-lane h3{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.02em;font-size:1.2rem;margin:1rem 0 0;color:var(--ink);}
.bd-lane p{color:var(--ink-soft);margin-top:.4rem;font-size:.95rem;line-height:1.5;}
.bd-lane .go{margin-top:1rem;color:var(--purple);font-weight:600;font-size:.9rem;display:inline-flex;gap:.35rem;}

/* ---------- dark closing CTA ---------- */
.bd-closer{background:linear-gradient(160deg,var(--purple-deep),var(--purple));border-radius:1.75rem;padding:clamp(3rem,2rem+4vw,5rem) 2rem;text-align:center;position:relative;overflow:hidden;}
.bd-closer::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 0,rgba(184,147,78,.22),transparent 60%);pointer-events:none;}
.bd-closer h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.9rem,1.2rem+3vw,3.2rem);color:#fff;margin:0;position:relative;}
.bd-closer p{color:rgba(255,255,255,.62);margin:1.1rem auto 2rem;max-width:42ch;font-size:1.1rem;position:relative;}

/* ============ the fat, navigable sitemap footer ============ */
.bd-footer{background:var(--ink);color:#fff;padding:var(--bd-band) 0 2.5rem;}
.bd-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.2rem;}
@media(max-width:760px){.bd-foot-top{grid-template-columns:1fr 1fr;gap:2rem;}}
@media(max-width:460px){.bd-foot-top{grid-template-columns:1fr;}}
.bd-foot-brand .logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:#fff;}
.bd-foot-brand .logo b{color:var(--gold);font-weight:800;}
.bd-foot-brand p{color:rgba(255,255,255,.6);margin-top:.9rem;max-width:32ch;font-size:.92rem;line-height:1.6;}
.bd-foot-col h4{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 1rem;}
.bd-foot-col a{display:block;color:rgba(255,255,255,.82);text-decoration:none;font-size:.98rem;padding:.4rem 0;transition:color .15s;}
.bd-foot-col a:hover{color:var(--gold);}
.bd-foot-bar{margin-top:var(--bd-lg);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:.85rem;}
.bd-foot-bar a{color:rgba(255,255,255,.6);text-decoration:none;}
.bd-foot-bar a:hover{color:#fff;}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .bd-btn,.bd-btn .arw,.bd-lane{transition:none;}
}