:root{--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-primary-soft:#e0f2fe;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-success:#10b981;--color-success-soft:#d1fae5;--color-warn:#f59e0b;--color-danger:#ef4444;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-alt:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--gradient-hero-primary:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #10b981 100%);--gradient-hero-warn:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-hero-guide:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-cta:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-loose:1.8;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000000d;--shadow-lg:0 4px 20px #00000014;--shadow-xl:0 12px 40px #0000001f;--shadow-hover:0 8px 28px #0ea5e926;--z-nav:100;--z-sticky:200;--z-modal:900;--z-toast:1000;--container-max:1200px;--container-padding-x:var(--sp-5)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg)}img{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-text)}h1{font-size:var(--fs-4xl);margin-bottom:var(--sp-4)}h2{font-size:var(--fs-3xl);margin-bottom:var(--sp-4);margin-top:var(--sp-12)}h3{font-size:var(--fs-2xl);margin-bottom:var(--sp-3);margin-top:var(--sp-8)}h4{font-size:var(--fs-xl);margin-bottom:var(--sp-2);margin-top:var(--sp-6)}p{margin-bottom:var(--sp-4)}ul,ol{margin-bottom:var(--sp-4);padding-left:var(--sp-6)}li{margin-bottom:var(--sp-2)}blockquote{border-left:4px solid var(--color-primary);padding:var(--sp-3) var(--sp-5);color:var(--color-text-muted);margin:var(--sp-6) 0;background:var(--color-primary-soft);border-radius:var(--radius-sm)}code{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:.1rem .35rem;font-size:.9em}.container{max-width:var(--container-max);padding:0 var(--container-padding-x);margin:0 auto}.section{padding:var(--sp-16) 0}.section--alt{background:var(--color-surface-alt)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--sp-4);background:var(--color-accent);color:var(--color-text-inverse);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);z-index:var(--z-toast);transition:top .2s;position:absolute}.skip-link:focus{top:var(--sp-4)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:var(--fs-base);font-weight:var(--fw-semibold);border-radius:var(--radius-md);cursor:pointer;border:none;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--gradient-cta);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);color:var(--color-text-inverse)}.btn-outline{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-soft);color:var(--color-primary-hover)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg)}.form-group{margin-bottom:var(--sp-4)}label{font-weight:var(--fw-semibold);margin-bottom:var(--sp-2);color:var(--color-text);display:block}input,select,textarea{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.nav{background:var(--color-surface);box-shadow:var(--shadow-md);z-index:var(--z-nav);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav-inner{padding:var(--sp-4) 0;justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.logo{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary);text-decoration:none}.logo:hover{color:var(--color-primary-hover);text-decoration:none}.nav-links{gap:var(--sp-6);align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-text-muted);font-weight:var(--fw-medium);padding:var(--sp-2) 0;border-bottom:2px solid #0000;text-decoration:none;transition:color .15s,border-color .15s}.nav-links a:hover,.nav-links a.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);text-decoration:none}.nav-toggle{font-size:var(--fs-2xl);color:var(--color-text);cursor:pointer;padding:var(--sp-2);background:0 0;border:none;display:none}.footer{background:var(--color-text);color:var(--color-text-inverse);padding:var(--sp-12) 0 var(--sp-8);margin-top:var(--sp-24)}.footer a{color:var(--color-text-inverse);opacity:.8}.footer a:hover{opacity:1;color:var(--color-text-inverse)}.footer-columns{gap:var(--sp-8);margin-bottom:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-columns h4{color:var(--color-text-inverse);font-size:var(--fs-base);margin-top:0}.footer-columns ul{padding:0;list-style:none}.footer-columns li{margin-bottom:var(--sp-2)}.footer-bottom{padding-top:var(--sp-6);text-align:center;color:#ffffffb3;font-size:var(--fs-sm);border-top:1px solid #ffffff26}.breadcrumb{padding:var(--sp-4) 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.breadcrumb ol{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li:after{content:"›";margin-left:var(--sp-2);color:var(--color-border-strong)}.breadcrumb li:last-child:after{content:""}.breadcrumb li[aria-current=page]{color:var(--color-text);font-weight:var(--fw-medium)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-6);transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--bordered{border:1px solid var(--color-border)}.card-provider{gap:var(--sp-3);flex-direction:column;display:flex}.card-provider .rank{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.card-provider .brand{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.card-provider .tech{font-size:var(--fs-sm);color:var(--color-text-muted)}.card-provider .stats{gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.card-provider .stat-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.card-provider .stat-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-text)}.card-grid{gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.card-city{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.card-city:hover{box-shadow:var(--shadow-xl);color:inherit;text-decoration:none;transform:translateY(-4px)}.card-city .banner{background:var(--gradient-hero-primary);color:var(--color-text-inverse);padding:var(--sp-5) var(--sp-6);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.card-city .body{padding:var(--sp-5) var(--sp-6)}.card-city .meta{font-size:var(--fs-sm);color:var(--color-text-muted)}.table{border-collapse:collapse;background:var(--color-surface);width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-surface-alt);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-primary-soft)}.table-comparison th:first-child{text-align:right}.table-comparison td{text-align:center}.table-comparison td:first-child{text-align:right;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.table-comparison .winner{background:var(--color-success-soft);font-weight:var(--fw-semibold)}.hero{color:var(--color-text-inverse);padding:var(--sp-20) 0 var(--sp-16);text-align:center}.hero--primary{background:var(--gradient-hero-primary)}.hero--warn{background:var(--gradient-hero-warn)}.hero--guide{background:var(--gradient-hero-guide)}.hero h1{color:var(--color-text-inverse);font-size:var(--fs-5xl);margin-bottom:var(--sp-4);font-weight:var(--fw-black)}.hero p.lede{font-size:var(--fs-xl);opacity:.95;max-width:40rem;margin:0 auto var(--sp-8)}.hero .hero-actions{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex}.faq-list{gap:var(--sp-3);flex-direction:column;display:flex}.faq-list details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;overflow:hidden}.faq-list summary{padding:var(--sp-4) var(--sp-5);font-weight:var(--fw-semibold);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--sp-3);list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--color-primary);font-size:var(--fs-2xl);font-weight:var(--fw-normal);flex-shrink:0;transition:transform .15s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details[open] summary{border-bottom:1px solid var(--color-border)}.faq-list .answer{padding:var(--sp-4) var(--sp-5);color:var(--color-text-muted);line-height:var(--lh-loose)}.info-box{padding:var(--sp-4) var(--sp-5);border-left:4px solid var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm);margin:var(--sp-6) 0}.info-box--warn{border-left-color:var(--color-warn);background:#fef3c7}.info-box--tip{border-left-color:var(--color-success);background:var(--color-success-soft)}.info-box--danger{border-left-color:var(--color-danger);background:#fee2e2}.info-box h4{margin-top:0;margin-bottom:var(--sp-2)}.info-box p:last-child{margin-bottom:0}.ad-slot{margin:var(--sp-8) 0;padding:var(--sp-4);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm)}.stat-strip{gap:var(--sp-4);margin:var(--sp-8) 0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--sp-5);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stat-card .value{font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--color-primary);line-height:var(--lh-tight);display:block}.stat-card .label{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:var(--sp-2);text-transform:uppercase;letter-spacing:.05em;display:block}.city-selector{gap:var(--sp-3);max-width:36rem;padding:var(--sp-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;flex-wrap:wrap;justify-content:center;margin:0 auto;display:flex}.city-selector select{background:var(--color-surface);color:var(--color-text);flex:220px}.city-selector .btn{flex:none}.guide-layout{gap:var(--sp-8);grid-template-columns:1fr;display:grid}.guide-main{background:var(--color-surface);padding:var(--sp-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);line-height:var(--lh-loose)}.guide-toc{background:var(--color-surface);padding:var(--sp-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-self:start}.guide-toc h4{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:0}.guide-toc ol{padding-left:var(--sp-5);font-size:var(--fs-sm)}.guide-toc a{color:var(--color-text)}.guide-toc a:hover{color:var(--color-primary)}.compare-matchup{gap:var(--sp-6);padding:var(--sp-8) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.compare-matchup .vs{font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--color-accent)}.verdict-box{background:var(--gradient-hero-primary);color:var(--color-text-inverse);padding:var(--sp-6) var(--sp-8);border-radius:var(--radius-lg);margin:var(--sp-8) 0;text-align:center}.verdict-box h3{color:var(--color-text-inverse);margin-top:0}.tag{padding:var(--sp-1) var(--sp-3);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.tag--accent{color:var(--color-accent);background:#fff7ed}.tag--success{background:var(--color-success-soft);color:#047857}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-0{margin-top:0}.mt-8{margin-top:var(--sp-8)}.mb-0{margin-bottom:0}@media (width>=480px){.hero h1{font-size:var(--fs-4xl)}}@media (width>=768px){h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}.hero{padding:var(--sp-24) 0 var(--sp-20)}.hero h1{font-size:var(--fs-5xl)}.compare-matchup{grid-template-columns:1fr auto 1fr}}@media (width>=1024px){.guide-layout{grid-template-columns:240px 1fr}.guide-layout .guide-toc{position:sticky;top:80px}.nav-links{display:flex}}@media (width<=1023px){.nav-links{background:var(--color-surface);padding:var(--sp-4);box-shadow:var(--shadow-md);border-top:1px solid var(--color-border);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.is-open{display:flex}.nav-toggle{display:block}}