.fuel-hero{background:radial-gradient(circle at 83% 10%,rgba(255,191,71,.23),transparent 30%),radial-gradient(circle at 8% 10%,rgba(138,224,94,.2),transparent 27%),linear-gradient(180deg,#fffaf0,#fff)}
.fuel-hero .answer-card{background:#263827}
.fuel-builder{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:2rem}
.fuel-builder-card{border:1px solid var(--line);border-radius:22px;padding:1.55rem;background:#fff}
.fuel-builder-card.main{background:#f4faef;border-color:#cae7b8}
.fuel-builder-card span,.fuel-scenarios article>span{display:block;color:var(--green-dark);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.fuel-builder-card h3{color:var(--ink);font-size:1.1rem;line-height:1.3;margin:.7rem 0 .5rem}
.fuel-builder-card p{color:var(--muted);font-size:.88rem}
.fuel-planner-section{background:radial-gradient(circle at 90% 12%,rgba(255,191,71,.1),transparent 23%),#101318}
.kickoff-tool{margin-top:2rem}
.kickoff-control{display:flex;align-items:end;gap:.75rem;padding:1.2rem;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#181d25}
.kickoff-control label{display:block;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.03em}
.kickoff-control input{min-height:46px;border:1px solid #4c5563;border-radius:10px;background:#11151b;color:#fff;padding:.6rem .8rem;font:inherit;color-scheme:dark}
.kickoff-control input:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.kickoff-control .tool-button{margin-left:auto}
.fuel-timeline{list-style:none;margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fuel-timeline li{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#181d25;padding:1.35rem}
.fuel-timeline li::before{content:'';position:absolute;top:0;left:1.35rem;right:1.35rem;height:4px;border-radius:0 0 8px 8px;background:var(--green)}
.fuel-timeline time{display:block;color:#fff;font-size:1.55rem;font-weight:850;margin:.45rem 0 1.1rem}
.fuel-timeline span{display:block;color:var(--green);font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.fuel-timeline h3{color:#fff;font-size:1rem;line-height:1.3;margin:.55rem 0}
.fuel-timeline p{color:#b5bdc9;font-size:.82rem}
.fuel-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
.fuel-scenarios article{border-top:5px solid #f4b942;background:var(--wash);border-radius:18px;padding:1.45rem}
.fuel-scenarios article:nth-child(even){border-color:var(--blue)}
.fuel-scenarios h3{color:var(--ink);font-size:1.05rem;margin:.7rem 0 .45rem}
.fuel-scenarios p{color:var(--muted);font-size:.86rem}
.fuel-pack-section{background:#fffaf0}
.pack-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:2rem}
.pack-list>div{background:#fff;border:1px solid #eadfc8;border-radius:18px;padding:1.25rem}
.pack-list strong{display:block;color:var(--ink);margin-bottom:.35rem}
.pack-list p{color:var(--muted);font-size:.84rem}
.safety-note{margin-top:1.4rem;padding:1.2rem 1.35rem;border-left:5px solid #f4b942;background:#fff;border-radius:0 14px 14px 0;color:var(--muted);font-size:.88rem}
.safety-note strong{color:var(--ink)}
@media(max-width:1000px){.fuel-timeline,.fuel-scenarios{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.fuel-builder{grid-template-columns:1fr}.kickoff-control{align-items:stretch;flex-direction:column}.kickoff-control input{width:100%}.kickoff-control .tool-button{margin:0;align-self:flex-start}.pack-list{grid-template-columns:1fr}}
@media(max-width:640px){.fuel-timeline,.fuel-scenarios{grid-template-columns:1fr}}