.metro-page{min-height:100vh;background:var(--color-bg-primary)}.metro-hero{position:relative;padding:8rem 2rem 3rem;overflow:hidden}.metro-hero-bg{position:absolute;inset:0;z-index:0}.metro-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(var(--accent-rgb),.08),transparent)}.metro-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.metro-hero-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.metro-hero-main:not(:has(.metro-hero-visual)){grid-template-columns:1fr;max-width:640px}.metro-hero-info{display:flex;flex-direction:column;gap:.75rem}.metro-hero-headline{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.metro-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em;line-height:1.05}.metro-hero-badges{display:flex;gap:.5rem;flex-shrink:0}.metro-hero-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--surface-tint-02);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.metro-hero-tagline{font-size:1.125rem;font-weight:500;color:var(--color-accent-primary);margin:0;line-height:1.4}.metro-hero-description{font-size:1rem;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:480px}.metro-hero-visual{display:flex;align-items:start;justify-content:flex-end}.metro-hero-image{width:100%;max-width:420px}.metro-hero-img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:.75rem;border:1px solid var(--color-border-default);box-shadow:0 4px 20px rgba(0,0,0,.1)}@media (max-width:1024px){.metro-hero{padding:6rem 1.5rem 3rem}.metro-hero-main{grid-template-columns:1fr;gap:2rem;text-align:center}.metro-hero-info{align-items:center}.metro-hero-headline{justify-content:center}.metro-hero-description{max-width:100%}.metro-hero-visual{order:-1}.metro-hero-image{max-width:400px}}.screen-types{padding:3rem 2rem 4rem;background:var(--color-bg-primary)}.screen-types-inner{max-width:1200px;margin:0 auto}.screen-types-eyebrow{font-size:.6875rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.screen-types-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem;letter-spacing:-.01em}.screen-types-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.screen-type-card{padding:1.5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.625rem}.screen-type-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);border-radius:.5rem;color:var(--color-accent-primary)}.screen-type-icon{width:20px;height:20px}.screen-type-card-name{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.screen-type-card-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin:0}@media (max-width:1024px){.screen-types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.screen-types-grid{grid-template-columns:1fr}}.nearby-metros{margin-top:2rem}.nearby-metros-label{font-size:.6875rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}.nearby-metros-stack{display:flex;flex-direction:column;gap:.5rem}.nearby-metro-card{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:.625rem;text-decoration:none;color:inherit;transition:all .15s ease}.nearby-metro-card:hover{border-color:var(--color-accent-primary);background:var(--color-accent-softest)}.nearby-metro-image{width:48px;height:48px;border-radius:.375rem;object-fit:cover;flex-shrink:0}.nearby-metro-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.nearby-metro-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.nearby-metro-tagline{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}