.trial-section{scroll-margin-top:100px}.trial-head{max-width:780px}.trial-label{display:inline-flex;background:#fff1e6;color:#9b4300;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;margin-bottom:14px}.trial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.trial-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trial-inputs label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}.trial-inputs input{width:100%;min-width:0;padding:12px;border:1px solid #aab6c8;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:400;box-sizing:border-box}.trial-inputs input:focus-visible,.trial-actions a:focus-visible,.trial-actions button:focus-visible{outline:3px solid #0a84ff;outline-offset:3px}.trial-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trial-actions button{font:inherit;cursor:pointer}.trial-table{width:100%;border-collapse:collapse;font-size:15px}.trial-table th,.trial-table td{padding:10px 0;border-bottom:1px solid var(--line)}.trial-table th{text-align:left;font-weight:400}.trial-table td{text-align:right;white-space:nowrap;padding-left:15px;font-variant-numeric:tabular-nums}.trial-table .subtotal th,.trial-table .subtotal td{font-weight:700;color:var(--ink)}.trial-result{background:#0b3b73;color:#fff;padding:22px;border-radius:16px;margin-top:20px}.trial-result p{color:#d6e3f5;margin:0;font-size:14px}.trial-result strong{display:block;font-size:clamp(28px,4vw,42px);line-height:1.3;margin:5px 0 8px}.trial-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.trial-metrics div{background:#f0f4fa;border-radius:12px;padding:13px}.trial-metrics span{display:block;font-size:12px;color:var(--muted)}.trial-metrics b{display:block;font-size:19px;color:var(--navy);margin-top:5px}.trial-note{font-size:13px;line-height:1.7;color:var(--muted)}.trial-error{color:#a12618;font-size:14px;min-height:1.5em}.trial-next{background:#fff7ef;border-left:3px solid var(--orange);padding:14px 18px;border-radius:0 12px 12px 0;margin-top:18px;font-size:14px;line-height:1.8}.trial-next ol{padding-left:20px;margin:6px 0}.trial-download{margin-top:26px;border:1.5px solid #efb88f;background:#fffaf5}.trial-download-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.trial-download ol{padding-left:20px;line-height:1.9}.trial-download h3{margin-top:0}.trial-status{font-size:13px;min-height:20px;color:var(--navy);margin-top:8px}#trial-output[hidden]{display:none}@media(max-width:760px){.trial-grid,.trial-download-grid{grid-template-columns:1fr}.trial-inputs{gap:12px}.trial-grid>.card{padding:20px}.trial-inputs label{font-size:13px}.trial-actions .pill{justify-content:center}.trial-table{font-size:14px}}
.trial-grid>*{min-width:0}.trial-table{min-width:0;table-layout:fixed}.trial-table th{width:60%;background:transparent}.trial-table td{width:40%}.trial-table th,.trial-table td{border-top:0}

.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.demo-tabs[hidden]{display:none}.demo-tab{font:inherit;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}.demo-tab[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}.demo-tab:focus-visible,.maps-choices input:focus-visible+span{outline:3px solid #0a84ff;outline-offset:3px}.demo-panel{scroll-margin-top:100px}.demo-panel[hidden]{display:none}.demo-title{font-size:clamp(22px,3vw,30px);margin:0 0 8px}.demo-intro{max-width:760px;margin:0 0 20px}.demo-panel+.demo-panel{margin-top:40px}.demo-panel .trial-download{margin-top:26px}
.maps-list{display:grid;gap:10px}.maps-item{border:0;border-bottom:1px solid var(--line);margin:0;padding:0 0 10px;min-width:0}.maps-item legend{float:left;width:100%;padding:0;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--ink)}.maps-choices{clear:both;display:flex;flex-wrap:wrap;gap:6px}.maps-choices label{position:relative;cursor:pointer}.maps-choices input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.maps-choices span{display:inline-block;padding:6px 12px;border:1px solid #aab6c8;border-radius:999px;background:#fff;font-size:13px;color:var(--ink)}.maps-choices input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.maps-choices input[value="chua"]:checked+span{background:#fff1e6;border-color:#efb88f;color:#9b4300}#opc-output[hidden]{display:none}
@media(max-width:760px){.demo-tab{flex:1 1 auto;text-align:center;font-size:14px;padding:9px 12px}}
.maps-sticky{display:none}@media(max-width:760px){.maps-sticky{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;background:var(--navy);color:#fff;text-decoration:none;border-radius:999px;padding:10px 16px;box-shadow:0 10px 24px -10px rgba(11,59,115,.6);font-size:14px;white-space:nowrap}.maps-sticky b{font:800 18px Montserrat,system-ui,sans-serif;color:#fff;margin-left:4px}.maps-sticky-go{color:#ffd2b0;font-weight:700;font-size:13px}}
.gm-why{margin:0 0 22px}.gm-why-head{max-width:820px;margin:0 0 14px;color:var(--text)}.gm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:8px}.gm-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.gm-stats b{font:800 28px Montserrat,system-ui,sans-serif;color:var(--orange);line-height:1.1}.gm-stats span{font-size:13.5px;color:var(--text);line-height:1.5}.gm-stats a{font-size:12px;color:var(--muted);margin-top:auto}
.gm-mock{background:#f6f8fb;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:6px 0 18px;font-size:13px}.gm-search{display:flex;align-items:center;gap:8px;margin:10px;background:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 2px 8px rgba(11,59,115,.12);color:var(--ink);font-weight:600}.gm-map{position:relative;height:110px;background:#e8eef5;background-image:radial-gradient(circle at 20% 30%,#d9f0dd 0 18%,transparent 19%),radial-gradient(circle at 80% 70%,#d9f0dd 0 14%,transparent 15%);overflow:hidden}.gm-road{position:absolute;background:#fff;border-radius:4px}.gm-road.r1{left:-10%;right:-10%;top:48%;height:9px;transform:rotate(-6deg)}.gm-road.r2{top:-10%;bottom:-10%;left:38%;width:8px;transform:rotate(12deg)}.gm-road.r3{top:-10%;bottom:-10%;left:72%;width:6px}.gm-pin{position:absolute;width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8a97ab;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.gm-pin.a{left:22%;top:22%}.gm-pin.b{left:78%;top:52%}.gm-pin.me{left:47%;top:34%;background:var(--orange);width:22px;height:22px}
.gm-list{display:grid;gap:8px;padding:10px}.gm-card{display:grid;grid-template-columns:64px 1fr;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.gm-card.me{border:2px solid var(--orange)}.gm-card.me.weak{background:#fffaf5}.gm-photo{width:64px;height:64px;border-radius:10px;background:#eef1f5;color:var(--muted);font-size:10.5px;display:grid;place-items:center;text-align:center;line-height:1.3;padding:4px;border:1px dashed #c9d2de}.gm-photo.has{border:0;background:linear-gradient(135deg,#ffd2b0,#ff8a3d 55%,#0b3b73)}.gm-photo.has.b{background:linear-gradient(135deg,#cfe3ff,#0a84ff 60%,#0b3b73)}.gm-info{display:flex;flex-direction:column;gap:1px;min-width:0}.gm-info b{color:var(--ink);font-size:14px;line-height:1.35}.gm-info span{color:var(--muted)}.gm-stars{color:#b45309!important}.gm-open{color:var(--ok)!important;font-weight:600}.gm-info .muted{color:#a12618!important;font-weight:400}.gm-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.gm-acts i{font-style:normal;font-size:12px;font-weight:600;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:#fff}.gm-badge{font-style:normal;font-size:11px;font-weight:600;color:var(--ok);white-space:nowrap}.gm-badge.warn{color:#a12618}.gm-flag{color:#a12618!important;font-size:12px}.gm-flag:empty{display:none}.gm-cap{font-size:12px;color:var(--muted);margin:0;padding:0 12px 12px}
.gm-caution{margin-top:24px;border:1.5px solid #efb88f;background:#fffaf5}.gm-caution h3{margin-top:4px}.gm-caution ol{padding-left:20px;line-height:1.75;margin:8px 0 10px}.gm-caution li{margin:6px 0}
@media(max-width:900px){.gm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.gm-stats b{font-size:24px}.gm-card{grid-template-columns:52px 1fr}.gm-photo{width:52px;height:52px}}