/* Cetak Biru — kertas grid, label mono, garis putus-putus, tanda ukur */
.fam-cetak { --card: var(--bg); --shadow: none; --sec-y: clamp(48px, 6vw, 96px); --grid-c: color-mix(in oklab, var(--primary) 9%, transparent); background-color: var(--bg); background-image: linear-gradient(var(--grid-c) 1px, transparent 1px), linear-gradient(90deg, var(--grid-c) 1px, transparent 1px); background-size: 96px 96px; }
.fam-cetak .display { font-size: clamp(2rem, 1rem + 3.6vw, 4.2rem); line-height: 1.04; }
.fam-cetak .h2 { font-size: clamp(1.5rem, 1rem + 2.2vw, 2.6rem); }
.fam-cetak .display em, .fam-cetak .h1 em, .fam-cetak .h2 em { font-style: normal; color: var(--primary-text); text-decoration: underline; text-decoration-style: wavy; text-decoration-thickness: 2px; text-underline-offset: 8px; text-decoration-color: var(--accent); }
.fam-cetak .eyebrow { font-family: var(--mono); font-weight: 600; letter-spacing: .04em; color: var(--primary-text); }
.fam-cetak .eyebrow::before { content: "//"; opacity: .6; }
.fam-cetak .stat__v, .fam-cetak .price__now, .fam-cetak .step__n { font-family: var(--mono); letter-spacing: -.04em; }
.fam-cetak .btn { border-radius: 0; font-family: var(--mono); font-size: .9rem; font-weight: 700; letter-spacing: -.01em; }
.fam-cetak .btn--primary { box-shadow: 4px 4px 0 color-mix(in oklab, var(--primary) 35%, transparent); }
.fam-cetak .btn--ghost { border: 1px dashed var(--ink); }
.fam-cetak .icon-btn { border-radius: 0; border: 1px dashed var(--ink); }
.fam-cetak .badge { border-radius: 0; font-family: var(--mono); font-weight: 600; }

/* Header: bar spesifikasi dengan koordinat */
.fam-cetak .hdr { background: color-mix(in oklab, var(--bg) 94%, transparent); border-bottom: 1px solid var(--ink); }
.fam-cetak .hdr.is-scrolled { border-bottom-color: var(--ink); }
.fam-cetak .brand__mark { border-radius: 0; font-family: var(--mono); background: transparent; color: var(--primary-text); border: 1.5px solid currentColor; }
.fam-cetak .brand__name { font-family: var(--mono); font-weight: 700; font-size: 1rem; letter-spacing: -.04em; }
.fam-cetak .nav__a { font-family: var(--mono); font-size: .86rem; border-radius: 0; }
.fam-cetak .nav__a.is-active { background: var(--tint); }
.fam-cetak .nav__a.is-active::after { left: 0; right: 0; bottom: 0; height: 2px; border-radius: 0; }
.fam-cetak .mnav__a { font-family: var(--mono); font-size: 1rem; border-bottom-style: dashed; }

/* Section */
.fam-cetak .feat, .fam-cetak .tcard, .fam-cetak .step, .fam-cetak .cinfo { position: relative; border: 1px dashed color-mix(in oklab, var(--ink) 45%, transparent); border-radius: 0; background: var(--bg); }
.fam-cetak .feat::before, .fam-cetak .step::before, .fam-cetak .tcard::before { content: ""; position: absolute; top: -1px; left: -1px; width: 12px; height: 12px; border-top: 2px solid var(--primary-text); border-left: 2px solid var(--primary-text); }
.fam-cetak .feat__ic { border-radius: 0; background: transparent; color: var(--primary-text); border: 1px solid currentColor; }
.fam-cetak .step__n { border-radius: 0; }
.fam-cetak .fnum { border-top: 1px solid var(--ink); }
.fam-cetak .fnum__n { font-family: var(--mono); font-weight: 700; }
.fam-cetak .fnum__n::before { content: "#"; opacity: .5; }
@media (min-width: 900px) { .fam-cetak .fnum__i { border-top: 1px solid var(--ink); } .fam-cetak .fnum__i:not(:nth-child(3n+1)) { border-left-style: dashed; } }
.fam-cetak .stats { border: 1px solid var(--ink); border-radius: 0; background: var(--ink); }
.fam-cetak .stat { background: var(--bg); }
.fam-cetak .stat__l { font-family: var(--mono); font-size: .82rem; }
.fam-cetak .cat, .fam-cetak .about__img, .fam-cetak .about-banner, .fam-cetak .feats-split__img, .fam-cetak .gitem, .fam-cetak .map, .fam-cetak .pd__main, .fam-cetak .pd__shot, .fam-cetak .pd__thumb, .fam-cetak .ahero__img { border-radius: 0; }
.fam-cetak .about__img { outline: 1px dashed var(--primary-text); outline-offset: 8px; }
.fam-cetak .cta { border-radius: 0; }
.fam-cetak .cta--split { border: 1px solid var(--ink); background: var(--bg); }
.fam-cetak .faq { border-top: 1px solid var(--ink); }
.fam-cetak .faq__i { border-bottom: 1px dashed var(--line-strong); }
.fam-cetak .faq__q { font-family: var(--mono); font-size: .96rem; font-weight: 600; }
.fam-cetak .chip { border-radius: 0; border-style: dashed; font-family: var(--mono); font-size: .86rem; }
.fam-cetak .chip.is-active { border-style: solid; }
.fam-cetak .input, .fam-cetak .select, .fam-cetak .textarea, .fam-cetak .qty, .fam-cetak .opt__v span { border-radius: 0; }
.fam-cetak .specs { font-family: var(--mono); font-size: .9rem; }
.fam-cetak .avatar { border-radius: 0; font-family: var(--mono); }
.fam-cetak .socials a { border-radius: 0; border-style: dashed; }
.fam-cetak .ftr { background: var(--bg); border-top: 1px solid var(--ink); }
.fam-cetak .ftr__h { font-family: var(--mono); color: var(--primary-text); }
.fam-cetak .ftr__bot { font-family: var(--mono); font-size: .8rem; border-top-style: dashed; }
.fam-cetak .wa-float { border-radius: 0; }
.fam-cetak .sheet, .fam-cetak .drawer { border-radius: 0; }