/* /mobile-proxies/ hub in the light "fresh" design (03/10/2026), same family as /isp-proxies/ and the
   Data API pages. Active only with <html class="qd-light qd-fresh">, loaded after mobile-network.css,
   product-light.css and product-fresh.css. Appearance only: no text is added, hidden or reordered,
   except the country picker's own labels. Dark islands on purpose: code sample and final band.
   The 194 /mobile-proxies/<country>/ pages do not load this file. */

html.qd-fresh .mn-page{--mh-ink:#0E1220;--mh-body:#3A4256;--mh-muted:#5A6377;--mh-line:rgba(14,18,32,.10);--mh-violet:#4B3FD6;
  --mh-violet-ink:#3B2FCF;--mh-violet-soft:#EEEBFF;--mh-card:#FFFFFF;--mh-tint:#F6F7FB;
  --mh-shadow:0 1px 2px rgba(14,18,32,.04),0 14px 38px -22px rgba(14,18,32,.16);background:var(--bg)}
html.qd-fresh .mn-page main{color:var(--mh-ink)}
html.qd-fresh .mn-page main p{color:var(--mh-body)}
html.qd-fresh .mn-page main :is(h1,h2,h3){color:var(--mh-ink);font-family:var(--font-head);font-weight:600;letter-spacing:-.025em}
html.qd-fresh .mn-page main .mn-kicker{color:var(--mh-violet);font-size:11px;font-weight:600;letter-spacing:.12em}
html.qd-fresh .mn-page main :is(button,summary,a,input):focus-visible{outline:2px solid var(--mh-violet);outline-offset:3px}

