.gm-premium {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at 16% 18%, rgba(66, 133, 244, .13), transparent 34%),
        radial-gradient(circle at 82% 70%, rgba(0, 217, 173, .08), transparent 28%),
        #080a09;
}

.gm-premium__heading { margin-bottom: 48px; }

.gm-premium__console {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(5, 8, 8, .88);
    box-shadow: 0 36px 90px rgba(0, 0, 0, .28);
}

.gm-premium__map {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .1);
    background:
        radial-gradient(circle at 68% 26%, rgba(251, 188, 5, .1), transparent 20%),
        radial-gradient(circle at 25% 78%, rgba(52, 168, 83, .13), transparent 24%),
        linear-gradient(145deg, #0e1717, #0a0f10 70%);
}

.gm-premium__map-grid {
    position: absolute;
    inset: 0;
    opacity: .34;
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 52px 52px;
    transform: rotate(-8deg) scale(1.16);
}

.gm-premium__road {
    position: absolute;
    width: 120%;
    height: 28px;
    left: -10%;
    border: 1px solid rgba(255, 255, 255, .05);
    border-width: 1px 0;
    background: rgba(255, 255, 255, .025);
}

.gm-premium__road--one { top: 31%; transform: rotate(17deg); }
.gm-premium__road--two { top: 64%; transform: rotate(-13deg); }
.gm-premium__road--three { top: 49%; transform: rotate(62deg); }

.gm-premium__route {
    position: absolute;
    inset: 70px 5% 40px;
    width: 90%;
    height: calc(100% - 110px);
    overflow: visible;
}

.gm-premium__route path {
    fill: none;
    stroke: #5f9cff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 8 11;
}

.gm-premium__route .gm-premium__route-shadow {
    stroke: rgba(0, 0, 0, .55);
    stroke-width: 11;
    stroke-dasharray: none;
}

.gm-premium__pin {
    position: absolute;
    z-index: 2;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 2px solid #07110e;
    border-radius: 50% 50% 50% 0;
    background: var(--dwp-accent);
    box-shadow: 0 0 0 6px rgba(0, 217, 173, .14), 0 8px 26px rgba(0, 0, 0, .5);
    transform: rotate(-45deg);
}

.gm-premium__pin i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #07110e;
}

