.why-storage { background: var(--white); }
.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 56px;
}
.why-grid article {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px 26px 32px;
  min-width: 0;
}
.why-grid h3 {
  font-family: Fander, Geist, sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -.03em;
  margin: 8px 0 14px;
}
.why-grid p { font-size: 14px; line-height: 1.7; color: var(--muted); }
.why-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue);
}
.choice-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 48px;
}
.choice-card {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px 26px 32px;
}
.choice-card h3 {
  font-family: Fander, Geist, sans-serif;
  font-size: 34px;
  font-weight: 400;
  margin: 8px 0 12px;
}
.choice-card p { font-size: 15px; line-height: 1.65; color: var(--muted); }
@media (max-width: 720px) {
  .choice-grid { grid-template-columns: 1fr; }
}
.day-night-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 40px;
}
.day-night-grid img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 8px;
}
.day-night-grid figcaption {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.app-screen {
  padding: 22px 18px 28px;
  color: white;
  background: linear-gradient(180deg, #0b1b3a, #07101f 55%, #041018);
}
.app-kicker { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; opacity: .7; margin: 18px 0 0; }
.app-charge { font-family: Fander, Geist, sans-serif; font-size: 72px; line-height: 1; margin: 6px 0 0; }
.app-status { font-size: 14px; opacity: .8; margin: 4px 0 22px; }
.app-split { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.app-split div { background: #ffffff14; border-radius: 10px; padding: 12px; }
.app-split small { display: block; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; opacity: .65; }
.app-split b { display: block; font-size: 13px; margin: 6px 0 2px; }
.app-split span { font-size: 18px; }
.app-units { margin-top: 18px; font-size: 12px; letter-spacing: .08em; opacity: .7; }
@media (max-width: 720px) {
  .day-night-grid { grid-template-columns: 1fr; }
  .day-night-grid img { height: 220px; }
}

.battery-math { background: var(--cream); }
.battery-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 56px;
  align-items: start;
  margin-top: 52px;
}
.battery-form {
  display: grid;
  gap: 18px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 28px;
}
.battery-form label {
  display: grid;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
}
.battery-form input[type="number"] {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 16px;
  background: var(--cream);
}
.battery-check {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 550;
}
.battery-check input { width: 20px; height: 20px; accent-color: var(--blue); }
.battery-note { font-size: 12px; line-height: 1.7; color: var(--muted); }
.battery-results {
  display: grid;
  gap: 14px;
}
.battery-results > div {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px 24px;
}
.battery-results span { display: block; font-size: 12px; color: var(--muted); }
.battery-results strong {
  display: block;
  margin-top: 6px;
  font-size: 32px;
  letter-spacing: -.04em;
  font-weight: 600;
}
.battery-spread-card { background: var(--blue) !important; color: var(--white); border: 0 !important; }
.battery-spread-card span { color: #ffffffdb; }
.battery-spread-card strong { color: var(--yellow); font-family: Fander, Geist, sans-serif; font-size: 48px; font-weight: 400; }
.battery-spread-card strong small { font-family: Geist, sans-serif; font-size: 18px; margin-left: 6px; }

.markets { background: var(--cream); color: var(--ink); }
.markets .eyebrow { color: var(--blue); }
.markets h2 span { color: var(--blue); }
.markets .lead { color: var(--muted); }
.market-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 54px;
}
.market-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px 22px 26px;
  min-width: 0;
}
.market-card .why-kicker { color: var(--blue); }
.market-card h3 {
  font-family: Fander, Geist, sans-serif;
  font-size: 30px;
  font-weight: 400;
  margin: 10px 0 12px;
}
.market-card p { font-size: 14px; line-height: 1.7; color: var(--muted); }

@media (max-width: 960px) {
  .why-grid, .market-grid, .battery-grid { grid-template-columns: 1fr; }
  .battery-spread-card strong { font-size: 42px; }
}
@media (max-width: 640px) {
  .why-grid article, .battery-form, .market-card { padding: 22px 18px; }
  .battery-results strong { font-size: 28px; }
  .market-card h3, .why-grid h3 { font-size: 26px; }
}
.why-storage, .choice-section, .day-night { background: var(--cream); }
.prosper-section {
  background: var(--cream);
  color: var(--ink);
}
.prosper-section .eyebrow { color: var(--blue); }
.prosper-section h2 span { color: var(--blue); }
.prosper-section .lead { color: var(--muted); }
.brand-watermark { display: none; }
.service-grid { border-top-color: var(--line); }
.service-grid > div { border-right-color: var(--line); }
.service-grid p { color: var(--muted); }
.service-icon { color: var(--blue); }
.dialog-logo { background: transparent; padding: 0; }
.journey {
  background: var(--cream);
  color: var(--ink);
}
.journey-shade { display: none; }
.journey .eyebrow { color: var(--blue); }
.journey .lead { color: var(--muted); }
.journey-cards article {
  background: white;
  border: 1px solid var(--line);
  color: var(--ink);
}
.mobile-nav {
  background: var(--cream);
  border-top: 1px solid #0b5cff33;
  color: var(--ink);
}