/* buttons: the teal stays only on the primary CTAs (one per screen); secondary = white outline */
html.qd-fresh .mn-page main .mn-button{background:#25e3c2;border-color:#25e3c2;color:#042d24;border-radius:12px;box-shadow:0 10px 24px -14px rgba(10,120,100,.55)}
html.qd-fresh .mn-page main .mn-button:hover{background:#4fe9cf}
html.qd-fresh .mn-page main .mn-button.mn-secondary{background:#FFFFFF;color:var(--mh-ink);border:1px solid rgba(14,18,32,.20);box-shadow:none}
html.qd-fresh .mn-page main .mn-button.mn-secondary:hover{border-color:rgba(14,18,32,.45);background:#FFFFFF}

/* ---------- hero ---------- */
html.qd-fresh .mn-page .mn-hero{padding-top:24px;padding-bottom:40px}
html.qd-fresh .mn-page .mn-crumb{color:var(--mh-muted);font-size:13px}
html.qd-fresh .mn-page .mn-crumb a{color:var(--mh-body)}
html.qd-fresh .mn-page .mn-crumb [aria-current]{color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:28px 64px;align-items:center}
html.qd-fresh .mn-page main .mn-hero h1{font-size:clamp(44px,4.7vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:600}
html.qd-fresh .mn-page .mn-hero h1>span{color:var(--mh-violet)}
html.qd-fresh .mn-page .mp-session-limit{color:var(--mh-body);font-size:14px}
html.qd-fresh .mn-page .mp-session-limit strong{color:var(--mh-ink)}
html.qd-fresh .mn-page main .mn-lead{font-size:17px;line-height:1.7;max-width:54ch;color:var(--mh-body)}
html.qd-fresh .mn-page main .mn-entry-offer{color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-entry-offer>strong{font-family:var(--font-head);font-weight:600;letter-spacing:-.03em}
html.qd-fresh .mn-page .mn-entry-offer>span{font-size:14px}
html.qd-fresh .mn-page .mn-entry-offer small{color:var(--mh-muted);font-size:12px}
html.qd-fresh .mn-page .mn-entry-offer>strong>small{font-family:var(--font-body);color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-text-link{color:var(--mh-ink);font-size:14px;font-weight:500}
html.qd-fresh .mn-page .mn-text-link:hover{color:var(--mh-violet-ink)}
html.qd-fresh .mn-page main .mn-micro{color:var(--mh-muted);font-size:13px}
html.qd-fresh .mn-page .mn-targeting-tags>span{color:var(--mh-body);font-size:13px}
html.qd-fresh .mn-page .mn-targeting-tags>span>svg{color:var(--mh-violet)}
html.qd-fresh .mn-page .mn-signal-icon i{background:var(--mh-violet)}
html.qd-fresh .mn-page .mh-hero-art{margin:0;grid-column:2;grid-row:1;justify-self:end;width:100%;max-width:520px}
html.qd-fresh .mn-page .mh-hero-art :is(picture,img){display:block;width:100%;height:auto;border-radius:24px}
html.qd-fresh .mn-page .mh-hero-art img{box-shadow:0 1px 2px rgba(14,18,32,.06),0 30px 70px -30px rgba(27,60,154,.5)}

/* ---------- country finder band (was the dark "atlas" card) ---------- */
html.qd-fresh .mn-page .mn-mobile-atlas{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);
  grid-template-areas:"top top" "finder finder" "scene spot" "foot spot" "note spot";grid-template-rows:auto auto 1fr auto auto;margin-top:28px;
  background:var(--mh-card);border:1px solid var(--mh-line);border-radius:24px;box-shadow:0 1px 2px rgba(14,18,32,.04),0 24px 60px -34px rgba(14,18,32,.28);overflow:visible}
html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top{grid-area:top;min-height:52px;padding:6px 28px;border-bottom:1px solid var(--mh-line);color:var(--mh-violet);font-size:11px;font-weight:600;letter-spacing:.12em}
html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top>span{font-size:11px}
html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top i{width:6px;height:6px;background:#25c5a6;box-shadow:0 0 0 3px rgba(37,197,166,.18)}
html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top button{color:var(--mh-muted);font-size:12px;font-weight:500;letter-spacing:0}
html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top button:hover{color:var(--mh-ink)}

/* the picker */
.mh-finder{grid-area:finder;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:24px 28px 22px;border-bottom:1px solid var(--mh-line,rgba(14,18,32,.1))}
.mh-finder-label{flex:0 0 100%;font:600 20px/1.3 var(--font-head);letter-spacing:-.02em;color:var(--mh-ink,#0E1220)}
.mh-combo{position:relative;flex:1 1 380px;max-width:560px;min-width:0}
.mn-page main .mh-combo>svg{position:absolute;left:17px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--mh-muted,#5A6377);pointer-events:none}
.mh-combo input{display:block;width:100%;height:58px;padding:0 54px 0 50px;border:1.5px solid rgba(14,18,32,.18);border-radius:14px;background:#FFFFFF;
  color:var(--mh-ink,#0E1220);font:500 17px/1.2 var(--font-body);box-shadow:0 1px 2px rgba(14,18,32,.05);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.mh-combo input::placeholder{color:#6A7387;opacity:1}
.mh-combo input:hover{border-color:rgba(14,18,32,.32)}
html.qd-fresh .mn-page main .mh-combo input:focus-visible,.mh-combo input:focus{outline:none;border-color:#4B3FD6;box-shadow:0 0 0 4px rgba(109,92,255,.18)}
.mh-clear{position:absolute;right:7px;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--mh-muted,#5A6377);cursor:pointer}
.mh-clear:hover{background:var(--mh-tint,#F6F7FB);color:var(--mh-ink,#0E1220)}
.mn-page main .mh-clear>svg{width:18px;height:18px}
.mh-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 8px);max-height:min(340px,52vh);overflow:auto;overscroll-behavior:contain;margin:0;padding:6px;list-style:none;
  background:#FFFFFF;border:1px solid var(--mh-line,rgba(14,18,32,.1));border-radius:14px;box-shadow:0 2px 4px rgba(14,18,32,.05),0 24px 56px -18px rgba(14,18,32,.32);scrollbar-width:thin}
.mh-list [role=option]{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 12px;border-radius:10px;color:var(--mh-ink,#0E1220);font-size:15px;line-height:1.35;cursor:pointer}
.mh-list [role=option]:hover{background:var(--mh-tint,#F6F7FB)}
.mh-list [role=option][aria-selected=true]{background:var(--mh-violet-soft,#EEEBFF);color:var(--mh-violet-ink,#3B2FCF)}
.mh-list [role=option][data-current] .mh-opt-name{font-weight:600}
.mh-list .mh-opt-iso{flex:none;display:grid;place-items:center;width:34px;height:26px;border-radius:7px;background:var(--mh-tint,#F6F7FB);color:var(--mh-muted,#5A6377);font-size:11px;font-weight:600;letter-spacing:.04em}
.mh-list [aria-selected=true] .mh-opt-iso{background:#FFFFFF;color:var(--mh-violet-ink,#3B2FCF)}
.mh-list .mh-opt-name{min-width:0;overflow-wrap:anywhere}
.mh-list .mh-opt-name b{font-weight:700}
.mh-list .mh-opt-name small{display:block;font-size:12.5px;color:var(--mh-muted,#5A6377)}
.mh-list [aria-selected=true] .mh-opt-name small{color:var(--mh-violet-ink,#3B2FCF)}
.mh-list .mh-empty{cursor:default;color:var(--mh-muted,#5A6377)}
.mh-list .mh-empty:hover{background:none}
.mh-chips{flex:1 1 340px;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.mh-chip{min-height:40px;padding:0 15px;border:1px solid rgba(14,18,32,.14);border-radius:999px;background:#FFFFFF;color:var(--mh-body,#3A4256);font:500 14px/1 var(--font-body);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.mh-chip:hover{border-color:rgba(75,63,214,.55);color:var(--mh-ink,#0E1220)}
.mh-chip[aria-pressed=true]{background:var(--mh-violet-soft,#EEEBFF);border-color:rgba(75,63,214,.6);color:var(--mh-violet-ink,#3B2FCF);font-weight:600}

/* map: light, the whole world visible, the selected country filled + pinned */
html.qd-fresh .mn-page .mn-network-scene{grid-area:scene;display:flex;flex-direction:column;justify-content:center;gap:14px;height:auto;min-height:0;padding:22px 24px 40px 28px;background:none;border-right:1px solid var(--mh-line);overflow:hidden}
html.qd-fresh .mn-page .mn-network-scene>.mn-world{position:relative;inset:auto;left:0;top:0;width:100%;height:auto;min-height:0;opacity:1;display:block}
html.qd-fresh .mn-page .mn-world>rect{display:none}
html.qd-fresh .mn-page .mn-network-scene .mn-map-available{fill:#DCDDEF;stroke:#FFFFFF;stroke-width:.6;cursor:pointer;transition:fill .15s}
html.qd-fresh .mn-page .mn-network-scene .mn-map-available:hover{fill:#C3BEF2}
html.qd-fresh .mn-page .mn-network-scene .mn-map-other{fill:#EEEFF4;stroke:#FFFFFF;stroke-width:.5}
html.qd-fresh .mn-page .mn-network-scene .mn-map-selected,html.qd-fresh .mn-page .mn-network-scene .mn-map-selected:hover{fill:#5546E8;stroke:#FFFFFF;stroke-width:.8;filter:none}
html.qd-fresh .mn-page .mn-network-scene .mn-route{stroke:rgba(85,70,232,.22)}
html.qd-fresh .mn-page .mn-network-scene .mn-route-pulse{stroke:#6D5CFF;stroke-width:1.3;filter:none}
html.qd-fresh .mn-page .mn-network-scene .mn-map-node>circle:not(.mn-node-halo){fill:#7B69FF;stroke:#FFFFFF;stroke-width:1}
html.qd-fresh .mn-page .mn-network-scene .mn-node-halo{stroke:rgba(85,70,232,.45)}
.mh-pin{pointer-events:none}
.mh-pin .mh-pin-halo{fill:rgba(85,70,232,.16);stroke:#4B3FD6;stroke-width:1.4}
.mh-pin .mh-pin-dot{fill:#3B2FCF;stroke:#FFFFFF;stroke-width:2}
.mn-world .mh-node-under-pin{display:none}
html.qd-fresh .mn-page .mn-signal-orbit{display:none}
/* 4G/5G: a quiet pill above the map instead of a block over Asia */
html.qd-fresh .mn-page .mn-network-standard{position:static;order:-1;align-self:flex-end;display:flex;align-items:baseline;gap:10px;text-align:left;padding:7px 14px;border:1px solid var(--mh-line);border-radius:999px;background:#FFFFFF;box-shadow:0 1px 2px rgba(14,18,32,.04)}
html.qd-fresh .mn-page .mn-network-standard>span{font:600 10px/1.3 var(--font-body);letter-spacing:.12em;color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-network-standard>strong{font:600 18px/1 var(--font-head);letter-spacing:-.03em;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-network-standard strong>span{color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-network-standard>small{font:500 10.5px/1.3 var(--font-body);letter-spacing:.04em;color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-sim-module{left:30px;bottom:44px;width:78px;height:104px;padding:12px 10px 10px;transform:rotate(-8deg);border:1px solid rgba(75,63,214,.28);
  background:linear-gradient(150deg,#FFFFFF 0%,#EEEBFF 100%);box-shadow:0 14px 30px -16px rgba(47,43,156,.45)}
html.qd-fresh .mn-page .mn-module-brand{color:var(--mh-ink);gap:5px}
html.qd-fresh .mn-page .mn-module-brand img{width:18px;height:18px}
html.qd-fresh .mn-page .mn-module-brand span{font-size:6.5px;font-weight:600}
html.qd-fresh .mn-page main svg.mn-chip-contact{width:38px;height:30px;fill:rgba(217,130,43,.12);stroke:#B98A3E;filter:none}
html.qd-fresh .mn-page .mn-module-foot{color:var(--mh-body);font-size:6.5px;font-weight:600}
html.qd-fresh .mn-page .mn-module-foot .mn-signal-icon i{background:var(--mh-violet)}
html.qd-fresh .mn-page .mn-scene-caption{left:28px;right:24px;bottom:14px;color:var(--mh-muted);font-size:11px;letter-spacing:.06em}

/* the detail card: inline, under the picker, never over the map */
html.qd-fresh .mn-page .mn-spotlight{grid-area:spot;margin:0;padding:6px 28px 24px;border:0}
html.qd-fresh .mn-page .mn-country-carousel{height:auto;min-height:44px}
html.qd-fresh .mn-page .mn-country-carousel>span{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--mh-violet)}
html.qd-fresh .mn-page .mn-country-carousel>div{display:none}
html.qd-fresh .mn-page .mn-preview-trigger{color:var(--mh-ink);padding:0 0 16px;gap:14px}
html.qd-fresh .mn-page .mn-preview-trigger:disabled{cursor:default}
html.qd-fresh .mn-page .mn-preview-iso{background:var(--mh-violet-soft);border:0;color:var(--mh-violet-ink);font-size:12px;font-weight:600;padding:7px 9px;border-radius:8px;margin-top:6px}
html.qd-fresh .mn-page .mn-preview-trigger strong{font:600 clamp(28px,2.6vw,36px)/1.12 var(--font-head);letter-spacing:-.03em;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-preview-trigger small{font-size:13px;color:var(--mh-body);margin-top:6px}
html.qd-fresh .mn-page .mn-preview-expand{border-color:rgba(14,18,32,.18);color:var(--mh-ink);width:36px;height:36px}
html.qd-fresh .mn-page .mn-preview-expand>svg{transform:rotate(90deg)}
html.qd-fresh .mn-page .mn-preview-trigger[aria-expanded=true] .mn-preview-expand{transform:rotate(180deg);border-color:rgba(75,63,214,.45)}
html.qd-fresh .mn-page .mn-route-region{color:var(--mh-ink);padding-top:2px;margin-bottom:10px}
html.qd-fresh .mn-page .mn-route-region>span{font-size:11px;font-weight:600;color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-route-region>strong{font-size:15px}
html.qd-fresh .mn-page .mn-route-example{background:var(--mh-tint);border:1px solid var(--mh-line);border-radius:14px;padding:14px 16px}
html.qd-fresh .mn-page .mn-route-example>div>span{font-size:11px;font-weight:600;color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-route-example strong{font-size:15px;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-route-connector{color:#8A92A6}
html.qd-fresh .mn-page main .mn-route-disclaimer{font-size:12px;color:var(--mh-muted);margin-top:8px}
html.qd-fresh .mn-page .mn-preview-detail{position:static;z-index:auto;margin-top:18px;padding:18px 0 0;border:0;border-top:1px solid var(--mh-line);border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;min-height:150px}
html.qd-fresh .mn-page main .mn-detail-label{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--mh-violet);margin-bottom:9px}
html.qd-fresh .mn-page .mn-detail-chips{gap:6px;margin-bottom:16px;min-height:32px}
html.qd-fresh .mn-page .mn-detail-chips>span{font-size:13px;line-height:1.35;background:var(--mh-tint);border:1px solid var(--mh-line);border-radius:999px;padding:6px 11px;color:var(--mh-body)}
html.qd-fresh .mn-page main .mn-detail-note{font-size:12.5px;line-height:1.6;color:var(--mh-muted)}
.mh-country-page{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;color:var(--mh-violet-ink,#3B2FCF);font-weight:600;font-size:15px;text-decoration:underline;text-decoration-color:rgba(59,47,207,.35);text-underline-offset:4px}
.mh-country-page:hover{text-decoration-color:currentColor}
.mn-page main .mh-country-page>svg{width:18px;height:18px}
/* the short fade on a new country must never stay frozen half-way (the band starts below the fold) */
html.qd-fresh .mn-page .mn-mobile-atlas[data-phase] [data-preview-name],html.qd-fresh .mn-page .mn-mobile-atlas[data-phase] .mn-route-example{animation-duration:.25s;animation-play-state:running!important}

/* counts always beside the examples; the card has no collapse control (03/10 pm) */
html.qd-fresh .mn-page .mn-preview-trigger{cursor:default;outline:none}
.mn-page main .mh-counts{margin:-6px 0 16px;font-size:15px;line-height:1.5;font-weight:600;color:var(--mh-violet-ink,#3B2FCF)}
html.qd-fresh .mn-page .mn-route-example.mh-no-isp{grid-template-columns:minmax(0,1fr)}
html.qd-fresh .mn-page .mn-route-example.mh-no-isp>:is(.mn-route-connector,div:last-child){display:none}
html.qd-fresh .mn-page .mn-detail-chips>.mh-more{font-size:13px;line-height:1.35;border-radius:999px;padding:6px 11px;background:var(--mh-violet-soft);border:1px solid rgba(75,63,214,.3);color:var(--mh-violet-ink);font-weight:600;text-decoration:none}
html.qd-fresh .mn-page .mn-detail-chips>a.mh-more:hover{border-color:var(--mh-violet)}
/* footer of the band: the full directory */
html.qd-fresh .mn-page .mn-atlas-footer{grid-area:foot;padding:6px 24px 0 28px;border-right:1px solid var(--mh-line);border-top:1px solid var(--mh-line)}
html.qd-fresh .mn-page .mn-atlas-footer>a{color:var(--mh-ink);min-height:56px}
html.qd-fresh .mn-page .mn-atlas-footer strong{font:600 26px/1 var(--font-head);letter-spacing:-.03em;color:var(--mh-violet)}
html.qd-fresh .mn-page .mn-atlas-footer span{font-size:14px;color:var(--mh-body)}
html.qd-fresh .mn-page .mn-atlas-footer b{font-size:14px;font-weight:600;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-atlas-footer>a:hover b{color:var(--mh-violet-ink)}
html.qd-fresh .mn-page main .mn-mobile-atlas .mn-map-note{grid-area:note;margin:0;padding:0 24px 18px 28px;font-size:12px;color:var(--mh-muted);border-right:1px solid var(--mh-line)}

/* ---------- table of contents ---------- */
html.qd-fresh .mn-page .mn-toc{background:rgba(246,247,251,.92);border-color:var(--mh-line)}
html.qd-fresh .mn-page .mn-toc a{color:var(--mh-body);font-size:13px;font-weight:500}
html.qd-fresh .mn-page .mn-toc a:hover{color:var(--mh-ink)}

/* ---------- sections ---------- */
html.qd-fresh .mn-page .mn-section{padding-block:72px}
html.qd-fresh .mn-page main .mn-section-head h2{font-size:clamp(32px,3.2vw,42px);letter-spacing:-.03em;line-height:1.12}
html.qd-fresh .mn-page main .mn-section-head>p{font-size:15.5px;line-height:1.75;color:var(--mh-body)}
html.qd-fresh .mn-page main .mn-pool-note{color:var(--mh-body)}
html.qd-fresh .mn-page main .mn-pool-note a{color:var(--mh-violet-ink)}

/* targeting: three white cards */
html.qd-fresh .mn-page .mn-control-grid{gap:18px;border:0}
html.qd-fresh .mn-page .mn-control-grid article,html.qd-fresh .mn-page .mn-control-grid article+article{padding:26px 26px 24px;background:var(--mh-card);border:1px solid var(--mh-line);border-radius:20px;box-shadow:var(--mh-shadow)}
html.qd-fresh .mn-page .mn-control-number{font-size:12px;font-weight:600;color:var(--mh-violet)}
html.qd-fresh .mn-page main .mn-control-grid h3{font-size:21px;margin:14px 0 10px}
html.qd-fresh .mn-page main .mn-control-grid p{font-size:14.5px;line-height:1.7}
html.qd-fresh .mn-page .mn-filter-example span{font-size:12.5px;color:var(--mh-body);background:var(--mh-tint);border:1px solid var(--mh-line);border-radius:999px;padding:5px 10px}
html.qd-fresh .mn-page .mn-filter-example b{color:var(--mh-muted)}
html.qd-fresh .mn-page main .mn-quality-note{font-size:13px;color:var(--mh-muted)}

/* plans */
html.qd-fresh .mn-page .mn-price-grid{gap:18px;border:0;background:none;overflow:visible}
html.qd-fresh .mn-page .mn-price-card,html.qd-fresh .mn-page .mn-price-card+.mn-price-card{background:var(--mh-card);border:1px solid var(--mh-line);border-radius:20px;box-shadow:var(--mh-shadow)}
html.qd-fresh .mn-page .mn-price-card.mn-featured{background:#F7F6FF;border:1.5px solid rgba(75,63,214,.55);box-shadow:0 0 0 4px rgba(109,92,255,.10),0 24px 50px -26px rgba(47,43,156,.4)}
html.qd-fresh .mn-page main .mn-price-card h3{color:var(--mh-ink)}
html.qd-fresh .mn-page main .mn-price{font-family:var(--font-head);font-weight:600;letter-spacing:-.04em;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-price>span{color:var(--mh-muted);font-size:12px}
html.qd-fresh .mn-page main .mn-unit{color:var(--mh-violet-ink);font-weight:600}
html.qd-fresh .mn-page .mn-price-card ul{color:var(--mh-body);border-color:var(--mh-line);font-size:13.5px}
html.qd-fresh .mn-page .mn-all-plans{border-color:var(--mh-line)}
html.qd-fresh .mn-page .mn-all-plans>summary{color:var(--mh-ink);font-size:14px;font-weight:500}
html.qd-fresh .mn-page main caption{color:var(--mh-muted)}
html.qd-fresh .mn-page main :is(td,th){border-color:var(--mh-line)}
html.qd-fresh .mn-page main th{color:var(--mh-ink)}
html.qd-fresh .mn-page main td{color:var(--mh-body)}
html.qd-fresh .mn-page main td a{color:var(--mh-violet-ink)}
html.qd-fresh .mn-page main .mn-price-note{color:var(--mh-muted);font-size:13.5px}
html.qd-fresh .mn-page .mn-price-note a{color:var(--mh-ink)}

/* full directory */
html.qd-fresh .mn-page .mn-coverage-disclosure{border-color:var(--mh-line)}
html.qd-fresh .mn-page .mn-coverage-count{font-family:var(--font-head);font-weight:600;letter-spacing:-.04em;color:var(--mh-violet)}
html.qd-fresh .mn-page .mn-coverage-title strong{font-family:var(--font-head);font-weight:600;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-coverage-title small{font-size:13px;color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-view-label{background:#FFFFFF;border-color:rgba(14,18,32,.18);color:var(--mh-ink);font-size:13px;border-radius:10px}
html.qd-fresh .mn-page .mn-coverage-inner{border-color:var(--mh-line)}
html.qd-fresh .mn-page main .mn-coverage-inner>p{color:var(--mh-body);font-size:14px}
html.qd-fresh .mn-page .mn-directory-controls label{color:var(--mh-body);font-size:14px}
html.qd-fresh .mn-page .mn-directory-controls input{background:#FFFFFF;border:1.5px solid rgba(14,18,32,.18);color:var(--mh-ink);border-radius:12px;font-size:16px}
html.qd-fresh .mn-page .mn-directory-controls input::placeholder{color:#6A7387}
html.qd-fresh .mn-page .mn-clear{background:#FFFFFF;border-color:rgba(14,18,32,.18);color:var(--mh-ink);border-radius:12px}
html.qd-fresh .mn-page main .mn-directory-status{color:var(--mh-muted);font-size:13px}
html.qd-fresh .mn-page .mn-coverage-inner>.mn-country-grid{scrollbar-color:#B9B3E6 transparent}
html.qd-fresh .mn-page #mobile-countries .mnd-card{background:var(--mh-card);border:1px solid var(--mh-line);box-shadow:0 1px 2px rgba(14,18,32,.04)}
html.qd-fresh .mn-page #mobile-countries .mnd-card:hover,html.qd-fresh .mn-page #mobile-countries .mnd-card:focus-within{background:#FFFFFF;border-color:rgba(75,63,214,.45)}
html.qd-fresh .mn-page #mobile-countries .mnd-country-link{color:var(--mh-ink)}
html.qd-fresh .mn-page #mobile-countries .mnd-country-title small{color:var(--mh-muted);font-size:12px}
html.qd-fresh .mn-page #mobile-countries .mnd-country-link>svg{color:var(--mh-violet)}
html.qd-fresh .mn-page #mobile-countries .mnd-targeting>summary{color:var(--mh-body);border-top-color:var(--mh-line);font-size:13px}
html.qd-fresh .mn-page .mn-country-code{background:var(--mh-violet-soft);color:var(--mh-violet-ink);font-weight:600}
html.qd-fresh .mn-page .mn-country-content{border-color:var(--mh-line)}
html.qd-fresh .mn-page main .mn-country-content p{color:var(--mh-body)}
html.qd-fresh .mn-page main .mn-country-content h3{color:var(--mh-violet-ink);font-family:var(--font-body);font-weight:600}
html.qd-fresh .mn-page .mn-country-select{color:var(--mh-violet-ink);border-top-color:var(--mh-line);font-weight:500}
html.qd-fresh .mn-page .mn-directory-empty{border-color:rgba(14,18,32,.2)}
html.qd-fresh .mn-page .mn-micro a{color:var(--mh-ink)}

/* use cases */
html.qd-fresh .mn-page .mn-use-grid{gap:18px;border:0}
html.qd-fresh .mn-page .mn-use-grid article,html.qd-fresh .mn-page .mn-use-grid article:nth-child(even){padding:26px;background:var(--mh-card);border:1px solid var(--mh-line);border-radius:20px;box-shadow:var(--mh-shadow)}
html.qd-fresh .mn-page main .mn-use-grid h3{font-size:20px}
html.qd-fresh .mn-page main .mn-use-grid p{font-size:14.5px;line-height:1.7}
html.qd-fresh .mn-page .mn-use-grid a,html.qd-fresh .mn-page .uc-platforms a{color:var(--mh-violet-ink)}
html.qd-fresh .mn-page main .uc-platforms{color:var(--mh-body)}

/* code sample: dark island */
html.qd-fresh .mn-page .mn-code{background:#0E1428;border:1px solid rgba(14,18,32,.10);border-radius:20px;box-shadow:0 1px 2px rgba(14,18,32,.06),0 30px 70px -30px rgba(14,18,32,.45)}
html.qd-fresh .mn-page .mn-code>div{color:#B2BDD1;border-color:rgba(147,160,189,.18)}
html.qd-fresh .mn-page .mn-code>div a{color:#E6EAF5}
html.qd-fresh .mn-page .mn-code pre{color:#D7D2F0}
html.qd-fresh .mn-page main .mn-code>p{color:#B2BDD1}
html.qd-fresh .mn-page .mn-compare{border-color:var(--mh-line)}
html.qd-fresh .mn-page .mn-compare a{color:var(--mh-violet-ink)}

/* FAQ in one white card */
html.qd-fresh .mn-page .mn-faq{background:var(--mh-card);border:1px solid var(--mh-line);border-radius:20px;box-shadow:var(--mh-shadow);padding:4px 26px}
html.qd-fresh .mn-page .mn-faq details{border-color:var(--mh-line)}
html.qd-fresh .mn-page .mn-faq details:last-child{border-bottom:0}
html.qd-fresh .mn-page main .mn-faq h3{font-family:var(--font-head);font-weight:600;font-size:17px;color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-faq summary>span{color:var(--mh-violet);font-size:20px}
html.qd-fresh .mn-page main .mn-faq details>p{color:var(--mh-body);font-size:15px}

/* final band: dark island */
html.qd-fresh .mn-page .mn-final{background:radial-gradient(ellipse at 88% 0%,rgba(109,92,255,.35),transparent 60%),#0E1428;border:0;border-radius:24px;box-shadow:0 30px 70px -34px rgba(14,18,32,.55)}
html.qd-fresh .mn-page main .mn-final h2{color:#F3F5FB}
html.qd-fresh .mn-page main .mn-final p{color:#B2BDD1}
html.qd-fresh .mn-page main .mn-final .mn-kicker{color:#C9C1FF}

/* sources, session details, signup dock */
html.qd-fresh .mn-page .mn-sources{color:var(--mh-muted);font-size:13px}
html.qd-fresh .mn-page main .mn-sources p{color:var(--mh-muted)}
html.qd-fresh .mn-page .mn-sources a{color:var(--mh-ink)}
html.qd-fresh .mn-page .mn-sources summary{color:var(--mh-body)}
html.qd-fresh .mn-page .mp-details{background:var(--mh-card);border:1px solid var(--mh-line);box-shadow:var(--mh-shadow);color:var(--mh-ink)}
html.qd-fresh .mn-page .mp-details .mp-kicker{color:var(--mh-violet);font-weight:600}
html.qd-fresh .mn-page .mp-details details{border-color:var(--mh-line)}
html.qd-fresh .mn-page .mp-details summary{color:var(--mh-ink)}
html.qd-fresh .mn-page main .mp-details h2{font-size:clamp(24px,2.6vw,32px)}
html.qd-fresh .mn-page main .mp-details h3{font-size:17px;line-height:1.5;letter-spacing:-.01em}
html.qd-fresh .mn-page main .mp-details p{color:var(--mh-body)}
html.qd-fresh .mn-page .mp-details a{color:var(--mh-violet-ink)}
@media(max-width:780px){
  html.qd-fresh .mn-page main .mn-signup-dock:not([hidden]){background:rgba(255,255,255,.96);border-top:1px solid var(--mh-line);box-shadow:0 -10px 30px -18px rgba(14,18,32,.25)}
  html.qd-fresh .mn-page .mn-dock-price{color:var(--mh-ink)}
  html.qd-fresh .mn-page .mn-dock-price span{color:var(--mh-muted);font-size:11px}
}

/* ---------- tablet ---------- */
@media(max-width:1100px){
  html.qd-fresh .mn-page .mn-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 40px}
  html.qd-fresh .mn-page main .mn-hero h1{font-size:52px}
}
@media(max-width:960px){
  html.qd-fresh .mn-page .mn-mobile-atlas{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "finder" "scene" "spot" "foot" "note";grid-template-rows:none}
  html.qd-fresh .mn-page .mn-network-scene,html.qd-fresh .mn-page .mn-atlas-footer,html.qd-fresh .mn-page main .mn-mobile-atlas .mn-map-note{border-right:0}
  html.qd-fresh .mn-page .mn-spotlight{border-top:1px solid var(--mh-line);padding-top:10px}
  html.qd-fresh .mn-page .mn-control-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  html.qd-fresh .mn-page .mn-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  html.qd-fresh .mn-page .mh-hero-art{grid-column:1;grid-row:auto;justify-self:center;max-width:560px}
  html.qd-fresh .mn-page .mn-mobile-atlas{grid-row:auto}
  html.qd-fresh .mn-page main .mn-hero h1{font-size:50px}
  html.qd-fresh .mn-page .mn-mobile-atlas{margin-top:6px}
  html.qd-fresh .mn-page .mn-price-grid{grid-template-columns:1fr}
}

/* ---------- phones (390 / 360) ---------- */
@media(max-width:640px){
  html.qd-fresh .mn-page .mh-hero-art{max-width:420px}
  html.qd-fresh .mn-page .mh-hero-art :is(picture,img){border-radius:20px}
}
@media(max-width:540px){
  html.qd-fresh .mn-page .mn-wrap{width:calc(100% - 32px)}
  html.qd-fresh .mn-page main .mn-hero h1{font-size:44px;letter-spacing:-.035em}
  html.qd-fresh .mn-page main .mn-lead{font-size:15.5px}
  html.qd-fresh .mn-page .mn-targeting-tags>span{font-size:12.5px}
  html.qd-fresh .mn-page .mn-actions>.mn-text-link{font-size:13.5px}
  html.qd-fresh .mn-page .mn-mobile-atlas{border-radius:20px}
  html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top{padding:4px 16px;min-height:48px}
  html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top>span{font-size:10.5px;letter-spacing:.06em}
  html.qd-fresh .mn-page .mn-mobile-atlas .mn-atlas-top button{font-size:12px}
  .mh-finder{padding:18px 16px 16px;gap:12px}
  .mh-finder-label{font-size:18px}
  .mh-combo{flex-basis:100%;max-width:none}
  .mh-chips{flex-basis:100%;gap:7px}
  .mh-chip{min-height:40px;padding:0 13px;font-size:13.5px}
  html.qd-fresh .mn-page .mn-network-scene{padding:14px 12px 34px}
  html.qd-fresh .mn-page .mn-network-standard{gap:8px;padding:6px 12px}
  html.qd-fresh .mn-page .mn-network-standard>span,html.qd-fresh .mn-page .mn-network-standard>small{font-size:9.5px}
  html.qd-fresh .mn-page .mn-network-standard>strong{font-size:16px}
  html.qd-fresh .mn-page .mn-network-scene{gap:8px}
  html.qd-fresh .mn-page .mn-sim-module{left:16px;bottom:34px;width:58px;height:78px;padding:8px 7px 7px;border-radius:9px}
  html.qd-fresh .mn-page .mn-module-brand img{width:13px;height:13px}
  html.qd-fresh .mn-page main svg.mn-chip-contact{width:28px;height:22px}
  html.qd-fresh .mn-page .mn-module-brand span,html.qd-fresh .mn-page .mn-module-foot{font-size:5px}
  html.qd-fresh .mn-page .mn-scene-caption{left:14px;right:14px;bottom:10px;font-size:10px;letter-spacing:.03em}
  html.qd-fresh .mn-page .mn-spotlight{padding:6px 16px 18px}
  html.qd-fresh .mn-page .mn-preview-trigger strong{font-size:28px}
  html.qd-fresh .mn-page .mn-preview-trigger small{font-size:12.5px}
  html.qd-fresh .mn-page .mn-route-example{grid-template-columns:minmax(0,1fr) 22px minmax(0,1.1fr);padding:12px}
  html.qd-fresh .mn-page .mn-route-example strong{font-size:14px}
  html.qd-fresh .mn-page .mn-route-example>div>span{font-size:10px}
  html.qd-fresh .mn-page main .mn-route-disclaimer{font-size:11.5px}
  html.qd-fresh .mn-page .mn-detail-chips>span{font-size:12.5px;padding:6px 10px}
  html.qd-fresh .mn-page .mn-atlas-footer{padding:4px 16px 0}
  html.qd-fresh .mn-page .mn-atlas-footer span,html.qd-fresh .mn-page .mn-atlas-footer b{font-size:13px}
  html.qd-fresh .mn-page main .mn-mobile-atlas .mn-map-note{padding:0 16px 14px;font-size:11.5px}
  html.qd-fresh .mn-page main .mn-section-head h2{font-size:32px}
  html.qd-fresh .mn-page .mn-control-grid article,html.qd-fresh .mn-page .mn-control-grid article+article,
  html.qd-fresh .mn-page .mn-use-grid article,html.qd-fresh .mn-page .mn-use-grid article:nth-child(even){padding:22px 20px}
  html.qd-fresh .mn-page .mn-faq{padding:2px 18px}
  html.qd-fresh .mn-page .mn-toc a{font-size:12px}
}
/* ---------- phones (<=640px): one calm column (Aldo 03/10: "da mobile e' troppo incasinata").
   hub.js moves the secondary parts into two collapsed <details>: "Show all" in the country card
   and the 4G/5G strip that opens the decorative map. Nothing is removed from the DOM. ---------- */
.mh-compact,.mh-card-fold,.mh-scene-fold{display:none}
@media(min-width:641px){
  .mh-level .mh-compact{display:block;margin:-4px 0 18px}
  .mn-page main .mh-level .mh-compact p{margin:0;padding:10px 0;border-top:1px solid var(--mh-line);font-size:15px;line-height:1.5;color:var(--mh-body)}
  .mn-page main .mh-level .mh-compact b{font-weight:600;color:var(--mh-ink)}
}
@media(max-width:640px){
  html.qd-fresh .mn-page .mn-mobile-atlas{grid-template-areas:"finder" "spot" "scene" "foot";border-radius:20px}
  .mh-finder{padding:20px 16px 18px;gap:14px;border-bottom:1px solid var(--mh-line)}
  .mh-finder-label{font-size:20px}
  .mh-combo input{height:54px;font-size:16px}
  .mh-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:2px 16px;gap:8px;scroll-padding-inline:16px}
  .mh-chips::-webkit-scrollbar{display:none}
  .mh-chip{flex:none;min-height:44px;font-size:15px;padding:0 16px}
  .mh-chip:nth-child(n+5){display:none}
  /* country card: two sizes only (26 / 15) */
  html.qd-fresh .mn-page .mn-spotlight{padding:22px 16px 20px;border-top:0}
  html.qd-fresh .mn-page .mn-preview-trigger{padding:0;gap:12px;align-items:center;min-height:44px}
  html.qd-fresh .mn-page .mn-preview-trigger strong{font-size:26px;line-height:1.15}
  html.qd-fresh .mn-page .mn-preview-iso{font-size:15px;margin:0;padding:6px 9px;align-self:center}
  html.qd-fresh .mn-page .mn-preview-expand{display:none}
  .mn-page main .mh-counts{margin:12px 0 0}
  .mh-compact{display:block;margin-top:10px;min-height:96px}
  .mn-page main .mh-compact p{margin:0;font-size:15px;line-height:1.5;color:var(--mh-body)}
  .mn-page main .mh-compact .mh-compact-route{color:var(--mh-ink);font-weight:600;margin-bottom:10px}
  .mn-page main .mh-compact .mh-compact-row{padding:9px 0;border-top:1px solid var(--mh-line)}
  .mn-page main .mh-compact .mh-compact-row b{font-weight:600;color:var(--mh-ink)}
  .mh-card-fold,.mh-scene-fold{display:block}
  .mh-card-fold{margin-top:6px;border-top:1px solid var(--mh-line);border-bottom:1px solid var(--mh-line)}
  .mh-card-fold>summary,.mh-scene-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;cursor:pointer;color:var(--mh-ink);font-size:15px;font-weight:600}
  .mh-card-fold>summary::-webkit-details-marker,.mh-scene-fold>summary::-webkit-details-marker{display:none}
  .mn-page main :is(.mh-card-fold,.mh-scene-fold)>summary>svg{width:20px;height:20px;color:var(--mh-violet);transition:transform .2s}
  :is(.mh-card-fold,.mh-scene-fold)[open]>summary>svg{transform:rotate(180deg)}
  .mh-card-fold .mh-fold-body{padding:4px 0 18px}
  html.qd-fresh .mn-page .mh-card-fold :is(.mn-detail-chips>.mh-more,.mn-country-carousel>span,.mn-route-region>span,.mn-route-example>div>span,.mn-detail-label,.mn-route-region>strong,.mn-route-example strong,.mn-route-disclaimer,.mn-detail-note,.mn-detail-chips>span,small){font-size:15px;letter-spacing:.01em}
  html.qd-fresh .mn-page .mh-card-fold .mn-country-carousel{min-height:0;margin-bottom:8px}
  html.qd-fresh .mn-page .mh-card-fold small{display:block;color:var(--mh-body);margin:0 0 12px}
  html.qd-fresh .mn-page .mh-card-fold .mn-route-example{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
  html.qd-fresh .mn-page .mh-card-fold .mn-preview-detail{min-height:0;margin-top:16px}
  html.qd-fresh .mn-page .mn-spotlight>.mh-country-page{margin-top:12px;font-size:15px}
  /* 4G / 5G strip: opens the map */
  html.qd-fresh .mn-page .mh-scene-fold{grid-area:scene;margin:0 16px 4px;border:1px solid var(--mh-line);border-radius:14px;background:var(--mh-tint)}
  html.qd-fresh .mn-page .mh-scene-fold>summary{padding:0 14px}
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-standard{order:0;align-self:center;display:flex;align-items:baseline;gap:8px;padding:0;border:0;background:none;box-shadow:none}
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-standard>:is(span,small){font-size:11px}
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-standard>strong{font-size:15px}
  html.qd-fresh .mn-page .mh-scene-fold .mn-atlas-top{border:0;padding:0 14px;min-height:44px}
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-scene{border:0;padding:4px 10px 34px}
  html.qd-fresh .mn-page main .mh-scene-fold .mn-map-note{border:0;padding:0 14px 14px}
  /* directory link: one compact row */
  html.qd-fresh .mn-page .mn-atlas-footer{border-top:0;padding:8px 16px 10px}
  html.qd-fresh .mn-page .mn-atlas-footer>a{min-height:48px;gap:10px}
  html.qd-fresh .mn-page .mn-atlas-footer strong{font-size:22px}
  html.qd-fresh .mn-page .mn-atlas-footer span,html.qd-fresh .mn-page .mn-atlas-footer b{font-size:15px}
  /* rest of the page: less empty space, same content */
  html.qd-fresh .mn-page .mn-section{padding-block:48px}
  html.qd-fresh .mn-page .mn-section-head{margin-bottom:24px;gap:14px}
  html.qd-fresh .mn-page .mn-compact-coverage{padding-block:8px 16px}
  html.qd-fresh .mn-page .mn-control-grid,html.qd-fresh .mn-page .mn-use-grid,html.qd-fresh .mn-page .mn-price-grid{gap:14px}
}
@media(max-width:380px){
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-standard>:is(span,small){font-size:10px;white-space:nowrap}
  html.qd-fresh .mn-page .mh-scene-fold .mn-network-standard{gap:6px}
  html.qd-fresh .mn-page .mn-atlas-footer span,html.qd-fresh .mn-page .mn-atlas-footer b{font-size:14px;white-space:nowrap}
  html.qd-fresh .mn-page .mn-atlas-footer>a{gap:8px}
}
@media(max-width:640px) and (prefers-reduced-motion:reduce){:is(.mh-card-fold,.mh-scene-fold)>summary>svg{transition:none}}
@media(max-width:359px){
  html.qd-fresh .mn-page .mn-wrap{width:calc(100% - 24px)}
  html.qd-fresh .mn-page main .mn-hero h1{font-size:40px}
  .mh-chip{padding:0 11px;font-size:13px}
  html.qd-fresh .mn-page .mn-preview-trigger strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .mh-combo input,.mh-chip,.mh-list [role=option]{transition:none}
}
