:root{--bg:#030b12;--bg-elevated:#071520;--panel:#081620d1;--panel-solid:#0a1722;--panel-strong:#122430e6;--text:#f6fbff;--muted:#a9bac4;--line:#badce229;--accent:#39d8cd;--accent-strong:#06a69b;--accent-soft:#39d8cd24;--highlight:#62efe2;--danger-soft:#ff845229;--danger:#ff875d;--warning:#f0b446;--glass:#081620ad;--shadow:0 28px 90px #0000006b;--shadow-soft:0 16px 44px #00000047;--radius-lg:28px;--radius-md:18px}:root[data-theme=day]{--bg:#f6fbff;--bg-elevated:#eef8fb;--panel:#ffffffdb;--panel-solid:#fff;--panel-strong:#ebf6f9f0;--text:#071018;--muted:#5b6872;--line:#124c5621;--accent:#058f8d;--accent-strong:#047a7a;--accent-soft:#058f8d1a;--highlight:#0ca6a1;--danger-soft:#ff7e4c21;--danger:#ec6842;--warning:#df980d;--glass:#ffffffbd;--shadow:0 28px 80px #163e4929;--shadow-soft:0 16px 44px #163e4917}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}html[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:linear-gradient(128deg,#39d8cd1f,transparent 40%),linear-gradient(232deg,#ff845214,transparent 38%),linear-gradient(180deg,#02070c 0%,var(--bg)42rem,#04111a 100%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .22s,color .22s}:root[data-theme=day] body{background:linear-gradient(128deg,#2cb5d424,transparent 40%),linear-gradient(232deg,#058f8d1a,transparent 38%),linear-gradient(180deg,#f5fbff 0%,var(--bg)42rem,#fff 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{--page-pad:24px;max-width:1280px;margin:0 auto;padding:0 24px 24px;position:relative}.siteHeader,.siteFooter{justify-content:space-between;align-items:center;gap:16px;display:flex}.siteHeader{z-index:30;pointer-events:none;background:0 0;padding:0;position:absolute;top:22px;left:24px;right:24px}.siteHeader>*{pointer-events:auto}.siteFooter{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:24px 0 48px;font-size:14px}.brand{gap:4px;display:grid}.brand strong{letter-spacing:0;font-size:18px}.brand span,.nav a,.lede,.muted,.card span,table{color:var(--muted)}.nav{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.nav a{border-radius:999px;padding:8px 10px;transition:background .16s,color .16s}.nav a:hover,.nav a:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.themeToggle{border:1px solid var(--line);background:var(--glass);color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.themeToggle span:first-child{background:var(--accent);color:#00110f;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.hero,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:28px}.hero{gap:18px;display:grid}.eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--highlight);font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.08}h2{letter-spacing:0;margin-bottom:12px;font-size:clamp(1.4rem,2vw,2rem)}.lede{max-width:760px;font-size:18px;line-height:1.6}.badgeRow,.buttonRow,.metaRow,.crumbs{flex-wrap:wrap;gap:12px;display:flex}.buttonRow.compact{gap:8px}.buttonRow.compact .button,.buttonRow.compact .buttonGhost{padding:8px 10px;font-size:13px}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid #39d8cd29;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex}.badge.warn{background:var(--danger-soft);color:var(--warning);border-color:#f0b4463d}.formLabel{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.finderGrid,.twoColumn{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.formGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.field{gap:8px;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel-solid);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #184d3b1f}input[type=range]{padding:0}textarea{resize:vertical;line-height:1.5}.toggleGrid{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.toggleGrid label{align-items:center;gap:8px;display:inline-flex}.toggleGrid input{width:auto}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.resultList{gap:12px;display:grid}.resultCard{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.resultCard:hover{box-shadow:var(--shadow-soft);border-color:#184d3b5c;transform:translateY(-2px)}.resultCard div:nth-child(2){gap:4px;display:grid}.resultCard span{color:var(--muted);line-height:1.45}.rankBadge,.scorePill{border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.rankBadge{background:var(--panel-strong);width:34px;height:34px;color:var(--highlight)}.scorePill{background:var(--accent);color:#fff;width:54px;height:54px;font-size:20px}.finderGrid{border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;padding:18px}ul{margin:12px 0 0;padding-left:20px}li{color:var(--muted);margin:8px 0}.badge.subtle{background:var(--panel-strong);color:var(--muted)}.button,.buttonGhost{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#001412;border-color:var(--accent);box-shadow:0 16px 35px #39d8cd33}.buttonGhost{background:0 0}.button:hover,.buttonGhost:hover{transform:translateY(-1px)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:6px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.card:hover{box-shadow:var(--shadow-soft);border-color:#184d3b52;transform:translateY(-2px)}.sectionStack{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:0;padding-top:88px;display:grid}.sectionStack>*{min-width:0}.sectionStack>:first-child.visualHero-cinematic{margin-top:-88px;padding-top:clamp(96px,12vw,140px)}.split{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.list{gap:12px;display:grid}.listItem{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.listItem span{color:var(--muted);line-height:1.45}.listItem:last-child{border-bottom:0}.regionHubItem{flex-direction:column;align-items:stretch;gap:6px;padding:16px 0}.regionHubItemHead{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.regionHubItemHead strong{font-size:16px}.regionHubItemCount{color:var(--muted);white-space:nowrap;font-size:13px}.regionHubItemPositioning{color:var(--muted);letter-spacing:.01em;font-size:13.5px;line-height:1.65}.regionGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.regionGalleryCard{flex-direction:column;gap:10px;min-width:0;display:flex}.regionGalleryCardLink{color:inherit;background:#0c121aa6;border:1px solid #ffffff0f;border-radius:16px;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000040}.regionGalleryCardLink:hover,.regionGalleryCardLink:focus-visible{border-color:#ffffff29;outline:none;transform:translateY(-3px);box-shadow:0 16px 36px #0006}.regionGalleryImage{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.regionGalleryImage img{object-fit:cover;transition:transform .6s}.regionGalleryCardLink:hover .regionGalleryImage img{transform:scale(1.04)}.regionGalleryScrim{pointer-events:none;background:linear-gradient(#0000 30%,#0000008c 70%,#000000d1 100%);position:absolute;inset:0}.regionGalleryCaption{color:#fff;flex-direction:column;gap:4px;display:flex;position:absolute;inset:auto 18px 16px}.regionGalleryCount{letter-spacing:.06em;text-transform:uppercase;color:#ffffffc7;font-size:11px}.regionGalleryName{margin:0;font-size:22px;font-weight:600;line-height:1.2}.regionGalleryPositioning{color:#ffffffc7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.regionGalleryChips{flex-wrap:wrap;gap:6px;display:flex}.regionGalleryChip{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:5px 11px;font-size:12.5px;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.regionGalleryChip:hover,.regionGalleryChip:focus-visible{color:var(--text);background:#ffffff14;border-color:#ffffff2e;outline:none}.regionGalleryChipMore{color:var(--text);background:#6ec5ff1a;border-color:#6ec5ff47}@media (max-width:720px){.regionGalleryGrid{gap:14px}.regionGalleryName{font-size:19px}.regionGalleryImage{aspect-ratio:16/9}}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 0}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.metricCard{border:1px solid var(--line);background:var(--panel);border-radius:22px;align-items:center;gap:18px;padding:22px 22px 20px;display:flex;position:relative;overflow:hidden}.metricCard .muted{letter-spacing:.04em;font-size:13px}.metricCard strong{margin-top:6px;font-size:30px;font-weight:800;display:block}.metricCard.metricCardRing{align-items:center}.metricCard.metricCardRing .metricCardBody{flex-direction:column;gap:4px;display:flex}.metricCard.metricCardRing .metricCardBody strong{margin-top:0;font-size:22px;line-height:1.1}.metricCard.metricCardRing .metricCardBody small{color:var(--muted);font-size:12px}.metricRing{--ring-size:76px;--ring-thickness:9px;--ring-value:0;--ring-color:var(--accent);width:var(--ring-size);height:var(--ring-size);background:conic-gradient(var(--ring-color)calc(var(--ring-value)*1%),#94a3b82e 0);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.metricRing:before{content:"";inset:var(--ring-thickness);background:var(--panel);border-radius:50%;position:absolute}.metricRing span{color:var(--text);letter-spacing:-.02em;font-size:22px;font-weight:800;position:relative}.metricRing.metricRingCost{--ring-color:#60a5fa}.metricRing.metricRingRemote{--ring-color:#34d399}.metricRing.metricRingRisk{--ring-color:#fb7185}.crumbs{margin-bottom:16px;font-size:14px}.crumbs a{color:var(--accent)}@media (max-width:760px){.split,.siteHeader,.siteFooter{grid-template-columns:1fr;display:grid}}.visualHero{background:linear-gradient(135deg,#ffffff0a,#39d8cd0a),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:28px;padding:32px;display:grid;overflow:hidden}.visualHero-cinematic{isolation:isolate;background:#050c13;border-color:#ffffff1f;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;min-height:clamp(680px,78vh,920px);padding:clamp(28px,5vw,56px);position:relative}.visualHeroBg,.visualHeroScrim{position:absolute;inset:0}.visualHeroBg{z-index:-3;object-fit:cover;filter:brightness(1.1)saturate(1.05)contrast(1.01);width:100%;height:100%}.visualHeroBgDay,:root[data-theme=day] .visualHeroBgNight{opacity:0}:root[data-theme=day] .visualHeroBg{filter:brightness(1.03)saturate(1.01)contrast(.99)}:root[data-theme=day] .visualHeroBgDay{opacity:1}.visualHeroScrim{z-index:-2;background:linear-gradient(90deg,#03080db8 0%,#03080d6b 36%,#03080d2e 62%,#03080d0a 100%),linear-gradient(#03080d0d 0%,#03080d6b 100%)}:root[data-theme=day] .visualHeroScrim{background:linear-gradient(90deg,#f6fbffe6 0%,#f6fbffc2 34%,#f6fbff3b 66%,#f6fbff05 100%),linear-gradient(#f6fbff00 0%,#f6fbff1a 100%)}.visualHero-cinematic .visualHeroCopy{min-width:0;max-width:820px;padding-top:42px}.visualHero-cinematic h1{letter-spacing:-.01em;text-wrap:balance;text-shadow:0 4px 34px #0000009e;font-size:clamp(2.8rem,5.4vw,5.2rem);font-weight:900;line-height:1.02}:root[data-theme=day] .visualHero-cinematic h1{text-shadow:none}.visualHero-cinematic .lede{color:#f6fbffeb;text-shadow:0 3px 22px #000000b3;max-width:650px;font-size:clamp(1rem,1.6vw,1.35rem)}.visualHero-cinematic .badgeRow .badge{color:#f6fbfff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0816209e;border-color:#ffffff38}:root[data-theme=day] .visualHero-cinematic .badgeRow .badge{color:var(--accent-strong);background:#ffffffc7;border-color:#058f8d38}:root[data-theme=day] .visualHero-cinematic .lede{color:#26343b;text-shadow:none}.visualHeroCopy{z-index:1;align-content:center;gap:18px;display:grid;position:relative}.heroSubSummary{color:#ffffffc7;border-left:2px solid #ffffff38;max-width:56ch;margin:0;padding-left:14px;font-size:14.5px;line-height:1.7}.visualHeroMedia{background:var(--accent-soft);border-radius:26px;min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff61}.visualHeroMedia:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#1a1d146b),linear-gradient(120deg,#ffffff42,#0000 36%);position:absolute;inset:0}.visualHeroMedia img{object-fit:cover;width:100%;height:100%}.finderGrid.visualFinder{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cinematicPanel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:22px;padding:clamp(22px,4vw,34px);display:grid}.matchResultLayout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.matchFilterPanel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-soft);gap:14px;padding:24px;display:grid;position:sticky;top:24px}.matchFilterPanel h3{margin:0;font-size:18px;line-height:1.35}.matchFilterList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.matchFilterList li{border:1px solid var(--line);background:#94a3b814;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.matchFilterList li span{color:var(--muted)}.matchFilterList li strong{color:var(--text);font-size:13px;font-weight:700}.matchResultColumn{gap:22px;display:grid}.matchTopThree{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.matchTopCard{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);color:inherit;border-radius:22px;text-decoration:none;transition:transform .24s,box-shadow .24s;display:grid;overflow:hidden}.matchTopCard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.matchTopMedia{aspect-ratio:4/3;position:relative;overflow:hidden}.matchTopMedia img{object-fit:cover}.matchTopMedia:after{content:"";background:linear-gradient(#03080d00 40%,#03080dc7 100%);position:absolute;inset:0}.matchTopRank{background:var(--accent);color:#001616;z-index:1;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid;position:absolute;top:14px;left:14px}.matchTopMediaCopy{z-index:1;color:#fff;gap:2px;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.matchTopMediaCopy strong{font-size:22px;font-weight:800;line-height:1.1}.matchTopMediaCopy span{color:#ffffffc7;font-size:12px}.matchTopBody{gap:10px;padding:16px 18px 18px;display:grid}.matchTopScore{align-items:baseline;gap:8px;display:flex}.matchTopScore strong{color:var(--accent);font-size:30px;font-weight:800;line-height:1}.matchTopScore span{color:var(--muted);font-size:12px}.matchTopReasons{gap:4px;margin:0;padding:0;list-style:none;display:grid}.matchTopReasons li{color:var(--text);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.matchTopReasons li:before{content:"·";color:var(--accent);font-weight:800;position:absolute;left:4px}.matchTopBody small{color:var(--muted);font-size:11.5px;line-height:1.5}@media (max-width:1080px){.matchResultLayout{grid-template-columns:1fr}.matchFilterPanel{position:relative;top:0}.matchTopThree{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.howItWorksHeading{gap:6px;margin-top:14px;display:grid}.howItWorksHeading h2{margin:0;font-size:clamp(1.4rem,2vw,1.8rem)}.howItWorksHeading p{color:var(--muted);margin:0}.howItWorksSteps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.howItWorksSteps li{border:1px solid var(--line);background:#94a3b80f;border-radius:20px;align-content:start;gap:6px;padding:22px 22px 20px;display:grid;position:relative}.howItWorksSteps li strong{margin-top:6px;font-size:17px}.howItWorksSteps li span{color:var(--muted);font-size:13.5px;line-height:1.55}.howItWorksSteps li small{color:var(--accent);letter-spacing:.05em;font-size:12px}.howItWorksStepNum{background:var(--accent);border-radius:50%;place-items:center;width:38px;height:38px;color:#001616!important;font-size:17px!important;font-weight:800!important;display:grid!important}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cityWorldMapPanel{gap:18px;display:grid}.cityPositioningLine{color:#ffffffd1;letter-spacing:.01em;font-style:italic;line-height:1.6}.cityWorldMapFilter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.cityWorldMapFilterSearch{min-width:200px;height:36px;color:var(--text);background:#080c1299;border:1px solid #ffffff1f;border-radius:999px;outline:none;flex:220px;padding:0 12px;font-size:13px;transition:border-color .16s,background .16s}.cityWorldMapFilterSearch::placeholder{color:#fff6}.cityWorldMapFilterSearch:focus{background:#0c121ad9;border-color:#ffffff52}.cityWorldMapBucketChips{flex-wrap:wrap;gap:8px;display:flex}.cityWorldMapBucketChip{--chipColor:#a8e063;appearance:none;letter-spacing:.01em;cursor:pointer;color:#ffffffc7;background:#ffffff0d;background:color-mix(in srgb,var(--chipColor)16%,transparent);border:1px solid #ffffff1f;border-color:color-mix(in srgb,var(--chipColor)35%,transparent);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.cityWorldMapBucketChip:hover{background:color-mix(in srgb,var(--chipColor)28%,transparent);color:var(--text)}.cityWorldMapBucketChip:focus-visible{outline:2px solid color-mix(in srgb,var(--chipColor)70%,white 10%);outline-offset:2px}.cityWorldMapBucketChip.isSelected{color:#03080d;background:var(--chipColor);background:color-mix(in srgb,var(--chipColor)80%,white 10%);border-color:var(--chipColor);box-shadow:0 0 0 1px var(--chipColor)inset,0 6px 18px color-mix(in srgb,var(--chipColor)35%,transparent)}.cityWorldMapFilterMeta{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:12px;display:inline-flex}.cityWorldMapResetLink{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #ffffff40;padding:2px 4px;font-size:12px;font-weight:600}.cityWorldMapResetLink:hover{color:var(--accent);border-bottom-color:var(--accent)}.cityWorldMapCompareLink{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)45%,transparent);background:color-mix(in srgb,var(--accent)14%,transparent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none}.cityWorldMapCompareLink:hover{background:color-mix(in srgb,var(--accent)22%,transparent)}.cityWorldMapDot{transition:r .2s,opacity .2s}@media (max-width:720px){.cityWorldMapFilter{gap:10px}.cityWorldMapFilterSearch{flex:100%;min-width:0}.cityWorldMapBucketChips{flex:100%}.cityWorldMapFilterMeta{flex:100%;justify-content:space-between;margin-left:0}}.cityWorldMap{gap:16px;display:grid}.cityWorldMapMini{gap:0}.cityWorldMapMini .cityWorldMapCanvas{border-radius:var(--radius-md)}.cityWorldMapCanvas{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:radial-gradient(120% 80% at 20% 0,#78b4dc14,#0000 60%),radial-gradient(100% 80% at 80% 100%,#ffb4780f,#0000 60%),linear-gradient(#080e16d9 0%,#060a10f2 100%);border:1px solid #ffffff14;padding:8px;position:relative;overflow:hidden}.cityWorldMapCanvas svg{width:100%;height:auto;display:block}.cityWorldMapTooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);pointer-events:none;z-index:5;background:#0a1018eb;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:8px;max-width:min(92%,420px);padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 12px 32px #00000073}.cityWorldMapTooltipHead{align-items:center;gap:12px;display:flex}.cityWorldMapTooltipName{flex:auto;min-width:0}.cityWorldMapTooltipPoetic{color:#ffffffc7;letter-spacing:.01em;border-top:1px dashed #ffffff1f;margin:0;padding-top:8px;font-size:13px;font-style:italic;line-height:1.55}.cityWorldMapTooltip strong{font-size:14px;font-weight:700;line-height:1.2;display:block}.cityWorldMapTooltip span{color:var(--muted);font-size:12px;display:block}.cityWorldMapTooltipDot{border-radius:50%;flex:none;width:10px;height:10px}.cityWorldMapTooltipCost{text-align:right;margin-left:auto}.cityWorldMapTooltipCost span{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.cityWorldMapTooltipCost strong{color:var(--accent);font-size:15px}.cityWorldMapLegend{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.cityWorldMapLegendLabel{color:var(--text);font-weight:600}.cityWorldMapLegendScale{align-items:center;gap:8px;display:inline-flex}.cityWorldMapLegendBar{background:linear-gradient(90deg,#3ddc97 0%,#a8e063 25%,#f5d76e 50%,#f39c63 75%,#e85a4f 100%);border-radius:999px;width:160px;height:8px;box-shadow:inset 0 0 0 1px #ffffff14}.cityWorldMapLegendHint{margin-left:auto}@media (max-width:720px){.cityWorldMapTooltip{max-width:none;bottom:12px;left:12px;right:12px}.cityWorldMapLegendHint{width:100%;margin-left:0}}.finalCtaBand{border-radius:var(--radius-lg);min-height:clamp(280px,36vh,380px);box-shadow:var(--shadow);border:1px solid #ffffff1a;align-items:center;display:grid;position:relative;overflow:hidden}.finalCtaBg{filter:saturate(1.05);background-image:url(/assets/wheretobase/cinematic-v4/home-hero-night.png);background-position:50%;background-size:cover;position:absolute;inset:0}[data-theme=day] .finalCtaBg{background-image:url(/assets/wheretobase/cinematic-v4/home-hero-day.png)}.finalCtaScrim{background:linear-gradient(110deg,#03080dd6 0%,#03080d8c 50%,#03080d40 100%),linear-gradient(#03080d1a 0%,#03080d80 100%);position:absolute;inset:0}.finalCtaCopy{color:#fff;gap:14px;max-width:680px;padding:clamp(28px,5vw,48px);display:grid;position:relative}.finalCtaCopy h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.18}.finalCtaCopy p{color:#ffffffd1;margin:0;line-height:1.6}.finalCtaCopy .miniLabel{color:var(--accent)}[data-theme=day] .finalCtaScrim{background:linear-gradient(110deg,#0818248c 0%,#0818244d 60%,#0818242e 100%),linear-gradient(#08182400 0%,#0818244d 100%)}.cinematicStatsBand{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;display:grid;overflow:hidden}.cinematicStat{border-right:1px solid var(--line);gap:4px;padding:22px;display:grid}.cinematicStat:last-child{border-right:0}.cinematicStat span,.cinematicStat small{color:var(--muted)}.cinematicStat strong{letter-spacing:-.01em;color:var(--text);font-size:clamp(2.4rem,3.6vw,3.6rem);font-weight:900;line-height:1}.heroMatcherPanel,.verdictPanel,.matchHeroPanel{z-index:1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#07141ed1;border:1px solid #ffffff29;border-radius:26px;align-self:center;gap:16px;padding:24px;display:grid;position:relative}:root[data-theme=day] .heroMatcherPanel,:root[data-theme=day] .verdictPanel,:root[data-theme=day] .matchHeroPanel{background:#ffffffad;border-color:#083c481f}.heroMatcherPanel h2{margin:0;font-size:clamp(1.3rem,2vw,1.8rem)}.heroMatcherFields{gap:12px;display:grid}.heroMatcherFields div,.verdictRows div{border:1px solid var(--line);background:#ffffff06;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}:root[data-theme=day] .heroMatcherFields div,:root[data-theme=day] .verdictRows div{background:#ffffff9e}.heroMatcherFields span,.heroMatcherPanel small,.verdictRows span{color:var(--muted)}.verdictScore{align-items:baseline;gap:6px;display:flex}.matchHeroScore{align-items:baseline;gap:7px;display:flex}.verdictScore strong,.matchHeroScore strong{color:var(--accent);font-size:clamp(3rem,6vw,5rem);line-height:.95}.matchHeroPanel h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.matchHeroPanel p{color:var(--muted);line-height:1.6}.verdictBar{background:#ffffff24;border-radius:999px;height:9px;overflow:hidden}.verdictBar span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--highlight));height:100%;display:block}.cinematicCityGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.galleryHero{flex-direction:column;gap:22px;padding:28px 0 32px;display:flex;position:relative}.galleryHeroIntro{max-width:760px;padding:0 var(--page-pad,24px);flex-direction:column;gap:10px;display:flex}.galleryHeroTitle{letter-spacing:-.01em;color:var(--text);margin:0;font-size:clamp(28px,4.2vw,44px);line-height:1.18}.galleryHeroLede{color:var(--text-muted,#dce6f0b3);max-width:60ch;margin:0;font-size:15px;line-height:1.6}.galleryHeroBreak{display:none}.galleryHeroMeta{align-items:center;gap:10px;margin-top:4px;display:flex}.galleryHeroScroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px var(--page-pad,24px)12px;margin:0 calc(-1*var(--page-pad,24px));scrollbar-width:none;overflow:auto hidden}.galleryHeroScroller::-webkit-scrollbar{display:none}.galleryHeroScroller:focus-visible{outline:2px solid var(--accent,#6ec5ff);outline-offset:4px;border-radius:4px}.galleryHeroTrack{gap:16px;padding-right:24px;display:flex}.cityGalleryCard{width:clamp(150px,14vw,180px);color:inherit;scroll-snap-align:start;background:#0c121aa6;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;flex:none;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000040}.cityGalleryCard:hover,.cityGalleryCard:focus-visible{border-color:#ffffff29;outline:none;transform:translateY(-3px);box-shadow:0 14px 32px #0006}.cityGalleryImage{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.cityGalleryImage img{object-fit:cover;transition:transform .6s}.cityGalleryCard:hover .cityGalleryImage img{transform:scale(1.04)}.cityGalleryScrim{pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 70%,#000000c7 100%);height:60%;position:absolute;inset:auto 0 0}.cityGalleryCaption{color:#fff;flex-direction:column;gap:2px;display:flex;position:absolute;inset:auto 14px 14px}.cityGalleryCountry{letter-spacing:.05em;text-transform:uppercase;opacity:.78;font-size:11px}.cityGalleryName{letter-spacing:-.005em;font-size:20px;font-weight:600;line-height:1.2}.cityGalleryCostBadge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--badgeColor)50%,transparent);background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:12px}.cityGalleryCostBadgeDot{background:var(--badgeColor);border-radius:50%;width:7px;height:7px}.cityGalleryBody{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.cityGalleryBudget{color:var(--text);letter-spacing:.01em;font-size:13px;font-weight:600}.cityGalleryOneLine{color:var(--text-muted,#dce6f0a6);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.galleryHeroEndCard{width:clamp(180px,20vw,220px);color:var(--text);scroll-snap-align:start;background:#0c121a66;border:1px dashed #ffffff2e;border-radius:18px;flex-direction:column;flex:none;justify-content:center;gap:8px;padding:22px 20px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.galleryHeroEndCard:hover,.galleryHeroEndCard:focus-visible{background:#141c268c;border-color:#ffffff5c;outline:none}.galleryHeroEndCard strong{font-size:16px;font-weight:600}.galleryHeroEndCard small{color:var(--text-muted,#dce6f099);font-size:12px;line-height:1.5}.galleryHeroActions{padding:0 var(--page-pad,24px);flex-wrap:wrap;align-items:center;gap:18px;display:flex}.galleryHeroPrimaryCta{color:var(--text);border-bottom:1px solid;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .16s}.galleryHeroPrimaryCta:hover{opacity:.75}.galleryHeroSecondaryLink{color:var(--text-muted,#dce6f099);font-size:13px;text-decoration:none}.galleryHeroSecondaryLink:hover{color:var(--text)}@media (max-width:720px){.galleryHero{gap:18px;padding:20px 0 24px}.galleryHeroTitle{font-size:26px}.galleryHeroBreak{display:inline}.galleryHeroTrack .cityGalleryCard{width:62vw;max-width:240px}.galleryHeroEndCard{width:50vw;max-width:200px}}.citiesPageHero{padding:32px var(--page-pad,24px)12px;flex-direction:column;gap:12px;max-width:820px;display:flex}.citiesPageHeroTitle{letter-spacing:-.01em;color:var(--text);margin:0;font-size:clamp(26px,3.6vw,38px);line-height:1.2}.citiesPageHeroLede{color:var(--text-muted,#dce6f0b3);max-width:60ch;margin:0;font-size:14px;line-height:1.65}.citiesPageHeroMeta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:4px;display:flex}.citiesPageHeroCta{color:var(--text);border-bottom:1px solid;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .16s}.citiesPageHeroCta:hover{opacity:.75}.citiesGallerySection{padding:0 var(--page-pad,24px);flex-direction:column;gap:18px;display:flex}.citiesGalleryFilter{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.citiesGalleryFilterSearch{min-width:200px;color:var(--text);background:#00000052;border:1px solid #ffffff1f;border-radius:999px;outline:none;flex:220px;padding:9px 12px;font-size:13px;transition:border-color .16s,background .16s}.citiesGalleryFilterSearch:focus-visible{background:#00000080;border-color:#ffffff47}.citiesGalleryFilterSearch::placeholder{color:#dce6f06b}.citiesGalleryBucketChips{flex-wrap:wrap;gap:8px;display:flex}.citiesGalleryBucketChip{color:#dce6f0b8;background:#ffffff0d;background:color-mix(in srgb,var(--chipColor)16%,transparent);border:1px solid color-mix(in srgb,var(--chipColor)32%,transparent);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .16s,color .16s,box-shadow .16s}.citiesGalleryBucketChip:hover{background:color-mix(in srgb,var(--chipColor)26%,transparent)}.citiesGalleryBucketChip.isSelected{background:color-mix(in srgb,var(--chipColor)42%,transparent);color:var(--text);box-shadow:0 0 0 1px var(--chipColor)inset,0 6px 18px color-mix(in srgb,var(--chipColor)32%,transparent)}.citiesGalleryFilterMeta{color:var(--text-muted,#dce6f099);align-items:center;gap:12px;margin-left:auto;font-size:12.5px;display:flex}.citiesGalleryResetLink{color:var(--text-muted,#dce6f099);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline;transition:color .16s}.citiesGalleryResetLink:hover{color:var(--text)}.citiesGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.citiesGalleryEmpty{text-align:center;background:#ffffff05;border:1px dashed #ffffff29;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.citiesGalleryEmpty strong{color:var(--text);font-size:16px}.citiesGalleryEmpty span{color:var(--text-muted,#dce6f099);font-size:13px}@media (max-width:720px){.citiesPageHero{padding:22px var(--page-pad,24px)8px}.citiesPageHeroTitle{font-size:24px}.citiesGalleryFilter{padding:10px 12px}.citiesGalleryFilterMeta{justify-content:space-between;width:100%;margin-left:0}.citiesGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.cinematicCityCard{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:24px;overflow:hidden}.cinematicCityImage{color:#fff;min-height:255px;display:block;position:relative;overflow:hidden}.cinematicCityImage:after{content:"";background:linear-gradient(#0000 36%,#000000d1);position:absolute;inset:0}.cinematicCityImage img{object-fit:cover;transition:transform .24s}.cinematicCityCard:hover .cinematicCityImage img{transform:scale(1.045)}.cinematicCityImage>div{z-index:1;gap:3px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.cinematicCityImage strong{letter-spacing:-.01em;text-shadow:0 4px 18px #0000008c;font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1.02}.cinematicCityImage span,.cinematicCityImage small{color:#ffffffc7}.cityRank{z-index:2;background:var(--accent);color:#001412;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid;position:absolute;top:14px;left:14px}.cityCostBadge{z-index:2;background:#080e169e;background:color-mix(in srgb,var(--badgeColor)18%,#080e16b8);border:1px solid #ffffff24;border-color:color-mix(in srgb,var(--badgeColor)38%,#ffffff2e);color:#ffffffeb;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 14px #00000047}.cityCostBadgeDot{background:var(--badgeColor);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #080e168c}.cityCostBadgeLabel{white-space:nowrap}.cinematicCityBody{gap:12px;padding:18px;display:grid}.cityScoreLine{grid-template-columns:auto 1fr;align-items:end;gap:2px 8px;display:grid}.cityScoreLine strong{color:var(--accent);font-size:34px;line-height:1}.cityScoreLine span{color:var(--muted)}.cityScoreLine em{color:var(--text);grid-column:1/-1;font-style:normal;font-weight:800}.cinematicCityBody p{color:var(--muted);line-height:1.55}.cityMetricRows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cityMetricRows li{border:1px solid var(--line);background:#94a3b814;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:grid}.cityMetricRows .cityMetricIcon{width:24px;height:24px;color:var(--accent);background:#39d8cd2e;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.cityMetricRows .cityMetricLabel{color:var(--muted)}.cityMetricRows strong{color:var(--text);text-align:right;letter-spacing:0;font-size:13px;font-weight:700}.cardActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sectionIntro{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.directoryFilterBar{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(130px,.75fr)) auto;align-items:center;gap:12px;display:grid}.citySectionTabs{z-index:5;border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;border-radius:999px;gap:8px;padding:8px;display:flex;position:sticky;top:86px;overflow-x:auto}.citySectionTabs::-webkit-scrollbar{display:none}.citySectionTabs a{color:var(--muted);border-radius:999px;flex:none;padding:9px 13px;font-size:13px;font-weight:800;transition:background .16s,color .16s}.citySectionTabs a:hover,.citySectionTabs a:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}#overview,#life-scenes,#cost,#districts,#risks,#actions,#reviews,#sources{scroll-margin-top:124px}.scenarioGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.scenarioCard{aspect-ratio:4/3;border:1px solid var(--line);background:var(--panel-strong);color:#fff;min-width:0;min-height:260px;box-shadow:var(--shadow-soft);isolation:isolate;border-radius:22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.scenarioCard:hover,.scenarioCard:focus-visible{box-shadow:var(--shadow);border-color:#14b8a66b;outline:none;transform:translateY(-3px)}.scenarioCardImage{z-index:-2;background:#0a171c;position:absolute;inset:0}.scenarioCardImage img{object-fit:cover;transition:transform .5s}.scenarioCard:hover .scenarioCardImage img,.scenarioCard:focus-visible .scenarioCardImage img{transform:scale(1.045)}.scenarioCardScrim{z-index:-1;background:linear-gradient(#03080d0a 0%,#03080d5c 42%,#03080de6 100%),radial-gradient(circle at 18% 14%,#fff3,#0000 34%);position:absolute;inset:0}.scenarioCardCopy{text-shadow:0 1px 18px #0000004d;align-content:end;align-self:end;gap:8px;min-height:48%;padding:20px;display:grid}.scenarioCardEyebrow{letter-spacing:.08em;background:#02080c47;border:1px solid #fff3;border-radius:999px;width:fit-content;padding:5px 9px;font-weight:800;color:#ffffffc7!important;font-size:11px!important}.scenarioCard strong{color:#fff;letter-spacing:0;font-size:clamp(20px,2vw,26px);line-height:1.16}.scenarioCard span{color:#ffffffc7;line-height:1.5}.scenarioCard small{color:#5eead4;font-size:12px;font-weight:800}.photoStrip{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.photoStrip img{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%!important;height:96px!important}.imageCard{background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;overflow:hidden}.imageCard:hover{box-shadow:var(--shadow);border-color:#184d3b5c;transform:translateY(-3px)}.imageCard img{aspect-ratio:4/3;object-fit:cover;width:100%!important;height:auto!important}.imageCardBody{gap:7px;padding:16px;display:grid}.imageCardBody span,.imageCardBody small{color:var(--muted);line-height:1.45}.miniLabel{letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--highlight)!important}.visualGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.visualGrid.tight{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.lifeSceneBand{overflow:hidden}.lifeSceneGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.lifeSceneGrid .moduleImage{box-shadow:var(--shadow-soft);border-radius:18px;transition:transform .18s,border-color .18s,box-shadow .18s}.lifeSceneGrid .moduleImage:hover{box-shadow:var(--shadow);border-color:#39d8cd4d;transform:translateY(-2px)}.lifeSceneGrid .moduleImage img{transition:transform .52s}.lifeSceneGrid .moduleImage:hover img{transform:scale(1.035)}.lifeSceneGrid .moduleImage figcaption{min-height:136px;padding:14px}.lifeSceneGrid .moduleHighlight{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.lifeSceneGrid .moduleDetail{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.decisionCardGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px;display:grid}.entityDecisionCard{background:var(--panel);border:1px solid var(--line);min-height:196px;box-shadow:var(--shadow-soft);border-radius:20px;grid-template-columns:minmax(190px,34%) minmax(0,1fr);gap:16px;padding:12px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;overflow:hidden}.entityDecisionCard:hover,.entityDecisionCard:focus-visible{box-shadow:var(--shadow);border-color:#184d3b5c;outline:none;transform:translateY(-2px)}.entityDecisionMedia{background:var(--panel-strong);border-radius:14px;min-height:172px;position:relative;overflow:hidden}.entityDecisionMedia img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.entityDecisionCard:hover .entityDecisionMedia img,.entityDecisionCard:focus-visible .entityDecisionMedia img{transform:scale(1.04)}.entityDecisionImageLabel{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111815ad;border-radius:999px;padding:5px 8px;font-size:12px;line-height:1;position:absolute;bottom:10px;left:10px}.entityDecisionBody{align-content:start;gap:10px;min-width:0;display:grid}.entityDecisionTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.entityDecisionTop h3{margin-top:3px;font-size:21px;line-height:1.2}.entityDecisionScore{background:var(--panel-strong);width:58px;height:58px;color:var(--accent);border:1px solid #0f514433;border-radius:16px;flex:none;place-items:center;display:grid}.entityDecisionScore strong{font-size:22px;line-height:1}.entityDecisionScore span{color:var(--muted);font-size:11px}.entityDecisionText{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.entityDecisionStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.entityDecisionStats span{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;gap:3px;min-width:0;padding:9px 10px;display:grid}.entityDecisionStats small{color:var(--muted);font-size:12px}.entityDecisionStats strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.entityDecisionChips{flex-wrap:wrap;gap:6px;display:flex}.entityDecisionChips span{background:var(--accent-soft);max-width:100%;color:var(--accent);-webkit-line-clamp:2;border:1px solid #184d3b24;border-radius:999px;-webkit-box-orient:vertical;padding:6px 9px;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.moduleImage{border:1px solid var(--line);background:var(--panel-solid);border-radius:22px;margin:0;overflow:hidden}.moduleImage img{aspect-ratio:4/3;object-fit:cover;width:100%!important;height:auto!important}.moduleImage figcaption{color:var(--muted);gap:4px;padding:16px 18px 18px;font-size:13px;display:grid}.moduleImage .moduleLabel{color:var(--muted);letter-spacing:.02em;font-size:13px}.moduleImage .moduleHighlight{color:var(--text);letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.2}.moduleImage .moduleDetail{color:var(--muted);font-size:13px;line-height:1.5}.moduleImage.spaced{margin-bottom:18px}.visualSplit{grid-template-columns:.9fr 1.1fr;align-items:start;gap:22px;display:grid}.toolLayout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;display:grid}.stickyPanel{position:sticky;top:104px}.formPanel{background:linear-gradient(145deg,#ffffff0a,#39d8cd0d),var(--panel)}.resultCard.withImage{grid-template-columns:36px 132px minmax(0,1fr) auto;gap:18px}.resultThumb{object-fit:cover;border-radius:18px;width:132px;height:104px}.matchResultGrid{gap:14px;display:grid}.matchResultCard{border:1px solid var(--line);background:var(--panel-solid);box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:44px 92px minmax(0,1fr) 64px;align-items:center;gap:15px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.matchResultCard:hover,.matchResultCard:focus-visible{box-shadow:var(--shadow);border-color:#39d8cd57;outline:none;transform:translateY(-2px)}.matchResultCard .resultThumb{width:92px;height:76px}.matchResultBody{gap:7px;min-width:0;display:grid}.matchResultBody>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.matchResultBody strong{font-size:20px}.matchResultBody span,.matchResultBody p,.matchResultBody small{color:var(--muted);line-height:1.48}.matchResultBody p,.matchResultBody small{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.matchResultBody p{-webkit-line-clamp:2}.matchResultBody small{-webkit-line-clamp:1}.comparisonTableWrap{overflow-x:auto}.decisionStrip{background:var(--accent-soft);color:var(--accent);border:1px solid #184d3b33;border-radius:22px;gap:10px;padding:18px;display:grid}.decisionStrip span,.finePrint{color:var(--muted);line-height:1.5}.decisionGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.costProfileStack{gap:16px;margin-top:20px;display:grid}.costProfileCard{border:1px solid var(--line);background:var(--panel-solid);border-radius:22px;gap:14px;padding:18px;display:grid}.costProfileHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.costProfileHeader strong{margin-top:4px;font-size:clamp(1.35rem,2.4vw,2rem);display:block}.componentGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.componentRow{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;gap:4px;padding:12px;display:grid}.componentRow span{color:var(--muted);font-size:13px}.componentRow strong{font-size:15px}.componentRow small{color:var(--muted);font-size:12px;line-height:1.45}.miniBadge{width:fit-content;padding:5px 8px;font-size:12px}.districtGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.districtCard{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08 0%,#39d8cd0a 100%),var(--panel-solid);border-radius:22px;gap:14px;padding:18px;display:grid}.compactList{gap:8px}.compactList .listItem{padding:12px}.districtGlanceList{gap:8px;display:grid}.districtGlanceItem{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;gap:4px;padding:11px 12px;display:grid}.districtGlanceItem strong{color:var(--muted);font-size:12px}.districtGlanceItem span{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.districtMore{border-top:1px solid var(--line);padding-top:10px}.districtMore summary{cursor:pointer;width:fit-content;color:var(--accent);font-size:13px;font-weight:800}.districtMoreGrid{gap:8px;margin-top:10px;display:grid}.districtMoreGrid div{background:var(--panel-strong);border-radius:14px;gap:4px;padding:10px 12px;display:grid}.districtMoreGrid strong{color:var(--muted);font-size:12px}.districtMoreGrid span,.communityThemeCard span{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.mediaPanel{padding:0;overflow:hidden}.mediaPanel img{object-fit:cover;width:100%;height:100%;min-height:260px}.sectionKicker{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}@media (max-width:900px){.visualHero,.visualSplit,.toolLayout{grid-template-columns:1fr}.visualHero-cinematic{grid-template-columns:1fr;min-height:auto}.visualHero-cinematic .visualHeroCopy{padding-top:8px}.visualHero-cinematic h1{font-size:clamp(3rem,12vw,5.6rem)}.cinematicStatsBand{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cinematicStatsBand .cinematicStat:nth-child(2n){border-right:0}.cinematicStatsBand .cinematicStat:nth-child(-n+4){border-bottom:1px solid var(--line)}.directoryFilterBar{grid-template-columns:repeat(2,minmax(0,1fr))}.directoryFilterBar input,.directoryFilterBar .buttonGhost{grid-column:1/-1}.sectionIntro{align-items:start;display:grid}.visualHeroMedia{min-height:280px}.stickyPanel{position:static}}@media (max-width:760px){.shell{--page-pad:16px;padding:16px}.visualHero,.panel,.hero{border-radius:22px;padding:22px}.siteHeader{padding-top:12px;position:relative;top:auto;left:auto;right:auto}.nav{gap:8px}.themeToggle{width:fit-content}.visualHeroMedia{aspect-ratio:16/10;min-height:0}.visualHero-cinematic{min-height:620px;padding:22px}.visualHero-cinematic h1{overflow-wrap:anywhere;font-size:clamp(2.6rem,15vw,4.2rem);line-height:1}.visualHero-cinematic .lede{font-size:16px}.heroMatcherPanel,.verdictPanel,.matchHeroPanel{border-radius:22px;padding:18px}.heroMatcherFields div,.verdictRows div{justify-content:start;display:grid}.cinematicStatsBand{grid-template-columns:1fr}.cinematicStat{border-right:0;border-bottom:1px solid var(--line)}.cinematicStat:last-child{border-bottom:0}.cinematicCityGrid,.scenarioGrid,.lifeSceneGrid,.districtGrid,.componentGrid{grid-template-columns:1fr}.lifeSceneGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lifeSceneGrid .moduleImage:first-child{grid-column:1/-1}.lifeSceneGrid .moduleImage figcaption{min-height:86px;padding:11px}.lifeSceneGrid .moduleHighlight{font-size:15px}.lifeSceneGrid .moduleDetail{display:none}.cinematicCityImage{min-height:220px}.cardActions,.directoryFilterBar{grid-template-columns:1fr}.citySectionTabs{border-radius:22px;flex-wrap:wrap;position:relative;top:auto;overflow-x:visible}.photoStrip{grid-template-columns:repeat(2,1fr)}.resultCard,.resultCard.withImage,.matchResultCard{grid-template-columns:1fr}.resultCard.withImage .resultThumb,.matchResultCard .resultThumb{aspect-ratio:16/9;width:100%;height:auto}.matchResultBody>div{display:grid}.rankBadge,.scorePill{width:auto;min-width:44px;height:38px}.listItem{display:grid}.decisionCardGrid{grid-template-columns:1fr}.entityDecisionCard{grid-template-columns:1fr;gap:12px;padding:10px}.entityDecisionMedia{aspect-ratio:16/9;align-self:start;height:150px;min-height:150px}.entityDecisionText{-webkit-line-clamp:1}.entityDecisionChips{grid-template-columns:1fr;display:grid}.entityDecisionTop{gap:8px}.entityDecisionTop h3{font-size:18px}.entityDecisionScore{border-radius:13px;width:46px;height:46px}.entityDecisionScore strong{font-size:18px}.entityDecisionText{font-size:13px}.entityDecisionStats{grid-template-columns:1fr}.entityDecisionStats span{padding:7px 8px}.entityDecisionStats strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;font-size:13px;overflow:visible}.entityDecisionChips span{font-size:11px}}.cityDetailHero{padding:24px var(--page-pad,24px)0;flex-direction:column;gap:18px;display:flex}.cityDetailHeroFrame{aspect-ratio:16/7;background:#080c1299;border:1px solid #ffffff0f;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073}.cityDetailHeroImage{object-fit:cover}:root[data-theme=day] .cityDetailHeroImage{filter:brightness(1.1)saturate(1.02)}.cityDetailHeroScrim{background:linear-gradient(#0000 0%,#00000008 58%,#00000047 100%),linear-gradient(90deg,#0000001f 0%,#00000005 58%);position:absolute;inset:0}:root[data-theme=day] .cityDetailHeroScrim{background:linear-gradient(#0000 0%,#00000005 60%,#0003 100%),linear-gradient(90deg,#00000014 0%,#0000 60%)}.cityDetailHeroCostBadge{background:color-mix(in srgb,var(--badgeColor)22%,#080c12b3);border:1px solid color-mix(in srgb,var(--badgeColor)40%,transparent);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:16px;left:18px}.cityDetailHeroCostBadgeDot{background:var(--badgeColor);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb,var(--badgeColor)30%,transparent);border-radius:999px}.cityDetailHeroCaption{z-index:1;flex-direction:column;gap:6px;max-width:720px;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.cityDetailHeroCaption:before{content:"";z-index:-1;filter:blur(3px);pointer-events:none;background:radial-gradient(at 0 100%,#00000075 0%,#0000003d 46%,#0000 74%);position:absolute;inset:-18px -24px -16px}.cityDetailHeroCaption .miniLabel{color:#ffffffb3}.cityDetailHeroTitle{color:#fff;text-shadow:0 2px 16px #00000073;margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.05}.cityDetailHeroCountry{color:#ffffffc7;font-size:14px;text-decoration:none}a.cityDetailHeroCountry:hover{color:#fff;text-decoration:underline}.cityDetailHeroPositioning{color:#ffffffe0;text-shadow:0 1px 8px #0006;max-width:640px;margin:4px 0 0;font-size:15px;line-height:1.55}.cityDetailHeroMetrics{background:#0c121a8c;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:minmax(190px,220px) 1fr minmax(200px,260px);align-items:center;gap:24px;padding:20px 24px;display:grid}.cityDetailHeroScore{align-items:center;gap:14px;display:flex}.cityDetailHeroRing{--ring-size:72px;--ring-thickness:8px;--ring-color:var(--accent);flex:none}.cityDetailHeroScoreBody{flex-direction:column;gap:2px;display:flex}.cityDetailHeroScoreBody strong{color:var(--text);font-size:14px}.cityDetailHeroScoreBody small{color:#ffffff8c;font-size:11px}.cityDetailHeroMetricRows{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.cityDetailHeroMetricRows:before,.cityDetailHeroMetricRows:after{content:"";background:#ffffff0f;width:1px;position:absolute;top:4px;bottom:4px}.cityDetailHeroMetricRows:before{left:calc(50% - .5px)}.cityDetailHeroMetricRows li{flex-direction:column;gap:4px;padding:0 6px;font-size:13px;display:flex}.cityDetailHeroMetricIcon{color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.cityDetailHeroMetricLabel{color:#ffffff8c;letter-spacing:.04em;font-size:11px}.cityDetailHeroMetricRows li strong{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.cityDetailHeroActions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.cityDetailHeroCta{background:var(--accent,#4dd0e1);color:#06121a;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cityDetailHeroCta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #4dd0e152}.cityDetailHeroSummary{color:#fff9;text-align:right;max-width:260px;margin:0;font-size:12px;line-height:1.55}@media (max-width:900px){.cityDetailHeroMetrics{grid-template-columns:1fr;gap:16px}.cityDetailHeroActions{align-items:flex-start}.cityDetailHeroSummary{text-align:left}.cityDetailHeroMetricRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.cityDetailHeroMetricRows:before{display:none}}@media (max-width:720px){.cityDetailHero{padding:16px var(--page-pad,16px)0}.cityDetailHeroFrame{aspect-ratio:4/5;border-radius:22px}.cityDetailHeroCaption{bottom:18px;left:18px;right:18px}.cityDetailHeroMetricRows{grid-template-columns:1fr}}