.mock-surface{position:relative;overflow:hidden;border-radius:1.9rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f172aeb,#080c18fa),radial-gradient(circle at top left,rgba(var(--route-primary),.14),transparent 44%),radial-gradient(circle at bottom right,rgba(var(--route-secondary),.08),transparent 42%);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.mock-surface:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(var(--route-primary),.08),transparent 36%,rgba(var(--route-secondary),.12));pointer-events:none}.mock-surface>*{position:relative;z-index:1}.mock-panel{border-radius:1.3rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mock-tab-row{display:flex;flex-wrap:wrap;gap:.6rem}.mock-tab{border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e2e8f0bd;padding:.55rem .9rem;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.mock-tab.is-active{color:#fffffff5;background:rgba(var(--route-primary),.16);border-color:rgba(var(--route-primary),.26)}.avatar-stack{display:flex;align-items:center}.avatar-stack>span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:-.45rem;border-radius:999px;border:2px solid rgba(2,6,23,.95);background:linear-gradient(135deg,rgba(var(--route-primary),.28),#ffffff14);color:#ffffffe6;font-size:.72rem;opacity:0;transform:translateY(6px);animation:avatarRise .68s var(--ease-emphasis) forwards}.avatar-stack>span:nth-child(2){animation-delay:.1s}.avatar-stack>span:nth-child(3){animation-delay:.18s}.avatar-stack>span:nth-child(4){animation-delay:.26s}.avatar-stack>span:nth-child(5){animation-delay:.34s}.mock-panel.route-map,.route-map{position:relative;min-height:220px;overflow:hidden;isolation:isolate;padding:0;border-color:#ffffff1a;background-color:#050a12fa;background:linear-gradient(180deg,#070c16fe,#030810fd),radial-gradient(circle at 18% 76%,rgba(var(--route-primary),.18),transparent 24%),radial-gradient(circle at 82% 18%,rgba(var(--route-secondary),.14),transparent 22%),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:auto,auto,auto,2.4rem 2.4rem,2.4rem 2.4rem;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff06;backdrop-filter:none;-webkit-backdrop-filter:none}.route-map:before{content:"";position:absolute;inset:6% 8%;border-radius:999px;background:radial-gradient(circle at 22% 72%,rgba(var(--route-primary),.18),transparent 22%),radial-gradient(circle at 52% 58%,rgba(255,255,255,.08),transparent 16%),radial-gradient(circle at 82% 18%,rgba(var(--route-secondary),.16),transparent 20%);filter:blur(28px);opacity:.92;pointer-events:none}.route-map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%),linear-gradient(145deg,rgba(255,255,255,.02),transparent 30%,rgba(255,255,255,.015));pointer-events:none}.route-map__roads{position:absolute;inset:0;z-index:0;pointer-events:none}.route-map__roads:before,.route-map__roads:after{content:"";position:absolute;inset:10% 8%;border-radius:inherit;pointer-events:none}.route-map__roads:before{background:linear-gradient(126deg,transparent 0 16%,rgba(148,163,184,.12) 17% 18%,transparent 19% 43%,rgba(148,163,184,.09) 44% 45%,transparent 46%),linear-gradient(24deg,transparent 0 24%,rgba(148,163,184,.1) 25% 26%,transparent 27% 56%,rgba(148,163,184,.08) 57% 58%,transparent 59%);opacity:.9}.route-map__roads:after{inset:16% 12%;background:linear-gradient(90deg,transparent 0 20%,rgba(148,163,184,.08) 21% 22%,transparent 23% 64%,rgba(148,163,184,.08) 65% 66%,transparent 67%),linear-gradient(0deg,transparent 0 28%,rgba(148,163,184,.07) 29% 30%,transparent 31% 68%,rgba(148,163,184,.07) 69% 70%,transparent 71%);opacity:.75}.route-map svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:.9rem .9rem 1rem;overflow:visible}.route-map__path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-map__path--base{stroke:#f1f5f938;stroke-width:13;filter:drop-shadow(0 0 10px rgba(148,163,184,.1))}.route-map__path--accent{stroke:#bae6fdfa;stroke-width:4.75;filter:drop-shadow(0 0 18px rgba(var(--route-primary),.55)) drop-shadow(0 0 8px rgba(255,255,255,.16))}.route-map__dot{fill:#f1f5f9fa;stroke:rgba(var(--route-primary),.92);stroke-width:4;filter:drop-shadow(0 0 14px rgba(var(--route-primary),.55)) drop-shadow(0 0 6px rgba(255,255,255,.18))}.route-map__labels{position:absolute;inset:0;z-index:3;pointer-events:none}.route-map__label{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0a111df5,#060b15f5),#060b15f5;box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff0a;color:#e2e8f0e0;font-size:.66rem;font-weight:700;letter-spacing:.12em;line-height:1;padding:.48rem .68rem;text-transform:uppercase;white-space:nowrap}.route-map__label--start{left:.85rem;bottom:.85rem}.route-map__label--midpoint{left:49%;bottom:3.2rem;transform:translate(-50%)}.route-map__label--finish{right:.85rem;top:.85rem}@media(max-width:639px){.route-map__label{font-size:.6rem;padding:.42rem .58rem;letter-spacing:.1em}.route-map__label--midpoint{bottom:2.85rem}}.typing-indicator{display:inline-flex;align-items:center;gap:.32rem}.typing-indicator span{width:.38rem;height:.38rem;border-radius:999px;background:rgba(var(--route-secondary),.96);animation:typingPulse 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}[data-route-path^="/cities/"] .page-hero[data-hero-theme=cities]{--page-hero-image-opacity: .8;--page-hero-image-filter: none;--page-hero-veil: linear-gradient(90deg, rgba(2, 6, 23, .9) 0%, rgba(2, 6, 23, .78) 34%, rgba(2, 6, 23, .42) 66%, rgba(2, 6, 23, .56) 100%), linear-gradient(180deg, rgba(2, 6, 23, .18) 0%, rgba(2, 6, 23, .8) 100%)}[data-route-path^="/cities/"] .page-hero[data-hero-theme=cities] .page-hero__backdrop{background:linear-gradient(180deg,#050a12fa,#050a12eb),radial-gradient(circle at 50% 0%,rgba(var(--route-primary),.06),transparent 42%)}[data-route-path^="/cities/"] .page-hero[data-hero-theme=cities] .page-hero__orb--primary{opacity:.42}[data-route-path^="/cities/"] .page-hero[data-hero-theme=cities] .page-hero__orb--secondary{opacity:.28}[data-route-path^="/cities/"] .page-hero[data-hero-theme=cities] .page-hero__grid{opacity:.14}[data-route-path^="/cities/"] .glass,[data-route-path^="/cities/"] .mock-panel,[data-route-path^="/cities/"] .cities-directory__mobile-filter,[data-route-path^="/cities/"] .cities-directory__sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(180deg,#060b15f0,#040812fa),#040812f5}[data-route-path^="/cities/"] .cities-directory__mobile-filter-button{background:linear-gradient(180deg,#080e19e6,#040812fa),#040812f5}.section-scene--cities-signal .section-scene__backdrop,.section-scene--cities-directory .section-scene__backdrop,.section-scene--cities-faq .section-scene__backdrop{background:linear-gradient(180deg,#050a12fa,#050a12f2),radial-gradient(circle at 50% 0%,rgba(var(--route-primary),.04),transparent 46%)}.section-scene--cities-signal .section-scene__glow--primary,.section-scene--cities-directory .section-scene__glow--primary,.section-scene--cities-faq .section-scene__glow--primary{opacity:.04!important;transform:none!important;filter:blur(76px);transition:none}.section-scene--cities-signal .section-scene__glow--secondary,.section-scene--cities-directory .section-scene__glow--secondary,.section-scene--cities-faq .section-scene__glow--secondary{opacity:.06!important;transform:none!important;filter:blur(68px);transition:none}.section-scene--cities-signal .section-scene__mesh,.section-scene--cities-directory .section-scene__mesh,.section-scene--cities-faq .section-scene__mesh{opacity:.05!important;transform:none!important;transition:none}.section-scene--cities-signal .signal-card{background:linear-gradient(180deg,#080e19e0,#040812f7),radial-gradient(circle at top left,rgba(var(--route-primary),.1),transparent 40%),radial-gradient(circle at bottom right,rgba(var(--route-secondary),.06),transparent 42%)}[data-city-card]{content-visibility:auto;contain-intrinsic-size:480px}
