/*
  breaksdesigns.com (Build 40) | Translation Agency | Tampa FL / USD
  Theme: Warm Charcoal #0F0D0C + Coral #E8533D + Sand #F7F3EE (FIRST CORAL in 40 builds!)
  Nav: DARK STICKY with services dropdown + FULL-SCREEN OVERLAY mobile (never done!)
  Hero: DARK with FLOATING LANGUAGE-PAIR CARDS (CSS animation)
  Services: ALTERNATING ASYMMETRIC ROWS (image/text alternate sides)
  Cases: MAGAZINE HORIZONTAL CARDS on dark bg
  Testimonials: AUTO-SCROLL CSS TICKER (pure CSS - never done!)
  Process: HORIZONTAL NUMBERED CARDS (4 across)
  FAQ: DARK BG with coral accent accordion
  Footer: DARK 4-COL
  Fonts: Raleway + Rubik (both first use in 40 builds!)
  CSS prefix: bd-
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700&display=swap');

:root {
  --bd-ink:    #0F0D0C;
  --bd-char:   #1C1917;
  --bd-char2:  #252220;
  --bd-char3:  #2E2A27;
  --bd-warm:   #F7F3EE;
  --bd-sand:   #E8DFCF;
  --bd-sand2:  #D4C4A8;
  --bd-coral:  #E8533D;
  --bd-coral2: #C43E2C;
  --bd-coralt: rgba(232,83,61,.12);
  --bd-white:  #FFFFFF;
  --bd-muted:  #8A8178;
  --bd-dim:    #6B6157;
  --bd-edge:   #2E2A27;
  --bd-edge2:  #3F3A36;
  --bd-max:    1060px;
  --bd-r:      3px;
  --bd-r2:     6px;
  --bd-r3:     12px;
  --bd-r4:     20px;
  --bd-fh:     'Raleway', system-ui, sans-serif;
  --bd-fb:     'Rubik', system-ui, sans-serif;
  --bd-ease:   all 0.22s cubic-bezier(.4,0,.2,1);
  --bd-sh:     0 4px 24px rgba(15,13,12,.3);
  --bd-sh2:    0 12px 48px rgba(15,13,12,.5);
  --bd-nav-h:  64px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { background:var(--bd-ink); color:var(--bd-warm); font-family:var(--bd-fb); font-size:1rem; line-height:1.7; overflow-x:hidden; }
img,svg { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
input,textarea,select { font-family:inherit; }
address { font-style:normal; }
h1 { font-family:var(--bd-fh); font-size:clamp(3rem,6vw,7rem); font-weight:900; line-height:.88; letter-spacing:-.03em; }
h2 { font-family:var(--bd-fh); font-size:clamp(2rem,3.5vw,4rem); font-weight:800; line-height:.9; letter-spacing:-.025em; }
h3 { font-family:var(--bd-fh); font-size:1.1rem; font-weight:700; }
p  { font-size:.91rem; line-height:1.82; color:var(--bd-muted); }

/* ============================================================
   DARK STICKY NAV (FIRST in series - dark from start!)
   ============================================================ */
.bd-nav { position:fixed; top:0; left:0; right:0; z-index:900; background:var(--bd-ink); border-bottom:1px solid var(--bd-edge); height:var(--bd-nav-h); transition:box-shadow .2s; }
.bd-nav.bd-nav-scrolled { box-shadow:var(--bd-sh); }
.bd-nav-inner { max-width:var(--bd-max); margin:0 auto; padding:0 2.5rem; height:100%; display:flex; align-items:center; gap:2rem; }
.bd-nav-logo { font-family:var(--bd-fh); font-size:.82rem; font-weight:900; color:var(--bd-warm); letter-spacing:-.01em; white-space:nowrap; flex-shrink:0; text-transform:uppercase; letter-spacing:.08em; }
.bd-nav-logo span { color:var(--bd-coral); }
.bd-nav-links { display:flex; align-items:center; gap:.2rem; flex:1; justify-content:center; }
.bd-nl { font-family:var(--bd-fb); font-size:.92rem; font-weight:500; color:rgba(247,243,238,.45); padding:.38rem .72rem; border-radius:var(--bd-r2); transition:var(--bd-ease); white-space:nowrap; }
.bd-nl:hover,.bd-nl.bd-on { color:var(--bd-warm); }
/* Services dropdown */
.bd-drop-wrap { position:relative; }
.bd-drop-btn { display:flex; align-items:center; gap:.2rem; font-family:var(--bd-fb); font-size:.92rem; font-weight:500; color:rgba(247,243,238,.45); padding:.38rem .72rem; border-radius:var(--bd-r2); cursor:pointer; transition:var(--bd-ease); }
.bd-drop-btn:hover,.bd-drop-wrap.bd-drop-open .bd-drop-btn { color:var(--bd-warm); }
.bd-drop-ic { transition:transform .16s; }
.bd-drop-wrap.bd-drop-open .bd-drop-ic { transform:rotate(180deg); }
.bd-drop-panel { position:absolute; top:calc(100% + 10px); left:-1rem; background:var(--bd-char); border:1px solid var(--bd-edge2); border-radius:var(--bd-r3); box-shadow:var(--bd-sh2); min-width:240px; z-index:800; opacity:0; pointer-events:none; transform:translateY(-6px); transition:opacity .18s,transform .2s; }
.bd-drop-wrap.bd-drop-open .bd-drop-panel { opacity:1; pointer-events:auto; transform:none; }
.bd-drop-lk { display:flex; align-items:flex-start; gap:.6rem; padding:.78rem 1rem; border-bottom:1px solid var(--bd-edge); transition:background .14s; }
.bd-drop-lk:last-child { border-bottom:none; }
.bd-drop-lk:hover { background:var(--bd-char2); }
.bd-drop-nm { font-size:.84rem; font-weight:600; color:var(--bd-warm); line-height:1.3; margin-bottom:.08rem; }
.bd-drop-tg { font-size:.64rem; color:var(--bd-coral); font-weight:600; }
.bd-drop-ic-box { width:28px; height:28px; border-radius:var(--bd-r); background:rgba(232,83,61,.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--bd-coral); margin-top:.04rem; }
/* Nav CTA */
.bd-nav-cta-area { flex-shrink:0; }
/* Mobile hamburger */
.bd-mob-ham { display:none; width:38px; height:38px; flex-direction:column; align-items:center; justify-content:center; gap:5px; border-radius:var(--bd-r2); background:var(--bd-char); z-index:990; position:relative; }
.bd-mob-ham span { width:18px; height:1.5px; background:var(--bd-warm); display:block; border-radius:2px; transition:var(--bd-ease); }
/* FULL-SCREEN OVERLAY MENU (never done in 40 builds!) */
.bd-mob-screen { position:fixed; inset:0; background:var(--bd-ink); z-index:980; display:flex; flex-direction:column; justify-content:center; padding:6rem 2.5rem 4rem; opacity:0; pointer-events:none; transition:opacity .28s; }
.bd-mob-screen.bd-screen-on { opacity:1; pointer-events:auto; }
.bd-screen-close { position:absolute; top:1.2rem; right:1.4rem; width:38px; height:38px; border-radius:50%; background:var(--bd-char); display:flex; align-items:center; justify-content:center; color:var(--bd-warm); }
.bd-screen-lk { font-family:var(--bd-fh); font-size:clamp(1.8rem,6vw,3.5rem); font-weight:900; color:var(--bd-warm); display:block; padding:.3rem 0; border-bottom:1px solid var(--bd-edge); transition:color .18s; }
.bd-screen-lk:hover { color:var(--bd-coral); }
.bd-screen-svc-lbl { font-size:.46rem; font-weight:700; text-transform:uppercase; letter-spacing:.22em; color:var(--bd-dim); margin-top:1.2rem; margin-bottom:.3rem; }
.bd-screen-svc-lk { display:block; font-size:.88rem; color:rgba(247,243,238,.35); padding:.24rem 0; transition:color .14s; }
.bd-screen-svc-lk:hover { color:var(--bd-coral); }
.bd-screen-cta { margin-top:1.5rem; }

