app-city-landing{--cl-well:#f7f3f9;display:block}html.theme-dark app-city-landing{--cl-well:#eee8f1}app-city-landing .cl-hero{padding:1rem 0 1.5rem}app-city-landing .cl-hero .cl-hero-grid{align-items:center;row-gap:1rem}app-city-landing .cl-hero .pg-pill{margin-bottom:.6rem;font-size:.78rem}app-city-landing .cl-hero .pg-title.cl-title{font-size:clamp(1.55rem,6.6vw,2.9rem);line-height:1.12}app-city-landing .cl-hero .pg-lead.cl-lead{margin-top:.5rem;font-size:.98rem;line-height:1.5}app-city-landing .cl-cta{flex:none;min-height:44px}app-city-landing .cl-hero{background:radial-gradient(ellipse 70% 60% at 18% 100%, color-mix(in srgb, var(--mg-brand-soft) 70%, transparent), transparent 70%), linear-gradient(180deg, transparent 40%, var(--pg-tint))}app-city-landing .cl-cta-row{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.6rem;display:flex}app-city-landing .cl-landmark{flex:0 150px;width:150px;min-width:0;height:auto;margin-bottom:-.25rem;display:block;overflow:visible}app-city-landing .cl-lm-ink{fill:var(--mg-brand);opacity:.8}app-city-landing .cl-lm-sun{fill:var(--mg-brand-soft)}html.theme-dark app-city-landing .cl-lm-sun{opacity:.3}app-city-landing .cl-lm-line{fill:none;stroke:var(--mg-brand);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.55}app-city-landing .cl-form{min-width:0;scroll-margin-top:84px}app-city-landing .cl-form-card{padding:1.1rem}app-city-landing .cl-form-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;margin-bottom:.85rem;display:flex}app-city-landing .cl-form-card .af-form{gap:.85rem}app-city-landing .cl-form-card .af-grid.cl-grid{gap:.7rem}app-city-landing .cl-form-card .af-input{height:2.85rem;font-size:16px}app-city-landing .cl-form-card textarea.af-input{height:auto;min-height:5.5rem}app-city-landing .cl-submit{width:100%}app-city-landing .cl-privacy{margin:-.2rem 0 0}app-city-landing .cl-thanks{outline:none;flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}app-city-landing .cl-thanks .pg-text{margin:0}app-city-landing .cl-thanks-title{margin-top:.4rem;font-size:1.3rem}app-city-landing .cl-thanks-btn{margin-top:.4rem}app-city-landing .cl-uses-grid{margin:0;padding:0;list-style:none}app-city-landing .cl-uses-grid .pg-text{margin:.4rem 0 0}app-city-landing .cl-why-grid{grid-template-columns:minmax(0,1fr);gap:1.1rem 2rem;margin:0;padding:0;list-style:none;display:grid}app-city-landing .cl-why-grid li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:.85rem;display:grid}app-city-landing .cl-why-grid strong{color:var(--mg-text);font-size:1.02rem;font-weight:750;display:block}app-city-landing .cl-why-grid .pg-text{margin-top:.2rem;display:block}app-city-landing .cl-tick{background:var(--mg-brand);width:32px;height:32px;color:var(--mg-on-brand);border-radius:50%;place-items:center;display:grid}app-city-landing .cl-tick svg{width:18px;height:18px}app-city-landing .cl-prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .9rem;margin:0;padding:0;list-style:none;display:grid}app-city-landing .cl-prod{color:var(--mg-text);flex-direction:column;gap:.3rem;text-decoration:none;display:flex}app-city-landing .cl-prod-well{aspect-ratio:1;background:var(--cl-well);border-radius:18px;margin-bottom:.45rem;display:block;position:relative;overflow:hidden}app-city-landing .cl-prod-well img{object-fit:contain;width:auto;max-width:78%;height:auto;max-height:78%;transition:transform .45s var(--pg-ease);margin:auto;position:absolute;inset:0}app-city-landing .cl-prod:hover .cl-prod-well img{transform:scale(1.05)}app-city-landing .cl-prod-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--mg-muted);font-size:.7rem;font-weight:700}app-city-landing .cl-prod-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}app-city-landing .cl-prod:hover .cl-prod-name{text-decoration:underline}app-city-landing .cl-prod-more{margin:1.75rem 0 0}app-city-landing .cl-faq-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:.5rem;display:grid}app-city-landing .cl-final-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}app-city-landing .cl-final .pg-sub{margin-top:.6rem}@media (width>=641px){app-city-landing .cl-hero{padding:2.5rem 0 2.75rem}app-city-landing .cl-hero .pg-lead.cl-lead{font-size:1.08rem}app-city-landing .cl-form-card{padding:1.5rem}app-city-landing .cl-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-city-landing .cl-prod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 1.25rem}}@media (width>=641px) and (width<=960px){app-city-landing .cl-landmark{flex-basis:220px;width:220px}}@media (width>=961px){app-city-landing .cl-cta-row{flex-direction:column;align-items:flex-start;gap:1.75rem;margin-top:1.1rem}app-city-landing .cl-landmark{flex:none;width:min(100%,420px);margin-bottom:0}app-city-landing .cl-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}app-city-landing .cl-faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem}app-city-landing .cl-final-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem}}@media (prefers-reduced-motion:reduce){app-city-landing .cl-prod-well img{transition:none}app-city-landing .cl-prod:hover .cl-prod-well img{transform:none}}
