:root {
  --navy: #112A56;
  --blue: #2F6BFF;
  --blue-2: #2359E8;
  --purple: #6457F7;
  --teal: #1ABFBE;
  --text: #14233A;
  --muted: #66758B;
  --line: #E6ECF5;
  --soft: #F5F8FE;
  --white: #FFFFFF;
  --shadow: 0 20px 60px rgba(24, 54, 102, .12);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select { font: inherit; }
.container { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.section { padding: 88px 0; }
.section-pad { padding: 72px 0 86px; }
.announcement {
  text-align: center;
  padding: 9px 16px;
  color: #fff;
  font-size: 13px;
  background: linear-gradient(90deg, var(--navy), var(--purple), var(--teal));
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(230,236,245,.9);
  backdrop-filter: blur(16px);
}
.nav-wrap { min-height: 76px; display: flex; align-items: center; gap: 30px; }
.brand img { width: 220px; height: auto; }
.nav { margin-left: auto; display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 700; color: #34445c; }
.nav a:hover { color: var(--blue); }
.nav-toggle { display: none; margin-left: auto; border: 0; background: transparent; font-size: 28px; color: var(--navy); }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 12px;
  padding: 13px 20px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--blue), var(--purple) 56%, var(--teal)); box-shadow: 0 12px 26px rgba(47,107,255,.22); }