/* ============================================================
   BODY OFFSET
   ============================================================ */
.bd-pad { padding-top:var(--bd-nav-h); }
.bd-shell { max-width:var(--bd-max); margin:0 auto; padding:0 2.5rem; }
.bd-slab  { padding:7rem 0; }
.bd-kicker { display:inline-flex; align-items:center; gap:.38rem; font-family:var(--bd-fb); font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.26em; color:var(--bd-coral); }
.bd-kicker::before { content:''; width:12px; height:1.5px; background:var(--bd-coral); }

/* ============================================================
   DARK HERO with FLOATING LANGUAGE-PAIR CARDS (never done!)
   ============================================================ */
.bd-hero { min-height:100vh; background:var(--bd-ink); display:grid; grid-template-columns:1fr 400px; align-items:center; position:relative; overflow:hidden; }
/* Radial glow */
.bd-hero::before { content:''; position:absolute; top:20%; left:30%; width:600px; height:600px; background:radial-gradient(circle,rgba(232,83,61,.04),transparent 70%); pointer-events:none; }
.bd-hero-left { padding:4rem 4rem 4rem 0; position:relative; z-index:2; }
.bd-hero-tag { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.24em; color:var(--bd-coral); background:var(--bd-coralt); border:1px solid rgba(232,83,61,.2); padding:.22rem .78rem; border-radius:100px; margin-bottom:1.2rem; }
.bd-hero-h1 { color:var(--bd-warm); margin-bottom:.2rem; }
.bd-hero-h1b { color:var(--bd-coral); display:block; }
.bd-hero-sub { color:rgba(247,243,238,.38); max-width:42ch; margin-bottom:2rem; font-size:.96rem; line-height:1.82; }
.bd-hero-acts { display:flex; gap:.6rem; flex-wrap:wrap; }
/* Floating language-pair cards (CSS animation - never done in 40 builds!) */
.bd-hero-right { position:relative; height:100%; min-height:100vh; z-index:1; }
.bd-lang-deck { position:absolute; inset:0; }
.bd-lc { position:absolute; background:var(--bd-char); border:1px solid var(--bd-edge2); border-radius:var(--bd-r3); padding:.6rem 1rem; display:flex; flex-direction:column; align-items:center; box-shadow:var(--bd-sh); animation:bdFloat 4s ease-in-out infinite; }
.bd-lc::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--bd-coral); border-radius:var(--bd-r3) var(--bd-r3) 0 0; }
.bd-lc-from { font-family:var(--bd-fh); font-size:.52rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:var(--bd-dim); }
.bd-lc-pair { font-family:var(--bd-fh); font-size:1rem; font-weight:900; color:var(--bd-warm); letter-spacing:-.02em; white-space:nowrap; }
.bd-lc-arrow { font-size:.56rem; color:var(--bd-coral); margin:.02rem 0; }
@keyframes bdFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } }
.bd-lc:nth-child(1) { animation-duration:3.8s; animation-delay:0s; }
.bd-lc:nth-child(2) { animation-duration:4.2s; animation-delay:-.8s; }
.bd-lc:nth-child(3) { animation-duration:3.6s; animation-delay:-1.6s; }
.bd-lc:nth-child(4) { animation-duration:4.5s; animation-delay:-2.4s; }
.bd-lc:nth-child(5) { animation-duration:3.9s; animation-delay:-1.2s; }
.bd-lc:nth-child(6) { animation-duration:4.1s; animation-delay:-2s; }
.bd-lc:nth-child(7) { animation-duration:3.7s; animation-delay:-.4s; }
.bd-lc:nth-child(8) { animation-duration:4.4s; animation-delay:-2.8s; }
/* Wave cut at bottom of hero */
.bd-hero-cut { position:absolute; bottom:-2px; left:0; right:0; background:var(--bd-warm); height:60px; clip-path:polygon(0 100%,100% 100%,100% 40%,0 100%); }

