:root{
--bg:#06182b;--text:#f8fafc;--muted:#c3cedb;--line:rgba(255,255,255,.14);
--orange:#ff7417;--orange2:#ff9a3d
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:inherit}
.container{width:min(1180px,calc(100% - 34px));margin:auto}
.narrow{width:min(900px,calc(100% - 34px))}
.site-header{position:relative;z-index:10;background:rgba(4,22,40,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.logo{font-size:27px;font-weight:800;text-decoration:none;letter-spacing:-1px;white-space:nowrap}
.logo span{color:var(--orange)}
nav{margin-left:auto;display:flex;gap:30px}
nav a{text-decoration:none;font-weight:600}
nav a:hover{color:var(--orange)}
.theme-toggle{border:1px solid var(--line);background:rgba(255,255,255,.08);color:white;border-radius:30px;padding:8px 13px;cursor:pointer;font-size:16px}

.hero{position:relative;overflow:hidden;min-height:770px;background:#06182b}
.hero-bg{
position:absolute;inset:0;
background-image:linear-gradient(90deg,rgba(2,18,34,.97) 0%,rgba(3,24,43,.82) 43%,rgba(4,21,36,.32) 72%,rgba(2,14,27,.68) 100%),url("/assets/tankwagen.png");
background-position:center;background-size:cover
}
.hero-bg:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;z-index:2;padding:78px 0 70px}
.hero-copy{max-width:760px;padding-bottom:32px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--orange);margin:0 0 12px}
h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:0 0 24px;font-weight:850}
h1 span{color:var(--orange)}
.hero-text{max-width:690px;font-size:20px;color:#e3eaf2;margin:0}

.calculator-card{
width:min(1060px,100%);margin:auto;background:rgba(6,31,53,.95);
border:1px solid rgba(255,116,23,.85);border-radius:20px;padding:25px 34px 22px;
box-shadow:0 25px 70px rgba(0,0,0,.35)
}
.affiliate-note{width:max-content;max-width:100%;margin:0 auto 13px;border:1px solid rgba(255,116,23,.5);border-radius:30px;padding:5px 13px;color:var(--orange2);font-size:12px}
.calculator-card h2{text-align:center;font-size:30px;margin:0 0 5px}
.calculator-intro{text-align:center;color:var(--muted);margin:0 0 18px}
.fastenergy-iframe{min-height:260px;background:#fff;border-radius:9px;overflow:hidden}
.provider-note{text-align:center;color:#bdc8d5;font-size:12px;margin:14px 0 0}

.content-section{background:linear-gradient(180deg,#082746,#061b31);padding:35px 0 80px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:55px}
.benefit{padding:28px 22px;text-align:center;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}
.icon{width:52px;height:52px;border:3px solid var(--orange);border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;color:var(--orange);font-size:24px;font-weight:800}
.benefit h3{margin:0 0 5px;font-size:17px}
.benefit p,.seo-content p,details p{color:var(--muted)}
.seo-content{max-width:900px;margin:auto}
.seo-content h2{font-size:38px;line-height:1.15;margin:0 0 18px}
.seo-content h3{font-size:24px;margin-top:34px}

.faq-section{background:#071d35;padding:80px 0}
.faq-section h2{font-size:42px;margin:0 0 28px;line-height:1.1}
details{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);margin-bottom:12px}
summary{cursor:pointer;padding:19px 22px;font-size:17px;font-weight:750;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:var(--orange);font-size:23px}
details[open] summary:after{content:"−"}
details p{padding:0 22px 20px;margin:0}

footer{background:#031321;border-top:1px solid var(--line);padding:32px 0;color:#aebccc}
.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}
.footer-inner strong{display:block;color:white;font-size:17px}
.footer-inner span{font-size:13px}
.footer-links{display:flex;gap:23px;flex-wrap:wrap}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--orange)}

body.light{--bg:#eef5fb;--text:#132238;--muted:#536174;--line:rgba(16,45,75,.15)}
body.light .site-header{background:rgba(255,255,255,.92)}
body.light nav a{color:#203047}
body.light .theme-toggle{color:#102238;background:#fff}
body.light .hero-bg{opacity:.72}
body.light .hero-text{color:#25384e}
body.light .content-section{background:#eef5fb}
body.light .faq-section{background:#eaf3fb}
body.light .calculator-card{background:rgba(255,255,255,.96);color:#132238}

@media(max-width:900px){
.benefits{grid-template-columns:repeat(2,1fr)}
.benefit:nth-child(2){border-right:0}
.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
.header-inner{min-height:68px;flex-wrap:wrap;padding:12px 0}
.logo{font-size:22px}
nav{order:3;width:100%;justify-content:center;gap:18px}
.hero-inner{padding:48px 0 45px}
h1{font-size:42px;letter-spacing:-1.7px}
.hero-text{font-size:17px}
.calculator-card{padding:20px 13px}
.calculator-card h2{font-size:25px}
.benefits{grid-template-columns:1fr}
.benefit{border-right:0!important;border-bottom:1px solid var(--line)!important}
.benefit:last-child{border-bottom:0!important}
.seo-content h2,.faq-section h2{font-size:32px}
.footer-inner{flex-direction:column;align-items:flex-start}
}