@font-face{font-family:Manrope;src:url('manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--blue:#064789;--ink:#18212b;--muted:#626b76;--line:#e3e8ed;--light:#f5f7f9;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:.84375rem;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto;border-radius:var(--radius)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.35}h2{font-size:1.75rem;letter-spacing:-.035em}h3{font-size:1rem;letter-spacing:-.02em}p{color:var(--muted)}button,a{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #3775b4;outline-offset:5px}::selection{background:#dceaf7;color:var(--blue)}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.wide{width:min(1400px,calc(100% - 48px));margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.skip-link{position:absolute;left:20px;top:-100px;padding:10px 18px;background:var(--blue);color:#fff;z-index:50;border-radius:6px}.skip-link:focus{top:12px}.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.16em;line-height:1.7;text-transform:uppercase;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.75rem;font-weight:600;color:var(--blue);padding:9px 0;line-height:1.7}.text-link .icon{width:16px;height:16px;transition:transform .2s}.text-link:hover{color:#000}.text-link:hover .icon{transform:translateX(3px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:12px 21px;background:var(--blue);border:1px solid var(--blue);border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;line-height:1.65;transition:background .2s,border-color .2s}.button:hover{background:#000;border-color:#000}.button .icon{width:16px;height:16px}
/* The desktop header stays in the normal document flow. */
.site-header{position:relative;z-index:20;background:#fff}.utility{border-bottom:1px solid #eef1f4;font-size:.625rem;color:#626b76}.utility-inner{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:20px}.utility-inner>div{display:flex;gap:27px;align-items:center}.utility a:hover{color:var(--blue)}.language-switch{display:flex;gap:13px}.language-link{display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 2px;color:#737d88}.language-link[aria-current]{color:var(--blue);font-weight:700}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:90px}.brand{flex-shrink:0}.brand img{width:172px;height:auto;border-radius:0}.main-nav{display:flex;align-items:center;gap:25px}.main-nav>a{font-size:.6875rem;white-space:nowrap;line-height:1.5;padding-block:14px;color:#444d58}.main-nav>a:hover,.main-nav>a[aria-current]{color:var(--blue)}.main-nav>a[aria-current]{font-weight:700}.main-nav .button{font-size:.6875rem;color:#fff;padding:11px 15px;min-height:40px;gap:15px;margin-left:4px}.main-nav .button:hover{color:#fff}.menu-toggle{display:none}
/* Static architectural photograph; there is no carousel on this page. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:580px;background:#fdfdfd;border-radius:22px}.hero-visual{position:absolute;inset:0 0 0 auto;width:76%;height:100%;z-index:-2}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center bottom;border-radius:22px}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fdfdfd 1%,rgba(253,253,253,.96) 18%,rgba(253,253,253,0) 43%);pointer-events:none}.hero>.wrap{position:relative;min-height:580px}.hero-copy{padding:91px 0 113px;width:440px;max-width:48%}.hero-copy .eyebrow{font-size:.65625rem;letter-spacing:.13em}.hero h1{margin:22px 0;font-size:2.625rem;line-height:1.25;letter-spacing:-.048em;font-weight:400;color:var(--blue)}.hero h1 span{color:var(--ink)}.hero-intro{max-width:330px;font-size:.84375rem;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:27px}.hero-actions .text-link{font-size:.71875rem}.hero-assurance{display:flex;align-items:center;gap:9px;font-size:.65625rem;color:#606975;margin-top:24px}.hero-assurance .icon{width:14px;height:14px;color:var(--blue)}.hero-foot{position:absolute;bottom:30px;left:0;font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:#69717a;display:flex;align-items:center;gap:15px}.hero-foot::before{content:"";height:1px;width:36px;background:#8899aa}
.partner-band{padding:32px 0 35px;border-bottom:1px solid var(--line)}.partner-inner{display:grid;grid-template-columns:146px 1fr;gap:30px;align-items:center}.partner-label .eyebrow{font-size:.625rem}.partner-label p+p{margin-top:3px;font-size:.6875rem;line-height:1.6}.brand-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px;align-items:center}.brand-logo{display:flex;align-items:center;justify-content:center;height:52px;min-width:0;overflow:hidden;border-radius:5px}.brand-logo img{object-fit:contain;max-width:100%;max-height:30px;border-radius:0}.brand-logo.mitsubishi img{max-height:39px}.brand-logo.lg img{width:61px;max-height:30px}.brand-logo.midea img{width:177px;max-width:none;max-height:none;height:78px;flex-shrink:0}.brand-logo:hover{background:#fafbfc}
.section{padding-block:86px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.intro h2{margin-top:18px;max-width:380px}.intro-copy{padding-top:4px}.intro-copy p+p{margin-top:13px}.intro-copy .text-link{margin-top:13px}
.solutions{background:var(--blue);border-radius:22px;color:#fff;padding:47px 0 45px}.solutions .wrap{width:min(1160px,calc(100% - 80px))}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-heading h2{margin-top:13px}.solutions .eyebrow{color:#c7d9eb}.solutions h2{font-size:1.625rem;color:#fff}.solutions .text-link{color:#fff}.solutions .text-link:hover{color:#d2e8ff}.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.sector-image{overflow:hidden;border-radius:12px}.sector-image img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:12px;transition:transform .45s}.sector-card:hover img{transform:scale(1.025)}.sector-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px}.sector-caption h3{font-size:1.0625rem}.sector-caption .icon{width:17px;height:17px}.sector-card p{font-size:.75rem;line-height:1.7;color:#d4e2ef;margin-top:6px;max-width:280px}
.services{display:grid;grid-template-columns:1fr 1.7fr;gap:100px}.section-aside h2{margin:16px 0}.section-aside>p:not(.eyebrow){max-width:290px;font-size:.8125rem}.section-aside .text-link{margin-top:18px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:26px 1fr 22px;align-items:start;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.service-number{color:#7f8b97;font-size:.6875rem;padding-top:2px}.service-row h3{font-size:.9375rem}.service-row p{margin-top:6px;font-size:.75rem;line-height:1.8}.service-row>.icon{margin-top:3px;width:17px;height:17px;color:var(--blue);transition:transform .2s}.service-row:hover h3{color:var(--blue)}.service-row:hover>.icon{transform:translate(2px,-2px)}
.why{border-top:1px solid var(--line);padding:37px 0 49px}.why-heading{display:flex;justify-content:space-between;align-items:baseline;gap:28px;margin-bottom:25px}.why h2{font-size:1.25rem}.why-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}.why-list li{border-left:1px solid var(--line);padding-left:19px;font-size:.75rem;line-height:1.7;color:#485360;display:flex;gap:10px;align-items:start}.why-list li:first-child{padding-left:0;border-left:0}.why-list .icon{width:14px;height:14px;color:var(--blue);margin-top:4px}
.projects{padding-top:58px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-photo{border-radius:14px;overflow:hidden;background:#f3f5f7}.project-photo img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:14px;transition:transform .45s}.project-card:hover img{transform:scale(1.025)}.project-caption{padding-top:17px}.project-caption>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.project-caption h3{font-size:.9375rem}.project-caption span{font-size:.6875rem;color:#65707c}.project-caption p{margin-top:4px;font-size:.6875rem;color:#6d7680}.project-card:hover h3{color:var(--blue)}
.contact-callout{background:var(--light);border:1px solid #e7edf2;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:39px 45px;margin-bottom:75px}.contact-callout h2{font-size:1.625rem;margin:10px 0 7px}.contact-callout p:not(.eyebrow){font-size:.8125rem}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.contact-actions>.text-link{font-size:.6875rem;padding-block:4px}
.site-footer{background:#f7f8fa;border-top:1px solid #eceff2;padding:42px 0 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:28px;border-bottom:1px solid #e0e5eb}.footer-brand img{width:153px;border-radius:0}.footer-top>span{font-size:.6875rem;color:#7c858f}.footer-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr 1.9fr;gap:40px;padding-block:35px}.footer-grid h3{font-size:.71875rem;font-weight:600;margin-bottom:13px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{font-size:.6875rem;margin-bottom:6px;color:#65707b}.footer-grid a:hover{color:var(--blue)}.footer-contact a{display:block;font-size:.6875rem;color:#65707b;margin-bottom:5px;overflow-wrap:anywhere}.footer-contact address{font-style:normal;font-size:.6875rem;line-height:1.85;color:#65707b;margin-top:13px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 23px;border-top:1px solid #e0e5eb;font-size:.625rem;color:#7a838e}.footer-bottom a{display:flex;align-items:center;gap:8px}.footer-bottom .icon{width:13px;height:13px}.whatsapp-button{position:fixed;right:25px;bottom:23px;z-index:30;display:flex;align-items:center;gap:9px;background:#147b4f;color:#fff;padding:12px 16px;border-radius:30px;box-shadow:0 3px 16px #17382b1c;font-size:.6875rem;line-height:1.5;border:1px solid #ffffff85;transition:background .2s}.whatsapp-button img{width:20px;height:20px;filter:brightness(0) invert(1);border-radius:0}.whatsapp-button:hover{background:#0a5837}
@media(min-width:1001px){.site-header{position:static;top:auto}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.main-nav{gap:17px}.brand img{width:151px}.header-inner{gap:20px}.hero-copy{width:410px;max-width:48%}.hero h1{font-size:2.375rem}.hero-actions{gap:18px}.intro,.services{gap:65px}.brand-logos{gap:15px}.partner-inner{grid-template-columns:130px 1fr;gap:20px}.footer-grid{gap:25px}}
@media(max-width:1000px){html{scroll-padding-top:100px}.site-header{position:sticky;top:0;border-bottom:1px solid #edf0f3}.header-inner{min-height:73px}.utility-inner{min-height:28px}.brand img{width:154px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid var(--line);border-radius:6px;width:39px;height:37px;padding:8px;color:var(--blue);cursor:pointer}.menu-toggle span{height:1px;width:19px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 36px 24px;display:none;align-items:stretch;gap:0;max-height:calc(100dvh - 105px);overflow-y:auto;box-shadow:0 12px 24px #1424380c}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a{padding:12px 0;font-size:.8125rem}.main-nav .button{align-self:flex-start;font-size:.75rem;margin:12px 0 0;padding:12px 18px}.hero{margin-top:15px;min-height:548px}.hero>.wrap{min-height:548px}.hero-copy{max-width:54%;padding-top:79px}.hero h1{font-size:2.25rem}.hero-visual{width:76%;right:-12%}.hero::before{background:linear-gradient(90deg,#fdfdfd 1%,rgba(253,253,253,.97) 27%,rgba(253,253,253,0) 55%)}.hero-intro{max-width:310px}.hero-actions .button{gap:13px}.partner-inner{grid-template-columns:120px 1fr;gap:25px}.brand-logos{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:22px;row-gap:0}.brand-logo{height:49px}.brand-logo img{max-width:100px}.brand-logo.midea img{max-width:none}.section{padding-block:65px}.intro,.services{gap:46px}.intro h2,h2{font-size:1.5rem}.solutions{padding:38px 0}.solutions .wrap{width:calc(100% - 64px)}.sector-grid{gap:20px}.sector-image img{aspect-ratio:1.4}.sector-caption h3{font-size:.9375rem}.sector-card p{font-size:.71875rem}.services{grid-template-columns:.85fr 1.35fr}.why-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.why-list li{padding-left:14px}.why-list li:nth-child(4){border-left:0;padding-left:0}.why{padding-bottom:25px}.project-grid{gap:20px}.contact-callout{padding:31px;margin-bottom:60px}.contact-callout h2{font-size:1.4375rem}.footer-grid{grid-template-columns:1fr 1.4fr;gap:27px 45px}}
@media(max-width:680px){body{font-size:.84375rem}.wrap{width:calc(100% - 40px)}.wide{width:calc(100% - 24px)}.utility-inner{width:calc(100% - 40px)}.utility-inner>span{font-size:.5625rem;letter-spacing:0}.utility-phone{display:none}.utility-inner>div{gap:10px}.utility .language-switch{gap:13px}.header-inner{min-height:66px}.brand img{width:148px}.main-nav{padding-inline:24px}.hero{display:flex;flex-direction:column;min-height:0;margin-top:0;border-radius:16px}.hero::before{display:none}.hero>.wrap{min-height:0;width:calc(100% - 36px);order:1}.hero-copy{width:100%;max-width:none;padding:35px 2px 12px}.hero h1{font-size:2.0625rem;line-height:1.28;max-width:380px;margin:18px 0}.hero-copy .eyebrow{font-size:.5625rem;letter-spacing:.1em}.hero-intro{max-width:345px;font-size:.8125rem}.hero-actions{gap:21px;margin-top:23px}.hero-actions .button{font-size:.71875rem;min-height:44px}.hero-actions .text-link{font-size:.6875rem}.hero-assurance{font-size:.59375rem;line-height:1.7;margin-top:19px;gap:7px}.hero-assurance .icon{width:13px;height:13px}.hero-foot{display:none}.hero-visual{position:relative;inset:auto;width:100%;height:auto;order:2;z-index:0;margin-top:0}.hero-visual img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:50% 100%;border-radius:16px}.partner-band{padding:27px 0 26px}.partner-inner{display:block}.partner-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.partner-label p+p{margin-top:0;font-size:.625rem}.partner-label .eyebrow{font-size:.59375rem}.brand-logos{gap:0 20px}.brand-logo{height:48px}.brand-logo img{max-width:100%;max-height:24px}.brand-logo.mitsubishi img{max-height:33px}.brand-logo.lg img{width:48px}.brand-logo.midea img{width:154px;height:68px;max-width:none;max-height:none}.section{padding-block:48px}.intro{grid-template-columns:1fr;gap:22px}.intro h2{margin-top:12px;font-size:1.5rem}.intro-copy{padding:0}.intro-copy p{font-size:.8125rem}.intro-copy p+p{margin-top:10px}.intro-copy .text-link{margin-top:9px}.eyebrow{font-size:.625rem}.solutions{border-radius:16px;padding:30px 0 29px}.solutions .wrap{width:calc(100% - 36px)}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.section-heading h2{margin-top:9px}.solutions h2{font-size:1.4375rem}.solutions .text-link{font-size:.71875rem;padding-block:4px}.sector-grid{grid-template-columns:1fr;gap:29px}.sector-image img{aspect-ratio:1.85}.sector-caption{padding-top:13px}.sector-caption h3{font-size:1rem}.sector-card p{max-width:100%;font-size:.75rem;margin-top:3px}.services{grid-template-columns:1fr;gap:28px}.section-aside h2{font-size:1.5rem;margin:12px 0}.section-aside>p:not(.eyebrow){max-width:340px}.section-aside .text-link{margin-top:8px}.service-row{grid-template-columns:20px 1fr 18px;gap:13px;padding:21px 0}.service-row h3{font-size:.875rem}.service-row p{font-size:.75rem}.why{padding:29px 0 15px}.why-heading{display:block;margin-bottom:20px}.why-heading h2{font-size:1.25rem}.why-heading .text-link{margin-top:5px;font-size:.6875rem}.why-list{grid-template-columns:1fr;gap:14px}.why-list li,.why-list li:nth-child(4){border-left:none;padding-left:0;font-size:.75rem}.why-list .icon{margin-top:3px}.projects{padding-top:34px}.projects .section-heading{gap:8px}.project-grid{grid-template-columns:1fr;gap:28px}.project-photo img{aspect-ratio:1.5}.project-caption{padding-top:13px}.project-caption h3{font-size:.9375rem}.project-caption span,.project-caption p{font-size:.6875rem}.contact-callout{align-items:flex-start;flex-direction:column;gap:21px;padding:28px 24px;margin-bottom:43px;border-radius:15px}.contact-callout h2{font-size:1.4375rem}.contact-callout p:not(.eyebrow){font-size:.78125rem}.contact-actions{gap:9px}.site-footer{padding-top:28px}.footer-top{align-items:flex-start;flex-direction:column;gap:11px;padding-bottom:23px}.footer-brand img{width:145px}.footer-top>span{font-size:.625rem}.footer-grid{gap:27px 25px;padding-block:27px;grid-template-columns:1fr 1.35fr}.footer-grid h3{font-size:.6875rem}.footer-grid li,.footer-contact a,.footer-contact address{font-size:.625rem}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;font-size:.59375rem;padding-bottom:82px}.whatsapp-button{right:16px;bottom:16px;padding:11px;border-radius:50%}.whatsapp-button img{width:23px;height:23px}.whatsapp-button span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Top header ikut tergulir; menu utama tetap sticky */
.cal-header.site-header {
  --top-header-height: 33px;
  --main-header-height: 70px; /* sebelumnya 90px */

  position: sticky !important;
  top: calc(-1 * var(--top-header-height)) !important;
}

.cal-header .header-inner {
  height: var(--main-header-height) !important;
  min-height: var(--main-header-height) !important;
  padding-block: 0 !important;
}

/* Tablet */
@media (max-width: 1000px) {
  .cal-header.site-header {
    --top-header-height: 29px;
    --main-header-height: 53px; /* sebelumnya 73px */
  }

  .cal-header .main-nav {
    top: 100% !important;
    max-height: calc(
      100dvh - var(--top-header-height) - var(--main-header-height)
    ) !important;
    overflow-y: auto;
  }
}

/* Ponsel */
@media (max-width: 680px) {
  .cal-header.site-header {
    --main-header-height: 46px; /* sebelumnya 66px */
  }

  .cal-header .brand img {
    width: auto !important;
    max-height: 30px;
  }

  .cal-header .menu-toggle {
    width: 34px !important;
    height: 30px !important;
    padding: 6px !important;
  }
}
/* Header utama: tanpa garis bawah */
.cal-header.site-header {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* Top header: garis bawah tetap terlihat */
.cal-header .utility {
  border-bottom: 1px solid rgba(215, 222, 230, 0.5) !important;
}
/* Hilangkan background logo mitra saat hover */
.brand-logo:hover,
.brand-logo:focus-visible,
.dealer-logo:hover,
.dealer-logo:focus-visible {
  background: transparent !important;
}

/* Tinggi header setelah perbaikan sebelumnya */
:root {
  --cal-header-space: 94px;
}

/* Hero memenuhi layar */
.cal-hero {
  min-height: calc(100vh - var(--cal-header-space)) !important;
  min-height: calc(100svh - var(--cal-header-space)) !important;
  margin-top: 0 !important;
}

.cal-hero > .wrap {
  min-height: inherit !important;
  display: flex;
  align-items: center;
}

.cal-hero .hero-copy {
  padding-block: 60px !important;
}

/* Tablet */
@media (max-width: 1000px) {
  :root {
    --cal-header-space: 73px;
  }
}

/* Ponsel: teks di atas, gambar memenuhi ruang tersisa */
@media (max-width: 680px) {
  :root {
    --cal-header-space: 66px;
  }

  .cal-hero {
    display: grid !important;
    grid-template-rows: auto minmax(220px, 1fr);
  }

  .cal-hero > .wrap {
    grid-row: 1;
    min-height: 0 !important;
    display: block;
  }

  .cal-hero .hero-copy {
    padding: 32px 2px 24px !important;
  }

  .cal-hero .hero-visual {
    grid-row: 2;
    position: relative !important;
    min-height: 220px;
    height: auto !important;
  }

  .cal-hero .hero-visual img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover;
  }
}

/* Section Nilai-Nilai Utama — khusus halaman Home */
body[data-page="home"] #nilai {
  padding: 72px 0;
  background: #fff;
}

body[data-page="home"] #nilai > .container {
  width: calc(100% - 96px);
  max-width: 1160px;
  margin-inline: auto;
}

body[data-page="home"] #nilai .editorial-heading {
  display: block;
  margin-bottom: 32px;
}

