:root{--ink:#102a38;--muted:#5b707c;--line:#d9e5e4;--green:#0f766e;--green2:#0b5f59;--soft:#f3f8f6;--navy:#0b2234;--sand:#f7efe7}.gas-v4{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff}.gas-v4 *{box-sizing:border-box}.gas-v4 .container{width:min(1180px,calc(100% - 36px));margin:auto}.gas-v4 a{color:inherit}.gas-v4 button,.gas-v4 input,.gas-v4 select{font:inherit}.gas-v4 .site-header{background:#fff;border-bottom:1px solid #e5eceb}.gas-v4 .header-inner{min-height:72px;display:flex;align-items:center;gap:28px}.gas-v4 .brand{margin-right:auto}.gas-v4 .brand-logo-img{width:190px;height:auto;display:block}.gas-v4 .main-nav{display:flex;gap:22px}.gas-v4 .main-nav a{text-decoration:none;font-weight:750;color:#385264;font-size:.88rem}.gas-v4 .header-cta,.gas-v4 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;text-decoration:none;font-weight:850;border:1px solid transparent}.gas-v4 .header-cta,.gas-v4 .btn-primary{background:var(--green);color:#fff}.gas-v4 .btn-secondary{border-color:#cbdada;background:#fff;color:var(--ink)}.gas-v4 .hero{padding:44px 0 48px;background:linear-gradient(135deg,#eef8f5,#f8f1e7 52%,#edf4f7)}.gas-v4 .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.gas-v4 .breadcrumb{font-size:.74rem;color:#6b7f89;margin-bottom:15px}.gas-v4 .eyebrow,.gas-v4 .section-head>span,.gas-v4 .kicker{display:block;color:var(--green2);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.gas-v4 h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.94;letter-spacing:-.055em;margin:0 0 18px}.gas-v4 .lead{font-size:1.08rem;line-height:1.65;color:#405b69;max-width:700px;margin:0}.gas-v4 .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.gas-v4 .trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.gas-v4 .trust span{padding:8px 10px;border:1px solid #d7e4e1;border-radius:999px;background:#ffffffaa;font-size:.72rem;font-weight:750}.gas-v4 .hero-card{padding:24px;border-radius:26px;color:#fff;background:radial-gradient(circle at 90% 0%,#227e7133,transparent 35%),linear-gradient(145deg,#173e52,#0b2234);box-shadow:0 26px 60px #102a3826}.gas-v4 .hero-card small{color:#b8cbd3}.gas-v4 .hero-number{font-size:clamp(2.3rem,4vw,3.7rem);font-weight:900;letter-spacing:-.05em;margin:13px 0}.gas-v4 .hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gas-v4 .hero-kpis div{padding:12px;border-radius:14px;background:#ffffff12}.gas-v4 .hero-kpis span,.gas-v4 .hero-kpis b{display:block}.gas-v4 .hero-kpis span{font-size:.65rem;color:#abc1cb}.gas-v4 .hero-kpis b{font-size:.86rem;margin-top:4px}.gas-v4 .stage{padding:54px 0 74px}.gas-v4 .stage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}.gas-v4 .card{border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 50px #102a3812}.gas-v4 .form-card{padding:28px}.gas-v4 .result-card{padding:25px;position:sticky;top:20px}.gas-v4 .section-head{max-width:860px;margin-bottom:28px}.gas-v4 .section-head h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.05;letter-spacing:-.04em;margin:0}.gas-v4 .section-head p{color:var(--muted);line-height:1.7;margin:12px 0 0}.gas-v4 .mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.gas-v4 .mode-btn{padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8faf9;text-align:left}.gas-v4 .mode-btn b,.gas-v4 .mode-btn small{display:block}.gas-v4 .mode-btn small{color:var(--muted);margin-top:4px}.gas-v4 .mode-btn.active{background:#eef9f5;border-color:#79bbae}.gas-v4 .preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.gas-v4 .preset-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;color:#405966}.gas-v4 .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gas-v4 label{display:block}.gas-v4 label>span:first-child{display:block;font-size:.79rem;font-weight:850;margin-bottom:7px}.gas-v4 .input-shell{display:flex;align-items:center;border:1px solid #ccdadd;border-radius:12px;min-height:48px;overflow:hidden}.gas-v4 input,.gas-v4 select{width:100%;border:0;outline:0;background:transparent;padding:0 12px;color:var(--ink);height:46px}.gas-v4 .unit{padding:0 12px;color:#617985;font-size:.73rem;white-space:nowrap}.gas-v4 label small{display:block;margin-top:6px;color:#607681;font-size:.67rem;line-height:1.45}.gas-v4 details.options{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fafcfc}.gas-v4 details.options summary{padding:15px;cursor:pointer;font-weight:850}.gas-v4 .options-body{padding:0 15px 15px}.gas-v4 .advanced{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.gas-v4 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.gas-v4 .step-btn{padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:800}.gas-v4 .step-btn.active{background:#eef9f5;border-color:#79bbae}.gas-v4 .advanced-stage{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fbfcfc}.gas-v4 .form-actions{display:flex;gap:10px;margin-top:20px}.gas-v4 .result-top{display:flex;justify-content:space-between;gap:10px}.gas-v4 .result-top span{font-size:.69rem;font-weight:900;color:var(--green2);text-transform:uppercase}.gas-v4 .badge{padding:7px 9px;border-radius:999px;background:#edf7f3;font-size:.65rem!important;text-transform:none!important}.gas-v4 .total{display:block;font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.055em;line-height:.95;margin-top:16px}.gas-v4 .range{color:#526a76;font-weight:750;font-size:.8rem}.gas-v4 .kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.gas-v4 .kpis div{padding:13px;border:1px solid var(--line);border-radius:14px}.gas-v4 .kpis span,.gas-v4 .kpis b,.gas-v4 .kpis small{display:block}.gas-v4 .kpis span{font-size:.65rem;color:#5e7480}.gas-v4 .kpis b{margin-top:4px}.gas-v4 .kpis small{margin-top:4px;color:#617984;font-size:.61rem}.gas-v4 .decision{margin-top:15px;padding:16px;border-radius:16px;background:var(--navy);color:#fff}.gas-v4 .decision p{color:#c7d8df;line-height:1.55;margin:7px 0 0;font-size:.74rem}.gas-v4 .breakdown{margin-top:17px}.gas-v4 .breakdown-head{display:flex;align-items:center;justify-content:space-between}.gas-v4 .breakdown-head button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px}.gas-v4 .collapsed{display:none}.gas-v4 .breakdown-list{display:grid;gap:8px;margin-top:10px}.gas-v4 .breakdown-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:12px;background:#f7f9f9}.gas-v4 .breakdown-row strong,.gas-v4 .breakdown-row small{display:block}.gas-v4 .breakdown-row small{color:#627985;font-size:.66rem;margin-top:3px}.gas-v4 .scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.gas-v4 .scenarios article{padding:11px;border:1px solid var(--line);border-radius:13px}.gas-v4 .scenarios span,.gas-v4 .scenarios b,.gas-v4 .scenarios small{display:block}.gas-v4 .scenarios span{font-size:.62rem;color:#607681}.gas-v4 .scenarios b{margin-top:4px}.gas-v4 .scenarios small{font-size:.58rem;color:#627985;margin-top:3px}.gas-v4 .content-section{padding:78px 0}.gas-v4 .content-section.alt{background:var(--soft)}.gas-v4 .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gas-v4 .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.gas-v4 .info-card{padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff}.gas-v4 .info-card h3{margin:0 0 10px}.gas-v4 .info-card p,.gas-v4 .info-card li{color:#566e7a;line-height:1.7}.gas-v4 .formula{padding:16px;border-radius:14px;background:#eaf5f1;font-weight:850;margin:14px 0}.gas-v4 .dark{background:linear-gradient(145deg,#123b4d,#081e2d);color:#fff}.gas-v4 .dark .section-head h2{color:#fff}.gas-v4 .dark .section-head p{color:#c7d8df}.gas-v4 .dark .info-card{background:#ffffff0c;border-color:#ffffff1c}.gas-v4 .dark .info-card h3{color:#fff}.gas-v4 .dark .info-card p,.gas-v4 .dark .info-card li{color:#c6d7df}.gas-v4 .source-list{display:grid;gap:9px}.gas-v4 .source-list a{display:block;padding:13px;border-radius:12px;background:#f5fbf9;border:1px solid #bad8d3;color:#143642;text-decoration:none;font-weight:800}.gas-v4 .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gas-v4 .related-grid a{padding:20px;border:1px solid var(--line);border-radius:18px;text-decoration:none}.gas-v4 .related-grid span,.gas-v4 .related-grid strong,.gas-v4 .related-grid small{display:block}.gas-v4 .related-grid span{color:var(--green2);font-size:.65rem;font-weight:900}.gas-v4 .related-grid strong{margin-top:7px}.gas-v4 .related-grid small{margin-top:7px;color:#5e7480}.gas-v4 .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gas-v4 .faq-grid details{border:1px solid var(--line);border-radius:15px;padding:0 16px}.gas-v4 .faq-grid summary{padding:17px 0;font-weight:850;cursor:pointer}.gas-v4 .faq-grid p{color:#5b727e;line-height:1.65}.gas-v4 .footer{padding:48px 0 0;background:linear-gradient(145deg,#071b27,#0d3440);color:#fff}.gas-v4 .footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.gas-v4 .footer h3{margin-top:0}.gas-v4 .footer p,.gas-v4 .footer a{color:#d5e3e8;text-decoration:none;line-height:1.6}.gas-v4 .footer-links{display:grid;gap:8px}.gas-v4 .footer-bottom{margin-top:32px;padding:20px 0;border-top:1px solid #ffffff22}.gas-v4 [hidden]{display:none!important}.gas-v4 :focus-visible{outline:3px solid #50b7a5;outline-offset:3px}@media(max-width:820px){.gas-v4 .main-nav,.gas-v4 .header-cta,.gas-v4 .hero-card{display:none}.gas-v4 .hero-grid,.gas-v4 .stage-grid{grid-template-columns:1fr}.gas-v4 .result-card{position:static}.gas-v4 .grid-3,.gas-v4 .grid-2,.gas-v4 .related-grid{grid-template-columns:1fr 1fr}.gas-v4 .footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gas-v4 .container{width:min(100% - 24px,1180px)}.gas-v4 .hero{padding:23px 0 27px}.gas-v4 .breadcrumb{display:none}.gas-v4 h1{font-size:2.35rem}.gas-v4 .lead{font-size:.94rem}.gas-v4 .hero-actions .btn-secondary{display:none}.gas-v4 .trust span:nth-child(n+3){display:none}.gas-v4 .stage{padding:28px 0 52px}.gas-v4 .form-card,.gas-v4 .result-card{padding:19px;border-radius:21px}.gas-v4 .field-grid,.gas-v4 .mode-switch,.gas-v4 .grid-3,.gas-v4 .grid-2,.gas-v4 .related-grid,.gas-v4 .faq-grid,.gas-v4 .footer-grid{grid-template-columns:1fr}.gas-v4 .steps{grid-template-columns:repeat(3,1fr)}.gas-v4 .step-btn{padding:9px 5px;font-size:.67rem}.gas-v4 .kpis,.gas-v4 .scenarios{grid-template-columns:1fr}.gas-v4 .form-actions{flex-direction:column}.gas-v4 .content-section{padding:62px 0}}