/* ============================================================
   STATS BAR (warm bg, different from all previous dark stats)
   ============================================================ */
.bd-stats-bar { background:var(--bd-warm); padding:4rem 0; border-bottom:1px solid var(--bd-sand); }
.bd-stats-row { max-width:var(--bd-max); margin:0 auto; padding:0 2.5rem; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.bd-stat-blk { text-align:center; }
.bd-stat-n { font-family:var(--bd-fh); font-size:clamp(2.2rem,4vw,4rem); font-weight:900; color:var(--bd-ink); line-height:1; letter-spacing:-.05em; }
.bd-stat-l { font-size:.64rem; font-weight:600; color:var(--bd-muted); text-transform:uppercase; letter-spacing:.1em; margin-top:.3rem; }

/* ============================================================
   ALTERNATING ASYMMETRIC SERVICE ROWS (never done - pairs image+text)
   ============================================================ */
.bd-svc-alt-list { display:flex; flex-direction:column; gap:0; margin-top:0; }
.bd-svc-row { display:grid; grid-template-columns:1fr 1fr; min-height:420px; }
.bd-svc-row.bd-flip { direction:rtl; }
.bd-svc-row.bd-flip > * { direction:ltr; }
.bd-svc-media { overflow:hidden; position:relative; }
.bd-svc-media img { width:100%; height:100%; object-fit:cover; filter:brightness(.16) saturate(.35); }
.bd-svc-media-num { position:absolute; top:1.5rem; left:1.5rem; font-family:var(--bd-fh); font-size:4rem; font-weight:900; color:rgba(232,83,61,.18); line-height:1; letter-spacing:-.08em; }
.bd-svc-body { padding:4rem 4.5rem; display:flex; flex-direction:column; justify-content:center; }
.bd-svc-row.bd-on-warm .bd-svc-body { background:var(--bd-warm); }
.bd-svc-row.bd-on-warm .bd-svc-body p { color:var(--bd-dim); }
.bd-svc-row.bd-on-dark .bd-svc-body { background:var(--bd-char); }
.bd-svc-nm { font-family:var(--bd-fh); font-size:clamp(1.4rem,2vw,2.2rem); font-weight:800; margin-bottom:.4rem; color:inherit; }
.bd-svc-row.bd-on-warm .bd-svc-nm { color:var(--bd-ink); }
.bd-svc-row.bd-on-dark .bd-svc-nm { color:var(--bd-warm); }
.bd-svc-tag { font-size:.64rem; font-weight:700; color:var(--bd-coral); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.6rem; }
.bd-svc-p { font-size:.88rem; line-height:1.82; margin-bottom:1.2rem; }
.bd-svc-lk { display:inline-flex; align-items:center; gap:.3rem; font-family:var(--bd-fb); font-size:.84rem; font-weight:700; color:var(--bd-coral); transition:gap .16s; }
.bd-svc-row:hover .bd-svc-lk { gap:.5rem; }

/* ============================================================
   CORAL CTA BAND (mid-page break)
   ============================================================ */
.bd-coral-band { background:var(--bd-coral); padding:5rem 0; }
.bd-coral-band-in { max-width:var(--bd-max); margin:0 auto; padding:0 2.5rem; display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.bd-coral-band h2 { color:white; max-width:22ch; }
.bd-coral-band p { color:rgba(255,255,255,.6); max-width:32ch; font-size:.96rem; }
.bd-coral-band-acts { display:flex; gap:.6rem; flex-shrink:0; }

/* ============================================================
   MAGAZINE HORIZONTAL CASE CARDS (on dark bg - never done!)
   ============================================================ */
.bd-mag-cases { display:flex; flex-direction:column; gap:1px; background:var(--bd-edge); margin-top:2.5rem; }
.bd-mag-card { background:var(--bd-char); display:grid; grid-template-columns:120px 1fr 280px; transition:background .2s; }
.bd-mag-card:hover { background:var(--bd-char2); }
.bd-mag-num-col { display:flex; align-items:center; justify-content:center; border-right:1px solid var(--bd-edge); }
.bd-mag-num { font-family:var(--bd-fh); font-size:3.5rem; font-weight:900; color:var(--bd-coral); letter-spacing:-.08em; opacity:.4; }
.bd-mag-main { padding:2.5rem; }
.bd-mag-tags { display:flex; gap:.3rem; margin-bottom:.6rem; flex-wrap:wrap; }
.bd-mag-tag { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; background:var(--bd-coralt); color:var(--bd-coral); padding:.1rem .42rem; border-radius:100px; border:1px solid rgba(232,83,61,.2); }
.bd-mag-client { font-family:var(--bd-fh); font-size:1.4rem; font-weight:800; color:var(--bd-warm); margin-bottom:.3rem; letter-spacing:-.02em; }
.bd-mag-sector { font-size:.62rem; color:var(--bd-dim); margin-bottom:.6rem; }
.bd-mag-intro { font-size:.84rem; line-height:1.78; margin-bottom:.7rem; }
.bd-mag-quote { font-family:var(--bd-fh); font-size:.86rem; font-style:italic; color:rgba(247,243,238,.35); line-height:1.5; }
.bd-mag-who { font-size:.6rem; color:var(--bd-coral); font-weight:700; margin-top:.2rem; }
.bd-mag-stat-col { border-left:1px solid var(--bd-edge); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem; }
.bd-mag-sn { font-family:var(--bd-fh); font-size:3rem; font-weight:900; color:var(--bd-coral); line-height:1; letter-spacing:-.06em; }
.bd-mag-sl { font-size:.64rem; color:var(--bd-dim); max-width:18ch; line-height:1.5; margin:.1rem 0 .8rem; }
.bd-mag-img { width:100%; height:70px; object-fit:cover; filter:brightness(.1) saturate(.2); border-radius:var(--bd-r); }

/* ============================================================
   AUTO-SCROLL CSS TICKER TESTIMONIALS (pure CSS - FIRST in 40!)
   ============================================================ */
.bd-ticker-section { background:var(--bd-warm); overflow:hidden; padding:5rem 0; }
.bd-ticker-wrap { overflow:hidden; position:relative; }
.bd-ticker-wrap::before,.bd-ticker-wrap::after { content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; }
.bd-ticker-wrap::before { left:0; background:linear-gradient(to right,var(--bd-warm),transparent); }
.bd-ticker-wrap::after  { right:0; background:linear-gradient(to left,var(--bd-warm),transparent); }
.bd-ticker-track { display:flex; gap:1.5rem; width:max-content; animation:bdTicker 45s linear infinite; }
.bd-ticker-wrap:hover .bd-ticker-track { animation-play-state:paused; }
@keyframes bdTicker { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
.bd-tcard { background:var(--bd-white); border:1.5px solid var(--bd-sand); border-radius:var(--bd-r4); padding:1.5rem; width:300px; flex-shrink:0; }
.bd-tcard-q { font-family:var(--bd-fh); font-size:.88rem; font-style:italic; color:var(--bd-ink); line-height:1.62; margin-bottom:.8rem; }
.bd-tcard-who { font-size:.74rem; font-weight:700; color:var(--bd-ink); }
.bd-tcard-co  { font-size:.6rem; color:var(--bd-muted); margin-top:.1rem; }
.bd-tcard-star { display:flex; gap:.18rem; margin-bottom:.5rem; color:var(--bd-coral); }

/* ============================================================
   HORIZONTAL PROCESS CARDS (4 across - different from all previous!)
   ============================================================ */
.bd-proc-rail { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--bd-sand); margin-top:2.5rem; }
.bd-proc-crd { background:var(--bd-warm); padding:2.5rem 2rem; position:relative; }
.bd-proc-crd:hover { background:var(--bd-white); }
.bd-proc-crd::after { content:attr(data-num); position:absolute; top:1.5rem; right:1.5rem; font-family:var(--bd-fh); font-size:2.8rem; font-weight:900; color:rgba(15,13,12,.05); line-height:1; letter-spacing:-.06em; }
.bd-proc-icon { width:40px; height:40px; background:var(--bd-ink); border-radius:var(--bd-r2); display:flex; align-items:center; justify-content:center; margin-bottom:.8rem; color:var(--bd-coral); }
.bd-proc-n { font-size:.46rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--bd-coral); margin-bottom:.3rem; }
.bd-proc-h { font-family:var(--bd-fh); font-size:1rem; font-weight:700; color:var(--bd-ink); margin-bottom:.4rem; }
.bd-proc-p { font-size:.8rem; line-height:1.78; color:var(--bd-dim); }
/* Connecting line between cards */
.bd-proc-crd:not(:last-child)::before { content:''; position:absolute; top:2.8rem; right:-1px; width:1px; height:20px; background:var(--bd-coral); opacity:.3; }

/* ============================================================
   DARK FAQ with coral accent (different from light FAQs in 38/39)
   ============================================================ */
.bd-faq-wrap { display:grid; grid-template-columns:1fr 1fr; gap:0 4rem; margin-top:2.5rem; }
.bd-faq-item { border-bottom:1px solid var(--bd-edge2); }
.bd-faq-qbtn { display:flex; justify-content:space-between; align-items:center; gap:1rem; width:100%; padding:1.1rem 0; font-family:var(--bd-fh); font-size:.9rem; font-weight:700; color:rgba(247,243,238,.6); text-align:left; cursor:pointer; transition:color .18s; }
.bd-faq-item.bd-fq-open .bd-faq-qbtn { color:var(--bd-warm); }
.bd-faq-ic { width:22px; height:22px; border:1px solid var(--bd-edge2); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:var(--bd-ease); color:var(--bd-dim); }
.bd-faq-item.bd-fq-open .bd-faq-ic { background:var(--bd-coral); border-color:var(--bd-coral); color:white; transform:rotate(45deg); }
.bd-faq-ans { max-height:0; overflow:hidden; transition:max-height .32s ease; }
.bd-faq-item.bd-fq-open .bd-faq-ans { max-height:280px; }
.bd-faq-a { font-size:.84rem; line-height:1.82; color:var(--bd-muted); padding-bottom:1rem; border-left:2px solid var(--bd-coral); padding-left:.9rem; margin-top:.1rem; }

/* ============================================================
   PACKAGES / PRICING
   ============================================================ */
.bd-pkg-row { display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:var(--bd-edge); margin-top:2.5rem; }
.bd-pkg-crd { background:var(--bd-char); padding:2.5rem 2rem; display:flex; flex-direction:column; position:relative; transition:background .2s; }
.bd-pkg-crd:hover { background:var(--bd-char2); }
.bd-pkg-crd.bd-feat-pkg { background:var(--bd-coral); }
.bd-feat-badge { position:absolute; top:-1px; left:50%; transform:translateX(-50%); font-size:.4rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; background:var(--bd-warm); color:var(--bd-coral); padding:.18rem .7rem; border-radius:0 0 var(--bd-r) var(--bd-r); white-space:nowrap; }
.bd-pkg-nm { font-family:var(--bd-fh); font-size:.84rem; font-weight:800; color:var(--bd-warm); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.4rem; margin-top:.5rem; }
.bd-feat-pkg .bd-pkg-nm { color:white; }
.bd-pkg-scope { font-size:.62rem; color:var(--bd-dim); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.5rem; }
.bd-feat-pkg .bd-pkg-scope { color:rgba(255,255,255,.5); }
.bd-pkg-price { font-family:var(--bd-fh); font-size:2.8rem; font-weight:900; color:var(--bd-coral); line-height:1; letter-spacing:-.06em; margin-bottom:.1rem; }
.bd-feat-pkg .bd-pkg-price { color:white; }
.bd-pkg-per { font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--bd-dim); margin-bottom:.3rem; }
.bd-feat-pkg .bd-pkg-per { color:rgba(255,255,255,.4); }
.bd-pkg-days { font-size:.72rem; color:var(--bd-muted); font-style:italic; margin-bottom:.6rem; }
.bd-feat-pkg .bd-pkg-days { color:rgba(255,255,255,.55); }
.bd-pkg-tagline { font-size:.76rem; color:var(--bd-dim); margin-bottom:.8rem; }
.bd-feat-pkg .bd-pkg-tagline { color:rgba(255,255,255,.5); }
.bd-pkg-inc { display:flex; flex-direction:column; gap:.28rem; flex:1; margin-bottom:1.2rem; }
.bd-pkg-inc-row { display:flex; align-items:flex-start; gap:.32rem; font-size:.76rem; color:var(--bd-muted); }
.bd-feat-pkg .bd-pkg-inc-row { color:rgba(255,255,255,.6); }
.bd-pkg-inc-row svg { color:var(--bd-coral); flex-shrink:0; margin-top:.06rem; }
.bd-feat-pkg .bd-pkg-inc-row svg { color:rgba(255,255,255,.8); }

