/* Rodipex Energy — simplified landing experience */
.simulator-section .sim-heading{max-width:850px}
.simulator-section .sim-heading h2{max-width:770px}
.sim-consumer-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:#a8f7cb;font-size:.92rem;text-decoration:underline;text-underline-offset:5px}
.sim-consumer-link:hover,.sim-consumer-link:focus-visible{color:#f4fff8}
.sim-quick-field{max-width:460px;padding:13px 0 0}
.sim-quick-field>label{font-size:1.1rem;letter-spacing:-.02em}
.sim-quick-field .sim-input-wrap{margin-top:2px}
.sim-quick-field .sim-input-wrap input{min-height:68px;font-size:2rem;letter-spacing:-.055em;border-color:rgba(113,246,165,.43);background:rgba(4,19,11,.9);padding-right:78px}
.sim-quick-field .sim-input-wrap span{font-size:.95rem;font-weight:700}
.sim-quick-field small{font-size:.81rem;margin-top:2px}
.sim-scenario{font-size:.85rem;line-height:1.6;color:#bcd3c5;padding:16px 18px;border:1px solid rgba(113,246,165,.2);border-radius:14px;background:rgba(113,246,165,.042);margin:17px 0}
.sim-scenario strong{color:#d8ffeb}
.sim-advanced{margin:12px 0 0}
.sim-advanced>summary,.sim-math>summary{color:#dcffe9;font-size:.85rem;line-height:1.4;padding:13px 0;cursor:pointer;font-weight:700;list-style-position:outside;outline-offset:3px}
.sim-advanced>summary:hover,.sim-math>summary:hover{color:var(--accent)}
.sim-advanced[open]{padding:6px 0 15px}
.sim-advanced[open] .sim-form-grid{margin-top:16px}
.sim-advanced .sim-field>label{font-size:.86rem}
.sim-math{border-top:1px solid var(--line);padding-top:4px}
.sim-math[open]>summary{margin-bottom:15px}
.sim-math .sim-result-breakdown{margin-bottom:16px}
.sim-math .sim-bar-group{margin-bottom:18px}
.sim-result-card{justify-content:space-between}
.sim-estimate{border-bottom:none;padding-bottom:8px}
.sim-estimate .sim-result-label{font-size:.95rem;color:#d6e7dc}
.sim-estimate output{font-size:clamp(2.8rem,5.5vw,5.2rem);margin:18px 0;overflow-wrap:anywhere}
.sim-estimate p{font-size:.89rem}
.sim-guidance{border-top:1px solid var(--line);padding-top:14px}
.hist-reveal{border:1px solid rgba(113,246,165,.19);border-radius:23px;background:linear-gradient(140deg,rgba(16,47,34,.7),rgba(5,20,14,.72));overflow:hidden}
.hist-reveal>summary{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:30px 36px;cursor:pointer;list-style:none;outline-offset:-3px}
.hist-reveal>summary::-webkit-details-marker{display:none}
.hist-reveal>summary strong{display:block;font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:850;letter-spacing:-.035em;color:#effff5}
.hist-reveal>summary small{display:block;color:#b7ccc0;font-size:.92rem;line-height:1.5;margin-top:8px}
.hist-reveal>summary b{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:rgba(113,246,165,.13);border:1px solid rgba(113,246,165,.35);color:#9bffd0;font-size:.88rem}
.hist-reveal[open]>summary b{background:rgba(113,246,165,.07)}
.hist-reveal>summary:hover b,.hist-reveal>summary:focus-visible b{border-color:#a1ffd1;background:rgba(113,246,165,.19)}
.hist-reveal-inner{padding:28px 35px 36px;border-top:1px solid rgba(113,246,165,.17)}
.hist-reveal .historical-heading{margin-bottom:26px}
.hist-reveal .historical-heading h2{font-size:clamp(1.65rem,3vw,2.6rem)}
.hist-reveal .historical-heading .lead{font-size:1rem}
.hist-reveal .historical-layout{align-items:start}
@media(max-width:650px){
 .hist-reveal>summary{padding:21px;align-items:flex-start;flex-direction:column;gap:15px}
 .hist-reveal>summary b{width:100%}
 .hist-reveal-inner{padding:20px 14px}
 .sim-quick-field .sim-input-wrap input{font-size:1.65rem}
}
@media(prefers-reduced-motion:reduce){
 .simulator-section *, .hist-reveal *{scroll-behavior:auto}
}
.simple-console{display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
.simple-console .console-top{margin-bottom:18px}
.simple-flow{display:grid;gap:12px;margin:12px 0 24px}
.simple-flow-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:15px 17px;background:rgba(255,255,255,.025)}
.simple-flow-row span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(113,246,165,.11);color:var(--accent);font-weight:900;font-size:.78rem}
.simple-flow-row strong{font-size:1rem;letter-spacing:-.015em}
.simple-console .auto-card{margin-top:auto}
.market-choice{display:grid;gap:8px;max-width:420px;margin-top:25px;padding:16px 18px;border:1px solid rgba(113,246,165,.22);border-radius:18px;background:rgba(113,246,165,.045)}
.market-choice label{font-size:.83rem;font-weight:800;color:#dff8e8}
.market-choice select{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#071910;color:#f4fff8;padding:9px 40px 9px 13px;font-size:1rem;font-weight:700;outline:none}
.market-choice select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,246,165,.12)}
.market-choice small{color:var(--muted);font-size:.76rem;line-height:1.45}
.sim-market-pill{display:inline-flex;margin:8px 0 4px;padding:8px 12px;border-radius:999px;border:1px solid rgba(113,246,165,.2);background:rgba(113,246,165,.05);font-size:.79rem;color:var(--muted)}
.sim-market-pill strong{color:#dff8e8;margin-left:4px}
@media(max-width:700px){.simple-console{min-height:auto}.simple-flow-row{padding:13px 14px}.market-choice{max-width:none}}

.simple-console .auto-card{
  padding:24px 24px;
  border-radius:22px;
  align-items:flex-end;
  background:linear-gradient(90deg,rgba(113,246,165,.15),rgba(108,214,255,.10));
  border-color:rgba(113,246,165,.30);
}
.simple-console .auto-badge{
  font-size:.78rem;
  margin-bottom:7px;
}
.simple-console .auto-action{
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.035em;
  color:#f1fff6;
  max-width:480px;
}
.simple-console .auto-card>.positive{
  font-size:2.2rem;
  font-weight:900;
  line-height:1;
  padding-bottom:2px;
}
@media(max-width:600px){
  .simple-console .auto-card{padding:20px;align-items:center}
  .simple-console .auto-action{font-size:1.35rem}
  .simple-console .auto-card>.positive{font-size:1.8rem}
}

/* Keep the key promise visible in the first viewport on desktop. */
@media(min-width:901px){
  .hero{padding-top:48px;padding-bottom:48px}
  .hero-grid{gap:44px}
  .hero h1{font-size:clamp(3rem,4.65vw,4.85rem);margin-bottom:20px}
  .hero .lead{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.52}
  .market-choice{margin-top:18px}
  .hero-actions{margin:20px 0 0}
  .simple-console{min-height:0}
  .simple-console .auto-card{order:1;margin:12px 0 16px}
  .simple-console .simple-flow{order:2;margin:0}
  .simple-console .console-top{order:0;margin-bottom:8px}
  .simple-flow-row{padding:13px 16px}
}