:root{--bg:#08090c;--panel:#111318;--line:#292d36;--text:#f5f3ed;--muted:#92949a;--gold:#d8b65a;--gold2:#f2da93;--violet:#8372ef;--mono:'Space Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(216,182,90,.1),transparent 28%),radial-gradient(circle at 8% 78%,rgba(131,114,239,.08),transparent 28%);z-index:-1}a{color:inherit}.site-head{position:sticky;top:0;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(216,182,90,.12);background:rgba(8,9,12,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),#a67c1b);color:#161208;box-shadow:0 10px 30px rgba(216,182,90,.2)}.brand>span:last-child{display:grid}.brand small{font:700 .5rem var(--mono);letter-spacing:.12em;color:#73767e}.site-head nav{display:flex;align-items:center;gap:23px}.site-head nav a{font-size:.72rem;text-decoration:none;color:#a1a3aa}.site-head nav a:hover{color:var(--gold2)}.site-head nav .home{padding:.58rem .8rem;border:1px solid var(--line);border-radius:8px}.hero,main>section{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow{font:700 .65rem var(--mono);letter-spacing:.18em;color:var(--gold)}.hero h1{margin:16px 0 25px;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.98;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{max-width:680px;color:#a2a4aa;font-size:1rem}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-pills span{padding:.45rem .65rem;border:1px solid var(--line);border-radius:99px;color:#878991;font:700 .58rem var(--mono)}.gauge{position:relative;display:grid;place-items:center;min-height:390px}.gauge-ring{width:min(330px,80vw);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(216,182,90,.36);border-radius:50%;background:radial-gradient(circle,rgba(216,182,90,.12),rgba(15,16,20,.9) 58%);box-shadow:0 0 0 20px rgba(216,182,90,.025),0 0 0 40px rgba(216,182,90,.012),0 35px 100px rgba(0,0,0,.45)}.gauge-ring::before{content:'';position:absolute;width:295px;aspect-ratio:1;border:1px dashed rgba(216,182,90,.18);border-radius:50%;animation:spin 25s linear infinite}.gauge-ring span{font:700 1rem var(--mono);color:var(--gold)}.gauge-ring b{font-size:4.2rem;letter-spacing:-.06em;line-height:1.1}.gauge-ring small{color:#767982}.tick{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.t1{transform:translate(-145px,-80px)}.t2{transform:translate(150px,20px)}.t3{transform:translate(-85px,155px)}@keyframes spin{to{transform:rotate(360deg)}}.calculator,.method{padding:85px 0}.section-title{display:flex;gap:20px;align-items:start;margin-bottom:34px}.section-title>span{font:700 .75rem var(--mono);color:var(--gold);padding-top:7px}.section-title h2{font-size:2rem;margin:0;letter-spacing:-.04em}.section-title p{color:var(--muted);margin:5px 0 0}#fuel-form{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}fieldset{min-width:0;margin:0;padding:25px;border:1px solid var(--line);border-radius:17px;background:rgba(17,19,24,.88)}legend{padding:0 10px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:#a7a9b0;font-size:.72rem;font-weight:700}input,select{width:100%;min-width:0;border:1px solid #303540;border-radius:10px;background:#0a0c10;color:#f1f2f4;padding:12px;outline:0;font:inherit}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,182,90,.09)}select:disabled{opacity:.45}.suffix{position:relative}.suffix input{padding-right:55px}.suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6f737c;font-size:.7rem}.consumption{margin:16px 0 12px;padding:12px 14px;border:1px solid #2c323c;border-radius:10px;background:#0b0e13;color:#8f949d;font-size:.75rem}.consumption strong{color:var(--gold2)}.consumption .tag{float:right;padding:2px 6px;border-radius:5px;background:#25301f;color:#8bdd9a;font-size:.58rem}.consumption .tag.estimate{background:#30291b;color:#e6bd5f}.manual,.checks label{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:8px;font-weight:500}.manual input,.checks input{width:auto}.manual-field{position:relative;margin-top:12px}.manual-field input{padding-right:80px}.manual-field span{position:absolute;right:12px;bottom:12px;color:#6f737c}.checks{display:grid;gap:10px;margin:19px 0}.calculate{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:11px;padding:14px 16px;background:linear-gradient(135deg,#d6b24f,#f0d789);color:#171206;font-weight:900;cursor:pointer}.calculate:hover{filter:brightness(1.05)}.result{margin-top:18px;padding:26px;border:1px solid rgba(216,182,90,.35);border-radius:18px;background:linear-gradient(135deg,rgba(216,182,90,.09),rgba(18,20,26,.95) 55%)}.result-top{display:flex;justify-content:space-between;align-items:start}.result-top h2{margin:5px 0 20px}.result-top button{border:1px solid var(--line);border-radius:8px;background:#11141a;color:#aeb1b8;padding:8px 11px;cursor:pointer}.result-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:10px}.result-grid article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0b0e13}.result-grid small,.result-grid strong,.result-grid span{display:block}.result-grid small{color:#6f737c;font:700 .55rem var(--mono);letter-spacing:.12em}.result-grid strong{font-size:1.5rem;margin:7px 0 2px}.primary-result strong{font-size:2.2rem;color:var(--gold2)}.result-grid span{color:#777b84;font-size:.68rem}.result-note{margin-top:14px;color:#92969f;font-size:.75rem}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.method-grid article>b{font:700 .65rem var(--mono);color:var(--gold)}.method-grid h3{font-size:.95rem}.method-grid p{color:var(--muted);font-size:.78rem}.disclaimer{margin-top:14px;padding:15px;border-left:3px solid var(--gold);background:#13130f;color:#9f9b8d;font-size:.75rem}footer{display:flex;justify-content:space-between;gap:20px;padding:25px max(22px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);color:#6e7178;font-size:.65rem}footer a{color:#aaa07f}@media(max-width:850px){.site-head nav a:not(.home){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:95px 0 50px}.gauge{min-height:350px}#fuel-form{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,13vw,5rem)}}@media(max-width:560px){.hero,main>section{width:min(100% - 26px,1180px)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.result-grid{grid-template-columns:1fr}.result-top{display:grid;gap:10px}.site-head{padding:0 14px}.site-head .home{font-size:.62rem}.gauge-ring::before{width:75vw}footer{flex-direction:column;text-align:center}.calculator,.method{padding:65px 0}}