/* ============================================================
   SERVICE PAGE LAYOUT
   ============================================================ */
.bd-svc-layout { max-width:var(--bd-max); margin:0 auto; padding:5.5rem 2.5rem; display:grid; grid-template-columns:1fr 250px; gap:5rem; align-items:start; background:var(--bd-warm); }
.bd-svc-bdy { }
.bd-svc-bdy h2 { font-family:var(--bd-fh); font-size:1rem; color:var(--bd-coral); margin:2.5rem 0 .5rem; }
.bd-svc-bdy p { color:var(--bd-dim); margin-bottom:.88rem; }
.bd-svc-inc-list { display:flex; flex-direction:column; gap:.34rem; margin-bottom:1.4rem; }
.bd-svc-inc-item { display:flex; align-items:flex-start; gap:.45rem; font-size:.84rem; color:var(--bd-ink); }
.bd-svc-inc-item svg { color:var(--bd-coral); flex-shrink:0; margin-top:.08rem; }
.bd-svc-del { background:var(--bd-coralt); border-left:3px solid var(--bd-coral); padding:.66rem .9rem; border-radius:0 var(--bd-r) var(--bd-r) 0; margin-bottom:1.4rem; }
.bd-svc-del p { margin:0; font-size:.82rem; color:var(--bd-ink); }
/* Aside - dark bg: use coral button! */
.bd-svc-aside { position:sticky; top:calc(var(--bd-nav-h)+24px); }
.bd-aside-crd { background:var(--bd-char); border-radius:var(--bd-r3); overflow:hidden; }
.bd-aside-img img { width:100%; height:86px; object-fit:cover; filter:brightness(.1) saturate(.25); display:block; }
.bd-aside-bd { padding:1.2rem; }
.bd-aside-nm { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:rgba(247,243,238,.2); margin-bottom:.2rem; }
.bd-aside-rt { font-family:var(--bd-fh); font-size:.9rem; font-weight:700; color:var(--bd-coral); margin-bottom:.8rem; }
/* Other service links: OUTSIDE dark card, on warm bg = use dark muted! */
.bd-other-h { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--bd-dim); margin:1.4rem 0 .5rem; }
.bd-other-lk { display:flex; align-items:center; gap:.38rem; font-size:.8rem; color:var(--bd-muted); padding:.34rem 0; border-bottom:1px solid var(--bd-sand); transition:color .14s; }
.bd-other-lk:hover { color:var(--bd-ink); }

