/* Keunggulan V1: site CSS untouched, page scoped to .adv-main */
.adv-main{max-width:1230px;margin:0 auto;padding:18px 0 0;color:#17335d}
.adv-main *{box-sizing:border-box}.adv-main section{margin-bottom:21px}
.adv-main h1,.adv-main h2,.adv-main h3,.adv-main p{margin:0}
.adv-main h1{font-size:clamp(30px,4.1vw,52px);letter-spacing:-1.7px;line-height:1.15;color:#102b55}
.adv-main h2{font-size:clamp(23px,2.9vw,35px);letter-spacing:-.8px;line-height:1.22;color:#102b55}
.adv-main h3{font-size:clamp(17px,1.8vw,21px);letter-spacing:-.3px;color:#122e57}
.adv-main p{line-height:1.75;color:#60708b;font-size:14px}
.adv-eyebrow{font-weight:900;letter-spacing:2px;font-size:11px;color:#1265dc;display:block;margin-bottom:12px}
.adv-intro{text-align:center;padding:44px 18px 16px}.adv-intro p{max-width:660px;margin:14px auto 0}
.adv-hero{border:1px solid #dce8fb;background:#fff;border-radius:27px;overflow:hidden;box-shadow:0 12px 40px #234e8d0b}
.adv-hero-img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.adv-hero-text{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px clamp(18px,3vw,42px)}
.adv-hero-text h2{font-size:clamp(23px,2.6vw,33px)}.adv-hero-text p{margin-top:7px;max-width:655px}
.adv-emblem{background:#e5f8ee;border-radius:20px;padding:14px 18px;color:#16864a;white-space:nowrap;font-size:12px;font-weight:850}
.adv-panel{background:white;border:1px solid #e0e9f9;border-radius:26px;padding:clamp(20px,3vw,39px);box-shadow:0 7px 28px #21478e07}
.adv-heading{max-width:750px;margin-bottom:24px}.adv-heading p{margin-top:8px}
.adv-checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adv-check{display:flex;gap:12px;align-items:flex-start;border:1px solid #e0eaf8;border-radius:15px;padding:16px;background:#fcfdff;font-size:14px;font-weight:750;line-height:1.55}
.adv-tick{width:27px;height:27px;flex:none;background:#e4f9ed;color:#149153;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1;font-weight:900}
.adv-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,65px)}
.adv-showcase.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.adv-showcase.reverse .adv-copy{order:2}.adv-showcase.reverse .adv-visual{order:1}
.adv-copy{padding:5px 0}.adv-copy p{margin:12px 0 18px}.adv-mini{display:grid;gap:10px}
.adv-mini div{display:flex;align-items:center;gap:10px;font-weight:750;font-size:13px}.adv-mini .adv-tick{width:22px;height:22px;font-size:13px}
.adv-visual{min-width:0;background:linear-gradient(140deg,#eaf3ff,#f7faff);border:1px solid #dce7fa;border-radius:23px;padding:clamp(14px,2vw,25px)}
.adv-visual figure{margin:0;min-width:0}.adv-visual img{width:100%;height:auto;display:block;border:1px solid #d8e5f7;border-radius:12px;box-shadow:0 10px 20px #1a498015}
.adv-visual figcaption{color:#607394;font-size:11px;font-weight:750;text-align:center;margin-top:10px}
.adv-oneimg{max-width:375px;margin:0 auto!important}.adv-oneimg.wide{max-width:460px}
.adv-double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}.adv-double figure{min-width:0}.adv-double img{max-height:470px;object-fit:contain;object-position:top;background:white}
.adv-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.adv-triple img{max-height:345px;object-fit:contain;object-position:top;background:white}
.adv-offline{background:#eff7ff;border-color:#d3e5fe}.adv-offline-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
.adv-proof{background:linear-gradient(120deg,#0c6d69,#128e83);color:#fff;padding:clamp(24px,4vw,45px);border-radius:26px}
.adv-proof h2{color:white}.adv-proof p{color:#e4fff8;max-width:600px}.adv-proof .adv-eyebrow{color:#b2ffdf}
.adv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 10px}.adv-stats div{border-radius:14px;background:#ffffff1b;padding:19px 9px;text-align:center;border:1px solid #ffffff31}
.adv-stats strong{font-size:clamp(25px,3.2vw,39px);display:block}.adv-stats span{font-size:12px;color:#d8fff8;font-weight:700}
.adv-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.adv-audience article{background:white;border:1px solid #e0e9f9;padding:25px;border-radius:22px}.adv-audience p{margin-top:8px}.adv-audience .adv-tick{margin-bottom:13px}
.adv-source{display:flex;gap:18px;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e9f9;border-radius:22px;padding:23px clamp(19px,3vw,32px)}
.adv-source p{max-width:750px;margin-top:7px}.adv-link{display:inline-flex;white-space:nowrap;border-radius:12px;padding:13px 17px;border:1px solid #bcd2f6;color:#155fc2;font-weight:800;font-size:12px;text-decoration:none}
.adv-end{background:linear-gradient(105deg,#154589,#20368f);border-radius:23px;padding:27px clamp(20px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.adv-end strong{display:block;color:#fff;font-size:clamp(19px,2.3vw,26px)}.adv-end p{color:#e2edff;margin-top:6px}.adv-disabled{white-space:nowrap;border-radius:12px;color:#405574;background:#e2e9f5;padding:14px 18px;font-size:12px;font-weight:900}
@media(max-width:760px){.adv-main{padding-top:4px}.adv-intro{padding:31px 12px 18px}.adv-intro p{font-size:13px}.adv-hero{border-radius:20px}.adv-hero-img{aspect-ratio:1.15;object-fit:cover;object-position:53% center}.adv-hero-text{padding:20px;display:block}.adv-emblem{display:inline-flex;margin-top:13px}.adv-panel{padding:21px 17px;border-radius:19px}.adv-heading{margin-bottom:18px}.adv-checkgrid{grid-template-columns:1fr;gap:8px}.adv-check{padding:13px;font-size:13px}.adv-showcase,.adv-showcase.reverse{display:flex;flex-direction:column;align-items:stretch;gap:16px}.adv-showcase.reverse .adv-copy,.adv-showcase.reverse .adv-visual{order:initial}.adv-copy{padding:0}.adv-copy p{font-size:13px}.adv-visual{padding:12px;border-radius:16px}.adv-oneimg{max-width:340px}.adv-double{gap:7px}.adv-triple{gap:6px}.adv-double img{max-height:360px}.adv-triple img{max-height:270px}.adv-offline-grid{grid-template-columns:1fr;gap:14px}.adv-audience{grid-template-columns:1fr;gap:10px}.adv-source,.adv-end{display:block}.adv-link{margin-top:13px;white-space:normal}.adv-disabled{display:inline-block;margin-top:15px}.adv-proof{border-radius:20px}.adv-stats{gap:7px}.adv-stats div{padding:12px 4px}.adv-stats span{font-size:10px}.adv-main section{margin-bottom:13px}}
@media(max-width:370px){.adv-triple{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-triple figure:last-child{grid-column:1/-1;max-width:190px;margin:0 auto}.adv-hero-img{aspect-ratio:1}}

/* ============================================================
   KEUNGGULAN V1.1 — Mobile responsive patch (2026-09-24)
   Preserve desktop design and content; do not crop hero artwork.
   ============================================================ */
.adv-main { width: 100%; min-width: 0; max-width: 1230px; }
.adv-main section,
.adv-main .adv-hero,
.adv-main .adv-panel,
.adv-main .adv-showcase,
.adv-main .adv-visual,
.adv-main .adv-copy,
.adv-main .adv-proof,
.adv-main .adv-source,
.adv-main .adv-end { min-width: 0; max-width: 100%; }
.adv-main img { max-width: 100%; }
.adv-main h1, .adv-main h2, .adv-main h3,
.adv-main p, .adv-main .adv-check { overflow-wrap: break-word; }
.adv-checkgrid > *, .adv-offline-grid > *,
.adv-audience > *, .adv-stats > *,
.adv-double > *, .adv-triple > * { min-width: 0; }

@media (max-width: 760px) {
  .adv-main { width: 100%; max-width: 100%; }
  /* V1 set aspect-ratio:1.15 and object-fit:cover, cutting off both sides.
     Show the entire illustration instead, at its intrinsic 16:9 ratio. */
  .adv-main .adv-hero-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }
  .adv-main .adv-hero-text { min-width: 0; }
  .adv-main .adv-emblem { max-width: 100%; white-space: normal; }
  .adv-main .adv-checkgrid,
  .adv-main .adv-offline-grid,
  .adv-main .adv-audience { grid-template-columns: minmax(0, 1fr); }
  .adv-main .adv-double { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adv-main .adv-triple { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .adv-main .adv-oneimg { width: 100%; max-width: min(340px, 100%); }
  .adv-main .adv-oneimg.wide { max-width: 100%; }
  .adv-main .adv-visual img { width: 100%; max-width: 100%; height: auto; }
  .adv-main .adv-link, .adv-main .adv-disabled { max-width: 100%; white-space: normal; }
}
@media (max-width: 370px) {
  .adv-main .adv-triple { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adv-main .adv-triple figure:last-child { grid-column: 1 / -1; }
  .adv-main .adv-hero-img { aspect-ratio: auto; object-fit: contain; }
}

/* Link to official Download menu; retain locked layout. */
.adv-download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:#17478c;cursor:pointer}
.adv-download-link:hover{background:#dceaff}