/* Saiqa Area Layanan Public V1 — maroon, ivory, gold; mobile-first. */
.saiqa-areas-page{background:#fffaf4;color:#382c2a}
.saiqa-areas-page .sa-areas-hero{background:linear-gradient(125deg,#671219 0%,#8a1114 70%,#75181b 100%);color:#fff;padding:77px 0 79px}
.saiqa-areas-page .sa-areas-kicker,.sa-areas-page .sa-areas-overline,.sa-areas-contact .sa-areas-overline{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#d9a335}
.saiqa-areas-page .sa-areas-kicker{color:#ffce72}
.saiqa-areas-page .sa-areas-hero h1{color:#fff;font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.05em;margin:17px 0 17px}
.saiqa-areas-page .sa-areas-hero p{color:#ffe9e2;line-height:1.85;max-width:740px;font-size:15px;margin:0}
.saiqa-areas-page .sa-areas-content{padding:65px 0 90px}
.saiqa-areas-page .sa-areas-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}
.saiqa-areas-page .sa-areas-heading h2,.saiqa-areas-page .sa-areas-empty h2,.saiqa-areas-page .sa-areas-action h2{color:#641419;font-size:clamp(26px,3.1vw,40px);line-height:1.2;letter-spacing:-.04em;margin:9px 0 0}
.saiqa-areas-page .sa-areas-heading p{max-width:420px;font-size:13px;line-height:1.85;color:#76645c;margin:0}
.saiqa-areas-page .sa-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.saiqa-areas-page .sa-area-card{border:1px solid #ecd8ca;border-radius:17px;padding:26px;background:#fff;box-shadow:0 14px 35px #591d160b;min-width:0}
.saiqa-areas-page .sa-area-symbol{width:40px;height:40px;border-radius:12px;background:#f9e7d5;display:grid;place-items:center;color:#8a1114;font-weight:900;margin-bottom:21px}
.saiqa-areas-page .sa-area-card h3{color:#6e1d20;margin:0 0 12px;font-size:20px;letter-spacing:-.025em;overflow-wrap:anywhere}
.saiqa-areas-page .sa-area-card p{color:#726059;font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.saiqa-areas-page .sa-areas-empty{background:#fff;border:1px solid #ebd8ca;border-radius:20px;padding:41px 45px}
.saiqa-areas-page .sa-areas-empty p{font-size:14px;line-height:1.85;color:#6f625d;max-width:690px}
.saiqa-areas-page .sa-areas-action{background:#fff1e3;border:1px solid #efd9be;border-radius:20px;margin-top:27px;padding:37px 42px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.saiqa-areas-page .sa-areas-action h2{font-size:clamp(23px,2.5vw,32px)}
.saiqa-areas-page .sa-areas-action p{font-size:13px;color:#735b50;line-height:1.8;max-width:565px;margin:11px 0 0}
.saiqa-areas-page .sa-areas-buttons{display:flex;flex-direction:column;gap:9px;flex-shrink:0}
.saiqa-areas-page .sa-areas-buttons a{padding:13px 17px;border:1px solid #8a1114;border-radius:10px;text-align:center;font-size:12px;font-weight:850;white-space:nowrap}
.saiqa-areas-page .sa-areas-buttons .sa-area-button-primary{background:#8a1114;color:#fff}
.saiqa-areas-page .sa-areas-buttons .sa-area-button-secondary{background:#fff8f0;color:#8a1114}
/* Contact-page service-area summary: uses the existing site stylesheet and page layout. */
.sa-areas-contact{background:#fff7ef;padding:50px 0 55px;border-top:1px solid #eedbca}
.sa-areas-contact .sa-areas-contact-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.sa-areas-contact h2{color:#65191b;margin:9px 0 0;font-size:clamp(26px,3vw,37px);letter-spacing:-.04em;line-height:1.2}
.sa-areas-contact .sa-areas-contact-note{margin:9px 0 0;max-width:700px;color:#765f58;font-size:13px;line-height:1.8}
.sa-areas-contact .sa-areas-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:15px 0 22px}
.sa-areas-contact .sa-areas-mini-item{border:1px solid #e8d3c6;border-radius:12px;background:#fff;padding:17px 18px;min-width:0}
.sa-areas-contact .sa-areas-mini-item strong{display:block;color:#782125;font-size:14px;overflow-wrap:anywhere}
.sa-areas-contact .sa-areas-mini-item p{color:#76645d;line-height:1.65;font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}
.sa-areas-contact .sa-areas-contact-link{display:inline-flex;padding:13px 18px;border-radius:9px;background:#8a1114;color:#fff;font-size:12px;font-weight:800}
@media(max-width:900px){.saiqa-areas-page .sa-areas-grid,.sa-areas-contact .sa-areas-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saiqa-areas-page .sa-areas-action,.saiqa-areas-page .sa-areas-heading{display:block}.saiqa-areas-page .sa-areas-buttons{flex-direction:row;margin-top:25px;flex-wrap:wrap}.saiqa-areas-page .sa-areas-heading p{margin:15px 0 0}}
@media(max-width:620px){.saiqa-areas-page .sa-areas-hero{padding:54px 0}.saiqa-areas-page .sa-areas-content{padding:36px 0 60px}.saiqa-areas-page .sa-areas-grid,.sa-areas-contact .sa-areas-mini-grid{grid-template-columns:1fr}.saiqa-areas-page .sa-areas-empty,.saiqa-areas-page .sa-areas-action{padding:26px 22px}.saiqa-areas-page .sa-areas-buttons{display:grid}.sa-areas-contact{padding:37px 0 45px}.sa-areas-contact .sa-areas-contact-head{display:block}}