/* ============================================================
   BUILDER
   ============================================================ */
.bd-build-wrap { max-width:var(--bd-max); margin:0 auto; padding:4rem 2.5rem 8rem; display:grid; grid-template-columns:1fr 270px; gap:4rem; align-items:start; background:var(--bd-warm); }
.bd-bld-sec { margin-bottom:2.4rem; }
.bd-bld-lbl { display:block; font-family:var(--bd-fb); font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--bd-coral); margin-bottom:.9rem; }
.bd-pick { background:var(--bd-white); border:1.5px solid var(--bd-sand); border-radius:var(--bd-r2); padding:.78rem 1rem; display:flex; align-items:center; gap:.65rem; cursor:pointer; user-select:none; transition:var(--bd-ease); margin-bottom:.4rem; }
.bd-pick:hover { border-color:var(--bd-coral); }
.bd-pick.bd-picked { border-color:var(--bd-coral); background:var(--bd-coralt); }
.bd-pick-box { width:16px; height:16px; border:1.5px solid var(--bd-sand2); border-radius:var(--bd-r); flex-shrink:0; transition:var(--bd-ease); }
.bd-pick.bd-picked .bd-pick-box { background:var(--bd-coral); border-color:var(--bd-coral); }
.bd-pick-nm { font-size:.84rem; color:var(--bd-dim); flex:1; }
.bd-pick.bd-picked .bd-pick-nm { color:var(--bd-ink); font-weight:600; }
.bd-pick-pr { font-size:.7rem; font-weight:700; color:var(--bd-coral); }
.bd-adn-wrap { display:flex; flex-wrap:wrap; gap:.4rem; }
.bd-adn-chip { background:var(--bd-white); border:1.5px solid var(--bd-sand); border-radius:var(--bd-r2); padding:.46rem .88rem; cursor:pointer; user-select:none; transition:var(--bd-ease); }
.bd-adn-chip:hover { border-color:var(--bd-coral); }
.bd-adn-chip.bd-chip-on { border-color:var(--bd-coral); background:var(--bd-coralt); }
.bd-chip-nm { font-size:.8rem; font-weight:600; color:var(--bd-dim); }
.bd-adn-chip.bd-chip-on .bd-chip-nm { color:var(--bd-ink); }
.bd-chip-pr { font-size:.58rem; color:var(--bd-dim); }
.bd-adn-chip.bd-chip-on .bd-chip-pr { color:var(--bd-coral); }
.bd-hrs-box { background:var(--bd-white); border:1.5px solid var(--bd-sand); border-radius:var(--bd-r2); padding:.9rem 1rem; }
.bd-hrs-hd { display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem; }
.bd-hrs-lbl { font-size:.84rem; color:var(--bd-dim); }
.bd-hrs-val { font-family:var(--bd-fh); font-size:2rem; font-weight:900; color:var(--bd-coral); line-height:1; }
.bd-hrs-slider { -webkit-appearance:none; width:100%; height:3px; background:var(--bd-sand); border-radius:2px; cursor:pointer; }
.bd-hrs-slider::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--bd-ink); cursor:pointer; }
.bd-hrs-note { font-size:.64rem; color:var(--bd-dim); margin-top:.4rem; }
.bd-receipt { background:var(--bd-ink); border-radius:var(--bd-r3); overflow:hidden; position:sticky; top:calc(var(--bd-nav-h)+24px); }
.bd-receipt-top { background:rgba(255,255,255,.04); padding:.82rem 1.1rem; border-bottom:1px solid rgba(255,255,255,.06); }
.bd-receipt-lbl { font-size:.46rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:rgba(247,243,238,.2); }
.bd-receipt-lines { padding:.8rem 1.1rem; min-height:56px; }
.bd-receipt-empty { font-size:.74rem; color:rgba(247,243,238,.18); font-style:italic; }
.bd-receipt-ln { display:flex; justify-content:space-between; gap:.5rem; font-size:.74rem; margin-bottom:.35rem; }
.bd-receipt-lnm { color:rgba(247,243,238,.32); }
.bd-receipt-lpr { font-weight:700; color:rgba(247,243,238,.7); }
.bd-receipt-foot { border-top:1px solid rgba(255,255,255,.06); padding:.82rem 1.1rem; }
.bd-receipt-tot { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:.82rem; }
.bd-receipt-totl { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(247,243,238,.2); }
.bd-receipt-totv { font-family:var(--bd-fh); font-size:2.5rem; font-weight:900; color:var(--bd-coral); line-height:1; letter-spacing:-.06em; }
.bd-receipt-go { display:block; width:100%; background:var(--bd-coral); color:white; font-family:var(--bd-fb); font-size:.86rem; font-weight:700; padding:.74rem; border-radius:var(--bd-r2); border:none; cursor:pointer; transition:background .14s; }
.bd-receipt-go:hover:not(:disabled) { background:var(--bd-coral2); }
.bd-receipt-go:disabled { opacity:.25; cursor:not-allowed; }

