:root{--ink: #0d2236;--ink-2: #43566b;--muted: #6c7c8e;--bg: #f2f5f8;--surface: #ffffff;--line: #dbe2ea;--brand: #0d2236;--luce: #f5a300;--luce-soft: #fff4d9;--luce-ink: #3a2700;--gas: #1f6bff;--gas-soft: #e6efff;--gas-ink: #ffffff;--accent: var(--luce);--accent-soft: var(--luce-soft);--accent-ink: var(--luce-ink);--shadow: 0 12px 32px rgba(13, 34, 54, .09);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}body[data-mode=gas]{--accent: var(--gas);--accent-soft: var(--gas-soft);--accent-ink: var(--gas-ink)}h1 em,h2 em{transition:color .3s}.btn{box-shadow:0 6px 18px #0d223624;transition:transform .15s,box-shadow .15s,background .3s,color .3s}.btn:hover{box-shadow:0 10px 24px #0d223633}.btn--light{box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gas);outline-offset:2px}.topbar{color:#c9d6e3}.header{background:#f2f5f8eb}.logo__mark svg{fill:var(--luce);width:20px}.logo__text b{color:var(--luce)}.logo__text i{color:var(--gas);font-style:normal}.hero{background:radial-gradient(700px 380px at 90% 0%,rgba(245,163,0,.16),transparent 65%)}body[data-mode=gas] .hero{background:radial-gradient(700px 380px at 90% 0%,rgba(31,107,255,.14),transparent 65%)}body[data-mode=dual] .hero{background:radial-gradient(600px 340px at 95% 0%,rgba(31,107,255,.12),transparent 65%),radial-gradient(600px 340px at 60% 0%,rgba(245,163,0,.14),transparent 65%)}.hero__in>*{min-width:0}.disclaimer{transition:border-color .3s}.switch{display:inline-flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px;margin-bottom:1.4rem}.switch[hidden]{display:none}.switch button{border:0;background:none;font:inherit;font-weight:600;font-size:.92rem;padding:.5em 1.05em;border-radius:999px;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;gap:.4em;transition:background .2s,color .2s}.switch button[aria-pressed=true]{background:var(--ink);color:#fff}.switch svg{width:16px;height:16px}.ico-luce{fill:var(--luce)}.ico-gas{fill:var(--gas)}.callcard{padding:26px}.meter{background:var(--ink);border-radius:16px;padding:16px 16px 14px;margin-bottom:18px;color:#c9d6e3;text-align:left}.meter__top{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.meter__icon{width:34px;height:34px}.meter__luce path{fill:none;stroke:var(--luce);stroke-width:1.8;stroke-linecap:round}.meter__glow{fill:var(--luce);opacity:.18;animation:glow 2.4s ease-in-out infinite}.meter__gas path{fill:var(--gas);transform-origin:12px 22px;animation:flame 1.6s ease-in-out infinite}.meter__gas,body[data-mode=gas] .meter__luce{display:none}body[data-mode=gas] .meter__gas{display:inline}@keyframes glow{50%{opacity:.38}}@keyframes flame{50%{transform:scaleY(1.08) scaleX(.96)}}.meter__digits{display:flex;gap:4px;margin:10px 0 6px;font-family:var(--mono);font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.meter__digits span{background:#081726;color:#fff;border-radius:6px;padding:2px 0;width:1.25em;text-align:center}.meter__digits span.red{background:#a3121e}.meter__unit{font-family:var(--mono);font-size:.8rem;color:#8ea3b8}.callcard__number{font-variant-numeric:tabular-nums}.needs{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}.needs>*{min-width:0}.needs__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.need{display:flex;align-items:center;gap:.7em;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink);transition:border-color .2s,transform .15s,background .2s}.need:hover{transform:translateY(-2px)}.need[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.need svg{width:26px;height:26px;flex:none;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.needs__panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.needs__panel:empty{display:none}.needs__panel h3{font-size:1.35rem}.needs__panel p{color:var(--ink-2)}.needs__k,.explain__k,.calc__k{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;margin-bottom:.5rem}.need-list{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.5rem}.need-list li{display:flex;gap:.6em;align-items:baseline;font-size:.95rem}.need-list li:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent);flex:none;transform:translateY(-1px)}.fade{animation:fade .35s ease}@keyframes fade{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.calc{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.calc>*{min-width:0}.calc__form{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:18px;margin:0}.calc__tabs{display:flex;gap:6px}.calc__tabs button{flex:1;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:.7em;font:inherit;font-weight:700;cursor:pointer;color:var(--ink-2)}.calc__tabs [data-t=luce][aria-selected=true]{background:var(--luce);border-color:var(--luce);color:var(--luce-ink)}.calc__tabs [data-t=gas][aria-selected=true]{background:var(--gas);border-color:var(--gas);color:#fff}.field label{display:flex;justify-content:space-between;gap:1rem;font-weight:600;font-size:.92rem;margin-bottom:.4rem}.field label small{font-weight:400;color:var(--muted)}.field output{font-family:var(--mono);font-variant-numeric:tabular-nums}.field__hint{display:block;color:var(--muted);font-size:.84rem;margin:.3rem 0 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row>*{min-width:0}.calc input[type=range]{width:100%;accent-color:var(--luce)}.calc[data-t=gas] input[type=range]{accent-color:var(--gas)}.num{width:100%;border:1px solid var(--line);border-radius:10px;padding:.6em .7em;font:inherit;font-family:var(--mono);background:var(--bg);color:var(--ink)}.calc__out{background:var(--ink);color:#c9d6e3;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}.calc__out .calc__k{color:#8ea3b8;margin:0}.calc__big{font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.calc__big small{font-size:1rem;font-weight:600;color:#8ea3b8}.calc__bar{height:12px;border-radius:99px;background:#1c3550;overflow:hidden;display:flex}.calc__bar span{display:block;height:100%;width:0;transition:width .4s}#calc-bar-var,.calc__sw--var{background:var(--luce)}.calc[data-t=gas] #calc-bar-var,.calc[data-t=gas] .calc__sw--var{background:var(--gas)}#calc-bar-fix,.calc__sw--fix{background:#5f7a96}.calc__legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem}.calc__sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.35em}.calc__cmp{border-top:1px solid #23405e;padding-top:14px;font-size:.95rem;margin:0}.calc__cmp strong{color:#fff}.calc__out .btn{align-self:flex-start;white-space:normal;text-align:center}.bill-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}.bill-wrap>*{min-width:0}.bill{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;font-size:.9rem;box-shadow:var(--shadow)}.bill__head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:12px}.bill__brand{font-weight:800;font-size:1rem}.bill__client{text-align:right}.bill__row{display:flex;width:100%;justify-content:space-between;gap:1rem;padding:8px;border:0;background:none;border-radius:8px;cursor:pointer;font:inherit;color:var(--ink);text-align:left;transition:background .2s;font-variant-numeric:tabular-nums}.bill__row:hover,.bill__row.is-on{background:var(--accent-soft)}.bill__left{display:flex;align-items:center;min-width:0}.bill__val{font-family:var(--mono);white-space:nowrap}.hs{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.7rem;font-weight:800;margin-right:.6em;flex:none;transition:background .3s}.bill__total{display:flex;justify-content:space-between;font-weight:800;font-size:1.05rem;border-top:2px solid var(--ink);margin-top:10px;padding:10px 8px 0}.explain{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;position:sticky;top:92px;display:grid;gap:1rem}.explain h3{font-size:1.2rem}.explain p{color:var(--ink-2);margin:0}.explain__item h3{margin:.2rem 0 .5rem}.explain.is-js .explain__item{display:none}.explain.is-js .explain__item.is-on{display:block;animation:fade .35s ease}.explain__nav{display:flex;justify-content:space-between;gap:.5rem}.explain__nav[hidden]{display:none}.ghost{border:1px solid var(--line);background:none;border-radius:999px;padding:.5em 1em;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.ghost:hover{border-color:var(--ink-2)}.faq{display:grid;gap:10px;max-width:820px}.faq details{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px 18px}.faq summary{cursor:pointer;font-weight:600;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.3rem;line-height:1;color:var(--accent);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);margin:0 0 14px}.guide{transition:border-color .2s,transform .15s}.guide:hover{transform:translateY(-2px)}.cta p,.cta__action{color:#c9d6e3}.footer{background:#081726;color:#c9d6e3}.footer .muted{color:#8ea3b8}.sticky-call{color:var(--accent-ink)!important;box-shadow:0 10px 30px #0d223640!important}.sticky-call svg{fill:currentColor!important}.cc__btn{color:var(--accent-ink)}.article-layout>*{min-width:0}.prose a,.cc__text a{color:#8a5700}.prose a:hover{color:var(--ink)}@media (max-width: 960px){.needs,.calc,.bill-wrap{grid-template-columns:1fr}.explain{position:static}}@media (max-width: 520px){.needs__list,.field-row{grid-template-columns:1fr}.bill__client{text-align:left}.meter__digits{font-size:1.4rem}.header__in{gap:.6rem}.logo{gap:.45rem;min-width:0}.logo__mark{width:32px;height:32px;flex:none}.logo__text{font-size:1rem}.header .btn--sm{padding:.55em .9em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}