.city-hero{background:linear-gradient(135deg,#0b3b32,#1b5f4d);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}.city-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(134,239,172,.18) 0%,transparent 60%);pointer-events:none}.city-hero-inner{position:relative;z-index:1;max-width:760px}.city-hero-eyebrow{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:14px;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:100px}.city-hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;margin:0 0 18px;line-height:1.12;letter-spacing:-.025em}.city-hero-sub{font-size:1.05rem;line-height:1.6;color:#ffffffeb;margin:0 0 28px;max-width:600px}.city-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.city-cta-primary,.city-cta-secondary{display:inline-flex;align-items:center;padding:13px 24px;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease}.city-cta-primary{background:#25d366;color:#fff}.city-cta-primary:hover{background:#1eb854;transform:translateY(-1px)}.city-cta-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25)}.city-cta-secondary:hover{background:#ffffff2e}.city-hero-badges{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0;font-size:.88rem;color:#ffffffe0}.city-tiers,.city-areas,.city-why,.city-products{padding:56px 0}.city-tiers{background:#f8fafc}.city-section-title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0f172a;text-align:center;margin:0 0 10px;letter-spacing:-.02em}.city-section-sub{font-size:1rem;color:#64748b;text-align:center;margin:0 auto 36px;max-width:640px;line-height:1.55}.city-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1280px;margin:0 auto;padding:0 24px}.city-tier{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:26px 22px 24px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0f172a0a;transition:transform .2s ease,box-shadow .2s ease}.city-tier:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a14}.city-tier.is-featured{border-color:#1b3b32;background:linear-gradient(180deg,#f0fdf4,#fff 60%)}.city-tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#1b3b32;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:5px 12px;border-radius:100px;text-transform:uppercase}.city-tier-name{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 6px}.city-tier-price{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.city-tier-amount{font-size:2rem;font-weight:800;color:#1b3b32;letter-spacing:-.02em}.city-tier-period{font-size:.82rem;color:#64748b}.city-tier-cups{font-size:.88rem;font-weight:600;color:#0f172a;margin:0 0 4px}.city-tier-bestfor{font-size:.78rem;color:#64748b;margin:0 0 12px;min-height:32px}.city-tier-machine{font-size:.78rem;color:#475569;margin:0 0 14px;line-height:1.45}.city-tier-incl{list-style:none;padding:0;margin:0 0 18px;flex:1;display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:#475569}.city-tier-cta{display:block;text-align:center;padding:11px 16px;background:#1b3b32;color:#fff;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .18s ease}.city-tier-cta:hover{background:#2a5a4a}.city-tier.is-featured .city-tier-cta{background:#25d366}.city-tier.is-featured .city-tier-cta:hover{background:#1eb854}.city-area-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;max-width:800px;margin:0 auto}.city-area-list li{padding:8px 16px;background:#f1f5f9;border-radius:100px;font-size:.85rem;color:#334155;font-weight:500}.city-why{background:#f8fafc}.city-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1100px;margin:0 auto;padding:0 24px}.city-why-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 20px}.city-why-card h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 8px}.city-why-card p{font-size:.88rem;color:#475569;line-height:1.55;margin:0}.city-product-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:1200px;margin:0 auto;padding:0 24px}.city-product-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease}.city-product-card:hover{border-color:#1b3b32;transform:translateY(-2px);box-shadow:0 8px 20px #1b3b3214}.city-product-card strong{font-size:1rem;color:#0f172a;font-weight:700}.city-product-card span{font-size:.84rem;color:#64748b;line-height:1.5}.city-cta-bottom{background:linear-gradient(135deg,#061a18,#1b3b32);color:#fff;padding:56px 24px;text-align:center}.city-cta-bottom h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin:0 0 12px;letter-spacing:-.02em}.city-cta-bottom p{font-size:1rem;color:#ffffffd9;margin:0 auto 26px;max-width:560px}.city-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.city-hero{padding:44px 0 40px}.city-hero-actions{flex-direction:column;align-items:stretch}.city-hero-actions a{justify-content:center}.city-tiers,.city-areas,.city-why,.city-products{padding:40px 0}.city-tier-grid{padding:0 16px;gap:14px}.city-why-grid,.city-product-links{padding:0 16px}}