/* Schematic discovery atlas: no third-party tiles, coordinates or tracking. */
.atlas-view-switch {display:flex;gap:4px;padding:4px;width:fit-content;margin:0 0 24px;background:var(--soft);border:1px solid var(--line);border-radius:999px}
.atlas-view-switch button {display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 20px;background:transparent;border-radius:999px;font-size:13px;font-weight:550}
.atlas-view-switch svg {width:19px;height:19px}
.atlas-view-switch button {border:1px solid transparent;line-height:1.4}
.atlas-view-switch [aria-pressed=true] {background:var(--selection-bg);color:var(--selection-ink);border-color:var(--selection-line)}
.atlas {position:relative;isolation:isolate;overflow:hidden;border-radius:26px;border:1px solid #35696C;background:radial-gradient(ellipse at 50% 40%,#134B51,#071F28 80%);color:#F2FBFA;margin-bottom:24px}
.atlas-heading {position:relative;z-index:2;pointer-events:none;display:flex;justify-content:space-between;align-items:start;padding:32px var(--inset-block) 0;gap:24px}
.atlas-heading h3 {font:600 clamp(30px,3.4vw,44px)/1.05 Bricolage,Arial,sans-serif;letter-spacing:-.04em}
.atlas-heading p {font-size:13px;color:#BAD4D5;margin-top:12px}
.atlas-demo {text-align:right;color:#BAD4D5;font-size:11px;line-height:1.7}
.atlas-viewport {position:relative;height:440px;overflow:hidden;cursor:grab;touch-action:pan-y;outline-offset:-5px!important;margin-top:-20px}
.atlas-viewport.is-dragging {cursor:grabbing;touch-action:none}
.atlas-world {position:absolute;width:1000px;height:620px;top:50%;left:50%;transform-origin:50% 50%;pointer-events:none}
.atlas-terrain {display:block;width:100%;height:100%}
.atlas-pins {position:absolute;inset:0;pointer-events:none}
.atlas-pin {position:absolute;pointer-events:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-width:44px;min-height:44px;background:none;color:#F2FBFA;padding:0;font-size:12px;gap:6px;touch-action:manipulation}
.atlas-pin:active {transform:translate(-50%,-50%)}
.atlas-pin-mark {display:grid;place-items:center;position:relative;width:34px;height:34px;border:1px solid #D2F7DB;border-radius:50%;background:#073F47;box-shadow:0 5px 12px #00171D88;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.atlas-pin-mark::before {content:'';width:20px;height:20px;border:1px solid #6FE6DF;border-radius:50%}
.atlas-pin-mark::after {content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#FFC928}
.atlas-pin-name {padding:4px 9px;border-radius:7px;background:#062E35;box-shadow:0 4px 12px #00171D66;white-space:nowrap;font-weight:550;line-height:1.4}
.atlas-pin[aria-current=true] .atlas-pin-mark,.atlas-pin:focus-visible .atlas-pin-mark {background:#6FE6DF}
.atlas-pin:focus-visible {outline:2px solid #FFC928;outline-offset:5px;border-radius:10px}
.atlas-tools {position:absolute;z-index:2;right:var(--inset-block);bottom:128px;display:flex;align-items:center;gap:0;border:1px solid #387074;border-radius:12px;overflow:hidden;background:#062E35;box-shadow:0 8px 20px #00171D33}
.atlas-tools button {min-width:44px;min-height:44px;background:transparent;color:#F2FBFA;font-size:24px;padding:6px 12px}
.atlas-tools button:last-child {font-size:12px;border-left:1px solid #387074;padding-inline:16px}
.atlas-tools button:disabled {opacity:.4;cursor:default}
.atlas-tools output {font-size:11px;min-width:45px;text-align:center;color:#BAD4D5}
.atlas-tools button:focus-visible {outline:2px solid #FFC928;outline-offset:-4px}
.atlas-compass {position:absolute;left:var(--inset-block);bottom:135px;display:flex;align-items:center;gap:3px;color:#BAD4D5;font-size:11px;pointer-events:none}
.atlas-compass svg {width:25px;height:32px}
.atlas-footer {padding:12px var(--inset-block) 0;display:flex;gap:20px;justify-content:space-between;color:#BAD4D5;font-size:11px;line-height:1.6;border-top:1px solid #28525A}
.atlas-stores {display:flex;gap:8px;flex-wrap:wrap;padding:16px var(--inset-block) 24px}
.atlas-stores button {display:flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;border:1px solid #387074;padding:8px 14px;font-size:12px;background:#103E46;color:#F2FBFA}
.atlas-stores button::before {content:'';width:6px;height:6px;background:#FFC928;border-radius:50%}
.atlas-stores button[aria-current=true] {border-color:#FFC928}
.atlas-stores button:focus-visible {outline-color:#FFC928}
@media(hover:hover) and (pointer:fine) {.atlas-pin:hover .atlas-pin-mark {transform:translateY(-4px) scale(1.12);background:#0B5E68}.atlas-stores button:hover,.atlas-tools button:hover:enabled {background:#1B535A}}
@media(max-width:760px) {
 .atlas-heading {padding-top:24px}.atlas-heading h3 {font-size:32px}.atlas-heading p {max-width:26ch}.atlas-demo {font-size:10px}
 .atlas-viewport {height:380px;margin-top:0}.atlas-footer {flex-direction:column;gap:5px}.atlas-tools {bottom:174px}.atlas-compass {bottom:180px}
 .atlas-stores {flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px}.atlas-stores button {flex-shrink:0}.atlas-pin-name {font-size:11px}
}
@media(max-width:480px) {
 .atlas-heading {flex-direction:column;gap:12px}.atlas-demo {text-align:left;display:block}.atlas-demo br {display:none}.atlas-demo br::after {content:' · '}
 .atlas-viewport {height:320px}.atlas-heading h3 {font-size:30px}.atlas-tools {right:20px;bottom:183px}.atlas-tools button:last-child {padding-inline:10px}.atlas-compass {left:20px;bottom:235px}
 .atlas-pin-name {display:none}.atlas-pin:focus-visible .atlas-pin-name {display:block}.atlas-pin-mark {width:30px;height:30px}.atlas-view-switch button {padding-inline:16px}
}
@media(prefers-reduced-motion:reduce) {.atlas-pin-mark {transition:none} .atlas-pin:hover .atlas-pin-mark {transform:none}}
.atlas-viewport {user-select:none}
.atlas-demo {max-width:150px}
@media(max-width:480px) {.atlas-demo {max-width:none}.atlas-viewport {height:280px}}
.atlas-stores {scrollbar-width:thin;scrollbar-color:#387074 #062E35}
/* v62: screen-space clusters, a quieter projected landscape and selective labels. */
.atlas-pin {width:44px;height:44px;min-width:44px;min-height:44px;justify-content:center;gap:0;z-index:1}
.atlas-pin-mark {width:12px;height:12px;border:1px solid #D2F7DB;background:#FFC928;box-shadow:0 0 0 4px #073F4770,0 3px 8px #00171D80}
.atlas-pin-mark::before,.atlas-pin-mark::after {display:none}
.atlas-pin-name {position:absolute;bottom:calc(100% - 3px);left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;pointer-events:none;display:block;transition:opacity 140ms ease;max-width:180px}
.atlas-pin:focus-visible {z-index:5}
.atlas-pin:focus-visible .atlas-pin-name {opacity:1;visibility:visible;display:block}
.atlas-pin[aria-current=true] .atlas-pin-mark {background:#6FE6DF}
.atlas-cluster {position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;pointer-events:auto;background:transparent;padding:0;border-radius:50%;color:#073F47;z-index:2}
.atlas-cluster:active {transform:translate(-50%,-50%)}
.atlas-cluster-count {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#6FE6DF;border:1px solid #C6F8EA;box-shadow:0 0 0 5px #6FE6DF18,0 6px 14px #00171D66;font:650 15px/1 Figtree,Arial,sans-serif;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.atlas-cluster:focus-visible {outline:2px solid #FFC928;outline-offset:3px}
.atlas-selection {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--inset-block) 0;font-size:13px}
.atlas-selection button {background:transparent;color:#6FE6DF;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px}
@media(hover:hover) and (pointer:fine) {
 .atlas-pin:hover {z-index:5}.atlas-pin:hover .atlas-pin-name {opacity:1;visibility:visible}.atlas-pin:hover .atlas-pin-mark {transform:scale(1.2);background:#6FE6DF}
 .atlas-cluster:hover .atlas-cluster-count {transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce) {.atlas-cluster-count,.atlas-pin-name {transition:none}.atlas-cluster:hover .atlas-cluster-count,.atlas-pin:hover .atlas-pin-mark {transform:none}}
/* Count is explicitly a quantity of merchants, never a numbered region. */
.atlas-cluster {width:52px;height:52px}
.atlas-cluster-count {width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.atlas-cluster-count strong {font-size:15px;line-height:1;font-weight:650}
.atlas-cluster-count small {font-size:9px;line-height:1;font-weight:500}
.atlas-heading p {max-width:50ch}
/* v65: the same count language for individual stores and groups. */
.atlas-pin-mark {width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#6FE6DF;border:1px solid #C6F8EA;color:#073F47;box-shadow:0 0 0 4px #6FE6DF18,0 4px 10px #00171D66}
.atlas-pin-mark strong {font:650 14px/1 Figtree,Arial,sans-serif}
.atlas-pin-mark small {font:500 9px/1 Figtree,Arial,sans-serif}
@media(hover:hover) and (pointer:fine) {.atlas-pin:hover .atlas-pin-mark {background:#A7F3EC;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce) {.atlas-pin:hover .atlas-pin-mark {transform:none}}
/* v66: six merchants use individual yellow points; counts are deferred. */
.atlas-pin-mark {width:12px;height:12px;border:1px solid #FFF0A3;background:#FFC928;box-shadow:0 0 0 4px #073F4770,0 3px 8px #00171D80}
@media(hover:hover) and (pointer:fine) {.atlas-pin:hover .atlas-pin-mark {background:#FFDF63}}
/* v67: a quiet glass surface keeps the compass readable over terrain. */
.atlas-compass {z-index:3;min-height:44px;padding:6px 12px 6px 9px;gap:6px;border:1px solid rgba(181,234,224,.38);border-radius:12px;background:rgba(6,35,43,.82);color:#E4F7F2;box-shadow:inset 0 1px 0 rgba(235,255,250,.09),0 4px 14px rgba(0,20,27,.2)}
.atlas-compass svg {width:22px;height:28px;flex-shrink:0}
@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) {
 .atlas-compass {background:rgba(6,35,43,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}