/* Official Scallop assets: wordmark, Gilroy typography, blue/ink palette from scallopx.com. */
@font-face{font-family:Scallop Gilroy;src:url('fonts/gilroy-medium.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Scallop Gilroy;src:url('fonts/gilroy-bold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{--blue:#1626f5;--ink:#030319;--paper:#f9faff;--line:#e3e7f3}body{font-family:Scallop Gilroy,Arial,sans-serif;color:#030319;background:radial-gradient(ellipse at 13% 8%,#e9edff 0,transparent 35%),radial-gradient(ellipse at 92% 20%,#e7f6ff 0,transparent 34%),#fbfcff}.brand img.official-wordmark{width:136px;height:38px;object-fit:contain}.brand>b{font-size:15px;font-weight:500;letter-spacing:-.3px}.brand>span{background:#d8ddec}.intro .eyebrow{color:#657092}.intro h1{color:#030319;font-weight:600;letter-spacing:-2.8px}.intro h1 span{color:#1626f5;background:none;-webkit-text-fill-color:#1626f5}.intro p{color:#737e9a}.stats strong{color:#030319;font-weight:500}.stats span{color:#7e89a5}.currency-help{color:#1626f5}.nav-active{color:#1626f5}.nav-active:after{background:#1626f5}.header-link{background:#1626f5;color:white}.view-switch button.active{background:#1626f5;box-shadow:0 4px 12px #1626f52b}.outline-button{color:#607099;border-color:#dce3f4}.outline-button:hover{color:#1626f5;border-color:#9aa8ff}.primary-button{background:#1626f5;color:white}.primary-button:hover{background:#0f1af1}.featured-item strong,#discover h2{color:#253357}.featured-item small,#discover>p{color:#7384a5}.featured-item:hover>b{background:#1626f5;border-color:#1626f5}.text-button{color:#1626f5}.source-pill{color:#637bc2;background:#f0f4ff}.route-list button.active{background:#1626f5;border-color:#1626f5}.route-list button{color:#667baf;border-color:#d9e1f3}.drawer-identity h2,.route-heading h3{color:#18294a}.field-label,.drawer-toolbar{color:#7a8daf}.flow-list button.active{background:#edf1ff;border-color:#c6d0fb;color:#1626f5}.route-info p,.flow-explain{color:#64799c}.limit-head,.limit-grid strong{color:#405d8c}.limit-grid span{color:#7d93b4}.detail-section h4,.detail-section summary{color:#415f90}.detail-section li,.detail-section p,.requirement-tags span{color:#6980a2}.local-network-label{color:#1626f5;border-color:#d8e1ff;background:#f5f8ff;font-weight:600}.local-network-label small{color:#8194bb;font-weight:400}.section-heading h2{color:#13264c;font-weight:500}.section-heading .eyebrow{color:#899bc0}.destination-identity h3{color:#243c63;font-weight:600}.destination-identity small,.destination-currencies,.destination-rails,.destination-speed small{color:#6e83a5}.destination-row:hover{background:#edf2ff}.destination-row:hover .destination-arrow{background:#1626f5}.destination-columns{color:#889cba}.destination-arrow{color:#829bd0;border-color:#d6e0f4}.destination-identity .flag{background:#eef3ff}.destination-rails span:before{background:#9db5e8}.intents h2{color:#49648e}.intents button strong{color:#3e5b8b}.intents button small{color:#8097b8}.intent-icon{color:#1626f5;background:#edf2ff}.modal-header h2{color:#3a5687}.modal-body p,.compare-table td,.compare-table th,.modal-body h3{color:#627fa4}.compare-table strong{color:#385e94}.compare-table button{color:#1626f5}.audit-summary strong{color:#1626f5}.audit-summary span{color:#7c94b8}.currency-cloud button{background:#f0f5ff;color:#6585bd;border-color:#d6e3fb}.currency-cloud button:hover{background:#1626f5;color:white}.currency-cloud.excluded span{color:#9cacc7;background:#f7f9fd;border-color:#e6ecf5}.coverage-note p{color:#879ab8}.coverage-note strong{color:#6a83a9}#compare-tray{background:#0e1d4b;box-shadow:0 12px 40px #1626f52b}#compare-tray span{color:#92a7d4}#compare-tray button:nth-child(2){background:#1626f5}footer{background:#f1f5fd}footer .brand img.official-wordmark{width:115px;height:32px}footer>span,footer>div{color:#8097b8}.transfer-profile{background:#f4f7fd;border:1px solid #e1e8f6;padding:12px 14px;border-radius:9px;margin:9px 0}.transfer-profile strong{display:block;font-size:11px;font-weight:500;color:#526d95}.transfer-profile>span{font-size:9px;color:#859aba}.transfer-profile p{font-size:10px;margin:7px 0 0}.speed{color:#39775d;background:#e8f6ee}.speed.standard{color:#7589af;background:#f0f4fc}
@media(max-width:500px){.brand img.official-wordmark{width:120px;height:34px}.brand>b{font-size:13px}.intro h1{font-size:39px;letter-spacing:-1.8px}.destination-identity h3{font-size:11px}}

/* North-up map: relief without rotation or perspective distortion. */
#raised-map{perspective:none}#world{transform:scale(.98);transform-origin:50% 50%;filter:drop-shadow(0 12px 8px #5469a024);transition:none}#map-depth{transform:translate(0,3px);opacity:.52}#route-art .route-line{fill:none;stroke:#526af1;stroke-width:1.1;stroke-dasharray:3 6;opacity:.5;animation:none}#route-art .route-endpoint{fill:#1626f5;stroke:#fff;stroke-width:1.4;stroke-opacity:1}#route-art .route-endpoint-halo{fill:none;stroke:#7189ff;stroke-width:1;stroke-opacity:1}#route-art .route-traveller{fill:#1626f5;stroke:#dce8ff;stroke-width:1.6;stroke-opacity:1;filter:drop-shadow(0 0 4px #5278ff);pointer-events:none}

.map-route-caption{position:absolute;left:27px;top:58px;font-size:9px;color:#7f91bc;letter-spacing:.2px;z-index:2;pointer-events:none}@media(max-width:500px){.map-route-caption{left:22px;font-size:8px;top:54px;max-width:220px}}
/* White studio background for the textured 3D Earth. */
#globe-view{background:#fff;color:#1d3659}.globe-stage{background:radial-gradient(ellipse at 53% 88%,#dfeaf7 0,transparent 28%),#fff}.globe-intro h2{color:#18395e}.globe-intro small,.globe-intro p{color:#7e99b4}#globe-view .map-label{color:#7190b2}#globe-view .coverage-badge{color:#a4b5cb}#globe-view .map-bottom{color:#8aa0bc;border-color:#eaf0f8}.globe-controls button{background:#f4f8fd;color:#617eab;border-color:#dce7f5}.globe-controls button:hover{background:#e6efff;color:#1626f5}.globe-coordinates{display:none}#globe-source-label{position:absolute;top:55px;left:26px;color:#728eb0;font-size:10px;pointer-events:none;z-index:2}.globe-intro{bottom:75px;pointer-events:none}.globe-intro p{max-width:150px}#globe{position:relative;z-index:1}.globe-intro,.globe-controls,.globe-coordinates{z-index:2}.globe-float{z-index:3}

/* An Earth atlas: the globe's natural surface, lifted above a blue ocean. */
#map-view,#raised-map{background:#fff}
#world{filter:drop-shadow(0 13px 12px #315b7c26)}
#map-depth{fill:#386b57;stroke:#2b6454;stroke-width:1.2;opacity:.72;transform:translate(0,4px)}
.country{fill:#c4d3cb;stroke:#f6fcff;stroke-width:.7;transition:stroke .2s,filter .2s}
.country.covered,.country.instant{fill:url(#earth-land)}
.country.instant{stroke:#94e2bf;stroke-width:.9}
.country:hover,.country.selected{fill:url(#earth-land);stroke:#1626f5;stroke-width:2;filter:drop-shadow(0 -2px 1px #1b485f88);transform:translateY(-2px)}
#map-view .map-label,#map-view .coverage-badge{color:#6584a2}
#map-view .map-bottom{color:#56788c;border-color:#e5edf4}
#map-view .legend.instant{background:#47a784}
#map-view .legend.standard{background:#3b799c}
#map-view .legend.unavailable{background:#c4d3cb}
#route-art .route-line{stroke:#fff;stroke-width:1.5;opacity:.75;filter:drop-shadow(0 1px 1px #13466688)}
#route-art .route-traveller{fill:#1626f5;stroke:#fff;stroke-width:1.8}
.map-route-caption{color:#466b86;background:#ffffffeb;padding:6px 10px;border-radius:20px;top:54px;left:20px}
.map-message{background:#fffffff0;border:1px solid #fff;border-radius:16px;padding:15px 18px;box-shadow:0 8px 24px #173c6012;backdrop-filter:blur(12px);text-shadow:none;pointer-events:none}
.map-message h2{color:#18395e;font-size:25px;margin:8px 0;letter-spacing:-.7px}
.map-message small{color:#658c9e}
.map-message p{color:#607f94}
/* Give destinations the visual priority and keep the introduction compact. */
.intro{padding:35px 0 29px}
.intro h1{font-size:clamp(34px,3.3vw,48px);letter-spacing:-1.9px;line-height:1.1}
.destination-columns{font-size:10px;letter-spacing:1.2px;color:#687e9c}
.destination-columns,.destination-open{grid-template-columns:1.3fr 1fr 1.1fr .8fr 36px;gap:20px}
.destination-open{padding:24px 20px}
.destination-identity h3,#directory-grid .destination-identity h3{font-size:18px;letter-spacing:-.3px;line-height:1.3}
.destination-identity small{font-size:12px;line-height:1.5;color:#657c9d}
.destination-currencies,#directory-grid .destination-currencies{font-size:13px;gap:9px;color:#3d587e}
.destination-currencies em{font-size:12px}
.destination-rails{font-size:12px;line-height:1.5;color:#526d92}
.destination-speed .speed{font-size:12px;padding:6px 9px;display:inline-block}
.destination-speed small{font-size:11px;color:#657c9d}
.directory-heading h2{font-size:28px;color:#18395e;letter-spacing:-.7px}
#directory-view{background:#fff;padding:30px}
#directory-grid .destination-open{padding:22px 4px;grid-template-columns:1.3fr 1fr .8fr 36px;gap:20px}
#directory-grid .destination-identity .flag{width:42px;height:42px;font-size:30px;flex-shrink:0}
#directory-grid .destination-arrow{width:32px;height:32px}
@media(max-width:1150px){.destination-columns,.destination-open{gap:15px}.destination-rails{font-size:11px}.destination-identity h3,#directory-grid .destination-identity h3{font-size:16px}.destination-currencies,#directory-grid .destination-currencies{font-size:12px}}
@media(max-width:800px){.intro h1{font-size:36px}.destination-open{grid-template-columns:1.3fr 1fr 30px;padding:21px 4px;gap:14px}.destination-identity h3,#directory-grid .destination-identity h3{font-size:16px}.destination-identity small{font-size:11px}.destination-currencies,#directory-grid .destination-currencies{font-size:12px}.directory-heading h2{font-size:25px}#directory-view{padding:23px}#directory-grid .destination-open{grid-template-columns:1.3fr 1fr 30px;gap:14px}.map-message{padding:11px 14px}.map-message h2{font-size:22px}.map-route-caption{font-size:9px}}
@media(max-width:500px){.intro h1{font-size:32px;letter-spacing:-1.2px}.intro{padding:27px 0 24px}.destination-identity{gap:9px}.destination-identity h3,#directory-grid .destination-identity h3{font-size:15px}.destination-identity small{font-size:10px}.destination-currencies,#directory-grid .destination-currencies{font-size:11px;gap:7px}.destination-identity .flag,#directory-grid .destination-identity .flag{width:32px;height:32px;font-size:25px;flex-shrink:0}.destination-open,#directory-grid .destination-open{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 25px;gap:10px;padding:20px 0}.directory-heading h2{font-size:24px}.map-message h2{font-size:19px}.map-message{left:15px;bottom:63px}.map-route-caption{left:15px;font-size:8px}.destination-arrow,#directory-grid .destination-arrow{width:25px;height:25px}}

/* Comfortable reading sizes for the explorer's primary controls and route index. */
.search input{font-size:16px;min-height:30px}
.search-row{padding:18px 23px}
.filter-row{gap:22px;flex-wrap:wrap}
.filter-row label span{font-size:11px;color:#657b99;letter-spacing:.6px}
.filter-row select{font-size:14px;max-width:190px;min-height:30px;color:#294667}
.filter-row .reset{font-size:13px;color:#516b91}
.view-switch button{font-size:13px;padding:9px 16px}
.results-tools>span{font-size:13px;color:#607794}
.section-heading h2{font-size:27px;letter-spacing:-.6px}
#directory-grid .destination-rails{display:flex;font-size:12px;line-height:1.6}
#directory-grid .destination-open{grid-template-columns:1.25fr 1fr 1.1fr .85fr 32px;gap:18px}
#directory-grid .destination-currencies{font-size:14px}
.featured-item strong{font-size:14px}
.featured-item small{font-size:11px}
@media(max-width:1150px){#directory-grid .destination-open{grid-template-columns:1.2fr 1fr 1fr 30px;gap:14px}#directory-grid .destination-speed{display:none}}
@media(max-width:800px){.search input{font-size:15px}.filter-row select{font-size:13px}.filter-row label span{font-size:10px}.section-heading h2{font-size:24px}.results-tools>span{font-size:12px}#directory-grid .destination-open{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 28px}#directory-grid .destination-rails{grid-column:2;grid-row:2;display:flex;font-size:11px}#directory-grid .destination-arrow{grid-column:3;grid-row:1 / span 2}#directory-grid .destination-identity{grid-column:1;grid-row:1 / span 2}#directory-grid .destination-currencies{grid-column:2;grid-row:1;font-size:12px}.destination-rails{display:flex;grid-column:2;grid-row:2;font-size:11px}.destination-identity{grid-row:1 / span 2}.destination-arrow{grid-column:3;grid-row:1 / span 2}.destination-currencies{grid-column:2;grid-row:1}.featured-item strong{font-size:12px}.view-switch button{font-size:12px;padding:8px 12px}}
@media(max-width:500px){.filter-row{gap:12px 18px}.filter-row select{max-width:155px}.search input{font-size:14px}.view-switch button{padding:8px 15px}.section-heading h2{font-size:22px}.results-tools>span{font-size:11px}#directory-grid .destination-currencies{font-size:12px}.destination-currencies span:nth-child(n+4){display:inline}}

/* Natural geography stays visible while filtering, with discreet destination outlines. */
#world{clip-path:inset(0 round 12px);filter:drop-shadow(0 9px 12px #2645601a)}
#map-surface{pointer-events:none}
#map-surface image{filter:none}
#map-depth{opacity:.16;transform:translate(0,2px)}
.country,.country.covered,.country.instant{fill:transparent;stroke:#d9e9ed;stroke-opacity:.25;stroke-width:.45}
.country.covered,.country.instant{stroke-opacity:.48}
.country:hover,.country.selected{fill:#b4e4ec15;stroke:#fff;stroke-opacity:.95;stroke-width:1.2;filter:drop-shadow(0 0 2px #102d65);transform:none}
#route-art .route-line{stroke:#b9e9ff;stroke-width:.85;stroke-dasharray:none;filter:none}
#route-art .route-traveller{r:1.7;fill:#fff;stroke:#a3d9f0;stroke-width:.65;filter:none}
#route-art .route-endpoint{r:1.8;fill:#fff;stroke:#b8e9ff;stroke-width:.65}
#route-art .route-endpoint-halo{stroke:#b8e9ff;stroke-width:.6}
.map-message{left:18px;bottom:18px;padding:8px 11px;border-radius:6px;box-shadow:none;background:#fffffff0;max-width:205px}
.map-message small{font-size:9px;letter-spacing:1px;color:#476780}
.map-message p{font-size:10px;margin:3px 0 0;color:#476780}
.globe-intro{left:22px;bottom:65px;max-width:210px}
.globe-intro small{font-size:9px;letter-spacing:1px;color:#617f99}
.globe-intro p{max-width:210px;font-size:10px;color:#617f99;margin:5px 0 0}
.globe-stage{background:radial-gradient(ellipse at 50% 90%,#dee8f1 0,transparent 35%),#fff}
@media(max-width:500px){.map-message{left:12px;bottom:13px;padding:6px 9px;max-width:185px}.map-message small{font-size:8px}.map-message p{font-size:9px}.globe-intro{bottom:65px;left:16px}.globe-intro small{font-size:8px}.globe-intro p{font-size:9px;max-width:180px}}

/* Balanced studio Earth: subdued oceans and protected terrain highlights. */
#globe{filter:none}

#route-art image.route-traveller{filter:none;pointer-events:none}

/* Quiet blue-grey framing keeps the Earth aligned with Scallop branding. */
.globe-stage{background:radial-gradient(ellipse at 50% 88%,#e7edf5 0,transparent 32%),#fff}
#route-art .route-line{stroke:#d8e5f3;opacity:.6}

/* Light atlas treatment, shared by map and globe. */
.country,.country.covered,.country.instant{stroke:#7f939d;stroke-opacity:.4;stroke-width:.45}
.country.selected,.country:hover{fill:#1626f50c;stroke:#1626f5;stroke-width:1.1;stroke-opacity:.85;filter:none}
#route-art .route-line{stroke:#426fb2;stroke-width:.9}
#route-art .route-endpoint{fill:#1626f5;stroke:#fff}
#globe{touch-action:none;user-select:none;-webkit-user-select:none}

#raised-map,#world{cursor:default;user-select:none;-webkit-user-select:none}
#world .country{cursor:pointer}

/* Seamless land: no political borders, including hover and selection. */
#world .country,#world .country.covered,#world .country.instant,#world .country.selected,#world .country:hover{stroke:none;stroke-width:0;filter:none}
#world .country.selected,#world .country:hover{fill:#1626f50b}
#map-depth{display:none}

.intent-icon{display:grid;place-items:center;flex-shrink:0}
.intent-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

/* Footer aligned with the current Scallop website. */
footer.scallop-footer{display:block;background:#fff;color:#18181b;padding:64px max(4.3%,calc((100% - 1200px)/2));border-top:1px solid #e8eaf0}
.scallop-footer .footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;width:100%;margin:0;font-size:14px;color:#18181b}
.scallop-footer .footer-about{width:380px;max-width:100%;flex-shrink:0}
.scallop-footer .brand img.official-wordmark{width:128px;height:37px}
.footer-tagline{font-size:16px;line-height:1.6;margin:24px 0}
.footer-tagline strong{font-weight:600}
.footer-compliance{font-size:12px;line-height:1.7;color:#666d78;margin:0}
.footer-compliance a{color:#1626f5;text-decoration:underline;text-underline-offset:3px}
.scallop-footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:48px}
.footer-links h3{font-size:16px;font-weight:600;margin:0 0 18px}
.footer-links a{display:block;font-size:14px;margin:0 0 13px;color:#525862}
.footer-links a:hover{color:#1626f5}
.scallop-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin:54px 0 0;padding-top:22px;border-top:1px solid #e8eaf0;font-size:12px;color:#656b75}
.footer-social{display:flex;align-items:center;gap:20px}
.footer-social a{color:#030319;display:flex}
.footer-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.scallop-footer .footer-main{gap:40px}.scallop-footer .footer-about{width:310px}.scallop-footer .footer-links{gap:24px}}
@media(max-width:700px){footer.scallop-footer{padding:40px 6%}.scallop-footer .footer-main{display:block}.scallop-footer .footer-about{width:100%;max-width:410px}.scallop-footer .footer-links{margin-top:34px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-links h3{font-size:14px}.footer-links a{font-size:13px}.scallop-footer .footer-bottom{margin-top:30px;gap:20px;align-items:flex-start}.footer-bottom>span{font-size:11px}.footer-social{gap:14px}}

/* Consistent dialog shell: scrolling is contained beneath the rounded header. */
dialog{width:min(920px,calc(100vw - 48px));max-width:none;max-height:min(86vh,900px);max-height:min(86dvh,900px);border:1px solid #e2e7f1;border-radius:20px;overflow:hidden;padding:0;background:#fff;box-shadow:0 24px 90px #071a3833}
dialog::backdrop{background:#14213c66;backdrop-filter:blur(5px)}
#modal-content{display:flex;flex-direction:column;max-height:min(86vh,900px);max-height:min(86dvh,900px);overflow:hidden}
.modal-header{flex-shrink:0;padding:22px 28px;gap:20px;background:#f6f8fc;border-bottom:1px solid #e4e9f1}
.modal-header h2{font-size:22px;font-weight:600;color:#183554;letter-spacing:-.5px;line-height:1.3;margin:0}
.modal-header .close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;color:#687e99}
.modal-header .close:hover{background:#e9eef7;color:#1626f5}
.modal-body{padding:26px 28px 30px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4cede transparent}
.modal-body::-webkit-scrollbar{width:6px;height:6px}
.modal-body::-webkit-scrollbar-thumb{background:#c4cede;border-radius:12px}
.modal-body::-webkit-scrollbar-track{background:transparent}
.modal-body p{font-size:14px;line-height:1.75;color:#556b87;margin:0 0 18px}
.modal-body h3{font-size:16px;font-weight:600;color:#203f63;margin:25px 0 10px}
.modal-body h3:first-child{margin-top:0}
.modal-body .primary-button{font-size:13px;padding:11px 17px;margin:0 0 10px}
.currency-cloud{gap:8px}
.currency-cloud button{font-size:12px;padding:9px 12px;border-radius:8px}
.compare-table{font-size:13px;line-height:1.6}
.compare-table th,.compare-table td{padding:15px 16px;color:#4b6483}
.compare-table th{color:#254666;background:#f5f8fc}
.compare-table small{font-size:12px;line-height:1.6}
.compare-table button{font-size:12px}
#drawer{scrollbar-width:thin;scrollbar-color:#c4cede #fff}
.drawer-head{padding:24px 28px 20px;background:#f7f9fd}
.drawer-body{padding:25px 28px 32px}
.drawer-identity h2{font-size:27px;line-height:1.25}
.drawer-identity p{font-size:13px;color:#6b7f9c}
.drawer-toolbar,.source-pill,.drawer-body .field-label{font-size:10px;letter-spacing:1px}
.drawer-body .route-list{gap:8px}
.drawer-body .route-list button,.drawer-body .flow-list button{font-size:12px;padding:9px 13px}
.drawer-body .route-heading h3{font-size:23px;line-height:1.3}
.drawer-body .route-info p,.drawer-body .flow-explain,.detail-section p,.detail-section li,.transfer-profile p{font-size:13px;line-height:1.75}
.drawer-body .local-network-label{font-size:14px}
.drawer-body .local-network-label small{font-size:10px}
.drawer-body .limit-head,.drawer-body .limit-grid span{font-size:12px}
.drawer-body .limit-grid strong{font-size:17px}
.drawer-body .limit-card small,.drawer-body .subtle{font-size:11px;line-height:1.7}
.drawer-body .detail-section h4,.drawer-body .detail-section summary{font-size:13px}
.drawer-body .requirement-tags span{font-size:11px;padding:6px 9px}
.drawer-actions{gap:12px}
.drawer-actions button{font-size:12px;padding:11px 15px}
.destination-identity>div{min-width:0}
.destination-identity h3{overflow-wrap:anywhere}
.destination-open{min-width:0}
.search input{min-width:0}
#directory-view{scrollbar-width:thin;scrollbar-color:#c4cede transparent}
.empty h3{color:#294969;font-size:19px}
.empty p{color:#657c98;font-size:14px}
.coverage-note p{font-size:12px;line-height:1.7}
.coverage-note button{font-size:12px;white-space:nowrap}
@media(max-width:600px){dialog{width:calc(100vw - 24px);border-radius:16px;max-height:90dvh}#modal-content{max-height:90dvh}.modal-header{padding:18px 20px}.modal-header h2{font-size:20px}.modal-body{padding:22px 20px}.modal-body p{font-size:13px}.drawer-head{padding:20px}.drawer-body{padding:22px 20px}.drawer-actions{flex-wrap:wrap}.compare-table td,.compare-table th{min-width:145px}.coverage-note{gap:12px}.coverage-note button{margin-left:0}}

#route-art .route-traveller{pointer-events:none;filter:none}
#route-art .currency-disc{fill:#1626f5;stroke:#fff;stroke-width:.7;stroke-opacity:1}
#route-art .currency-symbol{fill:#fff;stroke:none;font-family:Arial,sans-serif;font-weight:700;font-size:11.6px;letter-spacing:0}

/* Give the opening message more presence while keeping the explorer compact. */
.intro h1{font-size:clamp(38px,3.7vw,54px);line-height:1.08;letter-spacing:-2px}
.intro h1 span{display:inline-block;background:linear-gradient(110deg,#1626f5 12%,#4259ff 58%,#1626f5 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:700px){.intro h1{font-size:40px;letter-spacing:-1.5px}}
@media(max-width:500px){.intro h1{font-size:36px;letter-spacing:-1.3px}}

/* Navigator page hero follows the main Scallop product-page hierarchy. */
.navigator-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:76px 20px 40px;isolation:isolate}
.navigator-hero .hero-copy{width:100%;max-width:1080px}
.navigator-hero .eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#657092;margin-bottom:22px}
.navigator-hero h1{font-size:clamp(46px,6.1vw,80px);font-weight:800;line-height:1.08;letter-spacing:-2.5px;color:#191919;margin:0;text-transform:uppercase}
.navigator-hero h1 span{display:inline;color:#315ff6;-webkit-text-fill-color:#315ff6;background:none}
.navigator-hero p{font-size:19px;line-height:1.55;font-weight:400;color:#777;margin:28px auto 24px;max-width:750px}
.hero-explore{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#315ff6;color:#fff;border:1px solid #315ff6;border-radius:999px;padding:16px 25px;min-height:54px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.hero-explore:hover{background:#254fe0;box-shadow:0 7px 20px #315ff626;transform:translateY(-1px)}
.hero-explore:focus-visible{outline:3px solid #879fff;outline-offset:4px}
.navigator-hero .intro-right{width:auto;padding:0;margin-top:40px}
.navigator-hero .stats{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:48px;padding:0;border:0}
.navigator-hero .stats>div,.navigator-hero .stats>div:last-child{display:flex;flex-direction:column;align-items:center;gap:7px}
.navigator-hero .stats strong{font-size:30px;line-height:1.1;letter-spacing:-1px;font-weight:600}
.navigator-hero .stats span{font-size:12px;color:#737e9a}
@media(max-width:700px){.navigator-hero{padding:48px 8px 30px}.navigator-hero h1{font-size:clamp(35px,7vw,50px);letter-spacing:-1.4px}.navigator-hero p{font-size:16px;margin-top:22px}.navigator-hero .eyebrow{margin-bottom:18px;font-size:10px}.navigator-hero .stats{gap:30px}.navigator-hero .stats strong{font-size:27px}.navigator-hero .stats span{font-size:11px}.navigator-hero .intro-right{margin-top:32px}}
@media(max-width:400px){.navigator-hero .stats{gap:22px}.navigator-hero .stats span{font-size:10px}.hero-explore{font-size:15px;padding:14px 22px}}

/* Match the main website's Gilroy Heavy hero, with a compact map-first fold. */
@font-face{font-family:Scallop Hero;src:url('fonts/gilroy-heavy.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
header{height:72px}
.navigator-hero{padding:18px 16px 22px}
.navigator-hero h1{font-family:Scallop Hero,Scallop Gilroy,Arial,sans-serif;font-weight:400;font-synthesis:none;font-size:72px;line-height:86px;letter-spacing:normal;color:#18181b}
.navigator-hero h1 span{color:#315ff6;-webkit-text-fill-color:#315ff6}
.navigator-hero p{font-size:17px;line-height:25px;margin:12px auto 0;max-width:850px}
.navigator-hero .intro-right{margin-top:18px}
.navigator-hero .stats{gap:40px}
.navigator-hero .stats>div,.navigator-hero .stats>div:last-child{flex-direction:row;gap:8px}
.navigator-hero .stats strong{font-size:23px;letter-spacing:-.5px}
.navigator-hero .stats span{font-size:12px}
.workspace{scroll-margin-top:12px}
@media(min-width:901px) and (max-height:800px){.navigator-hero{padding-top:8px;padding-bottom:16px}.navigator-hero p{margin-top:6px}.navigator-hero .intro-right{margin-top:12px}.globe-stage,#raised-map{height:430px}#globe-view,#map-view{min-height:475px}}
@media(max-width:900px){.navigator-hero h1{font-size:56px;line-height:64px}.navigator-hero{padding-top:16px}.navigator-hero p{font-size:16px;line-height:23px}}
@media(max-width:600px){.navigator-hero h1{font-size:40px;line-height:46px}.navigator-hero{padding:16px 0 20px}.navigator-hero p{font-size:14px;line-height:20px;margin-top:10px;max-width:360px}.navigator-hero .intro-right{margin-top:14px}.navigator-hero .stats{gap:20px}.navigator-hero .stats>div,.navigator-hero .stats>div:last-child{flex-direction:column;gap:3px}.navigator-hero .stats strong{font-size:22px}.navigator-hero .stats span{font-size:10px}}

/* Let the visual stage occupy the entire explorer panel above its legend. */
#map-view:not([hidden]),#globe-view:not([hidden]){display:flex;flex-direction:column;align-self:stretch}
#map-view .map-canvas,#globe-view .globe-stage{flex:1 0 430px;height:auto;min-height:430px}
#map-view .map-bottom,#globe-view .map-bottom{flex:0 0 45px;height:45px;margin-top:0;margin-bottom:0}
#world{position:absolute;inset:0;display:block}
@media(max-width:900px){#map-view .map-canvas,#globe-view .globe-stage{flex-basis:440px;min-height:440px}#map-view .map-bottom,#globe-view .map-bottom{flex-basis:38px;height:38px}}
@media(max-width:500px){#map-view .map-canvas,#globe-view .globe-stage{flex-basis:405px;min-height:405px}}

/* Match coverage on both geographical views, without adding country borders. */
#world .country:not(.covered),#world .country:not(.covered):hover,#world .country:not(.covered).selected{fill:#e3e7eb;fill-opacity:1;stroke:none;filter:none}
#world .country.covered,#world .country.covered:hover,#world .country.covered.selected{fill:transparent;stroke:none}
.legend.unavailable,#map-view .legend.unavailable{background:#e3e7eb;border:1px solid #c9d0d8}

.drawer-send-money{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;box-sizing:border-box;margin:12px 0 16px;padding:14px 20px;min-height:48px;background:#1626f5;color:#fff;border:1px solid #1626f5;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s}.drawer-send-money:hover{background:#0f1acc;color:#fff}.drawer-send-money:focus-visible{outline:3px solid #9ba8ff;outline-offset:3px}

/* Full Earth at rest; flow/speed selections add a translucent grey overlay. */
#world:not(.coverage-masking) .country:not(.covered),#world:not(.coverage-masking) .country:not(.covered):hover,#world:not(.coverage-masking) .country:not(.covered).selected{fill:transparent}
#world.coverage-masking .country:not(.covered),#world.coverage-masking .country:not(.covered):hover,#world.coverage-masking .country:not(.covered).selected{fill:rgba(102,112,133,.6);fill-opacity:1}
.legend.unavailable,#map-view .legend.unavailable{background:rgba(102,112,133,.6);border:0}
.mask-legend{display:inline-flex;align-items:center;gap:7px}
.workspace:not(.coverage-masking) .mask-legend{display:none}