/* Layout HP, tablet, dan desktop. Edit warna dasar di style.css. */
html{scroll-padding-top:90px}body{padding:0;background:#fff}.app{max-width:none;border-radius:0;box-shadow:none}.topbar,.footer{border-radius:0}.topbar{padding:0}.topbar-content{max-width:1160px;margin:auto;height:72px}.sec{padding:56px max(20px,calc((100% - 1120px)/2))}.hero{padding:76px 24px;min-height:550px;justify-content:center}.hero-title{white-space:normal;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(30px,4.5vw,58px);max-width:900px;letter-spacing:.015em}.hero-spacer{height:0}.hero-desc{max-width:580px;font-size:17px;margin-top:18px}.hero-buttons{max-width:340px;margin-top:28px}.hero-trust{width:min(100%,620px);gap:20px}.ht-title{font-size:13px}.ht-sub{font-size:12px}.sec-title{font-size:clamp(23px,3vw,32px)}.sec-sub{font-size:15px;max-width:660px}.prob-card{padding:18px 14px}.prob-text{font-size:14px}.service-list{gap:20px}.service-info h3{font-size:17px}.service-info p{font-size:14px}.service-info .service-subtitle{font-size:13px}.step-card{padding:18px;border:1px solid #e5e7eb;border-radius:12px}.step-content p{font-size:14px}.btn-action-dark{max-width:340px;margin:24px auto 0}.tech-photo-main{margin-top:0}.tech-photo-grid{margin-top:24px}.tech-photo-row{display:grid;gap:12px;grid-template-columns:1fr}.tech-photo-sub{min-height:160px}.pf-card{height:190px}.testi-card{padding:24px}.testi-card blockquote{font-size:15px}.faq-list{max-width:840px}.faq-question{font-size:15px}.faq-answer{font-size:14px}.faq-item summary{min-height:60px}.about-p{font-size:15px}.about-grid{max-width:940px;margin:auto}.contact-list{max-width:700px}.disclaimer-wrap{padding:0 max(20px,calc((100% - 1120px)/2)) 40px}.footer{padding:30px 24px 90px}.drawer-panel{overflow-y:auto;max-width:90vw}.drawer-foot{padding-top:20px}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:white;padding:12px;border-radius:6px}.skip-link:focus{top:10px}.fab-wa{bottom:max(20px,env(safe-area-inset-bottom))}img{max-width:100%}
@media(min-width:1024px){.service-list{grid-template-columns:repeat(3,1fr)}.service-thumb{height:210px!important}.service-info{padding:22px!important}.prob-grid{grid-template-columns:repeat(4,1fr)}.step-list{grid-template-columns:repeat(3,1fr)}.testi-list{grid-template-columns:repeat(3,1fr)}.pf-grid{grid-template-columns:repeat(4,1fr)}.tech-photo-main{min-height:340px}.sec:nth-of-type(even){background:#f7f8fa}}
@media(max-width:767px){.sec{padding:36px 20px}.hero{min-height:520px;padding:56px 20px}.hero-desc{font-size:14px}.hero-trust{gap:6px}.ht-title{font-size:11px}.ht-sub{font-size:10px}.service-thumb{width:105px;min-height:120px}.service-info h3{font-size:14px}.service-info p{font-size:12px}.prob-card{padding:12px 8px}.prob-text{font-size:12px}.tech-photo-main{height:220px}.tech-photo-row{grid-template-columns:1fr 1fr;margin-top:10px}.tech-photo-sub{min-height:120px}.pf-card{height:140px}.topbar-content{height:62px}.hero-title{font-size:32px}.step-card{padding:14px}.hero-trust{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-bg-layer{transform:none!important}}
/* TEMA MERAH */
:root {
  --black: #70201d;
  --dark: #6b0000;
  --dark-2: #912622;
  --dark-card: #0d131d;
  --dark-border: rgba(255, 255, 255, 0.2);

  --ink: #292020;
  --ink-secondary: #645454;
  --bg-page: #fff5f4;
  --bg-card: #ffffff;
}

/* Header */
.topbar {
  background: #6b0000;
}

/* Lapisan banner */
.hero-overlay-layer {
  background: rgba(12, 74, 110, 0.65);
}

/* Tombol pada banner */
.btn-pill-dark {
  background: rgba(173, 46, 41, 0.75);
}

/* Ikon keunggulan */
.ht-icon {
  background: rgba(173, 46, 41, 0.55);
}

/* Latar section */
body {
  background: #ffffff;
}

.sec:nth-of-type(even) {
  background: #fff5f4;
}

/* Aksen layanan */
.service-icon,
.service-info .service-subtitle {
  color: #6b0000;
}

/* Teks pada bidang merah */
.drawer nav a,
.drawer-foot,
.prob-callout-text p,
.tech-trust-text span,
.cta-banner p,
.hours-label,
.hours-val-time,
.disclaimer-card,
.footer,
.footer-keywords {
  color: #fff0ee;
}

/* Fokus keyboard */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline-color: #ed9d97;
}