/* ============================================================
   CHECKOUT
   ============================================================ */
.bd-co-wrap { max-width:840px; margin:0 auto; padding:5rem 2.5rem; display:grid; grid-template-columns:1fr 240px; gap:4rem; align-items:start; background:var(--bd-warm); }
.bd-fg { margin-bottom:.62rem; }
.bd-fl { display:block; font-size:.48rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--bd-muted); margin-bottom:.26rem; }
.bd-fi { width:100%; background:var(--bd-white); border:1.5px solid var(--bd-sand); border-radius:var(--bd-r2); padding:.62rem .9rem; color:var(--bd-ink); font-size:.9rem; transition:border-color .15s; }
.bd-fi:focus { outline:none; border-color:var(--bd-coral); box-shadow:0 0 0 3px var(--bd-coralt); }
.bd-fi::placeholder { color:var(--bd-sand2); }
.bd-agree { display:flex; align-items:flex-start; gap:.5rem; font-size:.8rem; color:var(--bd-muted); margin:.88rem 0; line-height:1.6; }
.bd-agree input { margin-top:.12rem; accent-color:var(--bd-coral); }
.bd-agree a { color:var(--bd-coral); }
.bd-co-sum { background:var(--bd-ink); border-radius:var(--bd-r3); overflow:hidden; position:sticky; top:calc(var(--bd-nav-h)+24px); }
.bd-co-sum-hd { background:rgba(255,255,255,.04); padding:.7rem 1rem; border-bottom:1px solid rgba(255,255,255,.07); }
.bd-co-sum-hl { font-size:.46rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:rgba(247,243,238,.2); }
.bd-co-sum-bd { padding:.84rem 1rem; }
.bd-co-ln { display:flex; justify-content:space-between; gap:1rem; font-size:.74rem; margin-bottom:.35rem; }
.bd-co-lnm { color:rgba(247,243,238,.32); }
.bd-co-lpr { font-weight:700; color:rgba(247,243,238,.7); }
.bd-co-div { border:none; border-top:1px solid rgba(255,255,255,.07); margin:.5rem 0; }
.bd-co-tot { display:flex; justify-content:space-between; align-items:flex-end; }
.bd-co-totl { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(247,243,238,.2); }
.bd-co-totv { font-family:var(--bd-fh); font-size:2rem; font-weight:900; color:var(--bd-coral); line-height:1; }

/* ============================================================
   INNER PAGE HEADER (pagecap)
   ============================================================ */
.bd-pagecap { background:var(--bd-char); text-align:center; padding:6rem 2.5rem 5rem; position:relative; overflow:hidden; }
.bd-pagecap::before { content:''; position:absolute; top:-80px; left:50%; transform:translateX(-50%); width:600px; height:600px; background:radial-gradient(circle,rgba(232,83,61,.05),transparent 70%); pointer-events:none; }
.bd-pagecap::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(to right,transparent,var(--bd-coral),transparent); }
.bd-pagecap-tag { display:inline-flex; align-items:center; gap:.38rem; font-family:var(--bd-fb); font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.24em; color:var(--bd-coral); background:var(--bd-coralt); border:1px solid rgba(232,83,61,.2); padding:.22rem .78rem; border-radius:100px; margin-bottom:.8rem; position:relative; }
.bd-pagecap h1 { color:var(--bd-warm); max-width:18ch; margin:0 auto; position:relative; }
.bd-pagecap-sub { color:rgba(247,243,238,.38); max-width:52ch; margin:.6rem auto 0; font-size:.92rem; position:relative; }

/* ============================================================
   LEGAL + RESULT
   ============================================================ */
