:root { --cyan:#13A9E0; --cyan-dark:#0B7FB5; --cyan-bright:#22D3EE; --purple:#6B2875; --purple-dark:#571F60; --purple-50:#F4EAF6; --ink:#0E1A2B; --ink-icon:#0B1526; --muted:#64748b; --line:#e2e8f0; --bg:#ffffff; --soft:#f8fafc; --hero-bg:#f1f5f9; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif; color:var(--ink); background:var(--bg); line-height:1.6; }
a { color:var(--cyan-dark); }

/* Nav */
.nav-new { position:sticky; top:0; background:#fff; border-bottom:1px solid var(--line); z-index:50; }
.nav-inner { max-width:1200px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nav-brand { display:inline-flex; align-items:center; text-decoration:none; }
.brandmark { display:inline-flex; align-items:center; gap:10px; }
.bm-ic { width:34px; height:34px; border-radius:9px; background:var(--ink-icon); color:var(--cyan-bright); display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; letter-spacing:.5px; }
.brand-text { font-size:22px; font-weight:800; letter-spacing:-.5px; }
.t-insight { color:var(--cyan); } .t-carrier { color:var(--purple); }
.nav-links { display:flex; align-items:center; gap:32px; }
.nav-links a { text-decoration:none; color:#334155; font-size:15px; font-weight:600; }
.nav-links a:hover { color:var(--purple); }
.nav-cta { white-space:nowrap; }

/* Buttons */
.btn { display:inline-block; padding:13px 26px; border-radius:11px; font-weight:700; font-size:15px; text-decoration:none; cursor:pointer; border:0; }
.btn-cyan { background:var(--cyan); color:#fff; } .btn-cyan:hover { background:var(--cyan-dark); }
.btn-purple { background:var(--purple); color:#fff; } .btn-purple:hover { background:var(--purple-dark); }
.btn-dark { background:var(--ink); color:#fff; } .btn-dark:hover { background:#1d2f4a; }
.btn-line { border:1px solid var(--line); color:var(--ink); background:#fff; }

/* Hero - new two-column layout */
.hero-new { background:linear-gradient(180deg, #f0f7ff 0%, #f8fafc 100%); padding:64px 24px 0; }
.hero-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; padding-bottom:64px; }
.hero-pill { display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; padding:8px 18px; border-radius:999px; margin-bottom:24px; background:#e0f2fe; color:#0369a1; }
.hero-pill .dot { width:8px; height:8px; border-radius:50%; background:var(--cyan); }
.hero-new h1 { font-size:56px; letter-spacing:-2px; line-height:1.05; margin-bottom:20px; font-weight:800; }
.hero-new h1 .purple { color:var(--purple); }
.hero-sub { color:#475569; font-size:18px; max-width:520px; margin-bottom:32px; line-height:1.65; }
.hero-search { display:flex; gap:12px; max-width:560px; margin-bottom:20px; }
.hero-search input { flex:1; border:1px solid #cbd5e1; border-radius:12px; padding:15px 20px; font-size:16px; outline:0; background:#fff; }
.hero-search input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(19,169,224,.15); }
.hero-search button { background:var(--ink); color:#fff; border:0; border-radius:12px; padding:15px 32px; font-size:16px; font-weight:700; cursor:pointer; white-space:nowrap; }
.hero-search button:hover { background:#1d2f4a; }
.hero-alt { font-size:15px; color:#475569; }
.hero-alt a { color:var(--cyan-dark); font-weight:700; text-decoration:none; }
.hero-alt a:hover { text-decoration:underline; }
.hero-alt .sep { margin:0 12px; color:#94a3b8; }

/* Example lead card */
.example-card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:32px; box-shadow:0 20px 60px rgba(15,23,42,.08); }
.example-label { font-size:12px; font-weight:700; letter-spacing:1.5px; color:var(--muted); margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; }
.hot-badge { background:#ffedd5; color:#c2410c; font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px; }
.example-card h3 { font-size:24px; font-weight:800; margin-bottom:6px; letter-spacing:-.5px; }
.example-meta { color:var(--muted); font-size:14.5px; margin-bottom:20px; }
.example-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.example-grid > div { padding:16px 0; border-bottom:1px solid var(--line); }
.example-grid > div:nth-child(odd) { padding-right:20px; border-right:1px solid var(--line); }
.example-grid > div:nth-child(even) { padding-left:20px; }
.example-grid .lbl { font-size:13px; color:var(--muted); margin-bottom:4px; }
.example-grid .val { font-size:16px; font-weight:700; }
.example-link { display:inline-block; margin-top:20px; color:var(--cyan-dark); font-weight:700; text-decoration:none; font-size:15px; }
.example-link:hover { text-decoration:underline; }

/* Stats bar */
.stats-bar { border-top:1px solid var(--line); background:#fff; }
.stats-inner { max-width:1200px; margin:0 auto; padding:48px 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }
.stat-new b { display:block; font-size:40px; font-weight:800; letter-spacing:-1.5px; margin-bottom:6px; }
.stat-new span { color:var(--muted); font-size:15px; }

/* Sections */
.section { max-width:1200px; margin:0 auto; padding:76px 24px; }
.section h2 { font-size:36px; letter-spacing:-1px; text-align:center; margin-bottom:12px; font-weight:800; }
.lede { text-align:center; color:var(--muted); margin-bottom:48px; font-size:17px; }

/* Legacy hero (for other pages) */
.hero { max-width:1140px; margin:0 auto; padding:88px 24px 60px; text-align:center; }
.pill { display:inline-block; font-size:13px; font-weight:700; padding:7px 16px; border-radius:999px; margin-bottom:22px; background:#e0f2fe; color:#0369a1; }
h1 { font-size:54px; letter-spacing:-2px; line-height:1.08; margin-bottom:18px; }
h1 .c1 { color:var(--cyan); } h1 .c2 { color:var(--purple); }
.sub { color:var(--muted); font-size:19px; max-width:640px; margin:0 auto 36px; }
.search { max-width:640px; margin:0 auto; display:flex; background:#fff; border:1px solid var(--line); border-radius:14px; padding:6px; box-shadow:0 14px 44px rgba(110,48,117,.10); }
.search input { flex:1; border:0; outline:0; padding:14px 18px; font-size:16px; }
.search button { background:var(--ink); color:#fff; border:0; border-radius:10px; padding:14px 30px; font-size:15px; font-weight:700; cursor:pointer; }
.stats { display:flex; justify-content:center; gap:60px; margin-top:54px; flex-wrap:wrap; }
.stat b { display:block; font-size:32px; letter-spacing:-1px; }
.stat span { color:var(--muted); font-size:14px; }

.profile { border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.profile-head { padding:26px 30px; color:#fff; background:linear-gradient(100deg, var(--purple) 0%, #8a3f91 55%, var(--cyan) 130%); }
.profile-head h3 { font-size:24px; } .profile-head p { opacity:.85; font-size:14px; }
.profile-body { padding:6px 30px 26px; }
.row { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-bottom:1px solid var(--soft); font-size:15.5px; gap:16px; }
.row:last-child { border:0; } .row span:first-child { color:var(--muted); }
.row b { text-align:right; }
.tag { display:inline-block; font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px; white-space:nowrap; }
.tag.g { background:#dcfce7; color:#15803d; }
.tag.a { background:#fef3c7; color:#b45309; }
.tag.r { background:#fee2e2; color:#b91c1c; }
.tag.p { background:var(--purple-50); color:var(--purple); }
.tag.n { background:#f1f5f9; color:#64748b; }
.feats { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.feat { border:1px solid var(--line); border-radius:16px; padding:28px; background:#fff; }
.feat .icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--cyan-dark); }
.feat:nth-child(1) .icon { background:#e0f2fe; } .feat:nth-child(2) .icon { background:var(--purple-50); } .feat:nth-child(3) .icon { background:#e0f2fe; }
.feat h3 { font-size:18px; margin-bottom:8px; } .feat p { color:var(--muted); font-size:15px; }
.pricing { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.tier { border:1px solid var(--line); border-radius:18px; padding:34px 30px; text-align:center; background:#fff; }
.tier.hot { border:2px solid var(--purple); box-shadow:0 18px 50px rgba(107,40,117,.14); position:relative; }
.tier h3 { font-size:15px; text-transform:uppercase; letter-spacing:1.5px; color:var(--purple); margin-bottom:10px; }
.tier .amt { font-size:42px; font-weight:800; letter-spacing:-1px; }
.tier .per { color:var(--muted); font-size:14px; }
.tier ul { list-style:none; margin:22px 0 28px; text-align:left; }
.tier li { padding:9px 0; font-size:15px; color:#3c4656; border-bottom:1px solid var(--soft); }
.tier li::before { content:"✓ "; color:var(--cyan); font-weight:800; }
.band { border-radius:24px; padding:68px 40px; text-align:center; color:#fff; background:linear-gradient(120deg, var(--purple) 0%, #7d3a84 50%, var(--cyan-dark) 110%); margin:84px 0; }
.band h2 { color:#fff; } .band p { opacity:.85; margin-bottom:30px; font-size:18px; }
.band .btn { background:#fff; color:var(--purple); }
.sample-band { background:var(--purple); border-radius:24px; padding:56px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; }
.sample-band h2 { color:#fff; }
.sample-band .btn { background:#fff; color:var(--purple); }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:14px; background:var(--soft); }
footer .wordmark { font-size:18px; }
.foot-grid { max-width:1200px; margin:0 auto; padding:64px 24px 40px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; text-align:left; }
.foot-brand .brandmark { margin-bottom:16px; }
.foot-brand p { margin-bottom:10px; font-size:14.5px; }
footer h4 { font-size:15px; margin-bottom:16px; color:var(--ink); }
.foot-grid ul { list-style:none; }
.foot-grid li { margin-bottom:10px; }
.foot-grid li a { color:#475569; text-decoration:underline; font-size:14.5px; }
.foot-grid li a:hover { color:var(--purple); }
.foot-bottom { border-top:1px solid var(--line); }
.foot-bottom-inner { max-width:1200px; margin:0 auto; padding:24px; text-align:left; font-size:13.5px; }
.crumbs { max-width:1200px; margin:0 auto; padding:22px 24px 0; font-size:14px; color:var(--muted); }
.crumbs a { color:var(--muted); text-decoration:none; } .crumbs a:hover { text-decoration:underline; }
.page-head { max-width:1200px; margin:0 auto; padding:28px 24px 8px; }
.page-head h1 { font-size:38px; text-align:left; }
.page-head .sub { text-align:left; margin:0; max-width:none; }
table.data { width:100%; border-collapse:collapse; font-size:14.5px; background:#fff; }
table.data th { text-align:left; padding:12px 14px; background:var(--soft); color:var(--muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.5px; white-space:nowrap; }
table.data td { padding:12px 14px; border-top:1px solid var(--soft); vertical-align:top; }
table.data tr:hover td { background:#faf9fc; }
.card { border:1px solid var(--line); border-radius:16px; padding:26px 28px; margin-bottom:22px; background:#fff; }
.card h2, .card h3 { text-align:left; font-size:20px; letter-spacing:-.3px; margin-bottom:14px; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.gauge-wrap { background:var(--soft); border-radius:12px; padding:16px 18px; margin-top:12px; }
.gauge-bar { display:flex; height:12px; border-radius:999px; overflow:hidden; }
.gauge-marker { position:relative; height:0; }
.gauge-marker i { position:absolute; top:-18px; width:3px; height:24px; background:var(--ink); border-radius:2px; }
.gauge-labels { display:flex; margin-top:10px; font-size:13px; }
.affil { margin-top:18px; border:1px dashed var(--line); border-radius:14px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.state-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.state-cell { border:1px solid var(--line); border-radius:12px; padding:16px 18px; text-decoration:none; color:var(--ink); display:block; background:#fff; }
.state-cell:hover { border-color:var(--cyan); }
.state-cell b { font-size:17px; } .state-cell span { display:block; color:var(--muted); font-size:13px; }
.city-list { columns:3; column-gap:28px; font-size:15px; }
.city-list a { display:block; padding:6px 0; text-decoration:none; color:var(--ink); break-inside:avoid; }
.city-list a:hover { color:var(--cyan-dark); }
.city-list a span { color:var(--muted); font-size:13px; }
.pager { display:flex; gap:10px; justify-content:center; margin-top:28px; }
.pager a, .pager span { padding:10px 18px; border:1px solid var(--line); border-radius:10px; text-decoration:none; color:var(--ink); font-weight:600; }
.pager span { background:var(--soft); color:var(--muted); }
.alert { border-radius:12px; padding:16px 20px; margin-bottom:22px; font-size:15px; }
.alert.info { background:#eff6ff; border:1px solid #bfdbfe; color:#1e40af; }
.bill-toggle { display:flex; gap:8px; justify-content:center; margin:24px 0 8px; }
.bill-toggle .bt { padding:12px 28px; border:2px solid var(--line); border-radius:999px; background:#fff; font-size:16px; font-weight:700; cursor:pointer; color:var(--ink); }
.bill-toggle .bt.active { border-color:var(--cyan); background:var(--soft); }
.bill-toggle .save { color:var(--cyan-dark); font-size:13px; }
.checkout-box { border:2px solid var(--cyan); border-radius:16px; padding:32px; margin-top:32px; background:#fff; }
.checkout-box .state-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:20px 0; }
.checkout-box .st { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-weight:700; cursor:pointer; font-size:15px; }
.checkout-box .st span { font-weight:400; color:var(--muted); font-size:12px; }
.checkout-box .st input { width:18px; height:18px; accent-color:var(--cyan); }
@media(max-width:900px){
  .hero-inner { grid-template-columns:1fr; gap:40px; }
  .hero-new h1 { font-size:42px; }
  .stats-inner { grid-template-columns:1fr 1fr; }
  .feats,.pricing,.two-col{grid-template-columns:1fr;}
  h1{font-size:38px;} .page-head h1{font-size:30px;}
  .state-grid{grid-template-columns:1fr 1fr;} .city-list{columns:2;}
  .nav-links a { display:none; }
  .nav-cta { margin-left:auto; }
  .foot-grid { grid-template-columns:1fr; gap:32px; }
  .checkout-box .state-grid{grid-template-columns:1fr 1fr;}
}