/*
 * Meterin Core — Elementor widget styles (v1.2.0).
 * Builds on the theme design system (tokens, .btn, .eyebrow, .icon-node,
 * .float-card, .ph-chip, .btn-wa ...). Every value here is only a default —
 * the widget Style / Pengaturan tabs override it per instance.
 */

/* =========================================================
   1. SECTION WRAPPER + HEAD
   ========================================================= */
.mtr-sec{ padding:72px 0; position:relative; }
.mtr-bg-none{ background:transparent; }
.mtr-bg-white{ background:var(--white,#fff); }
.mtr-bg-paper{ background:var(--paper,#FAFAF9); }
.mtr-bg-navy{ background:var(--navy,#12141C); color:#fff; }
.mtr-bg-navy .mtr-title,.mtr-bg-navy h3{ color:#fff; }
.mtr-bg-navy .mtr-desc{ color:rgba(255,255,255,.72); }
.mtr-sec > .container.mtr-container--full{ max-width:none; }
.mtr-noreveal .reveal{ opacity:1 !important; transform:none !important; }

.mtr-title{ font-family:var(--font-head); font-weight:800; font-size:34px; line-height:1.15; letter-spacing:-.02em; color:var(--ink); margin:0 0 12px; }
.mtr-hl{ color:var(--red); }
.mtr-desc{ color:var(--steel); font-size:15px; line-height:1.65; margin:0; }

.mtr-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px 32px; margin-bottom:36px; flex-wrap:wrap; }
.mtr-head__intro{ max-width:680px; }
.mtr-head__intro > :last-child{ margin-bottom:0; }
.mtr-head__action{ flex-shrink:0; }
.mtr-head--left{ flex-direction:column; align-items:flex-start; }
.mtr-head--center{ flex-direction:column; align-items:center; text-align:center; }
.mtr-head--center .mtr-head__intro{ margin:0 auto; max-width:820px; }

/* Links */
.mtr-link{ display:inline-flex; align-items:center; gap:6px; color:var(--red); font-weight:700; font-size:13px; transition:color .15s ease, gap .15s ease; }
.mtr-link:hover{ color:var(--red-dark); gap:9px; }
.mtr-link--pill{ color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:10px 18px; }
.mtr-link--pill:hover{ border-color:var(--red); color:var(--red); }
.mtr-arrow{ width:16px; height:16px; flex-shrink:0; }
.btn .mtr-arrow{ margin-right:-4px; }
.btn-white{ background:#fff; color:var(--ink); }
.btn-white:hover{ background:#f3f3f2; color:var(--red); }
.btn i,.btn svg{ width:1em; height:1em; font-size:.9em; }

/* Stretched link: whole card clickable */
.is-linked{ position:relative; }
.mtr-stretch::after{ content:""; position:absolute; inset:0; z-index:1; }

/* =========================================================
   2. ICON NODE SHAPES (Pengaturan > Bentuk ikon)
   ========================================================= */
.elementor-widget .icon-node{ width:var(--mtr-ic,44px); height:var(--mtr-ic,44px); flex-shrink:0; }
.elementor-widget .icon-node[class*="icon-"]::before{ width:calc(var(--mtr-ic,44px) * .48); height:calc(var(--mtr-ic,44px) * .48); }
.elementor-widget .icon-node > i,.elementor-widget .icon-node > svg{ font-size:calc(var(--mtr-ic,44px) * .44); width:calc(var(--mtr-ic,44px) * .44); height:calc(var(--mtr-ic,44px) * .44); color:var(--red); fill:currentColor; }

.mtr-icon-soft .icon-node{ border-radius:10px; background:var(--red-tint); border:0; }
.mtr-icon-soft .icon-node::after{ inset:-4px; border-radius:13px; border:1px solid rgba(217,43,43,.16); animation:none; }
.mtr-icon-square .icon-node{ border-radius:10px; background:var(--red-tint); border:0; }
.mtr-icon-square .icon-node::after{ display:none; }
.mtr-icon-outline .icon-node{ border-radius:50%; background:#fff; border:1.5px solid var(--red); }
.mtr-icon-outline .icon-node::after{ display:none; }
.mtr-icon-circle .icon-node{ border-radius:50%; background:var(--red-tint); border:0; }
.mtr-icon-circle .icon-node::after{ border-radius:50%; }
.mtr-icon-plain .icon-node{ background:transparent; border:0; width:auto; height:auto; justify-content:flex-start; }
.mtr-icon-plain .icon-node::after{ display:none; }

/* =========================================================
   3. MEDIA (photo or placeholder, with scan effect)
   ========================================================= */
.mtr-media{ position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(160deg,#3a3f4b,#14151a 72%); }
.mtr-media.is-placeholder{ background:linear-gradient(170deg,#4a2a2e 0%,#262a33 38%,#14151a 100%); }
.mtr-media__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.mtr-media.hero-photo::before,.mtr-media.hero-photo::after{ z-index:1; }
.mtr-media .ph-label,.mtr-media .ph-chip,.mtr-media .float-card{ z-index:3; }
.mtr-media .ph-label{ max-width:52%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.mtr-media .ph-label::before{ display:inline-block; margin-right:6px; vertical-align:middle; }
.mtr-noscan .hero-photo::before{ display:none; }

/* =========================================================
   4. HERO
   ========================================================= */
.mtr-hero .mtr-sec{ overflow:visible; }
.mtr-hero__grid{ display:grid; grid-template-columns:minmax(0,50%) minmax(0,1fr); gap:56px; align-items:center; }
.mtr-hero--media-left .mtr-hero__visual{ order:-1; }
.mtr-hero__content .eyebrow{ margin-bottom:14px; }
.mtr-hero__content .mtr-title{ font-size:46px; line-height:1.08; letter-spacing:-.03em; margin-bottom:18px; }
.mtr-hero__lead{ max-width:440px; margin-bottom:28px !important; }
.mtr-hero__buttons{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; }
.mtr-hero__buttons .btn-ghost{ padding-left:4px; padding-right:4px; }
.mtr-play{ width:22px; height:22px; border-radius:50%; border:1.5px solid currentColor; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.mtr-play::before{ content:""; border-style:solid; border-width:4px 0 4px 7px; border-color:transparent transparent transparent currentColor; margin-left:2px; }
.mtr-hero__visual{ position:relative; }
.mtr-hero__media{ height:340px; }
.mtr-hero .float-card{ position:absolute; box-shadow:0 14px 34px rgba(0,0,0,.22); }
.mtr-hero .float-card.status{ top:16px; left:16px; display:flex; align-items:center; gap:8px; padding:9px 14px; font-size:12px; max-width:calc(100% - 32px); }
.mtr-hero .float-card.status .fc-label{ color:var(--steel); display:inline; }
.mtr-hero .float-card.status strong{ font-weight:600; }
.mtr-hero .float-card.temp{ left:16px; bottom:16px; top:auto; padding:10px 14px; min-width:120px; }
.mtr-hero .float-card.temp .fc-label{ display:block; font-size:11px; color:var(--steel); margin-bottom:2px; }
.mtr-hero .fc-value{ display:block; font-size:18px; font-weight:600; color:var(--red); line-height:1.2; }
.mtr-hero .float-card__trend{ display:block; width:140px; height:34px; margin-top:6px; }
.mtr-hero .float-card__img{ display:block; width:150px; border-radius:6px; }

/* Cover layout */
.mtr-hero--cover{ position:relative; display:flex; align-items:center; min-height:560px; overflow:hidden; background:var(--navy); }
.mtr-hero--cover > .mtr-sec{ width:100%; background:transparent; }
.mtr-hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; }
.mtr-hero__overlay{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,20,28,.92) 0%,rgba(18,20,28,.6) 55%,rgba(18,20,28,.2) 100%); }
.mtr-hero--cover .mtr-sec{ position:relative; z-index:1; }
.mtr-hero--cover .mtr-hero__content{ max-width:620px; }
.mtr-hero--cover .mtr-title{ color:#fff; }
.mtr-hero--cover .mtr-desc{ color:rgba(255,255,255,.85); }
.mtr-hero--cover .btn-ghost{ color:#fff; }

/* =========================================================
   5. FEATURE STRIP
   ========================================================= */
.mtr-features-wrap.has-lines{ border-bottom:1px solid var(--line); padding-bottom:44px; }
.mtr-features{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mtr-feature{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.mtr-feature .icon-node{ margin:0; position:relative; z-index:1; }
.mtr-feature__title{ font-family:var(--font-body); font-size:14px; font-weight:700; color:var(--ink); margin:0 0 4px; letter-spacing:0; }
.mtr-feature__title a{ color:inherit; }
.mtr-feature__text{ font-size:12.5px; line-height:1.55; color:var(--steel); margin:0; }
/* dashed connector from this icon to the next */
.mtr-features.has-connector .mtr-feature:not(:last-child)::after{
  content:""; position:absolute; top:calc(var(--mtr-ic,46px) / 2); left:calc(var(--mtr-ic,46px) + 14px);
  right:calc(14px - var(--mtr-gap,24px)); border-top:1.5px dashed var(--line);
}
.mtr-items-center .mtr-feature{ align-items:center; text-align:center; }
.mtr-items-center .mtr-features.has-connector .mtr-feature:not(:last-child)::after{
  left:calc(50% + var(--mtr-ic,46px) / 2 + 12px); right:calc(-50% - var(--mtr-gap,24px) + var(--mtr-ic,46px) / 2 + 12px);
}
.mtr-items-row .mtr-feature{ flex-direction:row; }
.mtr-items-row .mtr-features.has-connector .mtr-feature::after{ display:none; }

/* =========================================================
   6. CARDS (Solutions) + ICON CARDS (Misi/Visi)
   ========================================================= */
.mtr-cards,.mtr-icards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mtr-icards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.mtr-card{ display:flex; flex-direction:column; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:12px; padding:26px 24px; height:100%; }
.mtr-card .icon-node{ margin:0 0 18px; }
.mtr-card__title{ font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--ink); margin:0 0 8px; letter-spacing:-.01em; }
.mtr-card__text{ font-size:13px; line-height:1.6; color:var(--steel); margin:0 0 16px; }
.mtr-card__link{ margin-top:auto; font-size:13px; font-weight:700; color:var(--red); }
.mtr-card__link:hover{ color:var(--red-dark); }
.mtr-cards-center .mtr-card,.mtr-cards-center .mtr-icard{ align-items:center; text-align:center; }

.mtr-icard{ display:flex; flex-direction:column; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:12px; padding:30px 32px; height:100%; }
.mtr-icard .icon-node{ margin:0 0 18px; }
.mtr-icard__title{ font-family:var(--font-head); font-size:18px; font-weight:700; color:var(--ink); margin:0 0 10px; }
.mtr-icard__text{ font-size:13.5px; line-height:1.7; color:var(--steel); margin:0; }
.mtr-icard__link{ margin-top:14px; }

/* =========================================================
   7. CASE STUDIES
   ========================================================= */
.mtr-panel{ background:var(--paper); border-radius:20px; padding:56px; }
.mtr-cases__grid{ display:grid; grid-template-columns:minmax(0,50%) minmax(0,1fr); gap:20px; align-items:stretch; }
.mtr-cases .case-main{ min-height:320px; border-radius:12px; background-size:cover; background-position:center; }
.mtr-cases .case-main.is-placeholder{ background:linear-gradient(165deg,#3b3f49 0%,#20232b 55%,#111217 100%); }
.mtr-cases .case-main .tag{ color:var(--ink); font-size:10px; padding:5px 12px; }
.mtr-cases .case-main .content{ padding:26px; background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0)); }
.mtr-cases .case-main h3{ font-family:var(--font-head); font-size:20px; font-weight:800; line-height:1.25; color:#fff; margin:0 0 10px; max-width:320px; }
.mtr-cases .case-main .desc{ color:rgba(255,255,255,.82); font-size:12.5px; line-height:1.6; margin:0 0 14px; max-width:400px; }
.mtr-cases .case-main .content a.mtr-cases__btn{ display:inline-flex; color:#fff; font-weight:700; font-size:13px; }
.mtr-cases .case-main .content a.mtr-cases__btn.is-button{ background:#fff; color:var(--ink); padding:10px 16px; border-radius:8px; }
.mtr-cases__chips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:16px; }
.mtr-cases__chip{ background:rgba(255,255,255,.14); color:#fff; font-size:10px; font-weight:600; padding:5px 11px; border-radius:20px; backdrop-filter:blur(4px); }
.mtr-cases__side{ display:flex; flex-direction:column; gap:20px; }
.mtr-cases .case-small{ flex:1; display:flex; gap:16px; align-items:flex-start; margin:0; background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; }
.mtr-cases .case-small__thumb{ width:110px; aspect-ratio:4/3; flex-shrink:0; border-radius:8px; background-size:cover; background-position:center; background-color:#2a2d35; }
.mtr-cases .case-small__thumb.is-placeholder{ background:linear-gradient(160deg,#4a2f30,#191b21); }
.mtr-cases .case-small__body{ flex:1; min-width:0; }
.mtr-cases .case-small .tag{ font-size:9.5px; font-weight:700; letter-spacing:.06em; color:var(--steel); text-transform:uppercase; margin:0 0 6px; }
.mtr-cases .case-small .title{ font-family:var(--font-head); font-size:14px; font-weight:700; color:var(--ink); margin:0 0 6px; }
.mtr-cases .case-small .desc{ font-size:12px; line-height:1.55; color:var(--steel); margin:0 0 10px; }
.mtr-cases .case-small a{ font-size:12px; font-weight:700; color:var(--red); }

/* =========================================================
   8. PARTNERS
   ========================================================= */
.mtr-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.mtr-logo{ display:inline-flex; align-items:center; justify-content:center; transition:all .2s ease; }
.mtr-logos-box .mtr-logo{ background:#fff; border:1px solid var(--line); border-radius:10px; padding:14px 22px; min-height:52px; }
.mtr-logos-box .mtr-logo:hover{ border-color:var(--red); }
.mtr-logo__name{ font-weight:700; font-size:13px; color:var(--steel); white-space:nowrap; }
.mtr-logos-plain .mtr-logo__name{ font-size:17px; font-weight:800; color:var(--ink); opacity:.55; }
.mtr-logo__img{ height:28px; width:auto; max-width:160px; object-fit:contain; display:block; }
.is-grayscale .mtr-logo__img{ filter:grayscale(1); opacity:.65; transition:all .2s ease; }
.is-grayscale .mtr-logo:hover .mtr-logo__img{ filter:none; opacity:1; }

/* =========================================================
   9. PROCESS STEPS
   ========================================================= */
.mtr-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mtr-step{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
.mtr-step .icon-node{ margin:0 0 14px; position:relative; z-index:1; }
.mtr-step .process-num{ margin-bottom:10px; }
.mtr-step__title{ font-family:var(--font-body); font-size:14px; font-weight:700; color:var(--ink); margin:0 0 6px; letter-spacing:0; }
.mtr-step__text{ font-size:12.5px; line-height:1.55; color:var(--steel); margin:0; max-width:220px; }
.mtr-steps.has-connector .mtr-step:not(:last-child)::after{
  content:""; position:absolute; top:calc(var(--mtr-ic,44px) / 2);
  left:calc(50% + var(--mtr-ic,44px) / 2 + 14px); right:calc(-50% - var(--mtr-gap,24px) + var(--mtr-ic,44px) / 2 + 14px);
  border-top:1.5px dashed var(--line);
}
.mtr-steps.has-num.has-connector .mtr-step:not(:last-child)::after{ top:calc(var(--mtr-ic,44px) / 2 + 36px); }
.mtr-steps-left .mtr-step{ align-items:flex-start; text-align:left; }
.mtr-steps-left .mtr-steps.has-connector .mtr-step:not(:last-child)::after{ left:calc(var(--mtr-ic,44px) + 14px); right:calc(14px - var(--mtr-gap,24px)); }

/* =========================================================
   10. CTA BAND
   ========================================================= */
.mtr-cta{ position:relative; overflow:hidden; border-radius:18px; color:#fff; background:linear-gradient(105deg,#D32A2A 0%,#9B1C1F 42%,#2A1215 78%,#14151A 100%); }
.mtr-cta-red .mtr-cta{ background:linear-gradient(110deg,var(--red-dark) 0%,var(--red) 100%); }
.mtr-cta-red-dark .mtr-cta{ background:linear-gradient(105deg,var(--red) 0%,#9B1C1F 42%,#2A1215 78%,#14151A 100%); }
.mtr-cta-navy .mtr-cta{ background:linear-gradient(110deg,#1b1e29 0%,var(--navy) 100%); }
.mtr-cta--band{ border-radius:0; }
.mtr-cta-sec--band > .container{ padding:0; max-width:none; }
.mtr-cta__bgimg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.25; pointer-events:none; }
.mtr-cta__inner{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:24px 40px; padding:44px 48px; flex-wrap:wrap; }
.mtr-cta--band .mtr-cta__inner{ padding:56px 0; }
.mtr-cta__inner--stack{ flex-direction:column; align-items:flex-start; }
.mtr-cta__inner--center{ flex-direction:column; align-items:center; text-align:center; }
.mtr-cta__text{ flex:1 1 360px; max-width:640px; }
.mtr-cta__inner--center .mtr-cta__text{ flex:none; }
.mtr-cta__title{ font-family:var(--font-head); font-size:26px; font-weight:800; line-height:1.2; letter-spacing:-.02em; color:#fff; margin:0 0 8px; }
.mtr-cta__desc{ font-size:14px; line-height:1.6; color:rgba(255,255,255,.88); margin:0; }
.mtr-cta__btn{ background:#fff; color:var(--ink); border-radius:8px; padding:13px 22px; box-shadow:0 10px 24px -10px rgba(0,0,0,.45); }
.mtr-cta-red .mtr-cta__btn{ color:var(--red); }
.mtr-cta__btn:hover{ background:#f3f3f2; color:var(--red); transform:translateY(-1px); }

/* =========================================================
   11. INTRO SPLIT (About)
   ========================================================= */
.mtr-split{ display:grid; grid-template-columns:minmax(0,50%) minmax(0,1fr); gap:56px; align-items:center; }
.mtr-split--media-left .mtr-split__visual{ order:-1; }
.mtr-split .eyebrow{ color:var(--steel); letter-spacing:.08em; margin-bottom:14px; }
.mtr-split .mtr-title{ font-size:30px; line-height:1.22; margin-bottom:22px; }
.mtr-split__body{ color:var(--steel); font-size:14.5px; line-height:1.75; }
.mtr-split__body p{ margin:0 0 16px; }
.mtr-split__body a{ color:var(--red); text-decoration:underline; }
.mtr-split .btn{ margin-top:10px; }
.mtr-split__media{ height:320px; }
.mtr-split .ph-chip{ font-size:12px; }

/* =========================================================
   12. STATS
   ========================================================= */
.mtr-stats-wrap.has-frame{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:36px 0; }
.mtr-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mtr-stats.has-dividers .mtr-stat + .mtr-stat{ border-left:1px solid var(--line); }
.mtr-stat{ text-align:center; }
.mtr-num{ font-family:var(--font-mono); font-size:40px; font-weight:600; line-height:1.1; color:var(--ink); margin:0; font-variant-numeric:tabular-nums; }
.mtr-num span{ color:var(--red); }
.mtr-stat .stat-label{ font-size:13px; color:var(--steel); margin:8px 0 0; }

/* =========================================================
   13. TEAM
   ========================================================= */
.mtr-team{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mtr-member{ display:block; text-align:center; color:inherit; }
.mtr-member__photo{ aspect-ratio:1/1; border-radius:12px; margin-bottom:14px; }
.mtr-member__photo.is-placeholder{ background:radial-gradient(120% 90% at 20% 10%,#5a2b30 0%,#2b2e37 45%,#15161b 100%); }
.mtr-member__photo .mtr-media__img{ transition:transform .4s ease; }
.has-zoom .mtr-member:hover .mtr-media__img{ transform:scale(1.05); }
.mtr-member__name{ font-family:var(--font-body); font-size:14px; font-weight:600; color:var(--ink); margin:0; }
.mtr-member__role{ font-size:12px; font-weight:700; color:var(--red); margin:4px 0 0; }

/* =========================================================
   14. CONTACT
   ========================================================= */
.mtr-contact{ display:grid; grid-template-columns:minmax(0,50%) minmax(0,1fr); gap:44px; align-items:start; }
.mtr-contact--form-left .mtr-contact__form{ order:-1; }
.mtr-contact--solo{ grid-template-columns:1fr !important; }
.mtr-info{ margin:0 0 22px; }
.mtr-info__item{ margin:0 0 16px; }
.mtr-info__label{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); margin:0 0 3px; }
.mtr-info__value{ font-size:14px; color:var(--steel); margin:0; line-height:1.6; }
.mtr-info__value a{ color:inherit; }
.mtr-info__value a:hover{ color:var(--red); }

.mtr-wa{ display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; background:var(--wa-tint,#E8F8EE); border:1px solid rgba(37,211,102,.35); border-radius:12px; padding:22px 24px; margin:0 0 18px; }
.mtr-wa__icon{ width:40px; height:40px; border-radius:50%; background:var(--wa,#25D366); color:#fff; display:flex; align-items:center; justify-content:center; grid-row:span 1; }
.mtr-wa__icon svg{ width:20px; height:20px; }
.mtr-wa__title{ font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--ink); margin:0 0 2px; }
.mtr-wa__text{ font-size:12.5px; color:var(--steel); margin:0; }
.mtr-wa .btn-wa{ grid-column:1 / -1; margin-top:16px; padding:12px 20px; }
.mtr-wa .btn-wa svg{ width:17px; height:17px; }

.mtr-map{ height:220px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.mtr-map.map-ph{ margin:0; flex-direction:column; gap:10px; }
.mtr-map.map-ph::before{ content:""; position:static; width:22px; height:22px; flex-shrink:0; background:var(--red); -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.mtr-map--live iframe{ width:100%; height:100%; border:0; display:block; }

.mtr-form{ background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:30px 28px; }
.mtr-form__title{ font-family:var(--font-head); font-size:16px; font-weight:700; color:var(--ink); margin:0 0 18px; }
.mtr-form :is(input[type="text"],input[type="email"],input[type="tel"],select,textarea){ width:100%; background:#fff; border:1px solid var(--line); border-radius:8px; padding:12px 14px; font:inherit; font-size:14px; color:var(--ink); margin:0 0 12px; transition:border-color .15s ease, box-shadow .15s ease; }
.mtr-form :is(input,select,textarea):focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px var(--red-tint); }
.mtr-form textarea{ min-height:120px; resize:vertical; }
.mtr-form button[type="submit"]{ background:var(--red); color:#fff; border:1px solid var(--red); border-radius:8px; padding:13px 26px; font-weight:700; font-size:14px; cursor:pointer; margin-top:4px; transition:background .15s ease; }
.mtr-form button[type="submit"]:hover{ background:var(--red-dark); border-color:var(--red-dark); }
.mtr-form .form-note{ font-size:12px; color:var(--steel); margin:12px 0 0; }
.mtr-hp{ position:absolute !important; left:-9999px !important; }

/* =========================================================
   15. BREADCRUMB
   ========================================================= */
.mtr-breadcrumb{ font-size:12px; color:var(--steel); margin:0; }
.mtr-breadcrumb a{ color:var(--steel); }
.mtr-breadcrumb a:hover{ color:var(--red); }
.mtr-breadcrumb .sep{ margin:0 6px; opacity:.7; }

/* =========================================================
   16. RESPONSIVE (fallbacks — per-widget responsive controls win)
   ========================================================= */
@media (max-width:1024px){
  .mtr-panel{ padding:40px 32px; }
  .mtr-hero__content .mtr-title{ font-size:38px; }
  .mtr-features.has-connector .mtr-feature::after,
  .mtr-steps.has-connector .mtr-step::after{ display:none; }
}
@media (max-width:860px){
  .mtr-sec{ padding-top:52px; padding-bottom:52px; }
  .mtr-title{ font-size:28px; }
  .mtr-hero__grid,.mtr-split,.mtr-contact,.mtr-cases__grid{ grid-template-columns:1fr !important; gap:32px; }
  .mtr-hero--media-left .mtr-hero__visual,.mtr-split--media-left .mtr-split__visual,.mtr-contact--form-left .mtr-contact__form{ order:0; }
  .mtr-hero--hide-m .mtr-hero__visual{ display:none; }
  .mtr-hero__media{ height:260px; }
  .mtr-cta__inner{ padding:34px 28px; }
  .mtr-cta--band .mtr-cta__inner{ padding:40px 0; }
  .mtr-head{ margin-bottom:28px; }
}
@media (max-width:767px){
  .mtr-items-left .mtr-feature{ flex-direction:row; gap:14px; }
  .mtr-items-left .mtr-feature .icon-node{ --mtr-ic:40px; }
}
@media (max-width:600px){
  .mtr-hero__content .mtr-title{ font-size:32px; }
  .mtr-split .mtr-title{ font-size:26px; }
  .mtr-panel{ padding:28px 18px; border-radius:16px; }
  .mtr-cases .case-small{ flex-direction:column; }
  .mtr-cases .case-small__thumb{ width:100% !important; aspect-ratio:16/9; }
  .mtr-num{ font-size:32px; }
  .mtr-cta__title{ font-size:22px; }
  .mtr-cta__inner--row{ flex-direction:column; align-items:flex-start; }
  .mtr-cta__btn{ width:100%; justify-content:center; }
  .mtr-form{ padding:24px 18px; }
  .mtr-hero .float-card.status{ font-size:11px; }
  .mtr-hero .ph-label--top,.mtr-split .ph-label--top{ top:auto; bottom:12px; right:12px; }
  .mtr-hero .float-card.status .fc-sep,.mtr-hero .float-card.status .fc-label{ display:none; }
}

/* =========================================================
   17. POST GRID / PAGE CARDS / FEATURE SPLIT / FLOW / PROSE  (v1.3.0)
   ========================================================= */
.mtr-posts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mtr-posts .post-card{ height:100%; }

.mtr-pcards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mtr-pcard{ position:relative; display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.mtr-pcard.is-linked:hover{ border-color:var(--red); box-shadow:0 16px 34px -18px rgba(20,21,26,.28); transform:translateY(-3px); }
.mtr-pcard .mtr-media{ border-radius:0; width:100%; aspect-ratio:16/10; }
.mtr-pcard__icon{ padding:24px 24px 0; }
.mtr-pcard__icon .icon-node{ margin:0; }
.mtr-pcard__body{ display:flex; flex-direction:column; flex:1; padding:22px 24px 24px; }
.mtr-pcard__icon + .mtr-pcard__body{ padding-top:16px; }
.mtr-pcard__tag{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--red); margin:0 0 8px; }
.mtr-pcard__title{ font-family:var(--font-head); font-size:18px; font-weight:700; line-height:1.3; letter-spacing:-.01em; color:var(--ink); margin:0 0 8px; }
.mtr-pcard__text{ font-size:13.5px; line-height:1.65; color:var(--steel); margin:0 0 18px; }
.mtr-pcard__btn{ margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; line-height:1.2; border-radius:8px; transition:all .15s ease; }
.mtr-pcard__btn.is-outline{ padding:10px 16px; border:1.5px solid var(--red); color:var(--red); background:transparent; }
.mtr-pcard__btn.is-outline:hover,.mtr-pcard.is-linked:hover .mtr-pcard__btn.is-outline{ background:var(--red); color:#fff; }
.mtr-pcard__btn.is-primary{ padding:11px 18px; background:var(--red); color:#fff; border:1.5px solid var(--red); }
.mtr-pcard__btn.is-primary:hover{ background:var(--red-dark); border-color:var(--red-dark); }
.mtr-pcard__btn.is-link{ padding:0; color:var(--red); }
.mtr-pcard__btn.is-link:hover{ color:var(--red-dark); }
.mtr-cards-center .mtr-pcard__body,.mtr-cards-center .mtr-pcard__icon{ align-items:center; text-align:center; }
.mtr-cards-center .mtr-pcard__btn{ align-self:center; }

.mtr-fsplit{ display:grid; grid-template-columns:minmax(0,54%) minmax(0,1fr); gap:56px; align-items:center; }
.mtr-fsplit--media-left .mtr-fsplit__visual{ order:-1; }
.mtr-fsplit .mtr-title{ font-size:32px; line-height:1.2; }
.mtr-fitems{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 28px; margin:28px 0 30px; }
.mtr-fitem{ display:flex; gap:14px; align-items:flex-start; min-width:0; }
.mtr-fitem__ic{ position:relative; flex-shrink:0; }
.mtr-fitem__ic .icon-node{ margin:0; }
.mtr-fitem__num{ display:none; position:absolute; top:-7px; right:-7px; width:20px; height:20px; border-radius:50%; background:var(--ink); color:#fff; font:700 11px/20px var(--font-mono); text-align:center; z-index:2; }
.has-num .mtr-fitem__num{ display:block; }
.mtr-fitem__title{ display:block; font-family:var(--font-body); font-size:15px; font-weight:700; color:var(--ink); margin:0 0 3px; letter-spacing:0; }
a.mtr-fitem__title:hover{ color:var(--red); }
.mtr-fitem__text{ font-size:13px; line-height:1.55; color:var(--steel); margin:0; }
.mtr-fsplit__visual{ min-width:0; }
.mtr-fsplit__media{ min-height:420px; height:100%; }

.mtr-flow{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.mtr-flow__li{ display:inline-flex; align-items:center; gap:10px; margin:0; }
.mtr-flow__item{ display:inline-flex; align-items:center; padding:10px 16px; border:1px solid var(--line); background:var(--paper); border-radius:10px; font-weight:700; font-size:14px; line-height:1.3; color:var(--ink); }
a.mtr-flow__item:hover{ border-color:var(--red); color:var(--red); }
.mtr-flow__item.is-hl{ color:var(--red); border-color:var(--red); background:#fff; }
.mtr-flow__arrow{ width:18px; height:18px; color:var(--red); flex-shrink:0; }
.mtr-flow-solid .mtr-flow__item{ background:var(--red-tint); border-color:transparent; color:var(--red); }
.mtr-flow-plain .mtr-flow__item{ background:none; border:0; padding:0; }

.mtr-prose-wrap{ max-width:960px; }
.mtr-prose-wrap--narrow{ max-width:760px; }
.mtr-prose-wrap--full{ max-width:none; }
.mtr-prose-wrap.is-center{ margin-left:auto; margin-right:auto; }
.mtr-prose{ font-size:16px; line-height:1.8; color:#2a2c33; overflow-wrap:anywhere; }
.mtr-prose > :first-child{ margin-top:0; }
.mtr-prose h2{ font-family:var(--font-head); font-size:26px; font-weight:800; line-height:1.25; letter-spacing:-.01em; color:var(--ink); margin:42px 0 14px; }
.mtr-prose h3{ font-family:var(--font-head); font-size:20px; font-weight:700; line-height:1.3; color:var(--ink); margin:30px 0 12px; }
.mtr-prose h4{ font-size:16px; font-weight:700; margin:24px 0 10px; }
.mtr-prose p{ margin:0 0 18px; }
.mtr-prose ul,.mtr-prose ol{ margin:0 0 20px; padding-left:22px; }
.mtr-prose li{ margin:0 0 7px; }
.mtr-prose li::marker{ color:var(--red); font-weight:700; }
.mtr-prose a{ color:var(--red); text-decoration:underline; text-underline-offset:2px; }
.mtr-prose img{ max-width:100%; height:auto; border-radius:12px; margin:18px 0; }
.mtr-prose figure{ margin:24px 0; }
.mtr-prose figcaption{ font-size:12.5px; color:var(--steel); margin-top:8px; }
.mtr-prose blockquote{ border-left:3px solid var(--red); padding:2px 0 2px 20px; margin:26px 0; color:var(--steel); font-style:italic; }
.mtr-prose table{ display:block; width:100%; overflow-x:auto; border-collapse:collapse; margin:0 0 22px; }
.mtr-prose th,.mtr-prose td{ border:1px solid var(--line); padding:10px 12px; text-align:left; font-size:14px; line-height:1.5; }
.mtr-prose th{ background:var(--paper); font-weight:700; }
.mtr-prose hr{ border:0; border-top:1px solid var(--line); margin:32px 0; }
.mtr-prose__lead{ margin:0 0 30px; }
.mtr-prose__lead .mtr-media{ aspect-ratio:16/9; border-radius:14px; }
.mtr-prose__lead figcaption{ font-size:12.5px; color:var(--steel); margin-top:8px; }

@media (max-width:1024px){
  .mtr-fsplit{ gap:36px; }
}
@media (max-width:860px){
  .mtr-fsplit{ grid-template-columns:1fr !important; gap:32px; }
  .mtr-fsplit--media-left .mtr-fsplit__visual{ order:0; }
  .mtr-fsplit .mtr-title{ font-size:27px; }
  .mtr-fsplit__media{ min-height:260px; }
  .mtr-prose{ font-size:15.5px; }
  .mtr-prose h2{ font-size:22px; margin-top:34px; }
  .mtr-flow__item{ font-size:13px; padding:9px 13px; }
}
@media (max-width:600px){
  .mtr-flow{ flex-direction:column; align-items:stretch; }
  .mtr-flow__li{ flex-direction:column; align-items:stretch; }
  .mtr-flow__item{ justify-content:center; text-align:center; }
  .mtr-flow__arrow{ align-self:center; transform:rotate(90deg); }
  .mtr-flow-plain .mtr-flow{ flex-direction:row; flex-wrap:wrap; }
}

/* =========================================================
   18. PAGE WIDGETS — hero halaman, kartu konten, daftar poin,
       alur langkah, lowongan, kartu form, galeri  (v1.7.0)
   ========================================================= */
/* shared */
.mtr-w-intro{ max-width:820px; margin:0 0 26px; }
.mtr-w-intro > :last-child{ margin-bottom:0; }
.mtr-w-foot{ margin-top:30px; }
.mtr-w-foot .mtr-smart-tagline{ margin-top:0; }
.mtr-anchor{ display:block; position:relative; top:calc(-1 * var(--header-h,72px)); visibility:hidden; height:0; }
.mtr-head__intro .mtr-title + .mtr-desc{ margin-top:12px; }
.mtr-link--light{ color:#fff; }

/* hero halaman */
.mtr-phero.mtr-smart-hero{ border-bottom:1px solid var(--line); }
.mtr-phero__grid.is-media-left .mtr-phero__media{ order:-1; }
.mtr-phero__grid.is-center .mtr-smart-hero__text{ text-align:center; margin:0 auto; max-width:820px; }
.mtr-phero__grid.is-center .mtr-smart-btns,.mtr-phero__grid.is-center .mtr-smart-chips{ justify-content:center; }
.mtr-phero__text p{ margin:0 0 12px; }
.mtr-phero__text > :last-child{ margin-bottom:0; }
.mtr-phero__img.mtr-media{ border-radius:18px; box-shadow:0 30px 60px -30px rgba(20,21,26,.35); }
.mtr-phero__img.mtr-media:not(.is-placeholder){ background:none; }
.mtr-phero__img .mtr-media__img{ position:static; display:block; width:100%; height:auto; }
.mtr-phero__img.is-placeholder{ aspect-ratio:4/3; }
.mtr-phero__media.is-below{ margin-top:36px; }
.mtr-phero__media.is-below .mtr-phero__img .mtr-media__img{ max-height:560px; object-fit:cover; }

/* kartu konten */
.mtr-ccards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mtr-ccard{ position:relative; display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.mtr-ccards.is-soft .mtr-ccard{ background:var(--paper); border-color:transparent; }
.mtr-bg-paper .mtr-ccards.is-soft .mtr-ccard{ background:#fff; }
.mtr-ccards.is-accent .mtr-ccard{ border-left:4px solid var(--red); border-radius:12px; }
.mtr-ccards.is-plain .mtr-ccard{ background:none; border:0; padding:0; }
.mtr-ccard:hover{ border-color:#e7c3c3; box-shadow:0 16px 34px -22px rgba(20,21,26,.3); }
.mtr-ccards.is-plain .mtr-ccard:hover{ box-shadow:none; }
.mtr-ccard.is-linked:hover{ transform:translateY(-2px); }
.mtr-ccard__num{ display:inline-flex; align-self:flex-start; font-family:var(--font-mono); font-size:13px; font-weight:700; color:var(--red); background:var(--red-tint); border-radius:8px; padding:5px 9px; margin:0 0 14px; }
.mtr-ccard .icon-node{ margin:0 0 14px; }
.mtr-ccard__title{ font-family:var(--font-head); font-size:18px; font-weight:700; line-height:1.3; color:var(--ink); margin:0 0 8px; }
.mtr-ccard__text{ font-size:14.5px; line-height:1.7; color:#3a3d45; }
.mtr-ccard__text p{ margin:0 0 10px; }
.mtr-ccard__text > :last-child{ margin-bottom:0; }
.mtr-ccard__text ul{ margin:8px 0 0; padding-left:18px; }
.mtr-ccard .mtr-smart-label{ margin-top:14px; }
.mtr-ccard .mtr-smart-chip{ font-size:12px; padding:6px 10px; }
.mtr-ccard__link{ margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:var(--red); }
.mtr-ccard__link .mtr-arrow{ width:14px; height:14px; }

/* daftar poin */
.mtr-plist{ --mtr-mark:var(--red); list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:820px; }
.mtr-plist__item{ position:relative; display:flex; gap:12px; align-items:flex-start; min-width:0; }
.mtr-plist__body{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.mtr-plist__title{ font-size:15px; color:var(--ink); }
.mtr-plist__text{ font-size:13.5px; line-height:1.6; color:var(--steel); }
.mtr-plist__mark{ position:relative; flex:0 0 22px; width:22px; height:22px; border-radius:7px; background:var(--red-tint); margin-top:1px; }
.mtr-plist__mark::after{ content:""; position:absolute; left:8px; top:4px; width:6px; height:10px; border:solid var(--mtr-mark); border-width:0 2px 2px 0; transform:rotate(45deg); }
.mtr-plist.is-features .mtr-plist__item{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.mtr-plist.is-checks{ gap:10px 26px; }
.mtr-plist.is-checks .mtr-plist__mark{ border-radius:50%; flex-basis:20px; width:20px; height:20px; }
.mtr-plist.is-checks .mtr-plist__mark::after{ left:7px; top:4px; }
.mtr-plist.is-checks .mtr-plist__title{ font-weight:600; }
.mtr-plist__num{ flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:var(--mtr-mark); color:#fff; font:700 13px/30px var(--font-mono); text-align:center; }
.mtr-plist.is-numbered .mtr-plist__item{ padding:4px 0; }
.mtr-plist.is-transform .mtr-plist__item{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 18px; }
.mtr-plist.is-transform .mtr-plist__body{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.mtr-plist__from{ font-size:14.5px; color:var(--steel); text-decoration:line-through; text-decoration-color:rgba(108,111,122,.45); }
.mtr-plist__arrow{ color:var(--mtr-mark); font-weight:700; }
.mtr-plist__to{ font-size:15px; color:var(--ink); }
.mtr-bg-paper .mtr-plist.is-features .mtr-plist__item,.mtr-bg-paper .mtr-plist.is-transform .mtr-plist__item{ background:#fff; }

/* alur langkah */
.mtr-tl{ --mtr-tl:var(--red); list-style:none; margin:0; padding:0; }
.mtr-tl.is-vertical{ max-width:860px; display:flex; flex-direction:column; gap:14px; }
.mtr-tl__item{ position:relative; display:flex; gap:18px; min-width:0; }
.mtr-tl__marker{ position:relative; flex:0 0 44px; display:flex; justify-content:center; }
.mtr-tl__num,.mtr-tl__dot{ position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--mtr-tl); color:#fff; font:700 15px var(--font-mono); box-shadow:0 0 0 6px #fff; }
.mtr-bg-paper .mtr-tl__num,.mtr-bg-paper .mtr-tl__dot{ box-shadow:0 0 0 6px var(--paper); }
.mtr-tl__dot{ width:16px; height:16px; margin-top:14px; }
.mtr-tl__item .icon-node{ position:relative; z-index:1; margin:0; }
.mtr-tl.is-vertical .mtr-tl__item:not(:last-child) .mtr-tl__marker::after{ content:""; position:absolute; top:44px; bottom:-14px; left:50%; width:2px; transform:translateX(-50%); background:linear-gradient(var(--mtr-tl),rgba(220,38,38,.25)); }
.mtr-tl.is-vertical .mtr-tl__item:not(:last-child) .mtr-tl__marker::before{ content:""; position:absolute; bottom:-12px; left:50%; width:8px; height:8px; border:solid var(--mtr-tl); border-width:0 2px 2px 0; transform:translateX(-50%) rotate(45deg); z-index:1; }
.mtr-tl__card{ flex:1; min-width:0; background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 22px; }
.mtr-bg-paper .mtr-tl__card{ background:#fff; }
.mtr-tl__title{ font-family:var(--font-head); font-size:17px; font-weight:700; line-height:1.3; color:var(--ink); margin:0 0 6px; }
.mtr-tl__text{ font-size:14.5px; line-height:1.7; color:#3a3d45; }
.mtr-tl__text p{ margin:0 0 8px; }
.mtr-tl__text > :last-child{ margin-bottom:0; }
.mtr-tl__item .mtr-smart-chips{ margin:10px 0 2px; }
.mtr-tl.is-horizontal{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mtr-tl.is-horizontal .mtr-tl__item{ flex-direction:column; gap:14px; }
.mtr-tl.is-horizontal .mtr-tl__marker{ flex:0 0 auto; justify-content:flex-start; }
.mtr-tl.is-horizontal .mtr-tl__card{ height:100%; }

/* lowongan */
.mtr-jobs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mtr-job{ display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; transition:border-color .15s ease, box-shadow .15s ease; }
.mtr-job:hover{ border-color:#e7c3c3; box-shadow:0 16px 34px -22px rgba(20,21,26,.3); }
.mtr-job__title{ font-family:var(--font-head); font-size:17px; font-weight:700; line-height:1.3; color:var(--ink); margin:0 0 4px; }
.mtr-job .mtr-smart-chips{ margin:6px 0 4px; }
.mtr-job .mtr-smart-chip{ font-size:12px; padding:6px 10px; }
.mtr-job__text{ font-size:14px; line-height:1.6; color:var(--steel); margin:6px 0 0; }
.mtr-job__link{ margin-top:auto; padding-top:12px; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:var(--red); }
.mtr-job__link .mtr-arrow{ width:14px; height:14px; }
.mtr-jobs__empty{ padding:22px 24px; background:#fff; border:1px dashed var(--line); border-radius:14px; color:var(--steel); margin:0; }

/* kartu form */
.mtr-fcard{ display:grid; gap:36px; align-items:start; }
.mtr-fcard.is-split{ grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); }
.mtr-fcard__text .mtr-head{ margin-bottom:18px; }
.mtr-fcard .mtr-smart-form{ max-width:none; margin:0; }
.mtr-fcard .mtr-smart-checks{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.mtr-fcard__note{ font-size:12.5px; color:var(--steel); margin:12px 0 0; }

/* galeri */
.mtr-gal{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mtr-gal__item{ margin:0; min-width:0; }
.mtr-gal__link{ display:block; }
.mtr-gal__img{ display:block; width:100%; height:auto; border-radius:14px; }
.mtr-gal-photos .mtr-gal__img{ aspect-ratio:4/3; object-fit:cover; }
.mtr-gal-logos .mtr-gal__item{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:110px; padding:16px; background:#fff; border:1px solid var(--line); border-radius:14px; }
.mtr-gal-logos .mtr-gal__img{ width:auto; max-width:100%; max-height:70px; object-fit:contain; border-radius:0; }
.mtr-gal-gray-yes .mtr-gal__img{ filter:grayscale(1); opacity:.75; transition:filter .2s ease, opacity .2s ease; }
.mtr-gal-gray-yes .mtr-gal__item:hover .mtr-gal__img{ filter:none; opacity:1; }
.mtr-gal__cap{ font-size:12.5px; color:var(--steel); text-align:center; margin-top:8px; }

/* CTA: second button, eyebrow, note */
.mtr-cta__actions{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.mtr-cta__eyebrow{ font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.8; margin:0 0 8px; }
.mtr-cta__note{ font-size:13px; font-weight:600; opacity:.75; margin:14px 0 0; }
.mtr-cta__btn2{ border:1.5px solid rgba(255,255,255,.7); color:#fff; background:transparent; border-radius:8px; padding:12px 20px; }
.mtr-cta__btn2:hover{ background:#fff; color:var(--red); }
.mtr-cta__inner--center .mtr-cta__actions{ justify-content:center; }

@media (max-width:1024px){
  .mtr-ccards,.mtr-jobs,.mtr-gal{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mtr-fcard.is-split{ grid-template-columns:minmax(0,1fr); gap:24px; }
}
@media (max-width:767px){
  .mtr-ccards,.mtr-jobs,.mtr-plist,.mtr-tl.is-horizontal{ grid-template-columns:minmax(0,1fr); }
  .mtr-gal{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mtr-fcard .mtr-smart-checks{ grid-template-columns:minmax(0,1fr); }
  .mtr-tl__item{ gap:12px; }
  .mtr-tl__marker{ flex-basis:36px; }
  .mtr-tl__num,.mtr-tl__dot{ width:36px; height:36px; font-size:13px; }
  .mtr-tl.is-vertical .mtr-tl__item:not(:last-child) .mtr-tl__marker::after{ top:36px; }
  .mtr-cta__actions{ width:100%; }
  .mtr-cta__actions .btn{ flex:1 1 100%; justify-content:center; }
}

/* =========================================================
   19. Beranda v1.8 — intro dua kolom, footer tengah, konektor proses
   ========================================================= */
.mtr-w-foot.is-center{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.mtr-w-foot.is-center .mtr-smart-tagline{ max-width:860px; margin-left:auto; margin-right:auto; padding-left:0; border-left:0; font-family:var(--font-body); font-size:15px; font-weight:500; font-style:italic; color:var(--steel); }
.mtr-w-foot.is-center .mtr-smart-btns{ justify-content:center; }
.mtr-w-foot .mtr-smart-btns{ margin-top:16px; }
.mtr-head__action .btn{ white-space:nowrap; }

.mtr-nowrap{ white-space:nowrap; }
.mtr-duo{ --duo-line:#E2E1DD; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); column-gap:96px; row-gap:40px; align-items:start; }
.mtr-duo.is-swapped .mtr-duo__col--l{ order:2; }
.mtr-duo.has-divider .mtr-duo__col--r{ position:relative; }
.mtr-duo.has-divider .mtr-duo__col--r::before{ content:""; position:absolute; top:0; bottom:0; left:-48px; border-left:1px solid var(--duo-line); }
.mtr-duo.is-swapped.has-divider .mtr-duo__col--r::before{ left:auto; right:-48px; }
.mtr-duo__icon{ margin-bottom:20px; }
.mtr-duo__kicker{ margin:0 0 14px; font-size:15px; font-weight:500; line-height:1.4; letter-spacing:0; text-transform:none; color:var(--steel); }
.mtr-duo__title{ margin:0 0 22px; max-width:16em; text-wrap:balance; font-family:var(--font-head); font-size:clamp(30px,3.1vw,44px); font-weight:700; line-height:1.12; letter-spacing:-.02em; color:var(--ink); }
.mtr-duo__body{ max-width:34em; font-size:17px; line-height:1.7; color:#3E4048; }
.mtr-duo__body p{ margin:0 0 14px; }
.mtr-duo__body > :last-child{ margin-bottom:0; }
.mtr-duo__body strong{ color:var(--ink); font-weight:600; }
.mtr-duo__body--sm{ font-size:16px; }
.mtr-duo .mtr-smart-btns{ margin:30px 0 0; gap:12px; }
.mtr-duo .mtr-smart-btn-outline{ border-color:#CFCEC9; color:var(--ink); background:#fff; }
.mtr-duo .mtr-smart-btn-outline:hover{ border-color:var(--ink); background:#fff; color:var(--ink); }
.mtr-duo__tags{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:34px 0 0; padding:0; }
.mtr-duo__tags li{ margin:0; padding:6px 11px; border:1px solid #DAD9D4; border-radius:6px; background:#fff; font-size:13.5px; font-weight:500; line-height:1.3; color:#3E4048; }
.mtr-duo__note{ max-width:34em; margin:30px 0 0; padding-top:20px; border-top:1px solid var(--duo-line); font-size:14px; line-height:1.6; color:var(--steel); }
.mtr-duo__fig{ margin:0 0 30px; }
.mtr-duo__col--r > :last-child{ margin-bottom:0; }
.mtr-duo__media.mtr-media{ border-radius:12px; border:1px solid var(--duo-line); background:#fff; }
.mtr-duo__media.mtr-media::before,.mtr-duo__media.mtr-media::after{ display:none; }
.mtr-duo__media .mtr-media__img{ position:static; display:block; width:100%; height:auto; }
.mtr-duo__cap{ margin-top:10px; font-size:13px; line-height:1.5; color:var(--steel); }
.mtr-duo__ph{ display:grid; place-items:center; aspect-ratio:4 / 3; margin:0 0 30px; padding:24px; border:1.5px dashed #CFCEC9; border-radius:12px; background:#fff; font-size:14px; line-height:1.5; text-align:center; color:var(--steel); }
.mtr-duo__rtitle{ margin:0 0 12px; text-wrap:balance; font-family:var(--font-head); font-size:clamp(20px,1.7vw,24px); font-weight:600; line-height:1.3; letter-spacing:-.01em; color:var(--ink); }
.mtr-duo__col--r .mtr-duo__body + .mtr-duo__fig,.mtr-duo__col--r .mtr-duo__hl + .mtr-duo__fig,.mtr-duo__col--r .mtr-duo__body + .mtr-duo__ph{ margin:30px 0 0; }
.mtr-duo__hl{ list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; margin:26px 0 0; padding:0; }
.mtr-duo__hl li{ margin:0; padding:11px 0; border-top:1px solid var(--duo-line); font-size:14.5px; font-weight:600; line-height:1.4; color:var(--ink); }
.mtr-duo__hl li:nth-last-child(-n+2){ border-bottom:1px solid var(--duo-line); }
.mtr-duo--media-left{ column-gap:80px; }
.mtr-duo.is-swapped .mtr-duo__col--media{ order:2; }
.mtr-duo--media-left .mtr-duo__fig,.mtr-duo--media-left .mtr-duo__ph{ margin:0; }
.mtr-duo--media-left .mtr-duo__hl{ margin-top:24px; }
.mtr-duo__sub{ margin-top:40px; padding-top:32px; border-top:1px solid var(--duo-line); }
.mtr-duo__wide{ grid-column:1 / -1; margin-top:16px; padding:clamp(20px,4vw,48px); background:#fff; border:1px solid var(--duo-line); border-radius:16px; }
.mtr-duo__wide .mtr-duo__fig,.mtr-duo__wide .mtr-duo__ph{ max-width:720px; margin:0 auto; }
.mtr-duo__wide .mtr-duo__media.mtr-media{ border:0; border-radius:8px; }
.mtr-duo__wide .mtr-duo__cap{ text-align:center; }
.mtr-duo__scope{ max-width:36em; margin:28px 0 0; font-size:14.5px; font-weight:500; line-height:1.6; color:var(--ink); }
.mtr-duo__scope-l{ margin-right:10px; font-weight:400; color:var(--steel); }
.mtr-duo--stacked{ display:block; }
.mtr-duo__top{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:96px; row-gap:24px; align-items:start; }
.mtr-duo__top .mtr-duo__title{ margin-bottom:0; }
.mtr-duo__top-b{ padding-top:35px; }
.mtr-duo__top-b .mtr-duo__body{ max-width:none; }
.mtr-duo__bottom{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:72px; row-gap:32px; align-items:center; }
.mtr-duo__bottom.is-media-left{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.mtr-duo__bottom.is-media-left .mtr-duo__bottom-m{ order:-1; }
.mtr-duo__bottom.no-media{ grid-template-columns:minmax(0,1fr); }
.mtr-duo__bottom.no-media .mtr-duo__bottom-t{ max-width:720px; }
.mtr-duo__bottom-m .mtr-duo__fig,.mtr-duo__bottom-m .mtr-duo__ph{ margin:0; }
.mtr-duo--stacked .mtr-duo__hl{ grid-template-columns:minmax(0,1fr); margin-top:24px; }
.mtr-duo--stacked .mtr-duo__hl li{ border-bottom:0; }
.mtr-duo--stacked .mtr-duo__hl li:last-child{ border-bottom:1px solid var(--duo-line); }
.mtr-duo__bottom-t .mtr-duo__note{ margin-top:28px; }
.mtr-duo-sec--bottom .mtr-duo__rtitle{ font-size:clamp(24px,2.3vw,32px); font-weight:700; line-height:1.18; letter-spacing:-.015em; margin-bottom:16px; }
@media (min-width:1025px){
  .mtr-duo.is-sticky .mtr-duo__inner{ position:sticky; top:calc(var(--header-h,72px) + 24px); }
}
@media (max-width:1024px){
  .mtr-duo{ column-gap:56px; }
  .mtr-duo.has-divider .mtr-duo__col--r::before{ left:-28px; }
}
@media (max-width:860px){
  .mtr-duo{ grid-template-columns:minmax(0,1fr) !important; }
  .mtr-duo.is-swapped .mtr-duo__col--media{ order:0; }
  .mtr-duo__wide{ margin-top:0; }
  .mtr-duo__top{ grid-template-columns:minmax(0,1fr); }
  .mtr-duo__top-b{ padding-top:0; }
  .mtr-duo__bottom,.mtr-duo__bottom.is-media-left{ grid-template-columns:minmax(0,1fr); }
  .mtr-duo__bottom-m,.mtr-duo__bottom.is-media-left .mtr-duo__bottom-m{ order:-1; }
  .mtr-duo.has-divider .mtr-duo__col--r{ padding-top:36px; }
  .mtr-duo.has-divider .mtr-duo__col--r::before{ top:0; bottom:auto; left:0; right:0; border-left:0; border-top:1px solid var(--duo-line); }
  .mtr-duo__body{ font-size:16px; }
}
@media (max-width:480px){
  .mtr-duo__hl{ grid-template-columns:minmax(0,1fr); }
  .mtr-duo__hl li:nth-last-child(2){ border-bottom:0; }
}

/* process: no dashed line out of the last step of each row */
@media (min-width:1025px){
  .mtr-steps.cols-2.has-connector .mtr-step:nth-child(2n)::after,
  .mtr-steps.cols-3.has-connector .mtr-step:nth-child(3n)::after,
  .mtr-steps.cols-4.has-connector .mtr-step:nth-child(4n)::after,
  .mtr-steps.cols-5.has-connector .mtr-step:nth-child(5n)::after,
  .mtr-steps.cols-6.has-connector .mtr-step:nth-child(6n)::after{ display:none; }
  .mtr-steps.cols-1.has-connector .mtr-step::after{ display:none; }
}
.mtr-process .mtr-steps{ row-gap:40px; }

/* CTA: in a column the text must not grow to its 360px flex-basis (empty gap on mobile) */
.mtr-cta__inner--stack .mtr-cta__text,.mtr-cta__inner--center .mtr-cta__text{ flex:none; }
@media (max-width:600px){ .mtr-cta__inner--row .mtr-cta__text{ flex:none; } }

/* ---- metering icon set (v1.8.5): device-specific line icons ---- */
.icon-meter-water{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7'/%3E%3Cpath d='M2 13h3M19 13h3M10.5 6h3M12 6v-1.5'/%3E%3Crect x='9' y='9' width='6' height='2.4' rx='.6'/%3E%3Cpath d='M12 13.6c-.9 1.1-1.5 1.9-1.5 2.6a1.5 1.5 0 0 0 3 0c0-.7-.6-1.5-1.5-2.6z'/%3E%3C/svg%3E"); }
.icon-meter-energy{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='2.5' width='15' height='17' rx='2'/%3E%3Crect x='7.5' y='5.5' width='9' height='4' rx='.6'/%3E%3Cpath d='M12.6 11.5l-2.1 3h2.6l-1.7 3'/%3E%3Cpath d='M8 19.5v2M12 19.5v2M16 19.5v2'/%3E%3C/svg%3E"); }
.icon-meter-gas{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='13' rx='2'/%3E%3Cpath d='M8 7V4H5.5M16 7V4h2.5'/%3E%3Crect x='8' y='10' width='8' height='2.6' rx='.6'/%3E%3Cpath d='M12 14.2c.3 1 1.5 1.5 1.5 2.8a1.5 1.5 0 1 1-3 0c0-.7.3-1.1.7-1.5.1.4.4.7.8.7 0-.8-.4-1.4 0-2z'/%3E%3C/svg%3E"); }
.icon-meter-amr{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='10' width='12' height='11' rx='2'/%3E%3Crect x='6' y='13' width='6' height='2.6' rx='.6'/%3E%3Cpath d='M7.5 18.4h3M13 10V5.5'/%3E%3Cpath d='M15 3.4a2.8 2.8 0 0 1 2.1 2.1'/%3E%3Cpath d='M16.4 1.6a5.4 5.4 0 0 1 3.9 3.9'/%3E%3C/svg%3E"); }
.icon-gateway{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='13' width='18' height='7' rx='1.6'/%3E%3Cpath d='M7 16.5h.01M10.5 16.5h.01M15 13V5'/%3E%3Cpath d='M12 6.2a4 4 0 0 1 6 0M10 4a7 7 0 0 1 10 0'/%3E%3C/svg%3E"); }
.icon-sensor{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V4.5a2.5 2.5 0 0 0-5 0v10.3a4.5 4.5 0 1 0 5 0z'/%3E%3Cpath d='M11.5 9v7'/%3E%3Cpath d='M17 5h3M17 8.5h2M17 12h3'/%3E%3C/svg%3E"); }

/* quiet section label (v1.8.5) */
.mtr-kicker-quiet .eyebrow{ text-transform:none; letter-spacing:0; font-size:15px; font-weight:500; color:var(--steel); background:none; padding:0; border:0; }
.mtr-kicker-quiet .eyebrow::before,.mtr-kicker-quiet .eyebrow::after{ display:none; }

/* solutions: column look — no boxes, a rule on top, device icon, plain link (v1.8.5) */
.mtr-solutions.is-columns .mtr-cards{ column-gap:40px; row-gap:48px; }
.mtr-solutions.is-columns .mtr-card{ background:none; border:0; border-top:1px solid #D9D8D3; border-radius:0; padding:28px 0 0; box-shadow:none; transform:none; transition:border-color .2s ease; }
.mtr-solutions.is-columns .mtr-card:hover{ border-top-color:var(--red); box-shadow:none; transform:none; }
.mtr-solutions.is-columns .mtr-card .icon-node{ width:auto; height:auto; margin:0 0 22px; background:none; border:0; border-radius:0; justify-content:flex-start; transform:none !important; }
.mtr-solutions.is-columns .mtr-card .icon-node::after{ display:none; }
.mtr-solutions.is-columns .mtr-card .icon-node[class*="icon-"]::before{ width:var(--mtr-col-ic,40px); height:var(--mtr-col-ic,40px); background:var(--red); }
.mtr-solutions.is-columns .mtr-card__title{ font-size:clamp(18px,1.6vw,21px); line-height:1.25; margin:0 0 10px; }
.mtr-solutions.is-columns .mtr-card__text{ font-size:15px; line-height:1.65; color:#3E4048; margin:0 0 22px; }
.mtr-solutions.is-columns .mtr-card__link{ font-size:15px; font-weight:600; color:var(--ink); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:4px; text-decoration-color:#C9C8C3; }
.mtr-solutions.is-columns .mtr-card__link:hover{ color:var(--red); text-decoration-color:var(--red); }
.mtr-solutions.is-columns.mtr-cards-center .mtr-card .icon-node{ justify-content:center; }
.mtr-head--center .mtr-desc{ margin-left:auto; margin-right:auto; }

/* ---- more metering icons (v1.8.6) ---- */
.icon-meter-dial{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 13l3.6-3.6'/%3E%3Cpath d='M6.6 13h1.3M12 7.6v1.3M17.4 13h-1.3M8.2 9.2l.9.9'/%3E%3Crect x='9.6' y='15.6' width='4.8' height='2' rx='.5'/%3E%3Cpath d='M10 5h4'/%3E%3C/svg%3E"); }
.icon-radio{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.5' r='1.2'/%3E%3Cpath d='M12 8.7V21M8.6 21L12 10.5 15.4 21M9.6 17.6h4.8'/%3E%3Cpath d='M9.2 5a4 4 0 0 0 0 5M14.8 5a4 4 0 0 1 0 5M6.7 2.8a7.2 7.2 0 0 0 0 9.4M17.3 2.8a7.2 7.2 0 0 1 0 9.4'/%3E%3C/svg%3E"); }
.icon-cloud-data{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5h10a4 4 0 0 0 .4-8 5.6 5.6 0 0 0-10.8 1.6A3.4 3.4 0 0 0 7 18.5z'/%3E%3Cpath d='M12 16.2v-4.4M10.2 13.6L12 11.8l1.8 1.8'/%3E%3C/svg%3E"); }
.icon-dashboard{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='19' height='13' rx='1.6'/%3E%3Cpath d='M8 20.5h8M12 16.5v4'/%3E%3Cpath d='M6 13l3.2-3.2 2.6 2.1 4.6-4.6'/%3E%3Cpath d='M14.6 7.3h1.8v1.8'/%3E%3C/svg%3E"); }
.icon-integration{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='7.5' height='6' rx='1.3'/%3E%3Crect x='14' y='14.5' width='7.5' height='6' rx='1.3'/%3E%3Cpath d='M10 6.5h3.5a2 2 0 0 1 2 2v6'/%3E%3Cpath d='M14 17.5h-3.5a2 2 0 0 1-2-2v-6'/%3E%3C/svg%3E"); }

/* process: track look — steps on a line, number on the line, device icon (v1.8.6) */
.mtr-track{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:max(56px, var(--mtr-gap,0px)) !important; column-gap:0 !important; list-style:none; margin:0; padding:0; counter-reset:none; }
.mtr-track__step{ position:relative; margin:0; padding:34px 32px 0 0; border-top:1.5px solid #D9D8D3; text-align:left; }
.mtr-track__num{ position:absolute; top:-14px; left:0; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#fff; border:1.5px solid var(--red); color:var(--red); font-size:13px; font-weight:600; line-height:1; }
.mtr-bg-paper .mtr-track__num{ background:var(--paper); }
.mtr-track .icon-node{ width:auto; height:auto; margin:0 0 16px; background:none; border:0; border-radius:0; justify-content:flex-start; }
.mtr-track .icon-node::after{ display:none; }
.mtr-track .icon-node[class*="icon-"]::before{ width:var(--mtr-col-ic,34px); height:var(--mtr-col-ic,34px); background:var(--red); }
.mtr-track__title{ margin:0 0 8px; font-family:var(--font-head); font-size:19px; font-weight:700; line-height:1.3; color:var(--ink); }
.mtr-track__text{ margin:0; max-width:24em; font-size:15px; line-height:1.6; color:#3E4048; }
.mtr-head--center + .mtr-track{ margin-top:16px; }
.mtr-w-foot__body{ max-width:780px; font-size:16px; line-height:1.75; color:#3E4048; }
.mtr-w-foot__body p{ margin:0 0 14px; }
.mtr-w-foot__body strong{ color:var(--ink); font-weight:600; }
.mtr-w-foot.is-center .mtr-w-foot__body{ margin:0 auto; text-align:center; }
.mtr-w-foot--body{ margin-top:64px; padding-top:40px; border-top:1px solid #E2E1DD; }
@media (max-width:1024px){ .mtr-track{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){
  .mtr-track{ grid-template-columns:minmax(0,1fr); row-gap:44px !important; }
  .mtr-track__step{ padding-right:0; }
}

.mtr-w-foot .mtr-smart-btn-outline{ border-color:#CFCEC9; color:var(--ink); background:#fff; }
.mtr-w-foot .mtr-smart-btn-outline:hover{ border-color:var(--ink); background:#fff; color:var(--ink); }
@media (max-width:600px){ .mtr-w-foot.is-center .mtr-w-foot__body{ text-align:left; } }

/* ---- page cards: list / columns looks (v1.8.7) ---- */
.icon-meter-reader{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15' r='5.5'/%3E%3Cpath d='M5.5 15h4'/%3E%3Crect x='14.5' y='6.5' width='6.5' height='9' rx='1.4'/%3E%3Cpath d='M13 13.5h1.5M17.75 9.5h.01'/%3E%3Cpath d='M16 3.6a3.2 3.2 0 0 1 3.5 0'/%3E%3C/svg%3E"); }

.mtr-pagecards.is-list .mtr-pcard,.mtr-pagecards.is-columns .mtr-pcard{ background:none; border:0; border-radius:0; overflow:visible; box-shadow:none !important; transform:none !important; }
.mtr-pagecards.is-list .icon-node,.mtr-pagecards.is-columns .icon-node{ width:auto; height:auto; margin:0; background:none; border:0; border-radius:0; justify-content:flex-start; }
.mtr-pagecards.is-list .icon-node::after,.mtr-pagecards.is-columns .icon-node::after{ display:none; }
.mtr-pagecards.is-list .icon-node[class*="icon-"]::before,.mtr-pagecards.is-columns .icon-node[class*="icon-"]::before{ width:var(--mtr-col-ic,38px); height:var(--mtr-col-ic,38px); background:var(--red); }
.mtr-pagecards.is-list .mtr-pcard__icon,.mtr-pagecards.is-columns .mtr-pcard__icon{ padding:0; }
.mtr-pagecards.is-list .mtr-pcard__body,.mtr-pagecards.is-columns .mtr-pcard__body{ padding:0; }
.mtr-pagecards.is-list .mtr-pcard__title,.mtr-pagecards.is-columns .mtr-pcard__title{ font-size:clamp(18px,1.6vw,21px); line-height:1.25; margin:0 0 8px; transition:color .15s ease; }
.mtr-pagecards.is-list .mtr-pcard__text,.mtr-pagecards.is-columns .mtr-pcard__text{ font-size:15px; line-height:1.65; color:#3E4048; margin:0 0 16px; }
.mtr-pcard__btn.is-text{ padding:0; border:0; background:none; font-size:15px; font-weight:600; color:var(--ink); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:4px; text-decoration-color:#C9C8C3; border-radius:0; }
.mtr-pcard__btn.is-text:hover,.mtr-pcard.is-linked:hover .mtr-pcard__btn.is-text{ color:var(--red); text-decoration-color:var(--red); background:none; }
.mtr-pcard.is-linked:hover .mtr-pcard__title{ color:var(--red); }

/* list: catalog index — icon left, rows split by hairlines */
.mtr-pagecards.is-list .mtr-pcards{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; row-gap:0 !important; border-top:1px solid #D9D8D3; }
.mtr-pagecards.is-list .mtr-pcard{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:24px; align-items:start; padding:30px 0; border-bottom:1px solid #D9D8D3; height:auto; }
.mtr-pagecards.is-list .mtr-pcard .mtr-media{ width:96px; aspect-ratio:1 / 1 !important; border-radius:8px; }
.mtr-pagecards.is-list .mtr-pcard__text{ max-width:30em; }

/* columns: rule on top, picture (if any) on top, text below */
.mtr-pagecards.is-columns .mtr-pcards{ column-gap:40px; row-gap:48px; }
.mtr-pagecards.is-columns .mtr-pcard{ padding-top:28px; border-top:1px solid #D9D8D3; transition:border-color .2s ease; }
.mtr-pagecards.is-columns .mtr-pcard.is-linked:hover{ border-top-color:var(--red); }
.mtr-pagecards.is-columns .mtr-pcard .mtr-media{ border-radius:8px; margin:0 0 20px; }
.mtr-pagecards.is-columns .mtr-pcard__icon{ margin:0 0 20px; }
@media (max-width:767px){
  .mtr-pagecards.is-list .mtr-pcards{ grid-template-columns:minmax(0,1fr); }
  .mtr-pagecards.is-list .mtr-pcard{ column-gap:18px; padding:24px 0; }
  .mtr-pagecards.is-list .mtr-pcard .mtr-media{ width:72px; }
}

/* ---- industry icons + table look (v1.8.8) ---- */
.icon-ind-water{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='7' rx='2'/%3E%3Cpath d='M8 9.5L6.5 21M16 9.5L17.5 21M7.3 15h9.4M12 9.5V21'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E"); }
.icon-ind-factory{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V10l5 3.5V10l5 3.5V10l5 3.5V4h3v17z'/%3E%3Cpath d='M7 17.5h2M12 17.5h2M17 17.5h1.5'/%3E%3C/svg%3E"); }
.icon-ind-estate{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='6' height='10' rx='.6'/%3E%3Crect x='10.5' y='6' width='5' height='15' rx='.6'/%3E%3Crect x='17' y='13' width='4.5' height='8' rx='.6'/%3E%3Cpath d='M2 21h20M5 14.5h2M5 17.5h2M12.3 9.5h1.4M12.3 13h1.4M12.3 16.5h1.4'/%3E%3C/svg%3E"); }
.icon-ind-commercial{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='18.5' rx='1'/%3E%3Cpath d='M9 6.5h2M13 6.5h2M9 10h2M13 10h2M9 13.5h2M13 13.5h2M10.5 21v-3.5h3V21M3 21h18'/%3E%3C/svg%3E"); }
.icon-ind-home{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.2L12 4l9 7.2'/%3E%3Cpath d='M5.5 9.5V21h13V9.5'/%3E%3Cpath d='M10 21v-5h4v5'/%3E%3C/svg%3E"); }
.icon-ind-energy{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5L7.5 21M12 2.5L16.5 21M5 7h14M7 7l5 4 5-4M9.2 14h5.6M9 14l3 3.5 3-3.5M5 21h14'/%3E%3C/svg%3E"); }

.mtr-pagecards.is-table .mtr-pcard{ background:none; border:0; border-radius:0; overflow:visible; box-shadow:none !important; transform:none !important; }
.mtr-pagecards.is-table .icon-node{ width:auto; height:auto; margin:0; background:none; border:0; border-radius:0; justify-content:flex-start; }
.mtr-pagecards.is-table .icon-node::after{ display:none; }
.mtr-pagecards.is-table .icon-node[class*="icon-"]::before{ width:var(--mtr-col-ic,38px); height:var(--mtr-col-ic,38px); background:var(--red); }
.mtr-pagecards.is-table .mtr-pcard__icon,.mtr-pagecards.is-table .mtr-pcard__body{ padding:0; }
.mtr-pagecards.is-table .mtr-pcards{ grid-template-columns:minmax(0,1fr) !important; row-gap:0 !important; border-top:1px solid #D9D8D3; }
.mtr-pagecards.is-table .mtr-pcard{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:28px; align-items:center; padding:26px 12px; border-bottom:1px solid #D9D8D3; height:auto; transition:background-color .15s ease; }
.mtr-pagecards.is-table .mtr-pcard.is-linked:hover{ background:rgba(20,21,26,.03); }
.mtr-pagecards.is-table .mtr-pcard__body{ display:grid; grid-template-columns:minmax(0,30%) minmax(0,1fr) 250px; column-gap:36px; align-items:center; }
.mtr-pagecards.is-table .mtr-pcard__tag{ grid-column:1 / -1; }
.mtr-pagecards.is-table .mtr-pcard__title{ margin:0; font-size:clamp(18px,1.6vw,21px); line-height:1.25; transition:color .15s ease; }
.mtr-pagecards.is-table .mtr-pcard__text{ margin:0; font-size:15px; line-height:1.6; color:#3E4048; }
.mtr-pagecards.is-table .mtr-pcard__btn{ margin:0; justify-self:end; align-self:center; white-space:nowrap; }
.mtr-pagecards.is-table .mtr-pcard .mtr-media{ width:72px; aspect-ratio:1 / 1 !important; border-radius:8px; }
@media (max-width:900px){
  .mtr-pagecards.is-table .mtr-pcard{ align-items:start; padding:24px 0; column-gap:18px; }
  .mtr-pagecards.is-table .mtr-pcard__body{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
  .mtr-pagecards.is-table .mtr-pcard__btn{ justify-self:auto; margin-top:6px; }
}

/* ---- implementation / case story cards (v1.8.9) ---- */
.mtr-pcard__n{ display:inline-block; margin-right:10px; color:var(--red); font-weight:600; }
.mtr-pagecards.is-columns .mtr-pcard .mtr-media{ border:1px solid #E2E1DD; }
.mtr-pagecards.is-columns .mtr-pcard .mtr-media .mtr-media__img{ object-fit:cover; }
.mtr-pagecards.is-columns .mtr-pcard__text{ max-width:28em; }

/* ---- story looks for page cards: zig-zag rows + step tabs (v1.9.0) ---- */
.mtr-story__title{ margin:0 0 12px; font-family:var(--font-head); font-size:clamp(22px,2.2vw,30px); font-weight:700; line-height:1.2; letter-spacing:-.015em; color:var(--ink); }
.mtr-story__text{ margin:0 0 18px; max-width:34em; font-size:16px; line-height:1.7; color:#3E4048; }
.mtr-story__media.mtr-media{ border-radius:10px; border:1px solid #E2E1DD; background:#fff; aspect-ratio:1 / 1; }
.mtr-story__media .mtr-media__img{ object-fit:cover; }
.mtr-zz{ display:grid; row-gap:72px; }
.mtr-zz__row{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); column-gap:72px; align-items:center; }
.mtr-zz__row.is-rev .mtr-zz__media{ order:2; }
.mtr-zz__row.no-media{ grid-template-columns:minmax(0,1fr); }
.mtr-zz__media .mtr-media{ max-width:480px; }
.mtr-zz__row.is-rev .mtr-zz__media .mtr-media{ margin-left:auto; }
.mtr-tabs__list{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); border-top:1px solid #D9D8D3; }
.mtr-tabs__tab{ display:flex; align-items:baseline; gap:10px; margin:0; padding:18px 4px 0; border:0; border-top:3px solid transparent; margin-top:-2px; background:none; font:inherit; font-family:var(--font-head); font-size:17px; font-weight:600; color:var(--steel); text-align:left; cursor:pointer; transition:color .15s ease, border-color .15s ease; }
.mtr-tabs__tab:hover{ color:var(--ink); }
.mtr-tabs__tab[aria-selected="true"]{ color:var(--ink); border-top-color:var(--red); }
.mtr-tabs__tab:focus-visible{ outline:2px solid var(--red); outline-offset:4px; }
.mtr-tabs__n{ color:var(--red); font-weight:600; }
.mtr-tabs__panel{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); column-gap:72px; align-items:center; padding-top:48px; }
.mtr-tabs__panel[hidden]{ display:none; }
.mtr-tabs__panel.no-media{ grid-template-columns:minmax(0,1fr); }
.mtr-tabs__media .mtr-media{ max-width:520px; }
.mtr-tabs__body .mtr-pcard__n{ display:none; }
@media (max-width:767px){
  .mtr-zz{ row-gap:48px; }
  .mtr-zz__row,.mtr-tabs__panel{ grid-template-columns:minmax(0,1fr); row-gap:24px; }
  .mtr-zz__row.is-rev .mtr-zz__media{ order:0; }
  .mtr-zz__media .mtr-media,.mtr-tabs__media .mtr-media{ max-width:none; }
  .mtr-tabs__list{ grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:0; }
  .mtr-tabs__tab{ padding:12px 4px 10px; margin-top:0; border-top:1px solid #D9D8D3; font-size:15px; }
  .mtr-tabs__tab[aria-selected="true"]{ border-top:3px solid var(--red); padding-top:10px; }
  .mtr-tabs__panel{ padding-top:28px; }
}

/* ---------- 31. Ikon Mengapa Meterin ---------- */
.icon-why-realtime{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 13h4l2.2-5.5 3.6 10 2.6-6.5 1.6 2H21.5'/%3E%3C/svg%3E"); }
.icon-why-autoread{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M6.5 8h6M6.5 11.5h3'/%3E%3Ccircle cx='17.5' cy='16.5' r='4'/%3E%3Cpath d='M15.8 16.6l1.2 1.2 2.2-2.4'/%3E%3C/svg%3E"); }
.icon-why-central{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='6' height='6' rx='1'/%3E%3Ccircle cx='4.5' cy='4.5' r='2'/%3E%3Ccircle cx='19.5' cy='4.5' r='2'/%3E%3Ccircle cx='4.5' cy='19.5' r='2'/%3E%3Ccircle cx='19.5' cy='19.5' r='2'/%3E%3Cpath d='M6 6l3 3M18 6l-3 3M6 18l3-3M18 18l-3-3'/%3E%3C/svg%3E"); }
.icon-why-alarm{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2h-15z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3Cpath d='M12 3v2'/%3E%3C/svg%3E"); }
.icon-why-report{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M8.5 17.5v-3M12 17.5v-5.5M15.5 17.5v-2'/%3E%3C/svg%3E"); }
.icon-why-scale{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='15' width='4' height='5.5' rx='.6'/%3E%3Crect x='10' y='11' width='4' height='9.5' rx='.6'/%3E%3Crect x='17' y='6.5' width='4' height='14' rx='.6'/%3E%3Cpath d='M3.5 10.5L12 4.5'/%3E%3Cpath d='M8.8 4.3H12v3.2'/%3E%3C/svg%3E"); }

/* ---------- 32. Solusi: tampilan split (Mengapa Meterin) ---------- */
.mtr-solutions.is-split .mtr-why{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(40px,6vw,96px); align-items:start; }
.mtr-solutions.is-split .mtr-why__head{ position:sticky; top:120px; }
.mtr-solutions.is-split .mtr-why__head .mtr-head{ margin:0; max-width:none; text-align:left; display:block; }
.mtr-solutions.is-split .mtr-why__head .mtr-head__text,
.mtr-solutions.is-split .mtr-why__head .mtr-desc{ margin-left:0; margin-right:0; }
.mtr-solutions.is-split .mtr-why__head .mtr-desc strong,
.mtr-solutions.is-split .mtr-why__head .mtr-head p strong{ display:block; margin-top:14px; color:var(--mtr-ink,#17181B); font-weight:600; }
.mtr-solutions.is-split .mtr-why__head .mtr-head__action{ margin-top:28px; justify-content:flex-start; }
.mtr-solutions.is-split .mtr-cards{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:clamp(28px,3.5vw,48px); row-gap:0 !important; }
.mtr-solutions.is-split .sol-card{ padding:28px 0 32px !important; border:0 !important; border-top:1px solid #E4E3DE !important; background:none !important; box-shadow:none !important; border-radius:0 !important; display:grid; grid-template-columns:auto 1fr; column-gap:16px; align-content:start; transform:none !important; }
.mtr-solutions.is-split .sol-card .icon-node{ grid-row:1 / span 3; margin:2px 0 0 !important; }
.mtr-solutions.is-split .sol-card .icon-node{ width:var(--mtr-col-ic,28px) !important; height:var(--mtr-col-ic,28px) !important; }
.mtr-solutions.is-split .sol-card .mtr-card__title{ grid-column:2; margin:0 0 8px; font-size:18px; }
.mtr-solutions.is-split .sol-card .mtr-card__text{ grid-column:2; margin:0 0 14px; }
.mtr-solutions.is-split .sol-card .mtr-card__link{ grid-column:2; justify-self:start; }
@media (max-width:1024px){
  .mtr-solutions.is-split .mtr-why{ grid-template-columns:1fr; gap:40px; }
  .mtr-solutions.is-split .mtr-why__head{ position:static; }
}
@media (max-width:600px){
  .mtr-solutions.is-split .mtr-cards{ grid-template-columns:1fr !important; }
  .mtr-solutions.is-split .sol-card{ padding:22px 0 24px !important; }
}

/* ---------- 33. Klien & Mitra: dinding logo + penutup satu baris ---------- */
.mtr-logos-wall .mtr-logos{ display:grid; grid-template-columns:repeat(var(--mtr-wall-cols,6),minmax(0,1fr)); gap:0 !important; border-top:1px solid #E4E3DE; margin-top:8px; clip-path:inset(0 1px 0 0); width:calc(100% + 1px); }
.mtr-logos-wall .mtr-logo{ min-height:120px; padding:24px 20px; border-right:1px solid #E4E3DE; border-bottom:1px solid #E4E3DE; border-radius:0; background:transparent; }
.mtr-logos-wall .mtr-logo__img{ max-width:min(150px,100%); }
.mtr-logos-wall .mtr-logo__name{ font-size:14px; font-weight:600; color:var(--ink); white-space:normal; text-align:center; line-height:1.35; }
.mtr-logos-wall a.mtr-logo:hover{ background:#FAFAF8; }
.mtr-w-foot--row{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:40px; }
.mtr-w-foot--row .mtr-w-foot__title{ margin:0; font-family:var(--font-head); font-size:18px; font-weight:700; color:var(--ink); }
.mtr-w-foot--row .mtr-w-foot__sub{ margin:4px 0 0; font-size:15px; color:var(--steel); }
.mtr-w-foot--row .mtr-smart-btns{ margin:0; flex:none; }
.mtr-w-foot--row .mtr-smart-btn-outline{ border-color:#CFCEC9; color:var(--ink); background:#fff; }
.mtr-w-foot--row .mtr-smart-btn-outline:hover{ border-color:var(--ink); background:#fff; color:var(--ink); }
@media (max-width:600px){
  .mtr-logos-wall .mtr-logo{ min-height:96px; padding:18px 14px; }
  .mtr-w-foot--row{ flex-direction:column; align-items:flex-start; margin-top:36px; }
}

/* ---------- 34. Klien & Mitra: judul samping + logo berjalan ---------- */
.mtr-pt-head{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:24px clamp(40px,6vw,96px); align-items:start; margin-bottom:56px; }
.mtr-pt-head__l .eyebrow{ margin-top:0; }
.mtr-pt-head__l .mtr-title{ margin:0; }
.mtr-pt-head__r .mtr-desc{ margin:0 0 14px; max-width:none; }
.mtr-pt-head__r .mtr-desc:last-of-type{ margin-bottom:0; }
.mtr-pt-head__btn{ margin-top:26px; }
.mtr-marquee{ position:relative; overflow:hidden; border-top:1px solid #E4E3DE; border-bottom:1px solid #E4E3DE;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); }
.mtr-marquee__track{ display:flex; width:max-content; animation:mtr-mq var(--mtr-mq-dur,40s) linear infinite; will-change:transform; }
.mtr-marquee:hover .mtr-marquee__track,
.mtr-marquee:focus-within .mtr-marquee__track{ animation-play-state:paused; }
.mtr-marquee .mtr-marquee__set{ display:flex !important; flex-wrap:nowrap !important; align-items:center; gap:0 !important; flex:none; }
.mtr-marquee .mtr-logo{ flex:none; height:112px; padding:0 calc(var(--mtr-mq-space,72px) / 2); background:none !important; border:0 !important; border-radius:0; }
.mtr-marquee .mtr-logo__img{ max-width:170px; }
.mtr-marquee .mtr-logo__name{ font-size:16px; font-weight:600; color:var(--ink); }
@keyframes mtr-mq{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
@media (prefers-reduced-motion: reduce){
  .mtr-marquee{ -webkit-mask-image:none; mask-image:none; }
  .mtr-marquee__track{ animation:none; width:auto; }
  .mtr-marquee__set{ flex-wrap:wrap !important; justify-content:center; }
  .mtr-marquee__set + .mtr-marquee__set, .mtr-marquee [aria-hidden="true"].mtr-logo{ display:none !important; }
}
@media (max-width:1024px){ .mtr-pt-head{ grid-template-columns:1fr; margin-bottom:40px; } }
@media (max-width:600px){
  .mtr-marquee .mtr-logo{ height:88px; padding:0 22px; }
  .mtr-marquee .mtr-logo__img{ max-width:120px; height:32px !important; }
}

/* ---------- 35. Insight: artikel utama + daftar ---------- */
.mtr-insight .mtr-head{ align-items:flex-end; }
.mtr-ins__thumb{ display:block; overflow:hidden; border-radius:8px; background:#EEEDE9; aspect-ratio:16 / 10; }
.mtr-ins__thumb img, .mtr-ins__noimg{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.mtr-ins__item:hover .mtr-ins__thumb img{ transform:scale(1.03); }
.mtr-ins__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:0 0 10px; font-size:13px; line-height:1.5; color:var(--steel,#6B6E76); }
.mtr-ins__cat{ color:var(--red,#E11D2A); font-weight:600; }
.mtr-ins__dot{ color:#B9B8B3; }
.mtr-ins__read{ display:inline-flex; gap:8px; }
.mtr-ins__list .mtr-ins__read{ display:none; }
.mtr-ins__title{ margin:0; font-size:18px; line-height:1.35; font-weight:700; }
.mtr-ins__title a{ color:var(--ink,#17181B); text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-size:0 1px; background-repeat:no-repeat; background-position:0 100%; transition:background-size .3s ease; }
.mtr-ins__item:hover .mtr-ins__title a{ background-size:100% 1px; }
.mtr-ins__excerpt{ margin:12px 0 0; font-size:16px; line-height:1.7; color:#4A4C54; }
.mtr-ins__more{ display:inline-block; margin-top:18px; font-size:15px; font-weight:600; color:var(--ink,#17181B) !important; text-decoration:underline; text-decoration-color:#B9B8B3; text-underline-offset:5px; text-decoration-thickness:1px; }
.mtr-ins__more:hover{ text-decoration-color:currentColor; }
.mtr-ins__more::after{ content:none !important; }
.mtr-ins__by{ margin:8px 0 0; font-size:13px; color:var(--steel,#6B6E76); }
.mtr-ins__item.is-lead .mtr-ins__by{ margin-top:10px; }
.mtr-ins__item.is-lead .mtr-ins__thumb{ aspect-ratio:16 / 9; }

/* feature: lead left, list right */
.mtr-insight.is-feature .mtr-ins{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(32px,4vw,64px); align-items:start; }
.mtr-ins__item.is-lead .mtr-ins__body{ padding-top:22px; }
.mtr-ins__item.is-lead .mtr-ins__title{ font-size:clamp(22px,2.2vw,28px); line-height:1.25; }
.mtr-ins__list{ display:flex; flex-direction:column; }
.mtr-ins__list .mtr-ins__item{ display:grid; grid-template-columns:minmax(0,168px) minmax(0,1fr); gap:20px; align-items:start; padding:22px 0; border-top:1px solid #E4E3DE; }
.mtr-ins__list .mtr-ins__title{ font-size:17px; }
.mtr-ins__list .mtr-ins__item:first-child{ padding-top:0; border-top:0; }
.mtr-ins__list .mtr-ins__thumb{ aspect-ratio:4 / 3; border-radius:6px; }
.mtr-ins__list .mtr-ins__meta{ font-size:12.5px; margin-bottom:6px; }

/* columns */
.mtr-insight.is-columns .mtr-ins{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px clamp(24px,3vw,40px); }
.mtr-insight.is-columns .mtr-ins__body{ padding-top:18px; }

@media (max-width:1024px){
  .mtr-insight.is-feature .mtr-ins{ grid-template-columns:1fr; }
  .mtr-ins__list{ border-top:1px solid #E4E3DE; }
  .mtr-ins__list .mtr-ins__item:first-child{ padding-top:24px; }
  .mtr-insight.is-columns .mtr-ins{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  .mtr-ins__list .mtr-ins__item{ grid-template-columns:112px minmax(0,1fr); gap:14px; padding:20px 0; }
  .mtr-ins__list .mtr-ins__item:first-child{ padding-top:20px; }
  .mtr-ins__list .mtr-ins__title{ font-size:16px; }
  .mtr-insight.is-columns .mtr-ins{ grid-template-columns:1fr; }
}
.mtr-insight .mtr-head__action .mtr-smart-btn-outline{ border-color:#CFCEC9; color:var(--ink); background:#fff; }
.mtr-insight .mtr-head__action .mtr-smart-btn-outline:hover{ border-color:var(--ink); background:#fff; color:var(--ink); }

/* ---------- 36. Proses: 1 baris, garis berhenti di langkah terakhir, vertikal di tablet/HP ---------- */
.mtr-track__step{ border-top:0 !important; }
.mtr-track__step::before{ content:""; position:absolute; top:0; left:0; right:0; height:1.5px; background:#D9D8D3; }
.mtr-track__step:last-child::before{ display:none; }
@media (min-width:1025px){
  .mtr-track.is-row{ grid-template-columns:repeat(var(--mtr-steps,4),minmax(0,1fr)) !important; }
  .mtr-track.is-row .mtr-track__step{ padding-right:28px; }
  .mtr-track.is-row .mtr-track__text{ max-width:none; }
  .mtr-track.is-row .mtr-track__title{ font-size:17px; }
  .mtr-track.is-row .mtr-track__text{ font-size:14.5px; }
}
@media (max-width:1024px){
  .mtr-track{ grid-template-columns:minmax(0,1fr) !important; row-gap:0 !important; max-width:640px; }
  .mtr-head--center + .mtr-track{ margin-left:auto; margin-right:auto; }
  .mtr-track__step{ padding:0 0 36px 52px !important; }
  .mtr-track__step:last-child{ padding-bottom:0 !important; }
  .mtr-track__num{ top:0; }
  .mtr-track__step::before{ top:34px; bottom:6px; left:13px; right:auto; width:1.5px; height:auto; }
  .mtr-track .icon-node{ display:none; }
  .mtr-track__title{ margin-top:2px; font-size:18px; }
}

/* ---------- 37. Intro dua kolom: section kedua gambar kecil ---------- */
.mtr-duo__bottom.is-small{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); column-gap:clamp(40px,6vw,96px); align-items:center; }
.mtr-duo__bottom.is-small.is-media-left{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
.mtr-duo__bottom.is-small .mtr-duo__bottom-t{ max-width:600px; }
.mtr-duo__bottom.is-small .mtr-duo__bottom-m{ max-width:460px; width:100%; justify-self:end; }
.mtr-duo__bottom.is-small.is-media-left .mtr-duo__bottom-m{ justify-self:start; }
.mtr-duo__bottom.is-small .mtr-duo__media.mtr-media{ border-radius:18px; box-shadow:0 1px 2px rgba(20,20,20,.04), 0 12px 32px -12px rgba(20,20,20,.18); border-color:#ECEBE7; }
.mtr-duo__bottom.is-small .mtr-duo__cap{ text-align:center; }
.mtr-duo--stacked .mtr-duo__bottom.is-small .mtr-duo__hl{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; row-gap:14px; margin-top:28px; }
.mtr-duo--stacked .mtr-duo__bottom.is-small .mtr-duo__hl li{ position:relative; padding:0 0 0 28px; border:0 !important; font-size:15px; font-weight:500; }
.mtr-duo--stacked .mtr-duo__bottom.is-small .mtr-duo__hl li::before{ content:""; position:absolute; left:0; top:1px; width:18px; height:18px; background:var(--red); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.mtr-duo__bottom.is-small .mtr-duo__note{ display:none; }
@media (max-width:1024px){
  .mtr-duo__bottom.is-small, .mtr-duo__bottom.is-small.is-media-left{ grid-template-columns:minmax(0,1fr); }
  .mtr-duo__bottom.is-small .mtr-duo__bottom-m{ justify-self:start; max-width:520px; order:0; }
}
@media (max-width:600px){
  .mtr-duo--stacked .mtr-duo__bottom.is-small .mtr-duo__hl{ grid-template-columns:minmax(0,1fr); }
}

/* ---------- 38. Rapikan HP: tabel industri + solusi kolom ---------- */
@media (max-width:1024px){
  .mtr-pagecards.is-table .mtr-pcard__btn{ align-self:flex-start !important; margin-left:0 !important; text-align:left; }
}
@media (max-width:600px){
  .mtr-solutions.is-columns:not(.is-split) .mtr-cards{ row-gap:0 !important; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:16px; padding:24px 0 26px; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card .icon-node{ grid-row:1 / span 3; margin:2px 0 0; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card .icon-node[class*="icon-"]::before{ width:30px; height:30px; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card__title{ grid-column:2; font-size:18px; margin-bottom:6px; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card__text{ grid-column:2; margin-bottom:12px; }
  .mtr-solutions.is-columns:not(.is-split) .mtr-card__link{ grid-column:2; justify-self:start; }
}

/* ---------- 39. Proses / Teknologi: daftar bernomor (judul kiri, langkah kanan) ---------- */
.mtr-prow{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:40px clamp(48px,7vw,112px); align-items:start; }
.mtr-flow__head{ position:sticky; top:120px; }
.mtr-flow__head .mtr-head{ display:block; margin:0; text-align:left; }
.mtr-flow__head .mtr-desc{ margin-left:0; margin-right:0; }
.mtr-flow__head .mtr-head__action{ margin-top:28px; justify-content:flex-start; }
.mtr-flow__list{ list-style:none; margin:0; padding:0; border-top:1px solid #DCDBD6; counter-reset:none; }
.mtr-flow__row{ display:grid; grid-template-columns:52px minmax(0,0.85fr) minmax(0,1fr); column-gap:24px; align-items:baseline; margin:0; padding:24px 0; border-bottom:1px solid #DCDBD6; }
.mtr-flow__n{ font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size:13px; font-weight:500; letter-spacing:.02em; color:var(--red); }
.mtr-flow__title{ margin:0; font-family:var(--font-head); font-size:18px; font-weight:700; line-height:1.35; color:var(--ink); }
.mtr-flow__text{ margin:0; font-size:15px; line-height:1.6; color:#55575E; }
.mtr-process.is-rows .mtr-w-foot--body{ margin-top:72px; padding-top:40px; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:20px clamp(48px,7vw,112px); align-items:start; text-align:left; }
.mtr-process.is-rows .mtr-w-foot--body .mtr-w-foot__body{ display:contents; }
.mtr-process.is-rows .mtr-w-foot--body .mtr-w-foot__body p{ margin:0; grid-column:2; font-size:16px; line-height:1.75; color:#3E4048; }
.mtr-process.is-rows .mtr-w-foot--body .mtr-w-foot__body p:first-child{ grid-column:1; grid-row:1 / span 3; font-family:var(--font-head); font-size:clamp(18px,1.5vw,21px); font-weight:500; line-height:1.5; color:var(--ink); }
.mtr-process.is-rows .mtr-w-foot--body .mtr-smart-btns{ grid-column:2; margin:8px 0 0; justify-content:flex-start; }
@media (max-width:1024px){
  .mtr-prow{ grid-template-columns:minmax(0,1fr); }
  .mtr-flow__head{ position:static; }
  .mtr-process.is-rows .mtr-w-foot--body{ grid-template-columns:minmax(0,1fr); margin-top:56px; }
  .mtr-process.is-rows .mtr-w-foot--body .mtr-w-foot__body p, .mtr-process.is-rows .mtr-w-foot--body .mtr-w-foot__body p:first-child, .mtr-process.is-rows .mtr-w-foot--body .mtr-smart-btns{ grid-column:1; grid-row:auto; }
}
@media (max-width:600px){
  .mtr-flow__row{ grid-template-columns:36px minmax(0,1fr); row-gap:6px; padding:20px 0; }
  .mtr-flow__text{ grid-column:2; }
  .mtr-flow__title{ font-size:17px; }
}

/* ---------- 40. Teknologi: ikon per langkah ---------- */
.mtr-flow__row{ align-items:start; }
.mtr-flow__n{ padding-top:6px; }
.mtr-flow__name{ display:flex; align-items:center; gap:14px; min-width:0; }
.mtr-flow__text{ padding-top:2px; }
.mtr-prow .icon-node.mtr-flow__ic{ flex:none; width:auto; height:auto; margin:0; background:none; border:0; border-radius:0; box-shadow:none; transform:none !important; }
.mtr-prow .icon-node.mtr-flow__ic::after{ display:none; }
.mtr-prow .icon-node.mtr-flow__ic[class*="icon-"]::before{ width:var(--mtr-col-ic,28px); height:var(--mtr-col-ic,28px); background:var(--red); }
.mtr-prow .icon-node.mtr-flow__ic svg, .mtr-prow .icon-node.mtr-flow__ic i{ width:28px; height:28px; font-size:26px; color:var(--red); fill:var(--red); }
@media (max-width:600px){
  .mtr-prow .icon-node.mtr-flow__ic[class*="icon-"]::before{ width:24px; height:24px; }
  .mtr-flow__name{ gap:12px; }
  .mtr-flow__text{ padding-left:36px; }
}