.bd-legal { max-width:800px; margin:0 auto; padding:5.5rem 2.5rem 8rem; background:var(--bd-warm); }
.bd-legal h2 { font-family:var(--bd-fh); font-size:1rem; color:var(--bd-coral); margin:2.8rem 0 .5rem; }
.bd-legal h3 { font-family:var(--bd-fh); font-size:.92rem; color:var(--bd-ink); margin:1.4rem 0 .3rem; }
.bd-legal p { margin-bottom:.88rem; font-size:.88rem; color:var(--bd-dim); }
.bd-legal ul { padding-left:1.2rem; margin:.4rem 0 .88rem; }
.bd-legal li { font-size:.88rem; list-style:disc; color:var(--bd-dim); line-height:1.72; margin-bottom:.26rem; }
.bd-legal a { color:var(--bd-coral); }
.bd-legal table { width:100%; border-collapse:collapse; font-size:.82rem; margin:.88rem 0 1.2rem; }
.bd-legal th { background:var(--bd-sand); color:var(--bd-ink); padding:.5rem .9rem; text-align:left; font-size:.58rem; text-transform:uppercase; letter-spacing:.06em; border:1px solid var(--bd-sand2); }
.bd-legal td { padding:.5rem .9rem; border:1px solid var(--bd-sand2); color:var(--bd-dim); }
.bd-legal address { background:var(--bd-coralt); border-left:3px solid var(--bd-coral); padding:.88rem 1.1rem; font-size:.86rem; color:var(--bd-ink); line-height:1.86; margin:.88rem 0; border-radius:0 var(--bd-r) var(--bd-r) 0; }
.bd-legal-eff { display:inline-block; font-size:.68rem; color:var(--bd-muted); background:var(--bd-sand); border:1px solid var(--bd-sand2); padding:.24rem .7rem; border-radius:100px; margin-bottom:1.5rem; }
.bd-result { min-height:74vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:calc(var(--bd-nav-h)+4rem) 2.5rem 5rem; background:var(--bd-warm); }

/* ============================================================
   BUTTONS
   ============================================================ */
.bd-btn-coral { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:white; background:var(--bd-coral); padding:.72rem 1.9rem; border-radius:var(--bd-r); transition:background .14s; border:none; cursor:pointer; white-space:nowrap; }
.bd-btn-coral:hover { background:var(--bd-coral2); }
.bd-btn-dark { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:white; background:var(--bd-ink); padding:.72rem 1.9rem; border-radius:var(--bd-r); transition:background .14s; border:none; cursor:pointer; white-space:nowrap; }
.bd-btn-dark:hover { background:var(--bd-char2); }
.bd-btn-outline { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:var(--bd-ink); background:transparent; padding:.7rem 1.8rem; border-radius:var(--bd-r); border:1.5px solid var(--bd-sand2); transition:var(--bd-ease); white-space:nowrap; }
.bd-btn-outline:hover { border-color:var(--bd-ink); }
/* Ghost on dark bg */
.bd-btn-gw { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:rgba(247,243,238,.6); background:transparent; padding:.7rem 1.8rem; border-radius:var(--bd-r); border:1.5px solid rgba(247,243,238,.18); transition:border-color .14s; white-space:nowrap; }
.bd-btn-gw:hover { border-color:rgba(247,243,238,.6); }
/* White btn on coral bg */
.bd-btn-white { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:var(--bd-coral); background:white; padding:.72rem 1.9rem; border-radius:var(--bd-r); transition:opacity .14s; border:none; cursor:pointer; white-space:nowrap; }
.bd-btn-white:hover { opacity:.9; }
/* Ghost on coral bg */
.bd-btn-ghost-c { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--bd-fb); font-size:.9rem; font-weight:700; color:white; background:transparent; padding:.7rem 1.8rem; border-radius:var(--bd-r); border:1.5px solid rgba(255,255,255,.35); transition:border-color .14s; white-space:nowrap; }
.bd-btn-ghost-c:hover { border-color:white; }

/* ============================================================
   DARK CTA BAND
   ============================================================ */
.bd-dark-cta { background:var(--bd-char); border-top:1px solid var(--bd-edge); }
.bd-dark-cta-in { max-width:var(--bd-max); margin:0 auto; padding:8rem 2.5rem; text-align:center; }
.bd-dark-cta-in h2 { color:var(--bd-warm); margin-bottom:.6rem; }
.bd-dark-cta-in p { color:var(--bd-muted); margin-bottom:2rem; max-width:40ch; margin-left:auto; margin-right:auto; font-size:.96rem; }
.bd-dark-cta-row { display:flex; gap:.7rem; justify-content:center; flex-wrap:wrap; }

/* ============================================================
   COOKIE + CHAT
   ============================================================ */
