/* ═══════════════════════════════════════════════════════════════════════════
   B*DYNA — the public signature
   ═══════════════════════════════════════════════════════════════════════════

   R167.62. These fifteen rules WERE inline in templates/index.html.php, which
   meant the homepage was the only page that could look like B*DYNA. Every
   other page either invented its own approximation or looked like something
   else — dyna.php did the first, with #08080a instead of #000, an 860px wrap
   instead of 1200, 20px gutters instead of 28, and its own copy of the gold
   eyebrow. A near-miss reads worse than no attempt, because the eye catches
   the difference without being able to name it.

   What belongs HERE is what makes a page recognisably this platform: the
   black ground, the measure, the gold eyebrow with its rule, the hexagon, the
   two button shapes and the section rhythm. What stays in a page's own
   <style> is what is true of that page alone — the homepage's hero slider
   stayed there, and so did the intent page's answer cards.

   Loaded by index.html.php and dyna.php. A page opts in with
   <body class="bd-home">.
   ═══════════════════════════════════════════════════════════════════════ */


/* ── Ground and measure ───────────────────────────────────────────── */
body.bd-home{font-family:'Inter',-apple-system,sans-serif;background:#000;color:#fff;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.bd-home .bdh-wrap{max-width:1200px;margin:0 auto;padding:0 28px;box-sizing:border-box}
header,.nav-container,.nav-container-border{margin:0!important;padding:0!important;border:0!important;background:transparent!important;height:auto!important}

/* ── The signature marks: hexagon, eyebrow, highlight ─────────────── */
.bd-home .hexm{display:inline-block;width:14px;height:16px;background:#FFD700;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);vertical-align:middle}
.bd-home .bdh-eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#FFD700;margin:0}
.bd-home .bdh-eyebrow::before{content:"";display:block;width:30px;height:2px;background:#FFD700}
.bd-home .light .bdh-eyebrow{color:#9a7a06}.bd-home .light .bdh-eyebrow::before{background:#9a7a06}
.bd-home a.cta-p{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 30px;border-radius:32px;background:#FFD700;color:#000;font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s,background .2s}

/* ── The two button shapes ────────────────────────────────────────── */
.bd-home a.cta-p:hover{transform:translateY(-2px);background:#e6c200;color:#000}
.bd-home a.cta-s{display:inline-flex;align-items:center;height:54px;padding:0 26px;border-radius:32px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid rgba(255,255,255,.42);transition:background .2s,border-color .2s}
.bd-home a.cta-s:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}

/* ── Section rhythm ───────────────────────────────────────────────── */
.bd-home .bdh-hl{color:#FFD700;font-style:normal;font-size:inherit;letter-spacing:inherit}
.bd-home .bdh-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bd-home .bdh-sec{padding:90px 0;border-bottom:1px solid rgba(255,255,255,.08);background:#000}
.bd-home .bdh-sec h2{font-size:clamp(27px,3.7vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:14px 0 14px;color:#fff;text-align:left}
