:root {
  --seq-green-950: #003a27;
  --seq-green-900: #00563a;
  --seq-green-700: #008f58;
  --seq-green-500: #16ae6f;
  --seq-yellow: #ffd20a;
  --seq-ink: #0d251c;
  --seq-muted: #5c6d66;
  --seq-line: #d9e6df;
  --seq-mist: #edf8f2;
  --seq-white: #ffffff;
}

/* Astra's accessibility helpers need their base styles after its CSS is dequeued. */
.skip-link.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#ast-scroll-top { display: none !important; }

.seq, .seq * { box-sizing: border-box; }
.seq {
  min-height: 100vh;
  margin: 0;
  padding: 22px clamp(16px, 4vw, 56px) 32px;
  color: var(--seq-ink);
  font-family: "Manrope", sans-serif;
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 210, 10, .18), transparent 24rem),
    linear-gradient(135deg, #f7fbf8 0%, #eaf7f0 48%, #f9fbef 100%);
  position: relative;
  overflow: hidden;
}
.seq::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .3;
  background-image: linear-gradient(rgba(0,86,58,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,86,58,.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.seq__brand, .seq__shell, .seq__footer-note { position: relative; z-index: 1; }
.seq__brand {
  max-width: 1220px;
  margin: 0 auto 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.seq__brand img { width: min(270px, 58vw); height: auto; display: block; }
.seq__brand span { font-size: 12px; font-weight: 800; letter-spacing: .14em; color: var(--seq-green-900); text-transform: uppercase; }
.seq__cover[hidden], .seq__shell[hidden] { display: none !important; }
.seq__cover {
  isolation: isolate;
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  min-height: 650px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(0, 86, 58, .12);
  border-radius: 36px;
  background:
    radial-gradient(circle at 80% 12%, rgba(255, 210, 10, .34), transparent 24rem),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,250,239,.98) 54%, rgba(255,249,218,.96));
  box-shadow: 0 32px 86px rgba(0, 58, 39, .15);
}
.seq__cover::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .48;
  background-image: linear-gradient(rgba(0,86,58,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,86,58,.045) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, black, rgba(0,0,0,.45), transparent 82%);
}
.seq__cover-copy { position: relative; z-index: 2; padding: clamp(34px, 5vw, 68px); padding-right: 10px; }
.seq__cover-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 24px;
  padding: 9px 14px;
  border: 1px solid rgba(0,143,88,.22);
  border-radius: 999px;
  color: var(--seq-green-900);
  background: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.seq__cover-badge b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #fff; background: var(--seq-green-700); }