.bd-ck-bar { position:fixed; bottom:0; left:0; right:0; background:var(--bd-char2); border-top:3px solid var(--bd-coral); z-index:9999; padding:.9rem 2rem; display:none; gap:1rem; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.bd-ck-bar p { font-size:.78rem; color:rgba(247,243,238,.4); margin:0; }
.bd-ck-bar a { color:var(--bd-coral); }
.bd-ck-btns { display:flex; gap:.4rem; flex-shrink:0; }
.bd-ck-yes { background:var(--bd-coral); color:white; font-size:.76rem; font-weight:700; padding:.38rem .92rem; border:none; border-radius:var(--bd-r); cursor:pointer; }
.bd-ck-no  { background:transparent; color:rgba(247,243,238,.3); font-size:.76rem; padding:.38rem .92rem; border:1px solid rgba(247,243,238,.14); border-radius:var(--bd-r); cursor:pointer; }
.bd-chat-fab { position:fixed; bottom:4.5rem; right:1.5rem; z-index:9990; width:50px; height:50px; background:var(--bd-coral); border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(232,83,61,.4); cursor:pointer; border:none; transition:var(--bd-ease); }
.bd-chat-fab:hover { background:var(--bd-coral2); transform:scale(1.06); }
.bd-chatpop { position:fixed; bottom:7.5rem; right:1.5rem; z-index:9989; width:268px; background:var(--bd-white); border:1px solid var(--bd-sand); border-radius:var(--bd-r3); box-shadow:var(--bd-sh2); opacity:0; pointer-events:none; transform:translateY(8px) scale(.97); transition:opacity .2s,transform .22s; overflow:hidden; }
.bd-chatpop.bd-cp-on { opacity:1; pointer-events:auto; transform:none; }
.bd-chatpop-hd { background:var(--bd-ink); padding:.88rem 1rem; display:flex; align-items:center; justify-content:space-between; }
.bd-chatpop-nm { font-family:var(--bd-fh); font-size:.84rem; font-weight:700; color:var(--bd-warm); }
.bd-chatpop-sub { font-size:.54rem; color:rgba(247,243,238,.3); }
.bd-chatpop-x { color:rgba(247,243,238,.4); }
.bd-chatpop-bd { padding:.88rem; }
.bd-chat-done { display:none; text-align:center; padding:.7rem; font-size:.82rem; color:var(--bd-coral); font-weight:700; }
.bd-chat-inp { width:100%; background:var(--bd-warm); border:1px solid var(--bd-sand); border-radius:var(--bd-r2); padding:.44rem .76rem; font-size:.8rem; color:var(--bd-ink); margin-bottom:.36rem; resize:none; }
.bd-chat-send { width:100%; background:var(--bd-coral); color:white; font-size:.78rem; font-weight:700; padding:.46rem; border-radius:var(--bd-r2); border:none; cursor:pointer; }

/* ============================================================
   FOOTER (DARK 4-COL - different from 3-col in Build 39 and 5-col in Build 38)
   ============================================================ */
.bd-foot { background:var(--bd-char); border-top:1px solid var(--bd-edge); }
.bd-foot-top { max-width:var(--bd-max); margin:0 auto; padding:5rem 2.5rem 2.5rem; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:3rem; }
.bd-foot-logo { font-family:var(--bd-fh); font-size:.82rem; font-weight:900; color:var(--bd-warm); text-transform:uppercase; letter-spacing:.08em; margin-bottom:.3rem; }
.bd-foot-logo span { color:var(--bd-coral); }
.bd-foot-tag { font-size:.72rem; color:rgba(247,243,238,.2); max-width:26ch; line-height:1.72; margin-bottom:.5rem; }
.bd-foot-ein { font-size:.56rem; color:rgba(247,243,238,.1); margin-bottom:1rem; }
.bd-foot-soc { display:flex; gap:.3rem; }
.bd-foot-soc a { width:30px; height:30px; border:1px solid var(--bd-edge2); border-radius:var(--bd-r); display:flex; align-items:center; justify-content:center; color:rgba(247,243,238,.2); transition:var(--bd-ease); }
.bd-foot-soc a:hover { border-color:var(--bd-coral); color:var(--bd-coral); }
.bd-foot-col-h { font-size:.44rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:rgba(247,243,238,.16); margin-bottom:.8rem; }
.bd-foot-links { display:flex; flex-direction:column; gap:.4rem; }
.bd-foot-links a { font-size:.78rem; color:rgba(247,243,238,.22); transition:color .14s; }
.bd-foot-links a:hover { color:var(--bd-coral); }
.bd-foot-ct a { display:flex; align-items:flex-start; gap:.42rem; font-size:.76rem; color:rgba(247,243,238,.22); transition:color .14s; margin-bottom:.5rem; }
.bd-foot-ct a:hover { color:var(--bd-coral); }
.bd-foot-ct svg { flex-shrink:0; color:rgba(232,83,61,.4); margin-top:.04rem; }
.bd-foot-btm { border-top:1px solid var(--bd-edge); max-width:var(--bd-max); margin:0 auto; padding:1.3rem 2.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.bd-foot-copy { font-size:.58rem; color:rgba(247,243,238,.12); }
.bd-foot-leg { display:flex; gap:1.1rem; flex-wrap:wrap; }
.bd-foot-leg a { font-size:.58rem; color:rgba(247,243,238,.18); transition:color .14s; }
.bd-foot-leg a:hover { color:var(--bd-coral); }

/* ============================================================
   SCROLL ANIMATIONS
   ============================================================ */
.bd-rise { opacity:0; transform:translateY(16px); transition:opacity .52s ease,transform .52s ease; }
.bd-rise.bd-vis { opacity:1; transform:none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px) {
  .bd-nav-links { display:none; }
  .bd-mob-ham { display:flex; }
  .bd-nav-cta-area { display:none; }
  .bd-hero { grid-template-columns:1fr; }
  .bd-hero-right { display:none; }
  .bd-svc-row { grid-template-columns:1fr; }
  .bd-svc-row.bd-flip { direction:ltr; }
  .bd-svc-body { padding:2.5rem; }
  .bd-mag-card { grid-template-columns:1fr; }
  .bd-mag-num-col,.bd-mag-stat-col { display:none; }
  .bd-proc-rail { grid-template-columns:1fr 1fr; }
  .bd-faq-wrap { grid-template-columns:1fr; }
  .bd-pkg-row { grid-template-columns:1fr 1fr; background:none; gap:1rem; }
  .bd-pkg-crd { border:1px solid var(--bd-edge2); border-radius:var(--bd-r3); }
  .bd-svc-layout,.bd-build-wrap,.bd-co-wrap { grid-template-columns:1fr; background:var(--bd-warm); }
  .bd-foot-top { grid-template-columns:1fr 1fr; gap:2rem; }
  .bd-stats-row { grid-template-columns:repeat(2,1fr); }
  .bd-coral-band-in { flex-direction:column; text-align:center; }
}
@media (max-width:640px) {
  .bd-shell { padding:0 1.4rem; }
  .bd-slab { padding:5rem 0; }
  .bd-hero-left { padding:3rem 1.4rem; }
  .bd-proc-rail { grid-template-columns:1fr; }
  .bd-pkg-row { grid-template-columns:1fr; }
  .bd-stats-row { grid-template-columns:1fr 1fr; }
  .bd-foot-top { grid-template-columns:1fr; }
  .bd-build-wrap,.bd-co-wrap { padding:3rem 1.4rem 5rem; }
  .bd-dark-cta-in { padding:5rem 1.4rem; }
  .bd-nav-inner { padding:0 1.4rem; }
}