/* Illustrated blue campaign banner, shared by all four markets. */
.topline{background:#0a1b2b;color:#c7d5e4}
header{background:#102537f5;border-bottom:1px solid #ffffff12;color:#fff;backdrop-filter:blur(12px)}
.header{height:84px}.header .brand img{width:195px}
nav a:hover{color:#73c6ff}.nav-cta{border-color:#5e839f;color:#fff}.nav-cta:hover{background:#204563}
.hero-banner{background:#102537;position:relative;isolation:isolate;overflow:hidden;color:#fff}
.hero-banner:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/hero-city-v2.png') center center/cover no-repeat}
.hero-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d2235f2 0%,#0d2235df 27%,#0d223594 45%,#0d223508 69%,#0d223500 100%)}
.hero{min-height:615px;padding-top:65px;padding-bottom:65px;grid-template-columns:1.1fr .9fr;gap:24px;position:relative}
.hero-copy{max-width:600px}.hero .eyebrow{color:#9fd4fa;font-size:10px;letter-spacing:.12em;margin-bottom:22px}.hero .dot{background:#58bfff;box-shadow:0 0 15px #5cc3ff70}
.hero h1{font-size:53px;font-weight:650;letter-spacing:-1.9px;line-height:1.12;color:white;margin-bottom:21px}.hero h1 em{color:#fff}
.hero .intro{color:#d2deea;max-width:480px;font-size:14px;line-height:1.8;margin-bottom:22px}
.hero-benefits{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;font-size:14px;font-weight:450;color:#f2f7fc}.hero-benefits li{display:flex;align-items:center;gap:11px}.hero-benefits li:before{content:'✓';color:#75c8ff;font-size:14px}
.hero .primary{background:#ffae32;color:#102537;box-shadow:0 3px 0 #c97b17;min-height:53px;font-size:13px;font-weight:750;padding:16px 24px}.hero .primary:hover{background:#ffbf5c}.hero .text-link{color:#d6e9fa}.hero .fine{color:#a7bfd3;font-size:10px}.hero .checks{color:#d0ddeb;font-size:10px;margin-top:25px}.hero-visual{min-height:400px}
.hero-banner+.compat{border-top:4px solid #2795d2;background:#f3f7fc}.compat .eyebrow{color:#627b91}
.feature-icon{color:#2186c2}.cta{background:#102537}.cta .light{background:#ffae32;color:#102537}.cta .eyebrow{color:#7cc6fa}
@media(max-width:1100px){.hero h1{font-size:46px}.hero{min-height:600px}.header .brand img{width:175px}}
@media(max-width:800px){.header{height:75px}.menu{color:white}nav{background:#102537;color:white;border-color:#3b566e}.hero{display:block;min-height:850px;padding-top:45px;padding-bottom:340px}.hero-copy{max-width:580px}.hero h1{font-size:45px}.hero-banner:before{background-size:auto 700px;background-position:70% bottom;background-repeat:no-repeat}.hero-banner:after{background:linear-gradient(180deg,#102537 0%,#102537fa 20%,#102537e8 39%,#10253720 73%,#10253700 100%)}.hero-visual{min-height:0}.hero .intro{max-width:540px}.hero-benefits{font-size:13px}.hero .checks{margin-top:22px}.hero .fine{max-width:400px}}
@media(max-width:480px){.hero{padding-top:38px;padding-bottom:330px;min-height:920px}.hero h1{font-size:38px;letter-spacing:-1.3px}.hero .eyebrow{font-size:8px}.hero .intro{font-size:13px}.hero-benefits{font-size:12px;gap:11px}.hero .primary{font-size:12px;min-height:50px;padding:15px 20px}.hero-actions{gap:20px}.hero .text-link{font-size:11px}.hero-banner:before{background-size:auto 570px;background-position:66% bottom}.hero-banner:after{background:linear-gradient(180deg,#102537 0%,#102537 32%,#102537d9 48%,#10253725 74%,transparent 100%)}.hero .checks{font-size:9px}.hero .fine{font-size:9px}.header .brand img{width:175px}}