/* Celeste primary · Jakarta Navy secondary · Cloud alternate.
   Scope publik: warna portal admin/agent tidak berubah. */
:root[data-public-brand]{
  --celeste:#75B5E8; --brand-navy:#14203C; --cloud:#F1F3F7;
  --sun-gold:#F6C445; --action-blue:#2B5FD9;
  --paper:#F1F3F7; --surface:#FFFFFF; --surface-2:#F7F8FB; --sunken:#E7EAF2;
  --line:#DCE0EA; --line-strong:#C1C9D9;
  --ink:#111A2E; --ink-2:#38455F; --muted:#56627A;
  --navy:#14203C; --navy-soft:#1E2E52;
  --on-navy:#EEF2FA; --on-navy-muted:#B7C8E1; --on-navy-line:#2C3D64;
  --accent:#14203C; --accent-ink:#1E48AC; --accent-soft:#E7F2FC; --on-accent:#FFFFFF;
  --brass:#9C7833; --brass-soft:#F4EDDC;
  --ok:#1C7A52; --ok-soft:#E1F2E9;
  --warn:#A0640F; --warn-soft:#FAEEDA;
  --crit:#A82F2B; --crit-soft:#F9E5E4;
  color-scheme:light;
}
:root[data-public-brand] .brand-mark{color:var(--brand-navy)}
:root[data-public-brand] .brand-mark em{color:var(--brand-navy);text-decoration:underline;text-decoration-color:var(--celeste);text-decoration-thickness:4px;text-underline-offset:5px}
:root[data-public-brand] :focus-visible{outline:3px solid var(--action-blue);outline-offset:4px}
:root[data-public-brand] .wa-head{background:var(--celeste);color:var(--brand-navy);border-color:var(--celeste)}
:root[data-public-brand] .fh-trust-icon{background:var(--celeste);color:var(--brand-navy)}
:root[data-public-brand] .fh-trust{border-color:var(--celeste)}
:root[data-public-brand] .fh-tab[aria-selected="true"]{box-shadow:inset 0 -3px var(--celeste)}
:root[data-public-brand] footer.site{border-top:5px solid var(--celeste)}
:root[data-public-brand] .btn-primary,:root[data-public-brand] .fh-btn-primary{background:var(--brand-navy);border-color:var(--brand-navy);color:#FFFFFF}
:root[data-public-brand] .btn-primary:hover,:root[data-public-brand] .fh-btn-primary:hover{background:var(--navy-soft);border-color:var(--navy-soft)}
:root[data-public-brand] .contact-panel .wa-contact{background:var(--brand-navy);border-color:var(--brand-navy);color:#FFFFFF}
:root[data-public-brand] .contact-panel .contact-email{color:var(--action-blue)}
:root[data-public-brand] .contact-panel .inquiry-alternative{margin-top:18px}
:root[data-public-brand] .lead-privacy-links{margin-top:10px;font-size:.78rem;line-height:1.6}
:root[data-public-brand] .lead-privacy-links a{color:var(--action-blue);text-decoration:underline;text-underline-offset:3px}
.info-page{background:var(--surface);padding-bottom:0}
.info-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.info-hero{background:var(--celeste);color:var(--brand-navy);padding:32px 0 62px;border-bottom:1px solid rgba(20,32,60,.12)}
.info-breadcrumb{font-size:.78rem;margin-bottom:40px;line-height:1.6}
.info-breadcrumb a{text-underline-offset:3px}
.info-hero .eyebrow{color:var(--brand-navy);margin-bottom:16px}
.info-hero h1{font-size:clamp(2rem,4.3vw,3.65rem);max-width:880px;line-height:1.1;letter-spacing:-.035em}
.info-intro{max-width:780px;margin-top:24px;font-size:1.03rem;line-height:1.8}
.info-intro p+p{margin-top:16px}
.info-intro a{color:inherit;text-underline-offset:3px;overflow-wrap:anywhere}
.info-date{font-size:.78rem;margin-top:18px}
.info-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:80px;padding-block:60px 80px;align-items:start}
.info-aside{position:sticky;top:calc(var(--nav-h) + 30px)}
.info-aside nav{border-left:3px solid var(--celeste);padding-left:20px}
.info-aside .eyebrow{margin-bottom:18px;color:var(--muted)}
.info-aside a{display:block;font-size:.82rem;line-height:1.6;text-decoration:none;padding:7px 0;color:var(--ink-2)}
.info-aside a:hover{color:var(--action-blue);text-decoration:underline;text-underline-offset:3px}
.info-body{min-width:0;font-size:1rem;line-height:1.85;color:var(--ink-2)}
.info-section{scroll-margin-top:calc(var(--nav-h) + 28px)}
.info-section+.info-section{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.info-section h2{color:var(--brand-navy);font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.25;margin-bottom:18px}
.info-section h3{color:var(--brand-navy);font-size:1.08rem;line-height:1.5;margin-top:24px;margin-bottom:12px}
.info-section p+p{margin-top:16px}
.info-section ul{padding-left:23px;margin:16px 0}
.info-section li+li{margin-top:8px}
.info-section a{color:var(--action-blue);text-underline-offset:3px;overflow-wrap:anywhere}
.info-legal .info-hero h1{font-size:clamp(1.9rem,3.9vw,3rem)}
.info-legal .info-intro{font-size:.98rem}
.info-cta{background:var(--cloud);padding:56px 0 64px;border-top:1px solid var(--line)}
.info-cta h2{font-size:clamp(1.6rem,2.8vw,2.35rem);max-width:750px;color:var(--brand-navy)}
.info-cta p{margin-top:18px;max-width:650px;color:var(--ink-2);line-height:1.75}
.info-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}
.info-wa{gap:18px;white-space:normal;text-align:center}
.info-text-button{font:inherit;color:var(--action-blue);text-decoration:underline;text-underline-offset:3px;border:0;padding:0;background:none;cursor:pointer;text-align:left}
.info-alternative{font-size:.88rem}
@media(max-width:950px){.info-layout{grid-template-columns:210px minmax(0,1fr);gap:36px}}
@media(max-width:700px){
  .info-shell{width:calc(100% - 36px)}
  .info-hero{padding:24px 0 38px}.info-breadcrumb{margin-bottom:30px}
  .info-layout{display:block;padding-block:32px 48px}
  .info-aside{position:static;margin-bottom:34px}.info-aside nav{padding-left:16px}
  .info-aside a{padding-block:8px}.info-intro{font-size:.96rem}
  .info-body{font-size:.96rem}.info-section+.info-section{margin-top:28px;padding-top:28px}
  .info-actions{align-items:stretch;flex-direction:column}
  .info-actions .btn{width:100%;min-height:48px;white-space:normal}
  .info-cta{padding-block:36px 48px}
}

:root[data-public-brand] footer.site .brand-mark{color:#FFFFFF}
:root[data-public-brand] footer.site .brand-mark em{color:var(--celeste);text-decoration:none}
:root[data-public-brand] .fh-finder{background:var(--celeste);color:var(--brand-navy)}
:root[data-public-brand] .fh-finder p{color:var(--brand-navy)}
:root[data-public-brand] .topbar{background:#FFFFFF;color:var(--brand-navy);border-bottom-color:var(--line)}
:root[data-public-brand] .topbar .brand-tag{color:var(--muted)}
:root[data-public-brand] .nav a{color:var(--ink-2)}
:root[data-public-brand] .nav a:hover,:root[data-public-brand] .nav a[aria-current="page"]{background:var(--accent-soft);color:var(--brand-navy)}
:root[data-public-brand] .topbar .icon-btn{color:var(--brand-navy);border-color:var(--line-strong)}
:root[data-public-brand] .wa-head .ico{color:#25D366}
:root[data-public-brand] .wa-head:hover{background:#A1CDEF;color:var(--brand-navy)}
:root[data-public-brand] .fh-finder::after{background:#FFFFFF;opacity:.18;pointer-events:none}