.rp-root{--bg:#fff;--bg-soft:#f6f8f7;--text:#102119;--muted:#617067;--line:#dfe7e2;--green:#16a767;--green-dark:#0b7a49;--green-soft:#e9f8f0;--navy:#10283a;--blue-soft:#eef6fb;--shadow:0 20px 50px rgba(18,45,32,.10);--radius:24px;--max:1180px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:radial-gradient(circle at 10% 6%,rgba(22,167,103,.08),transparent 25%),radial-gradient(circle at 90% 5%,rgba(37,118,183,.06),transparent 25%),var(--bg);overflow:hidden}
.rp-root,.rp-root *{box-sizing:border-box}.rp-root a{color:inherit;text-decoration:none}
.rp-root .rp-container{width:min(calc(100% - 40px),var(--max))!important;max-width:var(--max)!important;margin:0 auto!important}
.rp-root .rp-section{padding:84px 0!important}.rp-root .rp-hero{padding:92px 0 70px!important}.rp-root .rp-section-head{max-width:790px!important;margin-bottom:34px!important}
.rp-root .elementor-heading-title{font-family:inherit;color:var(--text);margin:0}.rp-root h1.elementor-heading-title{font-size:clamp(48px,7vw,82px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:800!important;margin:20px 0 24px!important}.rp-root h2.elementor-heading-title{font-size:clamp(34px,5vw,54px)!important;line-height:1.04!important;letter-spacing:-.04em!important;font-weight:800!important;margin-bottom:18px!important}.rp-root h3.elementor-heading-title{font-size:20px!important;letter-spacing:-.02em!important;margin-bottom:10px!important;font-weight:700!important}
.rp-root .elementor-widget-text-editor p{margin:0}.rp-root .rp-lead p{font-size:20px!important;color:var(--muted)!important;max-width:730px}.rp-root .rp-muted p,.rp-root .rp-card p{color:var(--muted)!important}.rp-root .rp-muted-inline{color:var(--muted)}.rp-root .rp-kicker p{color:var(--green-dark)!important;text-transform:uppercase;letter-spacing:.14em;font-weight:850;font-size:12px!important}.rp-root .rp-eyebrow{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;border:1px solid #bfe6d1!important;background:var(--green-soft)!important}.rp-root .rp-eyebrow p{color:var(--green-dark)!important;font-size:13px!important;font-weight:800!important}.rp-root .rp-positive,.rp-root .rp-positive p{color:var(--green-dark)!important}
.rp-root .rp-hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:56px!important;align-items:center!important}.rp-root .rp-actions{display:flex!important;flex-direction:row!important;gap:12px!important;flex-wrap:wrap!important;margin-top:30px!important}.rp-root .rp-actions-center{justify-content:center!important}.rp-root .rp-btn{width:auto!important}.rp-root .rp-btn .elementor-button{min-height:46px!important;padding:0 18px!important;border-radius:14px!important;font-weight:780!important;border:1px solid var(--line)!important}.rp-root .rp-btn-primary .elementor-button{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.rp-root .rp-btn-secondary .elementor-button{background:#fff!important;color:var(--text)!important}.rp-root .rp-btn-dark .elementor-button{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.rp-root .rp-micro{margin-top:12px!important}.rp-root .rp-micro p{color:var(--muted)!important;font-size:13px!important}
.rp-root .rp-hero-card{padding:24px!important;border:1px solid var(--line)!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#f7fbf9)!important;box-shadow:var(--shadow)!important;position:relative!important;overflow:hidden!important}.rp-root .rp-hero-card:before{content:"";position:absolute;width:260px;height:260px;right:-85px;top:-80px;background:radial-gradient(circle,rgba(22,167,103,.13),transparent 65%)}.rp-root .rp-searchbox-native{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.rp-root .rp-pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(22,167,103,.10)}
.rp-root .rp-metrics{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:16px!important}.rp-root .rp-metric{padding:17px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important}.rp-root .rp-metric-label p{color:var(--muted)!important;font-size:13px!important;margin-bottom:7px!important}.rp-root .rp-metric-value .elementor-heading-title{font-size:28px!important;letter-spacing:-.04em!important;font-weight:800!important}.rp-root .rp-metric-sub p{font-size:14px!important;color:var(--muted)!important}
.rp-root .logo-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rp-root .chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#32443a;font-size:12px;font-weight:650}.rp-root .platform-logo{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.rp-root .platform-logo svg{width:20px;height:20px;display:block}
.rp-root .rp-problem-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.rp-root .rp-four-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.rp-root .rp-two-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.rp-root .rp-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:24px!important;box-shadow:0 8px 28px rgba(16,40,29,.04)!important}.rp-root .rp-number{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:var(--green-soft)!important;margin-bottom:18px!important}.rp-root .rp-number .elementor-heading-title{color:var(--green-dark)!important;font-weight:850!important;font-size:16px!important}.rp-root .rp-step{min-height:230px!important}.rp-root .rp-tag{margin-top:18px!important}.rp-root .rp-tag p{color:var(--green-dark)!important;font-size:12px!important;font-weight:700!important}
.rp-root .rp-focus-panel{background:linear-gradient(140deg,#f0faf5,#f3f8fb)!important;border:1px solid var(--line)!important;border-radius:30px!important;padding:34px!important}.rp-root .rp-focus-item{padding:14px 0!important;border-top:1px solid var(--line)!important}.rp-root .rp-focus-item p{display:flex!important;gap:12px!important;align-items:flex-start!important}.rp-root .rp-tick{color:var(--green);font-weight:900}.rp-root .rp-quote{padding:24px!important;border-radius:20px!important;background:var(--bg-soft)!important;border:1px solid var(--line)!important}.rp-root .rp-quote p{font-size:22px!important;color:#25392e!important}
.rp-root .rp-cloud{background:linear-gradient(180deg,#f7faf8,#eef4f1)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.rp-root .rp-cloud-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:18px!important;align-items:center!important}.rp-root .rp-cloud-copy{gap:0!important}.rp-root .rp-app-stack{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.rp-root .rp-app-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:13px!important;padding:16px!important;border-radius:18px!important;border:1px solid var(--line)!important;background:#fff!important;min-height:78px!important}.rp-root .rp-app-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;border:1px solid var(--line)!important;background:#fff!important;display:grid!important;place-items:center!important;padding:8px!important;overflow:hidden!important}.rp-root .rp-app-logo-img img{width:100%!important;height:100%!important;object-fit:contain!important}.rp-root .rp-app-logo-text .elementor-heading-title{font-size:16px!important;font-weight:900!important;color:var(--navy)!important}.rp-root .rp-app-name .elementor-heading-title{font-size:16px!important;font-weight:820!important;line-height:1.2!important}.rp-root .rp-app-type p{font-size:12px!important;color:var(--muted)!important;margin-top:3px!important}
.rp-root .rp-cta-panel{border-radius:30px!important;padding:44px!important;background:linear-gradient(135deg,#eaf8f1,#edf5fa)!important;border:1px solid #cfe5d8!important;text-align:center!important;align-items:center!important}.rp-root .rp-cta-panel .elementor-widget-text-editor{max-width:740px!important}.rp-root .rp-cta-panel .elementor-widget-text-editor p{color:var(--muted)!important}.rp-root .rp-footer{padding:36px 0 50px!important}.rp-root .rp-footer-inner{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:20px!important;border-top:1px solid var(--line)!important;padding-top:24px!important}.rp-root .rp-footer-copy p{font-size:13px!important;color:var(--muted)!important}
.rp-root .rp-header-html,.rp-root .rp-header-html>.elementor-widget-container{width:100%!important}.rp-root .nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.90);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.rp-root .nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.rp-root .brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.02em}.rp-root .mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#21c77a,#119b5d);color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(22,167,103,.22)}.rp-root .nav-links{display:flex;gap:24px;color:var(--muted);font-size:14px}.rp-root .nav-actions{display:flex;align-items:center;gap:10px}.rp-root .menu-wrap{position:relative}.rp-root .menu-btn{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--text)}.rp-root .hamburger,.rp-root .hamburger:before,.rp-root .hamburger:after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:999px;transition:.2s ease}.rp-root .hamburger{position:relative}.rp-root .hamburger:before{position:absolute;top:-6px}.rp-root .hamburger:after{position:absolute;top:6px}.rp-root .menu{position:absolute;right:0;top:56px;width:260px;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:none}.rp-root .menu.open{display:block}.rp-root .menu-label{padding:9px 10px 6px;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.rp-root .menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;font-size:14px;font-weight:700}.rp-root .menu .cloud-entry{background:var(--navy);color:#fff;margin-top:6px}.rp-root .menu-divider{height:1px;background:var(--line);margin:7px 4px}.rp-root .nav-actions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;font-weight:780;border:1px solid var(--line)}.rp-root .nav-actions>.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:900px){.rp-root .rp-hero-grid,.rp-root .rp-cloud-grid,.rp-root .rp-two-grid{grid-template-columns:1fr!important}.rp-root .rp-problem-grid,.rp-root .rp-four-grid{grid-template-columns:repeat(2,1fr)!important}.rp-root .nav-links{display:none}}
@media(max-width:620px){.rp-root .rp-container{width:min(calc(100% - 24px),var(--max))!important}.rp-root .rp-hero{padding-top:62px!important}.rp-root .rp-problem-grid,.rp-root .rp-four-grid,.rp-root .rp-metrics,.rp-root .rp-app-stack{grid-template-columns:1fr!important}.rp-root .nav-actions>.btn{display:none}.rp-root .rp-actions{flex-direction:column!important}.rp-root .rp-actions .rp-btn{width:100%!important}.rp-root .rp-cta-panel{padding:30px 20px!important}.rp-root .rp-footer-inner{flex-direction:column!important}}/* ===== FIX Elementor Container e-con-inner wrapper (layout presisi) =====
   1) Reset elemen OUTER (class grid) ke block -> e-con-inner ambil 100% width.
   2) Grid diterapkan pada .e-con-inner (wrapper Elementor yang berisi children). */
.rp-root .rp-hero-grid,.rp-root .rp-cloud-grid,.rp-root .rp-two-grid,
.rp-root .rp-metrics,.rp-root .rp-problem-grid,.rp-root .rp-four-grid,.rp-root .rp-app-stack{display:block!important}
.rp-root .rp-hero-grid > .e-con-inner{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:56px!important;align-items:center!important;width:100%!important}
.rp-root .rp-cloud-grid > .e-con-inner{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:18px!important;align-items:center!important;width:100%!important}
.rp-root .rp-two-grid > .e-con-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;width:100%!important}
.rp-root .rp-metrics > .e-con-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}
.rp-root .rp-problem-grid > .e-con-inner{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;width:100%!important}
.rp-root .rp-four-grid > .e-con-inner{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;width:100%!important}
.rp-root .rp-app-stack > .e-con-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}
@media(max-width:900px){
  .rp-root .rp-hero-grid > .e-con-inner,.rp-root .rp-cloud-grid > .e-con-inner,.rp-root .rp-two-grid > .e-con-inner{grid-template-columns:1fr!important}
  .rp-root .rp-problem-grid > .e-con-inner,.rp-root .rp-four-grid > .e-con-inner{grid-template-columns:repeat(2,1fr)!important}
  .rp-root .rp-problem-grid > .e-con-inner,.rp-root .rp-four-grid > .e-con-inner,.rp-root .rp-metrics > .e-con-inner,.rp-root .rp-app-stack > .e-con-inner{grid-template-columns:1fr!important}
}
/* ===== FIX v3b: header full-width + button center =====
   1) Root container dibuat full-width (content_width: full, padding 0) -> header selebar viewport.
   2) .nav-inner di-center (max 1180px) sesuai prototype .container.
   3) .rp-actions > .e-con-inner di-flex row (bug e-con-inner) + button text center eksplisit. */
.rp-root .nav-inner{max-width:1180px!important;margin:0 auto!important;padding:0 20px!important}
.rp-root .rp-actions > .e-con-inner{display:flex!important;flex-direction:row!important;gap:12px!important;flex-wrap:wrap!important;margin-top:30px!important;width:100%!important}
.rp-root .rp-actions-center > .e-con-inner{justify-content:center!important}
.rp-root .rp-btn .elementor-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:auto!important}
.rp-root .elementor-button-content-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;flex:0 1 auto!important}
.rp-root .elementor-button-text{text-align:center!important;flex:0 1 auto!important}
@media(max-width:620px){
  .rp-root .rp-actions > .e-con-inner{flex-direction:column!important}
  .rp-root .rp-actions .rp-btn{width:100%!important}
  .rp-root .rp-actions .rp-btn .elementor-button{width:100%!important}
}
/* ===== FIX v3c: app logos presisi sesuai HTML asli =====
   HTML asli: .app-card {display:flex;align-items:center;gap:13px;padding:16px;min-height:78px}
              .app-logo {width:42px;height:42px;padding:8px;display:grid;place-items:center;overflow:hidden}
              .app-logo img {width:100%;height:100%;object-fit:contain}
   Elementor menyisipkan .e-con-inner -> pindahkan styling ke inner + reset outer. */
.rp-root .rp-app-card{display:block!important;min-height:78px!important;padding:0!important}
.rp-root .rp-app-card > .e-con-inner{display:flex!important;flex-direction:row!important;align-items:center!important;gap:13px!important;padding:16px!important;min-height:78px!important;width:100%!important}
.rp-root .rp-app-logo{overflow:hidden!important}
.rp-root .rp-app-logo > .e-con-inner{padding:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important}
.rp-root .rp-app-logo-img{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
.rp-root .rp-app-logo-img img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.rp-root .rp-app-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.rp-root .rp-app-copy .elementor-widget-container{margin:0!important}
.rp-root .rp-app-name{margin:0!important}
.rp-root .rp-app-name .elementor-heading-title{margin:0!important;line-height:1.2!important}
.rp-root .rp-app-type{margin:0!important}
.rp-root .rp-app-type p,.rp-root .rp-app-type .elementor-widget-container{margin:3px 0 0!important;line-height:1.4!important}
/* copy container punya e-con-inner dengan padding default 10px 0 -> reset */
.rp-root .rp-app-copy > .e-con-inner{padding:0!important;gap:0!important}

/* Presisi: nama & tipe app 1 baris (di HTML asli tidak wrap krn card lebih lebar) */
.rp-root .rp-app-name .elementor-heading-title{white-space:nowrap!important}
.rp-root .rp-app-type p{white-space:nowrap!important}
@media(max-width:620px){
  .rp-root .rp-app-name .elementor-heading-title,.rp-root .rp-app-type p{white-space:normal!important}
}
/* ===== FIX v4: margin/padding presisi sesuai HTML asli =====
   HTML asli: section{padding:84px 0} .hero{padding:92px 0 70px} footer{padding:36px 0 50px}
              .container{width:min(calc(100% - 40px),1180px);margin:0 auto} .section-head{max-width:790px;margin-bottom:34px}
   1) e-con-inner default padding 10px 0 -> reset 0 (jarak section = padding section saja).
   2) e-con-inner section max-width Elementor 1140 -> 1180 (var(--max)) agar .rp-container = 1180 seperti HTML.
   3) .rp-container width 100% (parent 1180) bukan min(100%-40px,1180) yang menghasilkan 1100. */
.rp-root .rp-hero > .e-con-inner,
.rp-root .rp-section > .e-con-inner,
.rp-root .rp-cloud > .e-con-inner,
.rp-root .rp-footer > .e-con-inner {
  padding: 0 !important;
  max-width: var(--max) !important;
}
.rp-root .rp-container > .e-con-inner,
.rp-root .rp-section-head > .e-con-inner,
.rp-root .rp-problem-grid > .e-con-inner,
.rp-root .rp-four-grid > .e-con-inner,
.rp-root .rp-metrics > .e-con-inner,
.rp-root .rp-app-stack > .e-con-inner,
.rp-root .rp-cloud-grid > .e-con-inner,
.rp-root .rp-two-grid > .e-con-inner,
.rp-root .rp-focus-panel > .e-con-inner,
.rp-root .rp-hero-card > .e-con-inner,
.rp-root .rp-cta-panel > .e-con-inner,
.rp-root .rp-card > .e-con-inner,
.rp-root .rp-actions > .e-con-inner {
  padding: 0 !important;
}
.rp-root .rp-container { width: 100% !important; }
/* container horizontal: .rp-container max-width tetap var(--max)=1180, margin auto center */
@media(max-width:620px){
  .rp-root .rp-hero { padding-top: 62px !important; }
  .rp-root .rp-cta-panel { padding: 30px 20px !important; }
}
/* ===== FIX v5: gap antar section & child = 0 (jarak diatur padding/margin saja, sesuai HTML asli) =====
   HTML asli: section{padding:84px 0} — TIDAK ada gap antar section.
   Elementor container flex default gap 20px di root & semua e-con-inner -> reset 0.
   Grid/actions yang butuh gap sudah di-set eksplisit (56/18/12/13px) di fix sebelumnya — JANGAN ditimpa. */
.rp-root{--gap:0px!important;gap:0!important}
.rp-root > .e-con-inner{gap:0!important}
.rp-root .rp-hero > .e-con-inner,
.rp-root .rp-section > .e-con-inner,
.rp-root .rp-cloud > .e-con-inner,
.rp-root .rp-footer > .e-con-inner{
  gap:0!important
}
.rp-root .rp-container > .e-con-inner{gap:0!important}
.rp-root .rp-card > .e-con-inner,
.rp-root .rp-focus-panel > .e-con-inner,
.rp-root .rp-hero-card > .e-con-inner,
.rp-root .rp-cta-panel > .e-con-inner,
.rp-root .rp-metric > .e-con-inner,
.rp-root .rp-app-copy > .e-con-inner,
.rp-root .rp-app-logo > .e-con-inner,
.rp-root .rp-focus-item,
.rp-root .rp-architecture > .e-con-inner,
.rp-root .rp-arch-box > .e-con-inner{
  gap:0!important
}
/* heading & paragraf margin persis HTML asli (Elementor heading default margin 0) */
.rp-root .rp-container .elementor-widget{margin-bottom:0!important}
.rp-root .rp-container .elementor-widget:last-child{margin-bottom:0!important}
/* section-head: margin-bottom 34px sesuai HTML; pastikan tidak double dengan gap */
.rp-root .rp-section-head{margin-bottom:34px!important}
/* ===== FIX v6 (koreksi): container & grid width presisi =====
   HTML asli: .container{width:min(calc(100% - 40px),1180px);margin:0 auto}
   - .rp-container/.rp-hero-grid/.rp-footer-inner: child LANGSUNG section (e-con-inner full) -> min(calc(100%-40),1180)
   - .rp-cloud-grid: ada DI DALAM .rp-container (sudah 1180) -> width 100%
   - .rp-hero-card/.rp-card/.rp-focus-panel/.rp-cta-panel: PUNYA padding sendiri (24/34/44px) -> jangan di-reset! */
.rp-root .rp-hero > .e-con-inner,
.rp-root .rp-section > .e-con-inner,
.rp-root .rp-cloud > .e-con-inner,
.rp-root .rp-footer > .e-con-inner {
  max-width: 100% !important;
}
.rp-root .rp-container,
.rp-root .rp-hero-grid,
.rp-root .rp-footer-inner {
  width: min(calc(100% - 40px), 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.rp-root .rp-cloud-grid {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.rp-root .rp-container > .e-con-inner,
.rp-root .rp-hero-grid > .e-con-inner,
.rp-root .rp-cloud-grid > .e-con-inner,
.rp-root .rp-footer-inner > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
}
/* Reset padding horizontal default Elementor 10px HANYA pada wrapper/grid (bukan card/panel) */
.rp-root .rp-container,
.rp-root .rp-hero-grid,
.rp-root .rp-cloud-grid,
.rp-root .rp-two-grid,
.rp-root .rp-problem-grid,
.rp-root .rp-four-grid,
.rp-root .rp-metrics,
.rp-root .rp-app-stack,
.rp-root .rp-footer-inner,
.rp-root .rp-section-head,
.rp-root .rp-actions,
.rp-root .rp-logo-row,
.rp-root .rp-searchbox,
.rp-root .rp-focus-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media(max-width:620px){
  .rp-root .rp-container,
  .rp-root .rp-hero-grid,
  .rp-root .rp-footer-inner {
    width: min(calc(100% - 24px), 1180px) !important;
  }
}
/* brand mark sebagai img (identity custom_logo) */