/* Bold — garis tebal, bayangan keras, penuh energi */
.fam-bold { --bw: 2px; --hard: 4px 4px 0 var(--ink); --card: var(--bg); --head-weight: 800; }
.fam-bold .display, .fam-bold .h1, .fam-bold .h2 { font-weight: 800; }
.fam-bold .display em, .fam-bold .h2 em {
  font-style: normal; padding: 0 .08em;
  background: linear-gradient(transparent 64%, color-mix(in oklab, var(--primary) 62%, var(--bg)) 64% 96%, transparent 96%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.fam-bold .hero--full .display em { color: #111; background: var(--primary); }
.fam-bold .eyebrow {
  padding: .35rem .75rem; border: var(--bw) solid var(--ink); border-radius: var(--r-xs);
  background: var(--accent); color: var(--on-accent); letter-spacing: .06em; font-weight: 800;
  transform: rotate(-1.5deg); box-shadow: 2px 2px 0 var(--ink);
}
.fam-bold .hero--full .eyebrow { border-color: #111; }

.fam-bold .btn { border: var(--bw) solid var(--ink); box-shadow: var(--hard); font-weight: 700; }
.fam-bold .btn:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--ink); }
.fam-bold .btn:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--ink); }
.fam-bold .btn--ghost { --btn-bg: var(--bg); }
.fam-bold .hero--full .btn, .fam-bold .cta .btn { border-color: #111; box-shadow: 4px 4px 0 #111; }
.fam-bold .hero--full .btn--outline-light { --btn-bg: #fff; --btn-ink: #111; }
.fam-bold .btn--sm { box-shadow: 3px 3px 0 var(--ink); }
.fam-bold .icon-btn { border: var(--bw) solid var(--ink); }

.fam-bold .hdr { border-bottom: var(--bw) solid var(--ink); background: var(--bg); backdrop-filter: none; }
.fam-bold .brand__mark { border: var(--bw) solid var(--ink); background: var(--primary); color: var(--on-primary); }
.fam-bold .brand__name { font-weight: 800; }

.fam-bold .hero__img, .fam-bold .about__img, .fam-bold .feats-split__img, .fam-bold .pd__main, .fam-bold .ahero__img { border: var(--bw) solid var(--ink); box-shadow: 6px 6px 0 var(--ink); }
.fam-bold .collage .hero__img { box-shadow: 4px 4px 0 var(--ink); }

.fam-bold .marquee { background: var(--primary); color: var(--on-primary); border-block: var(--bw) solid var(--ink); padding-block: .9rem; }
.fam-bold .marquee__item { font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
.fam-bold .marquee__item::after { color: currentColor; content: "●"; font-size: .6em; }

.fam-bold .badge { border: var(--bw) solid var(--ink); border-radius: var(--r-xs); font-weight: 800; }

.fam-bold .feat, .fam-bold .step, .fam-bold .tcard, .fam-bold .cinfo { border: var(--bw) solid var(--ink); box-shadow: var(--hard); }
.fam-bold .feat:nth-child(3n+1) .feat__ic { background: var(--primary); color: var(--on-primary); }
.fam-bold .feat:nth-child(3n+2) .feat__ic { background: var(--accent); color: var(--on-accent); }
.fam-bold .feat__ic { border: var(--bw) solid var(--ink); }
.fam-bold .step__n { border: var(--bw) solid var(--ink); background: var(--accent); color: var(--on-accent); border-radius: var(--r-xs); }
.fam-bold .stats { border: var(--bw) solid var(--ink); background: var(--ink); gap: var(--bw); box-shadow: var(--hard); }
.fam-bold .stat { background: var(--primary); color: var(--on-primary); --muted: color-mix(in oklab, var(--on-primary) 72%, var(--primary)); }
.fam-bold .stat__v { color: var(--on-primary); }
.fam-bold .cat { border: var(--bw) solid var(--ink); box-shadow: var(--hard); }
.fam-bold .cta { background: var(--primary); color: var(--on-primary); border: var(--bw) solid var(--ink); box-shadow: 8px 8px 0 var(--ink); }
.fam-bold .cta::after, .fam-bold .cta__bg { display: none; }
.fam-bold .cta .lead { color: color-mix(in oklab, var(--on-primary) 80%, var(--primary)); }
.fam-bold .cta .btn--light { --btn-bg: var(--ink); --btn-ink: var(--bg); border-color: var(--ink); }
.fam-bold .faq { border-top: var(--bw) solid var(--ink); }
.fam-bold .faq__i { border-bottom: var(--bw) solid var(--ink); }
.fam-bold .chip { border: var(--bw) solid var(--ink); font-weight: 700; }
.fam-bold .chip.is-active { background: var(--primary); color: var(--on-primary); }
.fam-bold .input, .fam-bold .select, .fam-bold .textarea, .fam-bold .qty, .fam-bold .opt__v span { border: var(--bw) solid var(--ink); }
.fam-bold .gitem, .fam-bold .map { border: var(--bw) solid var(--ink); }
.fam-bold .wa-float { border: var(--bw) solid #111; box-shadow: 4px 4px 0 #111; }
.fam-bold .phead--band { border-bottom: var(--bw) solid var(--ink); }
.fam-bold .phead--band::after { border: var(--bw) solid var(--ink); border-radius: 0; transform: rotate(18deg); }

/* ===== Identitas Bold: poster tegas ===== */
.fam-bold .hero--center .display, .fam-bold .hero--split .display { text-transform: uppercase; font-size: clamp(2.3rem, 1rem + 6vw, 6rem); line-height: .95; letter-spacing: -.03em; }
.fam-bold .hero .btn-row--stack > .btn { flex: 1 1 auto; white-space: nowrap; }
.fam-bold .hero__badges { gap: .55rem; }
.fam-bold .hero__badge { padding: .3rem .75rem; border: var(--bw) solid var(--ink); border-radius: 999px; background: var(--card); color: var(--ink); font-weight: 700; font-size: .82rem; }
.fam-bold .hero__badge:nth-child(odd) { transform: rotate(-2deg); }
.fam-bold .hero__badge:nth-child(even) { transform: rotate(1.5deg); background: var(--accent); color: var(--on-accent); }
.fam-bold .hero__badge .ic { display: none; }
.fam-bold .hero--center .hero__img { transform: rotate(-1deg); }
.fam-bold .cat__name { align-self: end; justify-self: start; padding: .2rem .55rem; background: var(--bg); color: var(--ink); border: var(--bw) solid var(--ink); text-transform: uppercase; font-size: .95rem; }
.fam-bold .cat__n { margin-top: .35rem; }