@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;700;800;900&display=swap');

*{box-sizing:border-box}
body{margin:0;font-family:'Fira Sans',Arial,sans-serif;background:#fff;color:#05133a;text-align:center}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:0 auto}
.wrapper{overflow:hidden}

.top-strip{background:#062f86;color:#fff;padding:13px 0;font-size:20px}
.top-strip .container{display:flex;align-items:center;justify-content:center;gap:10px}
.pulse{width:11px;height:11px;background:#18e478;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(24,228,120,.8);animation:pulse 1.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(24,228,120,0)}100%{box-shadow:0 0 0 0 rgba(24,228,120,0)}}

.hero{background:linear-gradient(180deg,#eaf4ff 0%,#fff 100%);padding:42px 0 52px;position:relative}
.hero:before{content:"";position:absolute;right:-160px;top:20px;width:520px;height:520px;background:#cfe7ff;border-radius:50%;opacity:.6}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;position:relative}
.hero-left{text-align:left}
.kicker{display:inline-block;background:#f3c335;color:#061b51;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:8px 14px;border-radius:6px;margin-bottom:12px}
h1{font-size:54px;line-height:1.02;margin:0 0 16px;font-weight:900;color:#052f86}
.subline{font-size:27px;line-height:1.25;margin:0 0 22px;color:#142b5f}
.subline strong{color:#f0aa00}

.quiz-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 45px rgba(5,47,134,.18);max-width:620px;border:1px solid #dcecff}
.quiz-card h2{font-size:31px;line-height:1.15;margin:0 0 18px;color:#061b51;text-align:center}
.button-row{display:flex;gap:18px}
.choice-btn{flex:1;background:#f3c335;color:#061b51;border-radius:12px;padding:19px 14px;font-size:28px;font-weight:900;text-align:center;box-shadow:0 6px 0 #d59a00;transition:.15s}
.choice-btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #d59a00}
.secure{font-size:15px;text-align:center;color:#51617c;margin:20px 0 0}

.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}
.phone-card{width:285px;background:#fff;border-radius:24px;padding:18px;box-shadow:0 22px 55px rgba(0,0,0,.16);position:relative;z-index:2;border:8px solid #092866}
.card-top{font-size:17px;font-weight:900;color:#092866;border-bottom:1px solid #e1e9f6;padding-bottom:10px}
.rate-box{background:#edf6ff;border-radius:18px;padding:22px;margin:18px 0;text-align:left}
.rate-box span{display:block;color:#60708e;font-size:14px}
.rate-box strong{font-size:44px;color:#052f86}
.mini-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f8;color:#526280}
.mini-row b{color:#062f86}
.small-cta{display:block;background:#f3c335;color:#061b51;border-radius:10px;padding:14px;font-weight:900;margin-top:15px}
.car-shape{position:absolute;bottom:18px;right:5px;width:440px;height:155px;background:#0b4da2;border-radius:85px 115px 30px 30px;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.car-window{position:absolute;top:22px;left:116px;width:170px;height:62px;background:#d8f0ff;border-radius:46px 56px 8px 8px}
.wheel{position:absolute;bottom:-27px;width:72px;height:72px;background:#061b51;border-radius:50%;border:12px solid #fff}
.wheel.left{left:76px}.wheel.right{right:74px}

.featured{padding:32px 0;background:#fff;border-top:1px solid #edf1f8;border-bottom:1px solid #edf1f8}
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.badge{padding:18px;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(6,47,134,.09)}
.stars{color:#f3c335;letter-spacing:2px;font-size:22px;font-weight:900}
.badge p{font-weight:800;color:#061b51;margin:8px 0 0}

.quotes{padding:58px 0;background:#f7fbff}
.section-title{font-size:38px;color:#061b51;margin:0 0 26px;font-weight:900}
.quote-table{max-width:820px;margin:0 auto 28px;background:#fff;border-radius:16px;box-shadow:0 12px 35px rgba(6,47,134,.12);overflow:hidden;border:1px solid #dcecff}
.table-head,.table-row{display:grid;grid-template-columns:2fr 1.4fr .8fr 1fr;align-items:center;text-align:left}
.table-head{background:#062f86;color:#fff;font-weight:900;padding:16px 22px}
.table-row{padding:15px 22px;border-bottom:1px solid #edf1f8;color:#1f335c}
.table-row strong{color:#17a859}
.main-cta{display:inline-block;background:#f3c335;color:#061b51;font-weight:900;font-size:22px;padding:18px 42px;border-radius:12px;box-shadow:0 6px 0 #d59a00}
.main-cta.dark{background:#062f86;color:#fff;box-shadow:0 6px 0 #041f58}

.reviews{padding:60px 0;background:#fff}
.review-intro{font-size:20px;max-width:760px;margin:0 auto 30px;color:#4c5e7d}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{text-align:left;background:#fff;border:1px solid #e1e9f6;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(6,47,134,.09)}
.review-card p{font-size:17px;line-height:1.45;color:#243758}
.person{display:flex;align-items:center;gap:12px;margin-top:18px}
.avatar{width:48px;height:48px;border-radius:50%;background:#062f86;color:#fff;display:grid;place-items:center;font-weight:900}
.person span{display:block;color:#17a859;font-size:13px;margin-top:3px}

.bottom-cta{padding:55px 0;background:linear-gradient(135deg,#f3c335,#ffe38b)}
.bottom-cta h2{font-size:36px;margin:0 0 10px;color:#061b51}
.bottom-cta p{font-size:19px;margin:0 0 22px;color:#233a67}

.footer{background:#f4f4f4;padding:32px 0 42px;color:#555;font-size:13px;line-height:1.55}
.footer p{max-width:1000px;margin:0 auto 12px}
.footer a{text-decoration:underline;color:#052f86}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-left{text-align:center}
  .quiz-card{margin:auto}
  h1{font-size:42px}
  .subline{font-size:22px}
  .hero-art{min-height:340px}
  .car-shape{right:50%;transform:translateX(50%);width:360px}
  .logos,.review-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .top-strip{font-size:16px}
  .hero{padding:28px 0 38px}
  h1{font-size:34px}
  .subline{font-size:19px}
  .quiz-card{padding:20px}
  .button-row{gap:12px}
  .choice-btn{font-size:24px;padding:17px 10px}
  .hero-art{display:none}
  .table-head,.table-row{grid-template-columns:1.5fr 1.1fr .7fr .9fr;font-size:13px;padding:13px 12px}
  .section-title{font-size:31px}
  .main-cta{width:100%;font-size:20px}
}



/* Final blue hero rebuild based on the selected reference */
.blue-top-strip{
  background:linear-gradient(90deg,#fff4cc,#fff8df,#fff4cc);
  color:#080808;
  padding:5px 0 6px;
  font-size:18px;
  line-height:1;
  border:0;
}
.blue-top-strip .container{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.blue-top-strip strong{font-weight:900}
.face-row{display:inline-flex;margin-left:5px}
.face-row span{
  width:24px;height:24px;border-radius:50%;
  display:inline-grid;place-items:center;
  margin-left:-4px;background:#ead8c9;
  border:1px solid rgba(0,0,0,.12);
  font-size:14px;
}

.blue-hero{
  background:linear-gradient(180deg,#005cb7 0%,#006bb8 48%,#065f9b 100%);
  min-height:690px;
  padding:50px 0 0;
  position:relative;
  color:#fff;
  overflow:hidden;
}
.blue-hero:before{display:none}
.blue-hero-inner{
  max-width:1200px;
  min-height:640px;
  margin:0 auto;
  position:relative;
  padding:0 20px;
  text-align:center;
}
.blue-hero h1{
  margin:0 auto 22px;
  color:#fff;
  font-size:60px;
  line-height:1.12;
  letter-spacing:-1.2px;
  font-weight:900;
  text-align:center;
  text-shadow:none;
}
.blue-hero .subline{
  color:#fff;
  font-size:22px;
  font-weight:800;
  margin:0 0 26px;
  text-align:center;
}
.blue-hero .subline em{
  color:#ffe142;
  font-style:italic;
  font-weight:900;
}

.blue-quiz-card{
  width:min(700px,92vw);
  margin:0 auto;
  background:#fff;
  border-radius:12px;
  padding:30px 24px 32px;
  box-shadow:none;
  border:0;
  position:relative;
  z-index:5;
}
.blue-quiz-card h2{
  color:#000;
  font-size:31px;
  line-height:1.1;
  margin:0 0 22px;
  font-weight:900;
}
.blue-choice{
  background:#fff!important;
  color:#000!important;
  border:1.5px solid #006bd1;
  border-radius:6px;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:22px;
  font-weight:900;
  padding:18px 10px;
  transition:none;
}
.blue-choice:hover{
  transform:none!important;
  box-shadow:none!important;
  background:#f8fbff!important;
}
.blue-secure{
  margin:25px 0 0;
  color:#fff;
  font-size:16px;
  font-weight:800;
  text-align:center;
  position:relative;
  z-index:5;
}

/* illustrated blue car/city scene */
.blue-scene{
  position:absolute;
  left:50%;
  bottom:-3px;
  transform:translateX(-50%);
  width:1080px;
  height:300px;
  opacity:.92;
  pointer-events:none;
}
.blue-scene:after{
  content:"";
  position:absolute;
  left:-500px;right:-500px;bottom:0;
  height:86px;background:#055484;opacity:.72;
}
.skyline .tower{
  position:absolute;bottom:82px;background:#004a82;opacity:.56;
}
.t1{left:90px;width:64px;height:126px}.t1:before{content:"";position:absolute;left:20px;top:-28px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:28px solid #004a82}
.t2{left:165px;width:42px;height:78px}.t3{left:225px;width:58px;height:92px}.t4{left:320px;width:70px;height:155px}
.t5{left:445px;width:62px;height:95px}.t5:before{content:"";position:absolute;left:20px;top:-26px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:26px solid #004a82}
.t6{left:535px;width:75px;height:112px}.t7{right:190px;width:50px;height:145px}
.walker{
  position:absolute;left:150px;bottom:88px;width:18px;height:74px;background:#003c71;border-radius:20px 20px 8px 8px;z-index:2;
}
.walker:before{content:"";position:absolute;left:1px;top:-22px;width:20px;height:20px;background:#003c71;border-radius:50%}
.walker:after{content:"";position:absolute;left:-18px;bottom:-44px;width:56px;height:52px;border-left:7px solid #003c71;border-right:7px solid #003c71;transform:skewX(-18deg)}
.tree{
  position:absolute;right:80px;bottom:75px;width:30px;height:120px;background:#003c71;z-index:2;
}
.tree span,.tree:before,.tree:after{
  content:"";position:absolute;border-radius:50%;background:#004a82;
}
.tree span{width:74px;height:74px;left:-48px;top:-42px}
.tree:before{width:76px;height:76px;right:-55px;top:-62px}
.tree:after{width:96px;height:96px;right:-25px;top:-92px;opacity:.95}

.blue-car{
  position:absolute;
  left:270px;
  bottom:28px;
  width:650px;
  height:180px;
  z-index:3;
}
.car-base{
  position:absolute;left:0;right:0;bottom:34px;height:92px;
  background:linear-gradient(180deg,#073e83,#052d69);
  border-radius:140px 160px 32px 36px;
  box-shadow:inset 0 -10px 0 rgba(0,0,0,.1);
}
.car-base:before{
  content:"";position:absolute;right:0;top:47px;width:65px;height:11px;background:#d81928;border-radius:10px 0 0 10px;
}
.car-base:after{
  content:"";position:absolute;left:18px;top:36px;width:58px;height:18px;background:#8ed7ff;border-radius:16px 2px 18px 8px;transform:skewX(-20deg);opacity:.75;
}
.car-top{
  position:absolute;left:220px;bottom:108px;width:190px;height:62px;
  background:#052d69;border-radius:120px 80px 0 0;transform:skewX(-18deg);
}
.windshield{
  position:absolute;left:240px;bottom:118px;width:126px;height:47px;
  background:#0d70b7;border-radius:90px 65px 0 0;transform:skewX(-18deg);opacity:.7;
}
.windshield:before{
  content:"";position:absolute;left:-65px;top:31px;width:85px;height:7px;background:#001d42;transform:rotate(-35deg);border-radius:8px;
}
.person{
  position:absolute;left:382px;bottom:128px;width:27px;height:27px;background:#031d42;border-radius:50%;
}
.person:before{
  content:"";position:absolute;left:-8px;top:24px;width:48px;height:55px;background:#031d42;border-radius:22px 22px 6px 6px;
}
.person:after{
  content:"";position:absolute;right:-58px;top:12px;width:60px;height:16px;background:#031d42;border-radius:50%;transform:rotate(15deg);
}
.wheel{
  position:absolute;bottom:0;width:88px;height:88px;border-radius:50%;
  background:#001c42;border:10px solid #0b6fac;box-shadow:inset 0 0 0 11px #061a38;
}
.wheel:after{content:"";position:absolute;inset:24px;background:#0b6fac;border-radius:50%}
.wheel-a{left:92px}.wheel-b{right:130px}

.blue-featured{
  background:#f0f9ff;
  border:0;
  padding:24px 0 20px;
}
.blue-logos{
  grid-template-columns:repeat(3,1fr);
  max-width:980px;
  gap:0;
}
.blue-badge{
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:0 40px;
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.blue-badge:not(:last-child){border-right:1px solid #cbd8e3}
.blue-badge p{
  margin:7px 0 0;
  color:#000;
  font-size:16px;
  font-weight:500;
}
.brand{font-size:32px;line-height:1;font-weight:800}
.google-logo{font-family:Arial,sans-serif;color:#4285f4;letter-spacing:-1.5px}
.consumer-logo{font-family:Georgia,serif;color:#000;font-weight:900;font-size:29px}
.consumer-logo span{font-weight:400}
.trust-logo{font-size:29px;color:#222}
.trust-logo::first-letter{color:#00b67a}
.yellow-stars{color:#f7bd00;font-size:21px;letter-spacing:3px;margin-top:6px;font-weight:900}

@media(max-width:900px){
  .blue-hero{min-height:620px;padding-top:42px}
  .blue-hero h1{font-size:42px}
  .blue-hero .subline{font-size:19px}
  .blue-scene{transform:translateX(-50%) scale(.82);transform-origin:bottom center}
  .blue-logos{grid-template-columns:1fr}
  .blue-badge{border-right:0!important;border-bottom:1px solid #cbd8e3;padding:14px}
  .blue-badge:last-child{border-bottom:0}
}
@media(max-width:560px){
  .blue-top-strip{font-size:14px}
  .face-row span{width:20px;height:20px;font-size:12px}
  .blue-hero{min-height:555px;padding-top:32px}
  .blue-hero h1{font-size:32px;line-height:1.14}
  .blue-hero .subline{font-size:16px;margin-bottom:22px}
  .blue-quiz-card{padding:23px 16px 24px}
  .blue-quiz-card h2{font-size:24px}
  .blue-choice{font-size:18px;padding:16px 10px}
  .blue-secure{font-size:13px}
  .blue-scene{transform:translateX(-50%) scale(.58)}
}



/* Clean hero fixes */
.left-buildings,
.mid-buildings,
.walker,
.tree,
.skyline,
.tower {
  display: none !important;
}

.blue-choice,
.blue-choice:hover,
.blue-choice:focus,
.choice-btn,
.choice-btn:hover,
.choice-btn:focus {
  box-shadow: none !important;
  text-shadow: none !important;
}

.blue-featured {
  display: none !important;
}

.blue-scene {
  overflow: visible;
}

@media(max-width:560px){
  .blue-scene {
    bottom: -8px;
  }
}


/* Extra cleanup: remove any stray first-section text/artifacts */
.blue-hero .review-card,
.blue-hero .person span,
.blue-hero .person strong,
.blue-hero .avatar,
.blue-hero .review-grid,
.blue-hero .reviews,
.blue-hero .badge:not(.blue-badge),
.blue-hero .logos:not(.blue-logos) {
  display: none !important;
}

.clean-car-only {
  font-size: 0 !important;
  color: transparent !important;
}

.clean-car-only * {
  font-size: 0 !important;
  color: transparent !important;
}

.clean-car-only .blue-car,
.clean-car-only .blue-car * {
  display: block;
}

/* restore car shapes after font hiding */
.clean-car-only .car-base,
.clean-car-only .car-top,
.clean-car-only .windshield,
.clean-car-only .person,
.clean-car-only .wheel {
  color: initial !important;
}

.blue-hero {
  isolation: isolate;
}


.blue-scene,
.blue-scene *{
  overflow:hidden;
}

.blue-hero [class*="review"],
.blue-hero [class*="avatar"],
.blue-hero [class*="person"]{
  display:none !important;
}

/* emergency cleanup for any accidental text nodes rendered in hero artwork */
.blue-scene{
  color:transparent !important;
  font-size:0 !important;
}


/* Cleanup edits requested */
.top-strip,
.hero-art,
.featured,
.quotes,
.reviews,
.secure {
  display: none !important;
}