/* Bodoni Moda and Cinzel contain Latin glyphs; Prata supplies Cyrillic Didone glyphs.
   Manrope remains the functional body/form face. The custom vector logo is unchanged. */
@import url('/fonts/fonts.css');
:root{--font-display:'Bodoni Moda','Prata',Georgia,serif;--font-signature:'Cinzel',Manrope,Arial,sans-serif}
.fuel-values h1,.fuel-values h2,.fuel-values h3,.fuel-values legend{font-family:var(--font-display);font-weight:400;font-synthesis:none}
.fuel-values h1{font-size:clamp(46px,5vw,78px);line-height:1.23;letter-spacing:-.035em}
.fuel-values h1 em{font-family:var(--font-display);font-style:normal;font-size:1em;line-height:inherit;letter-spacing:-.035em}
.fuel-values h2{font-size:clamp(38px,4vw,64px);line-height:1.28;letter-spacing:-.035em}
.fuel-values h2 em{font-style:normal}
.fuel-values .statement h2{font-family:var(--font-display);font-size:clamp(44px,4.7vw,74px);font-weight:400;line-height:1.28;letter-spacing:-.035em}
.fuel-values .statement h2 em{font-family:var(--font-display);font-size:1em;font-style:normal}
.fuel-values .value-letter{font-family:var(--font-display);font-style:normal;font-weight:400}
.fuel-values .value-card h3{font-size:clamp(27px,2.3vw,36px);letter-spacing:-.025em;line-height:1.2}
.fuel-values .value-wealth h3{font-size:clamp(22px,1.9vw,30px)}
.fuel-values .services h3{font-size:26px;line-height:1.4;letter-spacing:-.025em}
.fuel-values .steps h3{font-size:20px;line-height:1.45;letter-spacing:-.025em}
.fuel-values legend{font-size:27px;line-height:1.4;letter-spacing:-.03em}
.fuel-values .hero-signature,.fuel-values .marquee-track,.fuel-values .hero-top,.fuel-values .hero-side,.fuel-values .section-label,.fuel-values .value-index,.fuel-values .form-progress,.fuel-values footer>p{font-family:var(--font-signature);font-weight:400;font-style:normal}
.fuel-values .hero-signature{font-size:12px;letter-spacing:.08em;line-height:2;max-width:600px}
.fuel-values .marquee-track{letter-spacing:.2em}
.fuel-values .closing-word{font-family:var(--font-display);font-weight:400;letter-spacing:-.04em}
.fuel-values .closing-word em{font-style:normal}
.fuel-values .hero-top{font-size:9px;letter-spacing:.12em}
.fuel-values .value-index{font-size:9px;letter-spacing:.06em}
.fuel-values .section-label{font-size:10px;letter-spacing:.13em;line-height:1.9}
.fuel-values .apply h2,.fuel-values .faq h2{font-size:clamp(36px,3.4vw,54px);line-height:1.3}
@media(max-width:1100px){.fuel-values .value-card h3{font-size:36px}.fuel-values .value-wealth h3{font-size:30px}}
@media(max-width:720px){.fuel-values h1{font-size:clamp(32px,8.5vw,55px);line-height:1.3;letter-spacing:-.035em}.fuel-values h2{font-size:36px}.fuel-values .apply h2,.fuel-values .faq h2{font-size:34px}.fuel-values .statement h2{font-size:40px}.fuel-values .hero-signature{font-size:10px;letter-spacing:.06em;max-width:340px}.fuel-values .hero-top{font-size:7px}.fuel-values .value-card h3{font-size:29px}.fuel-values .value-wealth h3{font-size:23px}.fuel-values legend{font-size:24px}.fuel-values .services h3{font-size:25px}.fuel-values .steps h3{font-size:19px}.fuel-values .value-index{font-size:8px}}
@media(max-width:540px){.fuel-values .value-card h3{font-size:36px}.fuel-values .value-wealth h3{font-size:30px}}

/* Keep the Didone shapes, but reinforce hairlines at screen resolution.
   Bodoni's small optical size has sturdier details. Prata is a single-weight
   Cyrillic face, so a narrow same-colour stroke also reinforces its hairlines. */
.fuel-values :is(h1,h2,h3,legend,.value-letter,.closing-word,.terms-number,.content-volumes strong,.steps article>span){
  font-weight:500;
  font-optical-sizing:none;
  font-variation-settings:'opsz' 12;
  -webkit-text-stroke:.35px currentColor;
}
.fuel-values :is(h1,h2,h3,.closing-word) em{font-weight:inherit}
.fuel-values :is(.hero-signature,.marquee-track,.hero-top,.hero-side,.section-label,.value-index,.form-progress,footer>p){font-weight:600}
.fuel-values .section-label{font-size:11px;color:#ccb58c}
.fuel-values .hero-top,.fuel-values .value-index{font-size:10px}
@media(max-width:720px){
  .fuel-values .hero-top,.fuel-values .value-index{font-size:10px}
  .fuel-values .hero-signature{font-size:11px}
}