.seq__cover-kicker { margin: 0 0 8px; color: var(--seq-green-700); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.seq__cover h1 {
  max-width: 620px;
  margin: 0;
  color: var(--seq-green-950);
  font: 800 clamp(48px, 5.2vw, 70px)/.92 "Barlow Condensed", sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-wrap: balance;
}
.seq__cover h1 mark { color: #e7b900; background: transparent; }
.seq__cover h1 em { display: block; color: #00a965; font-style: normal; text-shadow: 0 10px 30px rgba(0,169,101,.14); }
.seq__cover-lead { max-width: 570px; margin: 23px 0 26px; color: #455d53; font-size: clamp(16px, 1.8vw, 19px); line-height: 1.55; }
.seq__cover-cta {
  width: min(470px, 100%);
  min-height: 76px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 8px 12px 8px 28px;
  border: 0;
  border-radius: 19px;
  border: 3px solid #ffd20a;
  color: #fff;
  background: linear-gradient(135deg, #00b86b, #008f58);
  box-shadow: 0 0 0 0 rgba(255,210,10,.38), 0 18px 38px rgba(0,143,88,.28), inset 0 1px 0 rgba(255,255,255,.28);
  font: 800 clamp(20px, 2.5vw, 27px) "Barlow Condensed", sans-serif;
  letter-spacing: .025em;
  text-transform: uppercase;
  cursor: pointer;
  animation: seqCoverCtaPulse 2.2s ease-in-out infinite;
  transition: transform .18s ease, box-shadow .18s ease;
}
.seq__cover-cta:hover { transform: translateY(-2px); box-shadow: 0 0 0 7px rgba(255,210,10,.2), 0 22px 44px rgba(0,143,88,.36), inset 0 1px 0 rgba(255,255,255,.35); }
.seq__cover-cta b { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 15px; color: var(--seq-green-950); background: #ffd20a; font: 800 27px "Manrope", sans-serif; }
.seq__cover-trust { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.seq__cover-trust p { min-height: 52px; display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 11px 17px; border: 1px solid rgba(0,143,88,.24); border-radius: 15px; color: var(--seq-green-950); background: rgba(255,255,255,.82); font-size: 15px; box-shadow: 0 8px 20px rgba(0,58,39,.06); }
.seq__cover-trust span { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--seq-green-700); font-size: 15px; font-weight: 900; }
.seq__cover-trust strong { font-weight: 800; }
@keyframes seqCoverCtaPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,210,10,.34), 0 18px 38px rgba(0,143,88,.28), inset 0 1px 0 rgba(255,255,255,.28); }
  50% { box-shadow: 0 0 0 8px rgba(255,210,10,.12), 0 24px 48px rgba(0,184,107,.38), inset 0 1px 0 rgba(255,255,255,.35); }
}
.seq__cover-person { position: relative; align-self: stretch; min-height: 620px; }
.seq__cover-person::after { content: ""; position: absolute; right: -70px; bottom: -180px; width: 520px; height: 520px; border-radius: 50%; background: rgba(255,210,10,.18); filter: blur(2px); }
.seq__cover-person img { position: absolute; z-index: 2; right: -22px; bottom: -150px; width: min(520px, 112%); height: auto; display: block; object-fit: contain; filter: drop-shadow(0 24px 30px rgba(0,58,39,.2)); }
.seq__cover-sun { position: absolute; top: 72px; right: 70px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.9) 0 8%, rgba(255,210,10,.78) 26%, rgba(255,210,10,.12) 63%, transparent 72%); filter: blur(1px); }
.seq__shell {
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(430px, 1.06fr);
  gap: clamp(30px, 5vw, 74px);
  align-items: center;
}
.seq__story { padding: 24px 0 12px; }
.seq__eyebrow, .seq__step-label, .seq__result-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--seq-green-700);
}
.seq__story h1, .seq__card h2 {
  font-family: "Manrope", sans-serif;
  text-wrap: balance;
}
.seq__story h1 {
  max-width: 620px;
  margin: 0;
  font-size: clamp(48px, 6.4vw, 82px);
  line-height: .92;
  letter-spacing: -.025em;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--seq-green-950);
}
.seq__story h1 em { display: block; color: var(--seq-green-700); font-style: normal; }
.seq__lead { max-width: 560px; margin: 22px 0 24px; font-size: clamp(16px, 2vw, 20px); line-height: 1.6; color: var(--seq-muted); }
.seq__roof { position: relative; max-width: 590px; aspect-ratio: 16 / 8.2; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 54px rgba(0,58,39,.2); }
.seq__roof::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,58,39,.55), transparent 54%); pointer-events: none; }
.seq__roof img { width: 100%; height: 100%; object-fit: cover; display: block; }
.seq__roof-proof { position: absolute; z-index: 1; left: 18px; bottom: 18px; padding: 11px 14px; color: white; border: 1px solid rgba(255,255,255,.35); background: rgba(0,58,39,.72); border-radius: 13px; backdrop-filter: blur(8px); }
.seq__roof-proof strong, .seq__roof-proof span { display: block; }
.seq__roof-proof strong { font-size: 13px; }
.seq__roof-proof span { margin-top: 2px; font-size: 11px; opacity: .8; }
.seq__trust { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 0; margin: 20px 0 0; font-size: 12px; font-weight: 700; color: var(--seq-green-900); }
.seq__trust span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; color: var(--seq-green-950); background: var(--seq-yellow); }
.seq__card {
  width: 100%;
  min-height: 612px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(0,86,58,.13);
  border-radius: 30px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 34px 80px rgba(0,58,39,.16);
}
.seq__progress { display: flex; align-items: center; gap: 14px; margin-bottom: 42px; }
.seq__progress-bar { flex: 1; height: 7px; overflow: hidden; border-radius: 99px; background: #e7efeb; }
.seq__progress-bar span { display: block; width: 20%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--seq-green-700), var(--seq-green-500), var(--seq-yellow)); transition: width .35s ease; }
.seq__progress > span { white-space: nowrap; font-size: 11px; font-weight: 800; color: var(--seq-muted); text-transform: uppercase; letter-spacing: .08em; }
.seq__insight {
  min-height: 360px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 28px;
  text-align: center;
  animation: seqInsightIn .32s ease both;
}
.seq__insight[hidden] { display: none; }
.seq__insight-sun {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 38px;
  background: radial-gradient(circle at 38% 32%, #fffbd7 0 17%, var(--seq-yellow) 48%, #f4b800 100%);
  box-shadow: 0 0 0 12px rgba(255,210,10,.12), 0 18px 35px rgba(208,154,0,.18);
  animation: seqSunPulse .9s ease-in-out infinite alternate;
}
.seq__insight strong { max-width: 520px; font-size: clamp(24px, 4vw, 34px); line-height: 1.16; color: var(--seq-green-950); }
.seq__insight p { max-width: 520px; margin: 0; font-size: 15px; line-height: 1.65; color: var(--seq-muted); }
.seq__insight-energy { width: min(260px, 76%); height: 6px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: #e6efea; }
.seq__insight-energy span { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--seq-green-700), var(--seq-yellow)); transform-origin: left; animation: seqEnergyFill var(--seq-insight-duration, 2400ms) linear both; }
@keyframes seqInsightIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes seqSunPulse { to { transform: scale(1.06) rotate(3deg); } }
@keyframes seqEnergyFill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.seq__step { display: none; animation: seqEnter .38s ease both; }
.seq__step.is-active { display: block; }
@keyframes seqEnter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.seq__card h2 { max-width: 620px; margin: 0 0 10px; font-size: clamp(31px, 4.2vw, 44px); line-height: 1.08; letter-spacing: -.025em; font-weight: 700; color: var(--seq-green-950); }
.seq__card h2:focus { outline: 0; }
.seq__card h2 + p { margin: 0 0 25px; line-height: 1.6; color: var(--seq-muted); }
.seq__money { min-height: 96px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 8px 22px; border: 2px solid var(--seq-line); border-radius: 20px; background: #fbfdfc; transition: .2s ease; }
.seq__money:focus-within { border-color: var(--seq-green-500); box-shadow: 0 0 0 5px rgba(22,174,111,.12); }
.seq__money span { font-size: 26px; font-weight: 800; color: var(--seq-green-700); }
.seq__money input { width: 100%; border: 0; outline: 0; background: transparent; font: 700 clamp(36px, 7vw, 52px)/1 "Manrope", sans-serif; color: var(--seq-green-950); }
.seq__money input::placeholder { color: #b7c8bf; }
.seq__money small { align-self: end; padding-bottom: 20px; font-size: 12px; font-weight: 700; color: var(--seq-muted); }
.seq__quick-values { display: flex; flex-wrap: wrap; gap: 8px; margin: 13px 0 18px; }
.seq__quick-values button { min-height: 44px; padding: 8px 13px; border: 1px solid var(--seq-line); border-radius: 999px; background: white; font: 700 12px "Manrope", sans-serif; color: var(--seq-green-900); cursor: pointer; }
.seq__quick-values button:hover { border-color: var(--seq-green-500); background: var(--seq-mist); }
.seq__bill-ranges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 19px; }
.seq__bill-ranges button { min-height: 58px; padding: 12px 14px; border: 2px solid var(--seq-line); border-radius: 16px; background: #fff; font: 700 15px/1.25 "Manrope", "Trebuchet MS", sans-serif; color: var(--seq-green-950); cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.seq__bill-ranges button:hover, .seq__bill-ranges button:focus-visible { transform: translateY(-2px); border-color: var(--seq-green-500); outline: 0; box-shadow: 0 10px 22px rgba(0, 86, 58, .1); }
.seq__bill-ranges button.is-selected { border-color: var(--seq-green-700); color: #fff; background: linear-gradient(135deg, var(--seq-green-900), var(--seq-green-500)); }
.seq__bill-ranges .seq__bill-range-more { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 8px; color: #5b4300; border-color: rgba(210, 166, 0, .42); background: #fff8cf; }
.seq__bill-range-more span { padding: 4px 8px; border-radius: 999px; font-size: 10px; letter-spacing: .03em; text-transform: uppercase; background: rgba(255, 210, 10, .36); }
.seq__bill-range-note { margin: 13px 0 0 !important; font-size: 11px; line-height: 1.45 !important; text-align: center; color: var(--seq-muted); }
.seq__field { display: grid; gap: 8px; }
.seq__field span { font-size: 12px; font-weight: 800; color: var(--seq-green-900); }
.seq__field select { width: 100%; min-height: 62px; padding: 0 18px; border: 2px solid var(--seq-line); border-radius: 16px; background: #fff; font: 700 16px "Manrope", sans-serif; color: var(--seq-ink); }
.seq__text-field { display: grid; gap: 8px; margin-top: 22px; }
.seq__text-field span { font-size: 12px; font-weight: 800; color: var(--seq-green-900); }
.seq__text-field input { width: 100%; min-height: 70px; padding: 0 19px; border: 2px solid var(--seq-line); border-radius: 17px; background: #fbfdfc; font: 600 20px "Manrope", sans-serif; color: var(--seq-ink); outline: 0; }
.seq__text-field input:focus { border-color: var(--seq-green-500); box-shadow: 0 0 0 5px rgba(22,174,111,.12); }
.seq__text-field input::placeholder { color: #a9b9b1; }
.seq__education-visual { margin: 18px 0 8px; overflow: hidden; border: 1px solid rgba(0,86,58,.14); border-radius: 20px; background: #fff; box-shadow: 0 16px 34px rgba(0,58,39,.1); }
.seq__education-visual img { width: 100%; height: auto; display: block; }
.seq__step--education h2 { margin-bottom: 2px; }
.seq__step--payoff > p:not(.seq__step-label) { margin-bottom: 12px; }
.seq__payoff-visual { margin: 10px 0 4px; overflow: hidden; border-radius: 20px; background: linear-gradient(135deg, #fff, #f6fbf8); }
.seq__payoff-visual img { width: 100%; height: auto; display: block; }
.seq__payoff-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 8px 0 2px; }
.seq__payoff-points span { min-height: 63px; display: grid; align-content: center; gap: 3px; padding: 10px; border: 1px solid var(--seq-line); border-radius: 13px; color: var(--seq-muted); background: #fff; font-size: 11px; line-height: 1.3; text-align: center; }
.seq__payoff-points b { color: var(--seq-green-900); font-size: 12px; }
.seq__step--owned { text-align: center; }
.seq__owned-icon { width: 78px; height: 78px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; background: radial-gradient(circle at 38% 30%, #fff8b0 0 12%, var(--seq-yellow) 48%, #e6aa00 100%); box-shadow: 0 0 0 13px rgba(255,210,10,.12); font-size: 38px; }
.seq__step--owned h2, .seq__step--owned > p { max-width: 600px; margin-left: auto; margin-right: auto; }
.seq__owned-comparison { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 10px; margin: 26px 0 4px; }
.seq__owned-comparison span { min-height: 92px; display: grid; place-items: center; align-content: center; gap: 5px; padding: 14px; border: 1px solid var(--seq-line); border-radius: 17px; background: #fff; }
.seq__owned-comparison span:first-child { color: #a4422e; background: #fff7f4; border-color: #f3d0c7; }
.seq__owned-comparison span:last-child { color: #fff; background: linear-gradient(135deg, var(--seq-green-950), var(--seq-green-700)); border-color: transparent; }
.seq__owned-comparison small { font-size: 11px; font-weight: 700; opacity: .78; }
.seq__owned-comparison strong { font-size: 18px; }
.seq__owned-comparison > b { align-self: center; color: var(--seq-green-700); font-size: 28px; }
.seq__step--ready { text-align: center; }
.seq__ready-icon { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 auto 16px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--seq-green-700), var(--seq-green-500)); font-size: 34px; font-weight: 800; box-shadow: 0 0 0 12px rgba(22,174,111,.1); }
.seq__step--ready h2 { margin-left: auto; margin-right: auto; }
.seq__step--ready > p:not(.seq__step-label) { max-width: 480px; margin-left: auto; margin-right: auto; }
.seq__step--ready .seq__text-field { max-width: 430px; margin-left: auto; margin-right: auto; text-align: left; }
.seq__text-field--phone input { font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.seq__ready-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.seq__ready-list span { padding: 9px 12px; border-radius: 999px; background: var(--seq-mist); color: var(--seq-green-900); font-size: 11px; font-weight: 800; }
.seq__ready-list span::before { content: "✓ "; color: var(--seq-green-500); }
.seq__city-search { display: grid; gap: 7px; margin-bottom: 14px; }
.seq__city-search span { font-size: 12px; font-weight: 700; color: var(--seq-green-900); }
.seq__city-search input { width: 100%; min-height: 54px; padding: 0 17px; border: 2px solid var(--seq-line); border-radius: 15px; background: #fff; font: 500 16px "Manrope", sans-serif; color: var(--seq-ink); }
.seq__city-search input:focus { border-color: var(--seq-green-500); box-shadow: 0 0 0 4px rgba(22,174,111,.1); }
.seq__city-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 270px; padding: 3px 6px 3px 2px; overflow-y: auto; scrollbar-color: #a8c9b8 transparent; }
.seq__city-grid button { min-height: 48px; padding: 9px 12px; border: 1px solid var(--seq-line); border-radius: 12px; background: #fff; font: 600 13px/1.25 "Manrope", sans-serif; color: var(--seq-ink); cursor: pointer; text-align: left; transition: .16s ease; }
.seq__city-grid button:hover { border-color: #8fcbb0; background: var(--seq-mist); }
.seq__city-grid button.is-selected { border-color: var(--seq-green-500); background: var(--seq-mist); box-shadow: 0 0 0 3px rgba(22,174,111,.1); }
.seq__city-grid button[hidden] { display: none; }
.seq__city-grid .seq__city-other { grid-column: 1 / -1; text-align: center; color: var(--seq-green-900); }
.seq__choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 4px 0 8px; }
.seq__choices button { min-height: 138px; padding: 18px 13px; border: 2px solid var(--seq-line); border-radius: 18px; background: white; color: var(--seq-ink); cursor: pointer; text-align: left; transition: .18s ease; }
.seq__choices button:hover { transform: translateY(-2px); border-color: #9ad5b7; }
.seq__choices button.is-selected { border-color: var(--seq-green-500); background: var(--seq-mist); box-shadow: 0 0 0 4px rgba(22,174,111,.1); }
.seq__choices button > span { display: block; margin-bottom: 14px; font-size: 29px; color: var(--seq-green-700); }
.seq__choices strong, .seq__choices small { display: block; }
.seq__choices strong { font: 700 16px/1.28 "Manrope", sans-serif; }
.seq__choices small { margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--seq-muted); }
.seq__choices--voltage button { min-height: 116px; text-align: center; }
.seq__choices--voltage strong { font-size: 24px; }
.seq__choices--goal { grid-template-columns: repeat(2, 1fr); }
.seq__choices--goal button { min-height: 104px; }
.seq__choices--goal button:last-child { grid-column: 1 / -1; }
.seq__choices--detail { grid-template-columns: repeat(3, 1fr); }
.seq__choices--detail button { min-height: 108px; padding: 16px; }
.seq__detail-bill > p { margin: 10px 2px 0; font-size: 12px; color: var(--seq-muted); }
.seq__money--compact { min-height: 82px; }
.seq__error { min-height: 20px; margin: 8px 0 !important; color: #ba2929 !important; font-size: 12px; font-weight: 700; }
.seq__actions { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 20px; }
.seq__actions--back-only { grid-template-columns: auto; justify-content: start; }
.seq__actions [hidden] { display: none; }
.seq__primary, .seq__back, .seq__restart { min-height: 58px; border-radius: 16px; font: 800 14px "Manrope", sans-serif; cursor: pointer; }
.seq__primary { width: 100%; padding: 0 22px; border: 0; color: white; background: linear-gradient(135deg, var(--seq-green-900), var(--seq-green-700)); box-shadow: 0 14px 28px rgba(0,143,88,.2); }
.seq__primary:hover { transform: translateY(-1px); box-shadow: 0 18px 34px rgba(0,143,88,.27); }
.seq__primary span { margin-left: 8px; }
.seq__back { padding: 0 18px; border: 1px solid var(--seq-line); background: white; color: var(--seq-muted); }
.seq__loading { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 12px; text-align: center; }
.seq__loading[hidden], .seq__result[hidden] { display: none; }
.seq__loading > span { width: 54px; height: 54px; border: 5px solid var(--seq-mist); border-top-color: var(--seq-yellow); border-right-color: var(--seq-green-500); border-radius: 50%; animation: seqSpin .8s linear infinite; }
@keyframes seqSpin { to { transform: rotate(360deg); } }
.seq__loading strong { font: 700 25px "Manrope", sans-serif; color: var(--seq-green-950); }
.seq__loading small { color: var(--seq-muted); }
.seq__result { animation: seqEnter .45s ease both; }
.seq__result-hero { padding: 4px 2px 0; text-align: center; }
.seq__result .seq__result-kicker { display: inline-flex; margin: 0 auto 10px; padding: 7px 11px; border-radius: 999px; background: #e8f8ef; color: var(--seq-green-700); }
.seq__result-hero h2 { max-width: 600px; margin: 0 auto; font-size: clamp(28px, 4.5vw, 40px); line-height: 1.08; letter-spacing: -.03em; }
.seq__result.is-investment .seq__result-kicker { background: #fff5c7; color: #6d5700; }
.seq__result-journey { display: grid; gap: 8px; max-width: 590px; margin: 22px auto 12px; }
.seq__result-stage { display: grid; gap: 4px; padding: 18px 20px; border-radius: 19px; }
.seq__result-stage span { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .78; }
.seq__result-stage strong { font: 800 clamp(28px, 4.5vw, 38px) "Manrope", sans-serif; letter-spacing: -.04em; }
.seq__result-stage small { font-size: 11px; line-height: 1.45; }
.seq__result-stage--current { border: 1px solid #f0c2b8; background: linear-gradient(145deg, #fff8f5, #ffece7); color: #7d2c21; }
.seq__result-stage--solar { border: 1px solid #e7c300; background: linear-gradient(145deg, #fff9bd, var(--seq-yellow)); color: var(--seq-green-950); box-shadow: 0 14px 28px rgba(255,210,10,.18); }
.seq__result-stage--solar em { justify-self: start; margin-top: 5px; padding: 6px 9px; border-radius: 999px; background: var(--seq-green-950); color: #fff; font-size: 10px; font-style: normal; font-weight: 800; }
.seq__result-stage--owned { color: #fff; background: linear-gradient(135deg, var(--seq-green-950), var(--seq-green-700)); box-shadow: 0 15px 30px rgba(0,58,39,.16); }
.seq__result-stage--owned small { max-width: 520px; opacity: .84; }
.seq__result-connector { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 3px 0; color: var(--seq-green-800); }
.seq__result-connector i { height: 2px; border-radius: 99px; background: linear-gradient(90deg, transparent, #8bbca7); }
.seq__result-connector i:last-child { background: linear-gradient(90deg, #8bbca7, transparent); }
.seq__result-connector span { min-width: min(330px, 72vw); display: grid; gap: 3px; padding: 9px 16px; border: 1px solid #cce3d9; border-radius: 15px; background: #f2faf6; box-shadow: 0 6px 14px rgba(5,77,51,.08); text-align: center; }
.seq__result-connector b { color: var(--seq-green-800); font-size: 13px; font-weight: 900; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
.seq__result-connector small { color: #52675d; font-size: 10px; font-weight: 700; line-height: 1.35; }
.seq__result.is-investment .seq__result-stage--solar em { background: #6d5700; }
.seq__clarity-note { display: grid; gap: 5px; margin: 0 0 16px; padding: 15px 16px; border: 1px solid rgba(255,210,10,.7); border-radius: 15px; background: #fff9d9; }
.seq__clarity-note strong { font-size: 13px; color: var(--seq-green-950); }
.seq__clarity-note span { font-size: 11px; line-height: 1.55; color: #4f6058; }
.seq__result-summary { margin: 14px 0 10px; padding: 15px 16px; border: 1px solid rgba(0,143,88,.18); border-radius: 16px; background: linear-gradient(135deg, #f4fbf7, #edf8f2); }
.seq__result-summary span, .seq__result-summary strong, .seq__result-summary small { display: block; }
.seq__result-summary span { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--seq-green-700); }
.seq__result-summary strong { margin-top: 4px; font-size: 14px; color: var(--seq-green-950); }
.seq__result-summary small { margin-top: 3px; font-size: 10px; color: var(--seq-muted); }
.seq__result-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-bottom: 14px; }
.seq__result-grid > div { padding: 13px; border-radius: 13px; background: var(--seq-mist); }
.seq__result-grid span, .seq__result-grid strong { display: block; }
.seq__result-grid span { font-size: 9px; font-weight: 800; text-transform: uppercase; color: var(--seq-muted); }
.seq__result-grid strong { margin-top: 4px; font-size: 12px; color: var(--seq-green-950); }
.seq__voltage-note { margin: 12px 0; padding: 12px 14px; border-left: 4px solid var(--seq-yellow); border-radius: 8px; background: #fff9d9; font-size: 11px; line-height: 1.5; }
.seq__warranty { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; max-width: 590px; margin: 10px auto; padding: 10px 13px; border: 1px solid rgba(0,143,88,.16); border-radius: 13px; background: #f5faf7; }
.seq__warranty > span { grid-row: 1 / 3; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #fff; font-size: 20px; box-shadow: 0 5px 16px rgba(0,58,39,.08); }
.seq__warranty strong { color: var(--seq-green-950); font-size: 13px; }
.seq__warranty small { margin-top: 2px; color: var(--seq-muted); font-size: 10px; }
.seq__whatsapp { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; margin-top: 15px; padding: 15px 17px; border-radius: 17px; color: #053b25 !important; text-decoration: none !important; background: var(--seq-yellow); box-shadow: 0 15px 30px rgba(255,210,10,.24); }
.seq__whatsapp--primary { min-height: 88px; grid-template-columns: auto 1fr; margin-top: 19px; padding: 16px 20px; border: 2px solid rgba(255,255,255,.38); color: #fff !important; background: linear-gradient(135deg, #08783f 0%, #18ae59 56%, #24c967 100%); box-shadow: 0 20px 42px rgba(8,120,63,.32), inset 0 1px 0 rgba(255,255,255,.22); animation: seqCtaArrive .65s .45s ease both; }
.seq__whatsapp--primary:hover { box-shadow: 0 24px 48px rgba(8,120,63,.42), inset 0 1px 0 rgba(255,255,255,.25); }
@keyframes seqCtaArrive { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
.seq__whatsapp:hover { transform: translateY(-2px); }
.seq__wa-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #25d366; border: 2px solid rgba(255,255,255,.9); }
.seq__wa-icon svg { width: 24px; height: 24px; display: block; }
.seq__whatsapp--primary .seq__wa-icon { width: 52px; height: 52px; color: #0b944b; background: #fff; box-shadow: 0 8px 18px rgba(0,74,38,.18); }
.seq__whatsapp--primary .seq__wa-icon svg { width: 30px; height: 30px; }
.seq__whatsapp strong, .seq__whatsapp small { display: block; }
.seq__whatsapp strong { font-size: 14px; }
.seq__whatsapp--primary strong { font-size: clamp(20px, 3vw, 25px); letter-spacing: -.015em; line-height: 1.1; }
.seq__whatsapp small { margin-top: 3px; font-size: 10px; opacity: .78; }
.seq__whatsapp--primary small { max-width: 470px; margin-top: 6px; font-size: 11px; line-height: 1.4; opacity: .9; }
.seq__whatsapp--primary small i { width: 8px; height: 8px; display: inline-block; margin-right: 3px; border-radius: 50%; background: #9cffbd; box-shadow: 0 0 0 4px rgba(156,255,189,.14); }
.seq__whatsapp b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 20px; background: rgba(0,87,44,.28); }
.seq__restart { display: block; min-height: auto; margin: 14px auto 0; padding: 6px 10px; border: 0; background: transparent; color: var(--seq-muted); text-decoration: underline; }
.seq__restart.seq__primary { min-height: 54px; color: white; text-decoration: none; }
.seq__disclaimer { margin: 10px 0 0; font-size: 9px; line-height: 1.45; color: #7b8882; text-align: center; }
.seq__result--custom > p:not(.seq__result-kicker), .seq__result--outside > p:not(.seq__result-kicker) { font-size: 15px; line-height: 1.65; color: var(--seq-muted); }
.seq__footer-note { max-width: 1220px; margin: 24px auto 0; text-align: center; font-size: 11px; color: #61756b; }
.seq button:focus-visible, .seq a:focus-visible, .seq select:focus-visible, .seq input:focus-visible { outline: 3px solid rgba(255,210,10,.9); outline-offset: 3px; }

@media (max-width: 900px) {
  .seq__shell { grid-template-columns: 1fr; gap: 24px; }
  .seq__story { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: end; }
  .seq__story .seq__eyebrow, .seq__story h1, .seq__story .seq__lead, .seq__story .seq__trust { grid-column: 1 / -1; }
  .seq__roof { max-width: none; grid-column: 1 / -1; }
  .seq__card { min-height: 570px; }
}

@media (max-width: 600px) {
  .seq { padding: 14px 12px 24px; }
  .seq__brand { margin-bottom: 8px; }
  .seq__brand img { width: 205px; }
  .seq__brand span { display: none; }
  .seq__story { padding-top: 8px; }
  .seq__story h1 { font-size: clamp(44px, 14vw, 62px); }
  .seq__lead { margin: 15px 0 18px; font-size: 15px; }
  .seq__roof { display: none; }
  .seq__trust { margin-top: 14px; gap: 8px 12px; }
  .seq__card { min-height: 548px; padding: 22px 18px; border-radius: 23px; }
  .seq__progress { margin-bottom: 28px; }
  .seq__progress > span { max-width: 48%; overflow: hidden; text-overflow: ellipsis; }
  .seq__insight { min-height: 330px; padding: 22px 4px; }
  .seq__insight-sun { width: 68px; height: 68px; font-size: 33px; }
  .seq__insight strong { font-size: 25px; }
  .seq__insight p { font-size: 14px; }
  .seq__card h2 { font-size: 32px; }
  .seq__choices { grid-template-columns: 1fr; }
  .seq__choices button { min-height: 82px; display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-items: center; text-align: left; }
  .seq__choices button > span { grid-row: 1 / 3; margin: 0; }
  .seq__choices--voltage { grid-template-columns: repeat(3, 1fr); }
  .seq__choices--voltage button { display: block; min-height: 96px; padding: 14px 7px; text-align: center; }
  .seq__choices--voltage strong { font-size: 21px; }
  .seq__choices--goal button:last-child { grid-column: auto; }
  .seq__choices--goal button,
  .seq__choices--detail button { display: block; text-align: left; }
  .seq__choices--goal button strong,
  .seq__choices--detail button strong { margin-bottom: 4px; }
  .seq__choices--detail { grid-template-columns: 1fr; }
  .seq__money { min-height: 82px; padding: 7px 15px; }
  .seq__money small { padding-bottom: 14px; }
  .seq__bill-ranges { gap: 8px; margin-top: 15px; }
  .seq__bill-ranges button { min-height: 54px; padding: 10px 8px; border-radius: 14px; font-size: 13px; }
  .seq__bill-range-more span { font-size: 9px; }
  .seq__result-journey { margin-top: 18px; }
  .seq__result-stage { padding: 15px 16px; }
  .seq__result-stage strong { font-size: 31px; }
  .seq__result-stage--owned strong { font-size: 27px; }
  .seq__result-stage--solar em { font-size: 9px; }
	.seq__result-connector { gap: 7px; }
	.seq__result-connector span { min-width: 70px; padding: 7px 10px; font-size: 12px; }
	.seq__whatsapp--primary { min-height: 88px; padding: 14px; gap: 11px; }
	.seq__whatsapp--primary strong { font-size: 20px; }
	.seq__whatsapp--primary small { font-size: 10px; }
	.seq__whatsapp--primary .seq__wa-icon { width: 43px; height: 43px; }
	.seq__whatsapp--primary b { width: 30px; height: 30px; }
  .seq__result-grid { grid-template-columns: 1fr; }
  .seq__result-grid > div { display: flex; justify-content: space-between; align-items: center; }
  .seq__result-grid strong { margin: 0; text-align: right; }
}

/* Quiz focado: remove a moldura do tema e exibe uma pergunta por tela. */
body.page-id-2370 #masthead,
body.page-id-2370 #colophon,
body.page-id-2370 .entry-header,
body.page-id-2370 .ast-title-bar-wrap,
body.page-id-2370 .ast-breadcrumbs-wrapper {
  display: none !important;
}

body.page-id-2370,
body.page-id-2370 #page,
body.page-id-2370 #content,
body.page-id-2370 .site-content,
body.page-id-2370 .ast-container,
body.page-id-2370 #primary,
body.page-id-2370 #main,
body.page-id-2370 .site-main,
body.page-id-2370 article,
body.page-id-2370 .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-2370 {
  margin: 0;
  background: #eef8f2;
}

.seq {
  min-height: 100svh;
  padding: clamp(16px, 3vw, 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
}

.seq__brand {
  width: 100%;
  max-width: 720px;
  margin: 0 auto 14px;
  justify-content: center;
}

.seq__brand img {
  width: min(200px, 54vw);
}

.seq__brand span,
.seq__story,
.seq__footer-note {
  display: none;
}

.seq__shell {
  width: 100%;
  max-width: 720px;
  display: block;
}

.seq__card {
  min-height: 0;
  padding: clamp(26px, 4vw, 40px);
  border-radius: 28px;
  box-shadow: 0 28px 72px rgba(0, 58, 39, .14);
}

.seq__progress {
  margin-bottom: 30px;
}

.seq__card h2 {
  font-size: clamp(31px, 4.5vw, 42px);
}

@media (max-width: 600px) {
  .seq {
    min-height: 100svh;
    padding: 12px;
    justify-content: flex-start;
  }

  .seq__brand {
    min-height: 58px;
    margin-bottom: 6px;
  }

  .seq__brand img {
    width: 172px;
  }

  .seq__cover {
    min-height: calc(100svh - 88px);
    grid-template-columns: 1fr;
    align-content: start;
    border-radius: 25px;
  }

  .seq__cover-copy { padding: 25px 20px 0; text-align: center; }
  .seq__cover-badge { margin-bottom: 15px; padding: 7px 11px; font-size: 10px; }
  .seq__cover-badge b { width: 21px; height: 21px; }
  .seq__cover-kicker { font-size: 10px; }
  .seq__cover h1 { margin: 0 auto; font-size: clamp(38px, 11.8vw, 48px); line-height: .92; }
  .seq__cover-lead { margin: 15px auto 17px; font-size: 14px; line-height: 1.45; }
  .seq__cover-cta { min-height: 66px; margin: 0 auto; padding-left: 20px; border-radius: 16px; font-size: 22px; }
  .seq__cover-cta b { width: 48px; height: 48px; border-radius: 13px; }
  .seq__cover-trust { justify-content: center; gap: 7px; margin-top: 12px; }
  .seq__cover-trust p { min-height: 45px; padding: 8px 11px; font-size: 12px; }
  .seq__cover-trust span { width: 24px; height: 24px; font-size: 13px; }
  .seq__cover-person { min-height: 310px; margin-top: 6px; overflow: hidden; }
  .seq__cover-person img { top: 10px; right: 50%; bottom: auto; width: 270px; max-width: none; transform: translateX(50%); }
  .seq__cover-person::after { top: 78px; right: 50%; bottom: auto; width: 360px; height: 360px; transform: translateX(50%); }
  .seq__cover-sun { top: 5px; right: 50%; width: 175px; height: 175px; transform: translateX(50%); }

  .seq__card {
    min-height: 0;
    padding: 22px 18px;
  }

  .seq__progress {
    margin-bottom: 24px;
  }

  .seq__card h2 {
    font-size: 30px;
  }

  .seq__city-grid {
    max-height: 310px;
  }

  .seq__education-visual { margin-top: 12px; border-radius: 15px; }
  .seq__step--education .seq__actions { margin-top: 14px; }
  .seq__payoff-points { grid-template-columns: 1fr; }
  .seq__payoff-points span { min-height: 50px; }
  .seq__owned-comparison { grid-template-columns: 1fr; gap: 7px; margin-top: 20px; }
  .seq__owned-comparison > b { transform: rotate(90deg); font-size: 22px; }
  .seq__text-field input { min-height: 62px; font-size: 18px; }
}

.seq.is-cover {
  padding: clamp(10px, 2vw, 22px);
  justify-content: flex-start;
}

.seq.is-cover > .seq__brand { display: flex; margin-bottom: 14px; }

.seq__cover.seq__cover--simple {
  width: min(680px, 100%);
  min-height: 0;
  display: block;
  padding: clamp(34px, 7vw, 66px) clamp(24px, 7vw, 58px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 210, 10, .22), transparent 15rem),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(239,249,243,.98));
  box-shadow: 0 28px 72px rgba(0, 58, 39, .14);
}

.seq__cover--simple::before { opacity: .22; mask-image: none; }
.seq__cover-simple-inner { position: relative; z-index: 1; text-align: center; }
.seq__cover--simple .seq__cover-badge { margin-bottom: 20px; }
.seq__cover--simple h1 {
  max-width: 560px;
  margin: 0 auto;
  font-size: clamp(42px, 7vw, 62px);
  line-height: .96;
}
.seq__cover--simple p {
  max-width: 470px;
  margin: 20px auto 25px;
  color: #486158;
  font-size: clamp(16px, 2.3vw, 19px);
  line-height: 1.55;
}
.seq__cover-simple-cta {
  width: min(430px, 100%);
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  margin: 0 auto;
  padding: 8px 10px 8px 27px;
  border: 3px solid var(--seq-yellow);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #00a965, #007f4f);
  box-shadow: 0 16px 34px rgba(0, 143, 88, .27);
  font: 800 clamp(21px, 3vw, 26px) "Manrope", sans-serif;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.seq__cover-simple-cta:hover { transform: translateY(-2px); box-shadow: 0 21px 42px rgba(0, 143, 88, .34); }
.seq__cover-simple-cta b { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color: var(--seq-green-950); background: var(--seq-yellow); font-size: 24px; }
.seq__cover--simple small { display: block; margin-top: 15px; color: var(--seq-muted); font-size: 12px; font-weight: 700; }

.seq__cover.seq__cover--generated {
  width: min(560px, 100%);
  min-height: 0;
  aspect-ratio: 941 / 1672;
  display: block;
  border: 0;
  border-radius: 0;
  background: #fafbed;
  box-shadow: 0 28px 74px rgba(0,58,39,.15);
}

.seq__cover.seq__cover--generated::before { display: none; }
.seq__cover-art { width: 100%; height: 100%; display: block; object-fit: cover; }
.seq__cover-art-cta {
  position: absolute;
  z-index: 3;
  top: 56.1%;
  left: 6.5%;
  width: 53.5%;
  height: 8.1%;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  cursor: pointer;
  animation: seqCoverArtCtaPulse 2.2s ease-in-out infinite;
}
.seq__cover-art-cta:hover { background: rgba(255,255,255,.08); }
.seq__cover-art-cta:focus-visible { outline: 4px solid #003a27; outline-offset: 5px; }
.seq__sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@keyframes seqCoverArtCtaPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,210,10,.05); }
  50% { box-shadow: 0 0 0 8px rgba(255,210,10,.22), 0 14px 28px rgba(0,169,101,.22); }
}

@media (max-width: 600px) {
  .seq.is-cover { padding: 0; }
  .seq.is-cover > .seq__brand { min-height: 66px; margin: 0; padding: 8px 12px; }
  .seq__cover.seq__cover--simple { width: calc(100% - 24px); margin: 0 12px 18px; padding: 32px 20px; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,58,39,.13); }
  .seq__cover--simple h1 { font-size: clamp(39px, 11.6vw, 50px); }
  .seq__cover--simple p { margin: 17px auto 21px; font-size: 15px; }
  .seq__cover-simple-cta { min-height: 66px; padding-left: 22px; }
  .seq__cover.seq__cover--generated { width: 100%; min-height: 0; border-radius: 0; box-shadow: none; }
  .seq__cover-art-cta { border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .seq__cover-cta { animation: none; }
  .seq__cover-art-cta { animation: none; }
  .seq *, .seq *::before, .seq *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}