.gm-premium__pin--start { bottom: 18%; left: 10%; }
.gm-premium__pin--store { top: 42%; left: 55%; background: #fbbc05; box-shadow: 0 0 0 6px rgba(251, 188, 5, .13), 0 8px 26px rgba(0, 0, 0, .5); }
.gm-premium__pin--end { top: 20%; right: 7%; background: #5f9cff; box-shadow: 0 0 0 6px rgba(95, 156, 255, .14), 0 8px 26px rgba(0, 0, 0, .5); }

.gm-premium__map-top {
    position: absolute;
    z-index: 3;
    top: 24px;
    left: 26px;
    right: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: rgba(255, 255, 255, .54);
    font-family: "Roboto Mono", monospace;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.gm-premium__map-top span { display: inline-flex; align-items: center; gap: 8px; }
.gm-premium__map-top i { width: 7px; height: 7px; border-radius: 50%; background: var(--dwp-accent); box-shadow: 0 0 12px var(--dwp-accent); }
.gm-premium__map-top strong { color: rgba(255, 255, 255, .72); font-weight: 600; }

.gm-premium__search,
.gm-premium__eta {
    position: absolute;
    z-index: 4;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(5, 9, 9, .91);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
    backdrop-filter: blur(8px);
}

.gm-premium__search {
    top: 92px;
    left: 26px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 13px;
    width: min(420px, calc(100% - 52px));
    align-items: center;
    padding: 14px 16px;
}

.gm-premium__search iconify-icon { color: #5f9cff; font-size: 27px; }
.gm-premium__search div { display: grid; gap: 4px; }
.gm-premium__search small,
.gm-premium__eta small { color: rgba(255, 255, 255, .45); font-family: "Roboto Mono", monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.gm-premium__search strong,
.gm-premium__eta strong { color: #f1f5f4; font-size: 14px; }
.gm-premium__search > span { color: var(--dwp-accent); font-family: "Roboto Mono", monospace; font-size: 10px; }

.gm-premium__eta {
    right: 26px;
    bottom: 28px;
    display: grid;
    gap: 6px;
    width: 220px;
    padding: 18px;
}

.gm-premium__eta > span { color: rgba(255, 255, 255, .6); font-size: 11px; }

.gm-premium__pipeline { padding: 30px 34px; }
.gm-premium__pipeline-head { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.gm-premium__pipeline-head span,
.gm-premium__pipeline-head small { font-family: "Roboto Mono", monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.gm-premium__pipeline-head span { color: rgba(255, 255, 255, .48); }
.gm-premium__pipeline-head small { color: var(--dwp-accent); }
.gm-premium__pipeline ol { margin: 0; padding: 0; list-style: none; }
.gm-premium__pipeline li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 13px; align-items: start; padding: 22px 0; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.gm-premium__pipeline li > span { padding-top: 2px; color: #5f9cff; font-family: "Roboto Mono", monospace; font-size: 9px; }
.gm-premium__pipeline li div { display: grid; gap: 5px; }
.gm-premium__pipeline li small { color: rgba(255, 255, 255, .38); font-family: "Roboto Mono", monospace; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.gm-premium__pipeline li strong { color: #f0f4f3; font-size: 14px; }
.gm-premium__pipeline li p { margin: 0; color: rgba(255, 255, 255, .57); font-size: 11px; line-height: 1.55; }
.gm-premium__pipeline li > i { padding: 4px 6px; border: 1px solid rgba(0, 217, 173, .2); border-radius: 3px; color: var(--dwp-accent); font-family: "Roboto Mono", monospace; font-size: 7px; font-style: normal; text-transform: uppercase; }

.gm-premium__outcomes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: rgba(255, 255, 255, .018);
}

.gm-premium__outcomes article { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 4px 12px; padding: 23px 25px; }
.gm-premium__outcomes article + article { border-left: 1px solid rgba(255, 255, 255, .1); }
.gm-premium__outcomes span { grid-row: 1 / span 2; color: var(--dwp-accent); font-family: "Roboto Mono", monospace; font-size: 9px; }
.gm-premium__outcomes strong { color: #eef3f1; font-size: 13px; }
.gm-premium__outcomes small { color: rgba(255, 255, 255, .48); font-size: 10px; line-height: 1.5; }

.gm-premium__proof {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 36px;
    align-items: end;
    margin-top: 24px;
    padding: 28px 30px;
    border: 1px solid rgba(95, 156, 255, .22);
    border-radius: 10px;
    background: linear-gradient(110deg, rgba(95, 156, 255, .08), rgba(0, 217, 173, .035));
}

.gm-premium__proof h3 { max-width: 820px; margin: 8px 0 10px; color: #f1f5f4; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.15; }
.gm-premium__proof div > p:last-child { max-width: 920px; margin: 0; color: rgba(255, 255, 255, .62); font-size: 13px; line-height: 1.7; }
.gm-premium__proof .dwp-premium__button { white-space: nowrap; }

@media (max-width: 1050px) {
    .gm-premium__console { grid-template-columns: 1fr; }
    .gm-premium__map { min-height: 520px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
}

@media (max-width: 767px) {
    .gm-premium__heading { margin-bottom: 34px; }
    .gm-premium__map { min-height: 430px; }
    .gm-premium__map-top { left: 18px; right: 18px; align-items: flex-start; flex-direction: column; gap: 6px; }
    .gm-premium__search { top: 105px; left: 18px; width: calc(100% - 36px); }
    .gm-premium__eta { right: 18px; bottom: 22px; }
    .gm-premium__pipeline { padding: 24px 20px; }
    .gm-premium__pipeline li { grid-template-columns: 25px minmax(0, 1fr); }
    .gm-premium__pipeline li > i { grid-column: 2; justify-self: start; }
    .gm-premium__outcomes { grid-template-columns: 1fr; }
    .gm-premium__outcomes article + article { border-top: 1px solid rgba(255, 255, 255, .1); border-left: 0; }
    .gm-premium__proof { grid-template-columns: 1fr; gap: 22px; padding: 24px 20px; }
    .gm-premium__proof .dwp-premium__button { width: 100%; white-space: normal; }
}