.btn-primary:hover { box-shadow: 0 14px 30px rgba(47,107,255,.3); }
.btn-secondary { color: var(--navy); background: #fff; border: 1px solid #B8C7DD; }
.btn-white { background: #fff; color: var(--navy); }
.btn-lg { padding: 15px 24px; }
.btn-block { width: 100%; }
.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(47,107,255,.13), transparent 32%),
    radial-gradient(circle at 80% 30%, rgba(26,191,190,.10), transparent 30%),
    linear-gradient(180deg, #F9FBFF 0%, #F2F8FF 100%);
}
.hero::after {
  content: "";
  position: absolute;
  left: -10%; right: -10%; bottom: -120px; height: 220px;
  border-radius: 50%;
  background: rgba(255,255,255,.7);
}
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr .78fr; gap: 62px; align-items: center; }
.eyebrow { display: inline-flex; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow.light { color: #BFE6FF; }
.hero h1 { max-width: 720px; margin: 15px 0 18px; font-size: clamp(48px, 6.4vw, 76px); line-height: .99; letter-spacing: -.055em; color: var(--navy); }
.hero-lead { max-width: 680px; margin: 0; font-size: clamp(18px, 2vw, 22px); color: #52637B; }
.trust-row { display: flex; flex-wrap: wrap; gap: 20px; margin: 26px 0; color: var(--navy); font-weight: 800; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.micro-proof { display: flex; align-items: center; gap: 10px; margin-top: 25px; color: var(--muted); font-size: 13px; }
.micro-proof p { margin: 0; }
.micro-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 6px rgba(26,191,190,.12); }
.lead-card { background: rgba(255,255,255,.95); border: 1px solid rgba(210,221,238,.9); border-radius: 24px; padding: 26px; box-shadow: var(--shadow); }
.lead-card-head { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.mini-brand { width: 46px; height: 46px; flex: 0 0 46px; }
.lead-card h2 { margin: 0; font-size: 22px; color: var(--navy); }
.lead-card-head p { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
form { display: grid; gap: 13px; }
label span { display: block; margin-bottom: 6px; color: #4F6078; font-size: 12px; font-weight: 800; }
input, select { width: 100%; border: 1px solid #D6E0EE; border-radius: 11px; padding: 13px 14px; outline: none; color: var(--text); background: #fff; }
input:focus, select:focus { border-color: #76A1FF; box-shadow: 0 0 0 4px rgba(47,107,255,.08); }
.form-note { margin: 0; text-align: center; color: #8390A2; font-size: 11px; }
.form-success { display: none; margin-top: 14px; padding: 12px 14px; border-radius: 10px; color: #0B6B66; background: #E9FBF9; font-size: 13px; font-weight: 700; }
.section-head { max-width: 700px; margin-bottom: 38px; }
.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-head h2, .compare-copy h2, .faq h2 { margin: 10px 0 10px; color: var(--navy); font-size: clamp(32px, 4vw, 48px); line-height: 1.08; letter-spacing: -.035em; }
.section-head p, .compare-copy p, .faq-grid > div:first-child p { color: var(--muted); margin: 0; }
.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.category-card { min-height: 225px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 12px 38px rgba(30,55,95,.08); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.category-card:hover { transform: translateY(-5px); border-color: #C9D9FA; box-shadow: 0 18px 46px rgba(30,55,95,.13); }
.category-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; margin-bottom: 20px; color: #fff; font-size: 21px; font-weight: 900; }
.health { background: #FF5B77; }.term { background: #6C5CE7; }.motor { background: #2F6BFF; }.accident { background: #20BF8F; }.travel { background: #FF922B; }
.category-card h3 { margin: 0 0 9px; color: var(--navy); font-size: 18px; }
.category-card p { margin: 0 0 16px; color: var(--muted); font-size: 14px; }
.text-link { color: var(--blue); font-size: 13px; font-weight: 900; }
.compare { background: linear-gradient(135deg, #F5F9FF, #EFFBFB); }
.compare-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; }
.comparison-visual { display: flex; align-items: end; gap: 12px; padding: 30px; min-height: 350px; border-radius: 28px; background: linear-gradient(135deg, rgba(47,107,255,.12), rgba(26,191,190,.13)); }
.plan-card { position: relative; flex: 1; padding: 22px 16px; min-height: 230px; border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: 0 18px 45px rgba(30,55,95,.12); }
.plan-card.featured { transform: translateY(-18px); border: 2px solid #55BFC7; }
.recommended { position: absolute; top: -14px; left: 12px; right: 12px; padding: 6px; border-radius: 999px; text-align: center; color: #fff; background: linear-gradient(90deg, var(--blue), var(--teal)); font-size: 10px; font-weight: 900; }
.plan-label { display: block; margin-bottom: 16px; color: var(--navy); font-size: 13px; font-weight: 900; }
.plan-card strong { display: block; margin-bottom: 22px; color: var(--navy); font-size: 22px; }
.plan-card strong span { color: #8A98AA; font-size: 10px; }
.line { height: 8px; margin: 9px 0; border-radius: 99px; background: #DFE8F5; }
.line::before { content: ""; display: block; width: 24%; height: 100%; border-radius: 99px; background: #6FC9CF; }.w90{width:90%}.w80{width:80%}.w75{width:75%}.w70{width:70%}.w65{width:65%}.w60{width:60%}.w55{width:55%}
.check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin: 24px 0 28px; color: #375169; font-weight: 800; font-size: 14px; }
.steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.step-card { padding: 24px 20px; border-radius: 20px; background: var(--soft); border: 1px solid #E8EEF7; }
.step-card span { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 24px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--blue), var(--teal)); font-size: 12px; font-weight: 900; }
.step-card h3 { margin: 0 0 8px; color: var(--navy); font-size: 17px; }
.step-card p { margin: 0; color: var(--muted); font-size: 13px; }
.advisor { padding-top: 28px; }
.advisor-banner { display: grid; grid-template-columns: 100px 1fr auto; gap: 24px; align-items: center; padding: 28px 34px; border-radius: 26px; color: #fff; background: linear-gradient(110deg, #112A56, #1749A7 50%, #6357F7 100%); box-shadow: var(--shadow); overflow: hidden; }
.advisor-badge { width: 88px; height: 88px; padding: 7px; border-radius: 24px; background: rgba(255,255,255,.96); }
.advisor-copy h2 { margin: 4px 0 5px; font-size: 34px; }
.advisor-copy p { margin: 0; max-width: 610px; color: #D5E4FF; }
.why { padding-top: 60px; }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.benefit-grid article { text-align: center; padding: 25px 20px; border-radius: 18px; border: 1px solid var(--line); background: #fff; }
.benefit-grid article > span { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 15px; border-radius: 15px; color: var(--blue); background: #EDF3FF; font-size: 24px; }
.benefit-grid h3 { margin: 0 0 8px; color: var(--navy); }
.benefit-grid p { margin: 0; color: var(--muted); font-size: 13px; }
.faq { background: #F8FAFD; }
.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 60px; }
.accordion { display: grid; gap: 12px; }
details { border: 1px solid #DDE5F0; border-radius: 14px; background: #fff; padding: 17px 18px; }
summary { cursor: pointer; color: var(--navy); font-weight: 850; }
details p { color: var(--muted); font-size: 14px; margin: 12px 0 2px; }
.footer { color: #C4D1E5; background: #0C2247; }
.footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 46px; padding: 56px 0 36px; }
.footer-brand img { width: 220px; filter: brightness(0) invert(1); opacity: .97; }
.footer-brand > p { margin: 10px 0 0; color: #E7EEF9; }
.footer-small { max-width: 360px; font-size: 13px; color: #93A6C3 !important; }
.footer h3 { margin: 0 0 14px; color: #fff; font-size: 14px; }
.footer a { display: block; margin: 9px 0; color: #B8C7DC; font-size: 13px; }
.footer a:hover { color: #fff; }
.compliance-note { padding: 22px 0; border-top: 1px solid rgba(255,255,255,.09); }
.compliance-note p { margin: 0; color: #8297B5; font-size: 11px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.07); }
.footer-bottom-inner { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #8195B1; font-size: 12px; }
.footer-bottom strong { color: #fff; }

@media (max-width: 1050px) {
  .nav { gap: 16px; }
  .nav a:nth-child(3), .nav a:nth-child(5) { display: none; }
  .hero-grid { gap: 34px; }
  .category-grid { grid-template-columns: repeat(3, 1fr); }
  .steps { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 820px) {
  .announcement { display: none; }
  .nav-toggle { display: block; }
  .nav-cta { display: none; }
  .nav {
    display: none;
    position: absolute;
    left: 18px; right: 18px; top: 76px;
    margin: 0; padding: 18px;
    border: 1px solid var(--line); border-radius: 16px;
    background: #fff; box-shadow: var(--shadow);
  }
  .nav.open { display: grid; gap: 0; }
  .nav.open a { display: block !important; padding: 12px 8px; }
  .hero-grid, .compare-grid, .faq-grid { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-lead { margin-left: auto; margin-right: auto; }
  .trust-row, .hero-actions, .micro-proof { justify-content: center; }
  .lead-card { max-width: 560px; margin: 0 auto; width: 100%; }
  .compare-grid { gap: 42px; }
  .steps { grid-template-columns: 1fr 1fr; }
  .advisor-banner { grid-template-columns: 76px 1fr; }
  .advisor-banner .btn { grid-column: 1 / -1; }
  .advisor-badge { width: 72px; height: 72px; }
  .benefit-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2 / 4; }
}

@media (max-width: 580px) {
  .container { width: min(100% - 28px, 1180px); }
  .section { padding: 68px 0; }
  .section-pad { padding: 54px 0 68px; }
  .brand img { width: 188px; }
  .hero h1 { font-size: 50px; }
  .hero-actions { display: grid; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card { min-height: auto; }
  .comparison-visual { padding: 18px; overflow-x: auto; }
  .plan-card { min-width: 145px; }
  .check-grid { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .advisor-banner { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 28px 22px; }
  .advisor-copy h2 { font-size: 30px; }
  .benefit-grid, .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom-inner { flex-direction: column; justify-content: center; text-align: center; padding: 15px 0; }
}

/* Launch contact layer */
.contact-strip {
  padding: 34px 0;
  background: linear-gradient(135deg, #F5F9FF, #F0FBFB);
  border-top: 1px solid var(--line);
}
.contact-strip-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.contact-strip h2 { margin: 6px 0 0; color: var(--navy); font-size: clamp(25px, 3vw, 34px); }
.contact-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.footer-contact { margin-top: 18px; }
.footer-contact a { margin: 5px 0; }
button:disabled { cursor: wait; opacity: .7; transform: none !important; }

@media (max-width: 720px) {
  .contact-strip-inner { flex-direction: column; align-items: flex-start; }
  .contact-actions { width: 100%; justify-content: stretch; }
  .contact-actions .btn { flex: 1 1 100%; }
}


/* Advisor acquisition page */
.btn-ghost-light{color:#fff;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08)}
.btn-ghost-light:hover{background:rgba(255,255,255,.16)}
.advisor-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.advisor-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#F5F8FF 0%,#FFFFFF 100%)}
.advisor-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}
.advisor-hero h1{max-width:820px;margin:16px 0 22px;color:var(--navy);font-size:clamp(48px,6.4vw,78px);line-height:.98;letter-spacing:-.055em}
.advisor-hero-note{max-width:720px;margin-top:20px;color:#71829A;font-size:12px;line-height:1.6}
.advisor-join-card{padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.advisor-stat-stack{display:grid;gap:12px;margin:26px 0}
.advisor-stat-stack div{padding:18px;border:1px solid #E5EBF4;border-radius:16px;background:#F8FAFD}
.advisor-stat-stack strong,.advisor-stat-stack span{display:block}
.advisor-stat-stack strong{margin-bottom:4px;color:var(--navy)}
.advisor-stat-stack span{color:var(--muted);font-size:13px}
.advisor-card-cta{width:100%}
.advisor-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.advisor-benefit-grid article{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(30,55,95,.06)}
.advisor-benefit-grid article>span{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));font-size:12px;font-weight:900}
.advisor-benefit-grid h3{margin:0 0 10px;color:var(--navy)}
.advisor-benefit-grid p{margin:0;color:var(--muted);font-size:14px}
.advisor-platform-section{color:#fff;background:linear-gradient(135deg,#0D2854,#164BA8 58%,#2B71DF)}
.advisor-platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.advisor-platform-grid .eyebrow{color:#7FE2DF}
.advisor-platform-grid h2{margin:10px 0 15px;max-width:520px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em}
.advisor-platform-grid p{max-width:560px;color:#C7D8F2}
.advisor-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.advisor-module-grid span{padding:18px 14px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08);text-align:center;font-size:13px;font-weight:800}
.advisor-audience{background:#F8FAFD}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.audience-grid h3{margin:0 0 9px;color:var(--navy)}
.audience-grid p{margin:0;color:var(--muted);font-size:14px}
.advisor-signup-section{background:linear-gradient(135deg,#F4F8FF,#F1FBFA)}
.advisor-signup-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.advisor-signup-copy h2{margin:10px 0 16px;color:var(--navy);font-size:clamp(36px,4.5vw,54px);line-height:1.05;letter-spacing:-.04em}
.advisor-signup-copy>p{max-width:560px;color:var(--muted)}
.signup-points{display:grid;gap:10px;margin-top:26px;color:#36516F;font-size:14px;font-weight:800}
.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.advisor-form-card{max-width:none}
.form-status{min-height:0;margin-top:12px;padding:0;color:var(--muted);font-size:13px}
.form-status.success{padding:14px;border-radius:12px;color:#116457;background:#E8F8F3}

@media(max-width:1050px){
  .advisor-hero-grid,.advisor-signup-grid{gap:40px}
  .advisor-benefit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .advisor-hero-grid,.advisor-platform-grid,.advisor-signup-grid{grid-template-columns:1fr}
  .advisor-hero .hero-copy{text-align:center}
  .advisor-hero-note{margin-left:auto;margin-right:auto}
  .advisor-join-card{max-width:620px;margin:0 auto;width:100%}
  .advisor-module-grid{grid-template-columns:repeat(2,1fr)}
  .audience-grid{grid-template-columns:1fr}
  .advisor-actions{grid-column:1/-1;justify-content:stretch}
  .advisor-actions .btn{flex:1 1 220px}
}
@media(max-width:580px){
  .advisor-hero h1{font-size:48px}
  .advisor-benefit-grid{grid-template-columns:1fr}
  .advisor-module-grid{grid-template-columns:1fr 1fr}
  .form-two-col{grid-template-columns:1fr}
}