/* ────────── AUTO INSURANCE AGE-SELECTOR WIDGET ────────── */
.autobox{
  margin:40px 0;
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0c1e3e 0%,#0f2a5e 50%,#1e3a8a 100%);
  border-radius:22px;
  padding:40px 36px 32px;
  color:#fff;
  box-shadow:0 28px 70px rgba(15,32,90,.32);
}
.autobox::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(500px 250px at 90% -10%, rgba(96,165,250,.22), transparent 60%),
    radial-gradient(400px 240px at 0% 110%, rgba(59,130,246,.18), transparent 60%);
  pointer-events:none;
}
.autobox > *{position:relative;z-index:1}

.autobox-head{text-align:center;margin-bottom:28px}
.autobox-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  background:rgba(96,165,250,.16);
  border:1px solid rgba(96,165,250,.32);
  color:#bfdbfe;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  margin-bottom:18px;
}
.autobox-eyebrow svg{width:13px;height:13px;color:#fbbf24}
.autobox h4{
  font-family:var(--font-serif);font-weight:500;
  font-size:clamp(26px,4.4vw,38px);line-height:1.05;letter-spacing:-0.025em;
  color:#fff;margin:0 0 10px;
}
.autobox h4 em{font-style:italic;color:#fcd34d;font-weight:500}
.autobox p.autobox-sub,
.autobox-sub{
  font-size:15.5px;line-height:1.55;color:#e2e8f0 !important;
  margin:0 auto;max-width:480px;
}

/* Big call-to-action line — "TAP YOUR AGE TO START" */
.autobox-prompt{
  text-align:center;margin:28px 0 16px;
  display:flex;align-items:center;justify-content:center;gap:14px;
}
.autobox-prompt::before,.autobox-prompt::after{
  content:"";height:1px;flex:1;max-width:80px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
}
.autobox-prompt span{
  font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;
  color:#fbbf24;
  display:inline-flex;align-items:center;gap:8px;
}
.autobox-prompt svg{width:13px;height:13px;animation:tap 1.6s ease-in-out infinite}
@keyframes tap{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(3px)}
}

/* Age option grid */
.auto-ages{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin:0 0 18px;
}
.auto-age{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;
  padding:22px 16px;
  background:rgba(255,255,255,.08);
  border:1.5px solid rgba(255,255,255,.16);
  border-radius:14px;
  color:#fff;text-decoration:none;
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-0.01em;
  cursor:pointer;
  transition:all .18s var(--ease);
  text-align:center;line-height:1.1;
  min-height:90px;
}
.auto-age:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(252,211,77,.55);
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(252,211,77,.18);
}
.auto-age:active{transform:translateY(0)}
.auto-age .age-val{
  font-family:var(--font-serif);font-weight:600;font-size:24px;
  color:#fcd34d;letter-spacing:-0.02em;line-height:1;
}
.auto-age .age-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.7);
}

.auto-skip{
  display:block;margin:8px auto 0;
  text-align:center;
  background:transparent;border:0;
  color:rgba(255,255,255,.6);
  font-family:inherit;font-size:13px;font-weight:500;
  text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);
  text-underline-offset:3px;
  cursor:pointer;padding:8px 12px;
  transition:color .15s var(--ease);
}
.auto-skip:hover{color:#fff;text-decoration-color:rgba(255,255,255,.6)}

.autobox-foot{
  margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:center;
  font-size:12px;color:rgba(255,255,255,.65);
}
.autobox-foot span{display:inline-flex;align-items:center;gap:6px}
.autobox-foot svg{width:13px;height:13px;color:#bfdbfe}

@media (max-width:560px){
  .autobox{padding:32px 24px 26px;border-radius:18px}
  .auto-ages{grid-template-columns:1fr;gap:10px}
  .auto-age{min-height:64px;padding:16px 14px;flex-direction:row;justify-content:space-between}
  .auto-age .age-val{font-size:20px}
}