/* Jendela — antarmuka komputer jadul: abu-abu timbul, bilah judul biru, huruf piksel, desktop teal */
.fam-jendela { --card: #c9c9c9; --shadow: none; --sec-y: clamp(44px, 6vw, 88px); --win: inset -2px -2px 0 #7b7b7b, inset 2px 2px 0 #fff; }
.fam-jendela .display em, .fam-jendela .h1 em, .fam-jendela .h2 em { font-style: normal; background: #ffff9c; color: #0a246a; padding: 0 .1em; }
.fam-jendela .h2 { font-size: clamp(1.7rem, 1.1rem + 2.4vw, 3rem); }
.fam-jendela .eyebrow { color: var(--primary-text); }
.fam-jendela .eyebrow::before { content: "▶"; font-size: .8em; }
.fam-jendela .btn { border-radius: 0; border: 2px solid #111; --btn-bg: #c9c9c9; --btn-ink: #111; box-shadow: var(--win); }
.fam-jendela .btn:active { box-shadow: inset 2px 2px 0 #7b7b7b, inset -2px -2px 0 #fff; }
.fam-jendela .icon-btn { border-radius: 0; border: 2px solid #111; background: #c9c9c9; color: #111; box-shadow: var(--win); }
/* header seperti bilah menu program */
.fam-jendela .hdr { background: #c9c9c9; color: #111; border-bottom: 2px solid #7b7b7b; box-shadow: inset 0 -2px 0 #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
.fam-jendela .hdr::before { content: ""; display: block; height: 6px; background: linear-gradient(90deg, #0a246a, #3a6ea5); }
.fam-jendela .brand__mark { border-radius: 0; background: var(--primary); color: var(--on-primary); box-shadow: var(--win); }
.fam-jendela .nav__a { color: #111; border-radius: 0; }
.fam-jendela .nav__a:hover { background: #0a246a; color: #fff; }
.fam-jendela .nav__a.is-active { background: #0a246a; color: #fff; }
.fam-jendela .nav__a.is-active::after { display: none; }
.fam-jendela .hdr .mnav { background: #c9c9c9; color: #111; }
.fam-jendela .feat, .fam-jendela .tcard, .fam-jendela .step, .fam-jendela .cinfo { border: 2px solid #111; border-radius: 0; background: #c9c9c9; color: #111; --muted: #333; box-shadow: var(--win), 3px 3px 0 rgb(0 0 0 / .25); }
.fam-jendela .feat::before, .fam-jendela .tcard::before { content: ""; display: block; height: 18px; margin: calc(clamp(20px, 2.5vw, 28px) * -1) calc(clamp(20px, 2.5vw, 28px) * -1) 6px; background: linear-gradient(90deg, #0a246a, #3a6ea5); }
.fam-jendela .feat__ic { border-radius: 0; background: #fff; color: #0a246a; box-shadow: inset 2px 2px 0 #7b7b7b, inset -2px -2px 0 #fff; }
.fam-jendela .step__n { border-radius: 0; background: #0a246a; color: #fff; }
.fam-jendela .about__img, .fam-jendela .gitem, .fam-jendela .cat, .fam-jendela .map, .fam-jendela .pd__main { border-radius: 0; border: 2px solid #111; box-shadow: var(--win); padding: 4px; background: #c9c9c9; }
.fam-jendela .crail__img { border-radius: 0; }
.fam-jendela .faq__i { margin-bottom: 6px; padding-inline: 12px; border: 2px solid #111; background: #fff; color: #111; }
.fam-jendela .faq { border: 0; }
.fam-jendela .cta { border-radius: 0; border: 2px solid #111; }
.fam-jendela .input, .fam-jendela .select, .fam-jendela .textarea { border-radius: 0; border: 2px solid #111; box-shadow: inset 2px 2px 0 #7b7b7b; background: #fff; color: #111; }
.fam-jendela .chip { border-radius: 0; background: #c9c9c9; color: #111; box-shadow: var(--win); border-color: #111; }
.fam-jendela .chip.is-active { background: #0a246a; color: #fff; }
.fam-jendela .ftr--card .ftr__panel { border-radius: 0; background: #c9c9c9; color: #111; --muted: #333; box-shadow: var(--win); border: 2px solid #111; }
.fam-jendela .ftr--card .ftr__cta { border-radius: 0; background: #0a246a; color: #fff; }
.fam-jendela .badge { border-radius: 0; background: #ffff9c; color: #111; border: 1px solid #111; }
.fam-jendela .drawer, .fam-jendela .sheet { border-radius: 0; }
.fam-jendela .wa-float { border-radius: 0; border: 2px solid #111; }