body[data-page="home"] #nilai .eyebrow {
  margin: 0 0 10px;
  color: #064789;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1.7;
}

body[data-page="home"] #nilai .editorial-heading h2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.035em;
}

body[data-page="home"] #nilai .value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

body[data-page="home"] #nilai .value-grid article {
  min-width: 0;
  padding-top: 22px;
  border-top: 1px solid #dfe5eb;
}

body[data-page="home"] #nilai .item-number {
  display: block;
  margin-bottom: 15px;
  color: #064789;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

body[data-page="home"] #nilai .value-grid h3 {
  margin: 0 0 12px;
  color: #18212b;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.65;
}

body[data-page="home"] #nilai .value-grid p {
  margin: 0;
  color: #626b76;
  font-size: 0.8125rem;
  line-height: 1.9;
}

/* Menyesuaikan lebar konten Home */
@media (max-width: 1200px) {
  body[data-page="home"] #nilai > .container {
    width: calc(100% - 72px);
  }
}

/* Tablet */
@media (max-width: 1000px) {
  body[data-page="home"] #nilai .value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

/* Ponsel */
@media (max-width: 680px) {
  body[data-page="home"] #nilai {
    padding: 45px 0;
  }

  body[data-page="home"] #nilai > .container {
    width: calc(100% - 40px);
  }

  body[data-page="home"] #nilai .editorial-heading h2 {
    font-size: 1.4375rem;
  }

  body[data-page="home"] #nilai .value-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  body[data-page="home"] #nilai .value-grid article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 13px;
    padding-top: 19px;
  }

  body[data-page="home"] #nilai .item-number {
    grid-row: 1 / span 2;
    margin: 3px 0 0;
  }

  body[data-page="home"] #nilai .value-grid h3 {
    margin-bottom: 8px;
    font-size: 0.875rem;
  }

  body[data-page="home"] #nilai .value-grid p {
    grid-column: 2;
  }
}

.site-footer .footer-contact > .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-left: 0;
  margin: 0 0 12px;
  font-style: normal;
  line-height: 1.85;
}

/* Menonaktifkan ikon dari CSS sebelumnya */
.site-footer .footer-contact > .contact-item::before {
  content: none;
  display: none;
}

.site-footer .footer-contact > .contact-item > svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.site-footer .footer-contact > .contact-item > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Footer overlay */
body {
  isolation: isolate;
}

/* Konten berada di depan footer */
body > main {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

/* Footer muncul dari balik konten */
footer.site-footer {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin-top: 0;
}
/* Sticky header lebih transparan */
.cal-header.site-header {
  background: rgba(255, 255, 255, 0.3) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

.cal-header .utility,
.cal-header .header-inner {
  background: transparent !important;
}