:root{--fuel-deep:#063f4b;--fuel-teal:#07566a;--fuel-gold:#edae18;--fuel-cream:#fff7e8;--fuel-paper:#fffaf1;--fuel-raspberry:#be2864;--fuel-orange:#ed8a1b;--fuel-peach:#ef6959}
.fuel-hero{min-height:610px;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);background:var(--fuel-deep);color:white;border-bottom:8px solid var(--fuel-gold);overflow:hidden}
.fuel-copy{align-self:center;padding:70px 52px max(70px,7vw) max(36px,6vw)}
.fuel-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.79rem;font-weight:900;color:#ffd15c}
.fuel-copy h1{font-family:Georgia,serif;font-size:clamp(4rem,8vw,7.2rem);line-height:.88;letter-spacing:-.055em;margin:.16em 0 .2em}
.fuel-tagline{margin:0 0 18px;color:#ffd15c;font-family:Georgia,serif;font-size:clamp(1.45rem,2.6vw,2.2rem);font-weight:700;line-height:1.15}
.fuel-intro{max-width:610px;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.55;margin:0 0 28px;color:#eef8f7}
.fuel-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:0 0 22px}
.fuel-pricing div{padding:15px 17px;border:1px solid rgba(255,255,255,.26);border-radius:15px;background:rgba(255,255,255,.08)}
.fuel-pricing span,.fuel-pricing strong{display:block}.fuel-pricing span{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:#ffd15c;font-weight:900}.fuel-pricing strong{margin-top:3px;font-size:1.02rem}
.fuel-format{display:inline-block;margin:0;padding:11px 16px;border-radius:999px;background:var(--fuel-gold);color:#16343a;font-weight:800}
.fuel-photo{position:relative;min-height:610px}.fuel-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--fuel-deep),transparent 28%);pointer-events:none}.fuel-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fuel-menu{padding:86px min(5vw,70px) 78px;background:var(--fuel-cream)}
.fuel-menu-heading{text-align:center;max-width:760px;margin:0 auto 36px}.fuel-menu-heading .fuel-kicker{color:var(--fuel-teal)}.fuel-menu-heading h2{font-family:Georgia,serif;color:var(--fuel-teal);font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;margin:.18em 0}.fuel-menu-heading p{font-size:1.08rem;margin:0}
.fuel-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fuel-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:28px;border-radius:24px;background:var(--fuel-paper);border:1px solid rgba(7,86,106,.18);box-shadow:0 12px 32px rgba(7,60,70,.1);overflow:hidden}
.fuel-card:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:var(--fuel-raspberry)}.fuel-card.mango:before{background:var(--fuel-orange)}.fuel-card.peach:before{background:var(--fuel-peach)}
.flavor-number{align-self:flex-end;font-family:Georgia,serif;font-size:3.4rem;line-height:1;color:rgba(7,86,106,.13);font-weight:900}
.fuel-card h3{font-family:Georgia,serif;color:var(--fuel-teal);font-size:2rem;line-height:1.05;margin:18px 0 14px;text-transform:none}
.flavors{font-size:1.08rem;line-height:1.55;margin:0;color:#233e43}.feature{display:inline-block;align-self:flex-start;margin:16px 0 0;padding:7px 10px;border-radius:9px;background:#f7e4c6;color:#5d3e1a;font-weight:800;font-size:.9rem}
.card-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:28px;border-top:1px solid rgba(7,86,106,.14)}.card-bottom span{max-width:130px;font-size:.84rem;color:#597076}.card-bottom strong{white-space:nowrap;color:#b63520;font-size:1.08rem}
.fuel-callout{max-width:1180px;margin:25px auto 0;padding:23px 28px;border-radius:18px;background:var(--fuel-gold);color:#17383e;display:flex;justify-content:space-between;align-items:center;gap:18px}.fuel-callout strong{font-size:1.05rem}.fuel-callout span{font-weight:900;white-space:nowrap}
@media(max-width:900px){.fuel-hero{grid-template-columns:1fr}.fuel-copy{padding:58px 28px 48px}.fuel-photo{min-height:420px;order:-1}.fuel-photo:after{background:linear-gradient(180deg,transparent 58%,var(--fuel-deep))}.fuel-grid{grid-template-columns:1fr}.fuel-card{min-height:310px}.fuel-callout{align-items:flex-start;flex-direction:column}.fuel-callout span{white-space:normal}}
@media(max-width:520px){.fuel-photo{min-height:300px}.fuel-copy h1{font-size:4rem}.fuel-pricing{grid-template-columns:1fr}.fuel-menu{padding:62px 16px}.fuel-card{padding:24px}.card-bottom{align-items:flex-start;flex-direction:column}.fuel-format{border-radius:16px}}