/* ── mengapa memilih (PPT s.10) ───────────────────────────── */
/* five reasons + the experience seal fill a 3x2 grid exactly, so no row is ragged */
.why{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.why li{ background:var(--surface); padding:clamp(22px,2.4vw,30px); display:flex; flex-direction:column; gap:12px; }
.why .wn{ font-family:Archivo,sans-serif; font-variation-settings:"wdth" 112,"wght" 800; font-size:clamp(24px,2.6vw,34px); line-height:1; color:var(--orange); letter-spacing:-.04em; }
.why h3{ font-size:clamp(17px,1.5vw,21px); font-variation-settings:"wdth" 106,"wght" 700; max-width:22ch; }
.why p{ font-size:14.5px; color:var(--txt-2); line-height:1.6; }
.why .wf{ margin-top:auto; padding-top:16px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:6px 14px; }
.why .wf span{ font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--dim); }
/* the seal closes the grid: darkest cell in the block, so the gold emblem carries it */
.why .why-seal{ background:var(--plate); align-items:center; justify-content:center; text-align:center; gap:16px; }
.why-seal img{ display:block; width:min(100%,240px); height:auto; aspect-ratio:3/2; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(0,0,0,.45)); }
.why-seal b{ display:block; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--orange-br); font-weight:500; }
.why .why-seal p{ margin-top:7px; font-size:14px; color:var(--dim); max-width:26ch; }
@media (max-width:1020px){ .why{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px){ .why{ grid-template-columns:minmax(0,1fr); } }