.fuel-nav{position:relative;display:flex;align-items:center;height:auto;white-space:nowrap}
.fuel-nav__toggle{display:flex;align-items:center;gap:7px;padding:9px 0;border:0;background:transparent;color:#202227;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.fuel-nav__toggle:hover,.fuel-nav__toggle[aria-expanded="true"]{color:#f18a12}.fuel-nav__toggle span{font-size:15px;color:#f18a12;transition:.2s}.fuel-nav__toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.fuel-nav__menu{position:absolute;left:50%;top:54px;width:210px;padding:7px;background:#fff;border:1px solid #e3e5e8;border-radius:10px;box-shadow:0 18px 45px #0002;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .16s,transform .16s,visibility .16s;z-index:80}
.fuel-nav.is-open .fuel-nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .fuel-nav__network{display:block;padding:11px 13px;border-radius:7px;color:#202227;font-size:13px}.nav .fuel-nav__network:hover{background:#f4f5f6;color:#f18a12}
.blog-nav{position:relative;display:flex;align-items:center;white-space:nowrap}.blog-nav__toggle{display:flex;align-items:center;gap:7px;padding:9px 0;border:0;background:transparent;color:#202227;font:inherit;font-size:13px;cursor:pointer}.blog-nav__toggle:hover,.blog-nav__toggle[aria-expanded="true"]{color:#f18a12}.blog-nav__toggle span{font-size:15px;color:#f18a12;transition:.2s}.blog-nav__toggle[aria-expanded="true"] span{transform:rotate(180deg)}.blog-nav__menu{position:absolute;left:50%;top:54px;width:285px;padding:7px;background:#fff;border:1px solid #e3e5e8;border-radius:10px;box-shadow:0 18px 45px #0002;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .16s,transform .16s,visibility .16s;z-index:80}.blog-nav.is-open .blog-nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav .blog-nav__menu a{display:block;padding:11px 13px;border-radius:7px;color:#202227;font-size:13px;line-height:1.35;white-space:normal}.nav .blog-nav__menu a:hover{background:#f4f5f6;color:#f18a12}
.fuel-cards-hero{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:105px max(5vw,calc((100vw - 1440px)/2));background:radial-gradient(circle at 78% 42%,#61330e,#11151a 28%,#07090c 63%);color:#fff;overflow:hidden}
.fuel-cards-hero h1{max-width:760px;margin:28px 0 22px;font-size:clamp(48px,5vw,74px);line-height:1;letter-spacing:-.045em}
.fuel-cards-hero h1 span{color:#ff8a0a}.fuel-cards-hero p:not(.eyebrow){max-width:690px;color:#b4b9c0;font-size:19px;line-height:1.6}
.fuel-cards-showcase{position:relative;min-height:390px}.fuel-cards-showcase::before{content:"";position:absolute;width:430px;height:160px;right:8%;bottom:20px;border:2px solid #ff8a0a88;border-radius:50%;transform:rotate(-11deg);box-shadow:0 0 40px #ff7a0033}
.fuel-cards-stack{position:absolute;width:330px;aspect-ratio:1.58;border-radius:20px;border:1px solid #ffffff2b;background:linear-gradient(145deg,#282d34,#0b0e12 70%);box-shadow:0 32px 70px #000;right:15%;top:70px;transform:rotate(7deg);padding:28px;z-index:2}
.fuel-cards-stack::before{content:"Modulcard.ru";color:#fff;font-size:21px;font-weight:700}.fuel-cards-stack::after{content:"РОСНЕФТЬ  •  ЛУКОЙЛ  •  ГАЗПРОМНЕФТЬ  •  ТАТНЕФТЬ";position:absolute;left:28px;right:28px;bottom:26px;color:#c6cbd1;font-size:10px;line-height:1.6;letter-spacing:.06em}
.fuel-cards-mark{position:absolute;right:34px;top:27px;display:grid;grid-template-columns:repeat(2,18px);gap:5px}.fuel-cards-mark i{width:18px;height:18px;border:3px solid;border-radius:5px}.fuel-cards-mark i:nth-child(1){border-color:#58b84b}.fuel-cards-mark i:nth-child(2){border-color:#f0ad20}.fuel-cards-mark i:nth-child(3){border-color:#159ad1}.fuel-cards-mark i:nth-child(4){border-color:#e83b45}
.fuel-network-section{padding:90px max(5vw,calc((100vw - 1440px)/2));background:#f4f5f6}.fuel-network-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.fuel-network-heading h2{font-size:clamp(36px,4vw,52px);margin:0;letter-spacing:-.035em}.fuel-network-heading p{max-width:560px;color:#70767e;line-height:1.65}
.fuel-network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.fuel-network-card{--network:#ff8a0a;position:relative;min-height:290px;padding:34px;border-radius:18px;background:#0e1217;color:#fff;text-decoration:none;overflow:hidden;border:1px solid #252b33;transition:.25s}.fuel-network-card::after{content:"";position:absolute;width:210px;height:210px;right:-70px;bottom:-100px;border-radius:50%;background:var(--network);filter:blur(30px);opacity:.22}.fuel-network-card:hover{transform:translateY(-5px);border-color:var(--network);box-shadow:0 22px 50px #1112}.fuel-network-card--rosneft{--network:#f4b400}.fuel-network-card--lukoil{--network:#d71920}.fuel-network-card--gazpromneft{--network:#1687ca}.fuel-network-card--tatneft{--network:#179447}.fuel-network-card small{color:var(--network);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.fuel-network-card h3{font-size:32px;margin:44px 0 10px}.fuel-network-card p{max-width:430px;color:#aab0b7;line-height:1.55}.fuel-network-card b{position:absolute;left:34px;bottom:30px;color:#fff}.fuel-cards-benefits{padding:85px max(5vw,calc((100vw - 1440px)/2));background:#fff}.fuel-cards-benefits h2{font-size:42px;margin:0 0 42px}.fuel-cards-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fuel-cards-benefit-grid article{padding:30px;border:1px solid #e2e5e8;border-radius:14px}.fuel-cards-benefit-grid span{color:#f18a12;font-weight:700}.fuel-cards-benefit-grid h3{font-size:22px;margin:30px 0 10px}.fuel-cards-benefit-grid p{color:#737980;line-height:1.6}
@media(max-width:1150px){.fuel-nav{height:auto}.fuel-cards-hero{grid-template-columns:1fr}.fuel-cards-showcase{min-height:360px}.fuel-network-heading{display:block}.fuel-network-heading p{margin-top:18px}}
@media(max-width:900px){.nav.open{align-items:stretch;gap:0;padding:18px 28px 24px;max-height:calc(100vh - 70px);overflow-y:auto}.nav.open>a,.nav.open .fuel-nav__toggle,.nav.open .blog-nav__toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:flex-start;padding:12px 8px;text-align:left;font-size:17px}.nav.open .fuel-nav,.nav.open .blog-nav{display:block;width:100%}.nav.open .fuel-nav__toggle,.nav.open .blog-nav__toggle{color:#202227}.nav.open .fuel-nav__toggle span,.nav.open .blog-nav__toggle span{margin-left:7px}.nav.open .fuel-nav__menu,.nav.open .blog-nav__menu{position:static;width:100%;max-height:0;padding:0 8px;margin:0;overflow:hidden;opacity:0;visibility:hidden;transform:none;background:#f6f7f8;border:0;border-radius:10px;box-shadow:none;transition:max-height .25s,opacity .2s,padding .2s}.nav.open .fuel-nav.is-open .fuel-nav__menu,.nav.open .blog-nav.is-open .blog-nav__menu{max-height:320px;padding:6px 8px 10px;opacity:1;visibility:visible}.nav.open .fuel-nav__network,.nav.open .blog-nav__menu a{display:block;padding:12px 14px;text-align:left;font-size:16px}.fuel-cards-hero{padding:82px 20px 60px}.fuel-network-section,.fuel-cards-benefits{padding:64px 20px}.fuel-network-grid{grid-template-columns:1fr}.fuel-cards-benefit-grid{grid-template-columns:1fr}}
@media(min-width:901px){.fuel-nav::after,.blog-nav::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:20px}.fuel-nav:hover .fuel-nav__menu,.fuel-nav:focus-within .fuel-nav__menu,.blog-nav:hover .blog-nav__menu,.blog-nav:focus-within .blog-nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.fuel-nav:hover .fuel-nav__toggle span,.fuel-nav:focus-within .fuel-nav__toggle span,.blog-nav:hover .blog-nav__toggle span,.blog-nav:focus-within .blog-nav__toggle span{transform:rotate(180deg)}}
@media(max-width:560px){.fuel-cards-hero h1{font-size:42px}.fuel-cards-showcase{min-height:300px}.fuel-cards-stack{width:270px;right:8%;top:45px}.fuel-network-card{min-height:270px}.fuel-cards-benefits h2{font-size:34px}}
@media(min-width:901px){.topbar{gap:clamp(16px,1.7vw,28px)}.topbar .nav{display:flex;flex-wrap:nowrap!important;align-items:center;gap:clamp(12px,1.25vw,22px)}.topbar .nav>a,.topbar .fuel-nav,.topbar .blog-nav{flex:0 0 auto}.topbar .nav a{white-space:nowrap}}
@media(min-width:901px) and (max-width:1450px){.topbar{padding-left:22px;padding-right:22px}.topbar .nav{gap:12px}.topbar .nav a{font-size:13px}.top-actions{gap:12px}.top-actions .phone b{font-size:15px}.button-small{padding:11px 14px}}