/* Overhead Pulse Check — layout on top of /personal-lines/styles.css.
   Everything brand-level (tokens, buttons, nav, cards, FAQ, footer, modal) is
   inherited from that sheet so all three public pages stay one family. Only
   the things this page has and those pages don't live here. */

.oiq-fb-hero{
  padding-top:56px;padding-bottom:28px;
  display:flex;flex-direction:column;gap:28px;
}
.oiq-fb-hero .oiq-hero__copy{max-width:780px}
.oiq-fb-hero .oiq-lede{max-width:660px}

/* ---- The estimator ---- */
.oiq-fb-estimator{padding-bottom:40px}
.oiq-fb-panel{display:flex;flex-direction:column;gap:20px}
.oiq-fb-form{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:end}
.oiq-fb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.oiq-fb-help{font-size:12px;color:var(--oiq-muted);margin:0}

/* The shared sheet styles .oiq-input for text fields only; a <select> wearing
   that class needs the native chrome removed and its own caret drawn, or it
   renders as a system control in the middle of the panel. */
select.oiq-input{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-right:38px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),
                   linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
select.oiq-input option{background:#101418;color:#e8ecf2}

.oiq-fb-results{
  border-top:1px solid var(--oiq-border-gold-soft);
  padding-top:18px;display:flex;flex-direction:column;gap:14px;
}
.oiq-fb-results__empty{font-size:13px;color:var(--oiq-muted);margin:0}
.oiq-fb-results__body{display:flex;flex-direction:column;gap:14px}
.oiq-fb-headline{
  font-family:var(--oiq-display);font-weight:800;font-size:30px;line-height:1.15;margin:0;
  color:var(--oiq-text);
}
.oiq-fb-headline em{
  font-style:normal;
  background-image:linear-gradient(90deg,#D4AF37,#F0C840,#C8D4E4,#D4AF37);
  background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:oiq-shimmer 5s linear infinite;
}
.oiq-fb-sub{font-size:14px;color:var(--oiq-text-2);margin:0}
.oiq-fb-sub strong{color:var(--oiq-text)}
.oiq-fb-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oiq-fb-stat{
  border:1px solid var(--oiq-border-silver);border-radius:10px;padding:14px 16px;
  display:flex;flex-direction:column;gap:6px;
}
.oiq-fb-stat__figure{font-family:var(--oiq-display);font-weight:800;font-size:26px;color:var(--oiq-gold-light);line-height:1}
.oiq-fb-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---- What we look at ---- */
.oiq-fb-areas{padding-bottom:8px}
.oiq-fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oiq-fb-area{
  border:1px solid var(--oiq-border-silver);border-radius:12px;padding:16px 18px;
  display:flex;flex-direction:column;gap:6px;
}
.oiq-fb-area__title{font-family:var(--oiq-display);font-weight:700;font-size:17px;margin:0;color:var(--oiq-text)}
.oiq-fb-area__body{font-size:13px;line-height:1.5;color:var(--oiq-text-2);margin:0}

.oiq-fb-close{padding-bottom:48px;display:flex;flex-direction:column;align-items:center}
.oiq-fb-close .oiq-panel{max-width:760px;width:100%}
.oiq-fb-close .oiq-panel__sub{max-width:620px}

@media (max-width:960px){
  .oiq-fb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .oiq-fb-form{grid-template-columns:1fr}
  .oiq-fb-grid{grid-template-columns:1fr}
  .oiq-fb-stats{grid-template-columns:1fr}
  .oiq-fb-headline{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  .oiq-fb-headline em{
    animation:none;background-image:none;
    -webkit-text-fill-color:var(--oiq-gold-light);color:var(--oiq-gold-light);
  }
}