:root{--mint:#3DE8A4;--teal:#15C8A3;--cyan:#46C9F5;--orange:#FF8A5B;--orange-d:#E25A2E;--ink:#04231A;--accent:linear-gradient(135deg,var(--mint),var(--teal));--d-bg:#0B1310;--d-bg2:#0F1A15;--d-text:#EBF3EF;--d-muted:#9DB3AA;--d-faint:#6F8279;--d-line:rgba(255,255,255,.09);--radius:20px;--radius-sm:14px;--header-h:58px;--bg:#070C0A;--surface:#0F1A15;--surface-2:#0B1310;--text:#EBF3EF;--muted:#9DB3AA;--faint:#6F8279;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.15);--card-bg:rgba(255,255,255,.045);--input-bg:rgba(255,255,255,.04);--accent-text:#3DE8A4;--shadow:0 18px 50px rgba(0,0,0,.5);--hero-bg:linear-gradient(135deg,#070C0A 0%,#0C1611 60%,#0A1813 100%);--footer-bg:linear-gradient(135deg,#070C0A,#0C1611);--hero-glow1:rgba(21,200,163,.22);--hero-glow2:rgba(70,201,245,.12);--orbit:rgba(255,255,255,.10);--orbit-accent:rgba(61,232,164,.24);--ground:rgba(255,255,255,.10);--glow:radial-gradient(1100px 640px at 78% -8%,rgba(21,200,163,.16),transparent 60%),radial-gradient(820px 540px at 8% 6%,rgba(70,201,245,.09),transparent 55%)}:root[data-theme="light"]{--bg:#F4F7F5;--surface:#FFFFFF;--surface-2:#EDF2EF;--text:#0E1A15;--muted:#52635C;--faint:#7E8F88;--line:rgba(16,28,22,.10);--line-2:rgba(16,28,22,.18);--card-bg:#FFFFFF;--input-bg:#FFFFFF;--accent-text:#0C9C70;--shadow:0 18px 44px rgba(16,28,22,.12);--hero-bg:linear-gradient(160deg,#EAF4EF 0%,#DFEEE8 55%,#EBF6F1 100%);--footer-bg:linear-gradient(135deg,#E7F0EC,#EAF3EF);--hero-glow1:rgba(21,200,163,.16);--hero-glow2:rgba(70,201,245,.10);--orbit:rgba(16,42,32,.20);--orbit-accent:rgba(12,156,112,.42);--ground:rgba(16,42,32,.16);--glow:radial-gradient(1100px 640px at 78% -8%,rgba(21,200,163,.10),transparent 60%),radial-gradient(820px 540px at 8% 6%,rgba(70,201,245,.07),transparent 55%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter','Segoe UI',-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--glow)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Sora',sans-serif;letter-spacing:-.02em;font-weight:700;line-height:1.12}h1{font-size:clamp(40px,5.4vw,66px)}h2{font-size:clamp(28px,4vw,44px)}h3{font-size:clamp(19px,2.2vw,22px)}.wrap{width:100%;max-width:1180px;margin:18px auto;padding:0 28px}header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:box-shadow .2s ease,background .3s ease}header.scrolled{box-shadow:0 6px 30px rgba(0,0,0,.18)}header .wrap.nav{padding-left:16px;padding-right:16px;margin:0px auto}.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:12px}.logo{display:flex;align-items:center;gap:11px;font-family:'Sora';font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--text)}.logo .mark,.logo .mk{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center;color:var(--ink);box-shadow:0 8px 24px rgba(21,200,163,.35);overflow:hidden}.logo .mark img{filter:brightness(0);width:26px;height:26px}.logo .mk svg{width:21px;height:21px}.logo .dim,.logo span[style]{color:var(--accent-text)!important}.navlinks{display:flex;gap:18px;align-items:center;font-weight:500;font-size:15px;margin-left:auto;margin-right:2px}.navlinks a{position:relative;color:var(--muted);padding-bottom:4px;transition:color .15s}.navlinks a:hover{color:var(--text)}.navlinks a.active{color:var(--accent-text)}.navlinks a.active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:var(--accent)}.theme-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--line-2);background:var(--card-bg);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:border-color .2s,background .2s,transform .2s;flex:none}.theme-btn:hover{border-color:var(--accent-text);transform:translateY(-1px)}.theme-btn svg{width:19px;height:19px}.theme-btn .i-moon{display:none}.theme-btn .i-sun{display:block}:root[data-theme="light"] .theme-btn .i-sun{display:none}:root[data-theme="light"] .theme-btn .i-moon{display:block}.region-row{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:8px}.region-opt{background:none;border:0;padding:0 0 5px;cursor:pointer;font:inherit;font-size:15px;color:var(--muted);position:relative;transition:color .18s}.region-opt:hover{color:var(--text)}.region-opt.on{color:var(--accent-text);font-weight:600}.region-opt.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent)}.region-opt .rn-abbr{display:none}.hero p.region-note{color:var(--faint);font-size:12px;letter-spacing:.03em;margin-bottom:16px}@media (max-width:600px){.region-row{gap:16px}.region-opt{letter-spacing:.04em}.region-opt .rn-full{display:none}.region-opt .rn-abbr{display:inline}}.menu-btn{display:none;font-size:26px;background:none;border:0;cursor:pointer;color:var(--text)}.hero{position:relative;overflow:hidden;color:var(--text);background:var(--hero-bg);transition:background .3s ease,color .3s ease}.hero:has(+ .calc-wrap),.hero:has(+ .panel-wrap){padding:26px 0 80px}.hero:has(+ .calc-wrap) h1,.hero:has(+ .panel-wrap) h1{font-size:clamp(26px,3.4vw,38px);margin:6px 0 8px}.hero:has(+ .calc-wrap) p:not(.region-note),.hero:has(+ .panel-wrap) p:not(.region-note){font-size:15px}.hero::before{content:'';position:absolute;top:-40%;right:-15%;width:680px;height:680px;pointer-events:none;background:radial-gradient(circle,var(--hero-glow1),transparent 62%)}.hero::after{content:'';position:absolute;bottom:-50%;left:-12%;width:520px;height:520px;pointer-events:none;background:radial-gradient(circle,var(--hero-glow2),transparent 60%)}.hero .wrap{position:relative;z-index:1}.hero .eyebrow,.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--mint);background:rgba(61,232,164,.10);border:1px solid rgba(61,232,164,.22);padding:8px 15px;border-radius:30px;margin-bottom:22px}.hero h1{font-size:clamp(40px,5.6vw,64px);color:var(--text);max-width:900px;margin:36px 0px 18px;line-height:1.05}.hero h1 .hl,.hero h1 .grad{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;max-width:620px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-grid h1{font-size:clamp(36px,5vw,56px);margin:14px 0 12px}.hero-grid .hero-copy>p:not(.region-note){margin:10px 0 0}.hero:has(.hero-grid){min-height:calc(100svh - var(--header-h));display:flex;align-items:center}.hero:has(.hero-grid)>.wrap{width:100%}.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}.btn-primary{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;padding:16px 28px;border-radius:14px;background:var(--accent);color:var(--ink);box-shadow:0 12px 34px rgba(21,200,163,.38);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(21,200,163,.5)}.btn-primary svg path{stroke:var(--ink)}.btn-ghost{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;padding:16px 26px;border-radius:14px;color:var(--text);border:1px solid var(--line-2);background:var(--card-bg);transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:rgba(61,232,164,.45);background:rgba(61,232,164,.08)}.trust-row{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}.trust-row .ti{display:flex;flex-direction:column;gap:2px}.trust-row .n{font-family:'Sora';font-weight:700;font-size:26px;background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.trust-row .l{font-size:13px;color:var(--faint)}.hero-art{position:relative;min-height:380px;display:grid;place-items:center}.hero-art svg{width:100%;max-width:520px;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}:root[data-theme="light"] .hero-art svg{filter:drop-shadow(0 24px 50px rgba(16,42,32,.22))}.hero-art .orbit{stroke:var(--orbit)}.hero-art .orbit-d{stroke:var(--orbit-accent)}.hero-art .ground{stroke:var(--ground)}.fchip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(12,19,16,.72);backdrop-filter:blur(14px);border:1px solid var(--d-line);box-shadow:0 16px 40px rgba(0,0,0,.45)}.fchip .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.fchip .ic.g{background:rgba(61,232,164,.16);color:var(--mint)}.fchip .ic.b{background:rgba(70,201,245,.16);color:var(--cyan)}.fchip .k{font-size:12px;color:var(--d-faint);line-height:1.2}.fchip .v{font-family:'Sora';font-weight:700;font-size:17px;color:var(--d-text);line-height:1.2}.fchip.c1{top:-2%;left:-1%;animation:floatA 6s ease-in-out infinite}.fchip.c2{bottom:6%;right:-1%;animation:floatC 7.4s ease-in-out infinite .6s}.fchip.c3{bottom:6%;left:-1%;animation:floatD 6.5s ease-in-out infinite 1.2s}.fchip.c4{top:-2%;right:-1%;animation:floatB 6.8s ease-in-out infinite .9s}@keyframes floatA{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(9px,-22px) rotate(1.5deg)}}@keyframes floatB{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-11px,-14px) rotate(-2deg)}}@keyframes floatC{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(8px,-10px) rotate(1deg)}66%{transform:translate(-7px,-21px) rotate(-1.5deg)}}@keyframes floatD{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(-9px,-17px) rotate(-1.5deg)}66%{transform:translate(7px,-7px) rotate(2deg)}}.calc-wrap{margin-top:-60px;padding-bottom:60px;position:relative;z-index:2}.calc{--pad:28px 30px;--field-mb:16px;--label-mb:8px;--sub-mb:20px;--group-pad:14px 15px 4px;--group-mb:14px;--ghead-mb:12px;--num-pad:11px 12px;--save-pad:16px;--save-mb:14px;--save-size:42px;--bars-mb:12px;--barrow-mb:10px;--mini-mb:10px;--mini-pad:10px 12px;--mini-v:18px;--co2-mb:12px;--rows-mb:16px;--rrow-pad:10px 0;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);max-width:940px;margin:0 auto;align-items:stretch}@media (max-height:820px){.calc{--pad:16px 22px;--field-mb:9px;--label-mb:5px;--sub-mb:12px;--group-pad:9px 13px 3px;--group-mb:9px;--ghead-mb:7px;--num-pad:8px 12px;--save-pad:11px;--save-mb:10px;--save-size:32px;--bars-mb:8px;--barrow-mb:7px;--mini-mb:8px;--mini-pad:8px 10px;--mini-v:16px;--co2-mb:10px;--rows-mb:10px;--rrow-pad:7px 0}}.inputs{padding:var(--pad)}.inputs h2{font-family:'Sora';font-size:20px;margin-bottom:4px}.inputs .sub{color:var(--muted);font-size:14px;margin-bottom:var(--sub-mb)}.field{margin-bottom:var(--field-mb)}.field label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:var(--label-mb);color:var(--text)}.field label small{color:var(--muted);font-weight:500}.field label.lbl-tight{display:block}.price-val{color:var(--accent-text);font-weight:700;font-size:15px}.fixname{display:inline-block;min-width:46px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--muted);color:var(--bg);font-size:11px;font-weight:700;cursor:help;position:relative;margin-left:4px;transition:background .2s;-webkit-tap-highlight-color:transparent;user-select:none}.help-icon:hover,.help-icon.show{background:var(--accent-text);color:#fff}.help-icon::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#0A100D;color:#EBF3EF;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:400;white-space:normal;width:240px;text-align:left;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;box-shadow:0 10px 30px rgba(0,0,0,.45);border:1px solid var(--d-line)}.help-icon:hover::after,.help-icon.show::after{opacity:1}.ctrl{display:flex;align-items:center;gap:10px}.ctrl input[type=number],.twin input[type=number]{font:inherit;font-weight:600;padding:var(--num-pad);border:1px solid var(--line-2);border-radius:11px;width:120px;text-align:left;background:var(--input-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.twin input[type=number]{width:84px}.ctrl input:focus,.twin input:focus,.rate input:focus,.ctl .num input:focus{outline:0;border-color:var(--mint);box-shadow:0 0 0 3px rgba(61,232,164,.18)}.ctrl .unit,.twin .unit{color:var(--muted);font-size:14px}.twin{display:flex;gap:10px;align-items:center}.twin .unit{flex:none}input[type=range]{flex:1;accent-color:var(--teal);height:5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.35;cursor:pointer}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{opacity:1}.srow{display:flex;align-items:center;gap:12px}.pm{color:var(--accent-text);font-weight:700;font-size:17px;width:12px;text-align:center;flex:none;user-select:none}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.chip{font-size:12px;font-weight:600;padding:6px 12px;border-radius:30px;border:1px solid var(--line-2);background:var(--input-bg);cursor:pointer;color:var(--muted);transition:border-color .12s,color .12s,background .12s}.chip:hover{border-color:var(--mint);color:var(--accent-text)}.chip.on{background:var(--accent);border-color:transparent;color:var(--ink)}.input-group{border-radius:12px;padding:var(--group-pad);margin-bottom:var(--group-mb);border:0.5px solid}.input-group .group-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--ghead-mb)}.group-ev{background:rgba(61,232,164,.06);border-color:rgba(61,232,164,.22)}.group-ev .group-head{color:var(--accent-text)}.group-fuel{background:rgba(255,138,91,.07);border-color:rgba(255,138,91,.26)}.group-fuel .group-head,.group-fuel .price-val{color:#FF8A5B}.group-fuel input[type=range]{accent-color:var(--orange)}.group-fuel .chip:hover{border-color:var(--orange);color:#FF8A5B}.group-fuel .chip.on{background:linear-gradient(135deg,var(--orange),var(--orange-d));border-color:transparent;color:#3a1405}:root[data-theme="light"] .group-fuel .group-head,:root[data-theme="light"] .group-fuel .price-val,:root[data-theme="light"] .group-fuel .chip:hover{color:#C24A1E}.region-sources{font-size:12px;color:var(--faint);text-align:center;line-height:1.6;max-width:760px;margin:0 auto;padding:8px 0 28px}.region-sources a{color:var(--accent-text)}.region-sources a:hover{text-decoration:underline}.units-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card-bg)}.units-table{width:100%;border-collapse:collapse;font-size:14px;min-width:660px}.units-table th,.units-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.units-table thead th{color:var(--text);font-weight:700;font-size:13px;letter-spacing:.02em}.units-table tbody td{color:var(--muted)}.units-table tbody td:first-child{font-weight:600;color:var(--text)}.units-table tbody tr:last-child td{border-bottom:0}.units-table tbody tr.is-selectable{cursor:pointer;transition:background .2s}.units-table tbody tr.is-selectable:hover{background:rgba(61,232,164,.06)}.units-table tbody tr.is-selectable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.units-table tbody tr.active-region{background:rgba(61,232,164,.09)}.units-table tbody tr.active-region td:first-child{color:var(--accent-text)}.results{background:var(--d-bg2);color:var(--d-text);padding:var(--pad);display:flex;flex-direction:column}.results h2{font-family:'Sora';font-size:13px;color:var(--d-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.savebox{background:rgba(61,232,164,.10);border:1px solid rgba(61,232,164,.30);border-radius:var(--radius-sm);padding:var(--save-pad);text-align:center;margin-bottom:var(--save-mb)}.savebox .lbl{color:var(--d-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.savebox .big{font-family:'Sora';font-size:var(--save-size);font-weight:800;color:var(--mint);letter-spacing:-1px;line-height:1.1;margin:2px 0}.savebox .sml{color:var(--d-muted);font-size:14px}.bars{margin-bottom:var(--bars-mb)}.barrow{margin-bottom:var(--barrow-mb)}.barrow .top{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:5px}.track{height:26px;background:rgba(255,255,255,.07);border-radius:9px;overflow:hidden}.bar{height:100%;border-radius:9px;transition:width .4s ease;display:flex;align-items:center;padding-left:11px;font-size:13px;font-weight:700;color:var(--ink)}.bar.ev{background:var(--accent)}.bar.petrol{background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#3a1405}.rows{margin-bottom:var(--rows-mb)}.rrow{display:flex;justify-content:space-between;padding:var(--rrow-pad);border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.rrow:last-child{border:0}.rrow .k{color:var(--d-muted)}.rrow .v{font-weight:700}.rrow.big .v{color:var(--mint);font-size:16px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:var(--mini-mb)}.mini div{background:rgba(255,255,255,.05);border-radius:12px;padding:var(--mini-pad)}.mini .k{color:var(--d-muted);font-size:12px;font-weight:600}.mini .v{font-family:'Sora';font-size:var(--mini-v);font-weight:700;margin-top:2px}.vs{display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(255,255,255,.05);border-radius:12px;padding:11px 14px;font-size:14px;margin-top:auto;flex-wrap:wrap}.vs b{font-weight:700}.vs .solar,.vs .ev{color:var(--mint);font-weight:700}.vs .grid{color:var(--cyan)}.vs .pet{color:var(--orange);font-weight:700}.flag,.disclaimer{font-size:11px;background:rgba(255,200,80,.13);color:#F2C14E;border:1px solid rgba(255,200,80,.3);border-radius:10px;padding:8px 10px;margin-top:auto;line-height:1.45;text-align:left}.disclaimer::before{content:"\26A0 "}.co2{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(61,232,164,.10);border:1px solid rgba(61,232,164,.26);border-radius:12px;padding:9px 13px;font-size:13px;margin-bottom:var(--co2-mb);color:var(--d-text)}.co2 .lbl2{display:flex;align-items:center;gap:8px;color:var(--d-muted);font-weight:600;text-transform:none;letter-spacing:0}.co2 .v{font-family:'Sora';font-weight:700;font-size:16px;color:var(--mint);white-space:nowrap}.co2-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:var(--accent-text);background:rgba(61,232,164,.10);border:1px solid rgba(61,232,164,.24);border-radius:30px;padding:7px 14px}.panel-wrap{margin-top:-44px;padding-bottom:30px;position:relative;z-index:2}.controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px;display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px;max-width:1080px;margin-left:auto;margin-right:auto}.ctl{flex:1;min-width:200px}.ctl label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:9px}.ctl label small{color:var(--muted);font-weight:500}.ctl input[type=range]{width:100%;accent-color:var(--teal);height:5px}.ctl .num{display:flex;align-items:center;gap:8px}.ctl .num input{font:inherit;font-weight:600;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;width:96px;text-align:right;background:var(--input-bg);color:var(--text)}.ctl .num .unit{color:var(--muted);font-size:13px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;max-width:1080px;margin:0 auto}.lhead{display:grid;grid-template-columns:1.7fr .9fr 1fr 1fr;gap:10px;padding:14px 22px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.lhead .r{text-align:right}.row{display:grid;grid-template-columns:1.7fr .9fr 1fr 1fr;gap:10px;padding:16px 22px;align-items:center;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row.best{background:rgba(61,232,164,.08)}.row .name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row .note{font-size:12px;color:var(--muted);font-weight:500}.tag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px}.tag.cheap{background:var(--accent);color:var(--ink)}.tag.home{background:rgba(70,201,245,.2);color:var(--cyan)}.rate{display:flex;align-items:center;gap:6px;justify-content:flex-end}.rate input{font:inherit;font-weight:600;padding:8px 9px;border:1px solid var(--line-2);border-radius:9px;width:64px;text-align:right;font-size:14px;background:var(--input-bg);color:var(--text)}.rate .u{font-size:12px;color:var(--muted)}.cell{text-align:right;font-weight:700;font-size:15px}.cell.per{color:var(--muted);font-weight:600;font-size:14px}.section{padding-top:36px}.section-head{max-width:700px;margin-bottom:44px}.kicker{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin-bottom:14px}.section h2{font-size:clamp(30px,3.8vw,46px);margin-bottom:16px}.section .lead{color:var(--muted);font-size:18px;max-width:720px}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:28px;overflow:hidden;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .35s,background .35s}.card::before{content:"";position:absolute;inset:0;border-radius:var(--radius);opacity:0;transition:opacity .35s;background:radial-gradient(380px 200px at 80% 0%,rgba(61,232,164,.14),transparent 60%)}.card:hover{transform:translateY(-6px);border-color:rgba(61,232,164,.35)}.card:hover::before{opacity:1}.card .art{position:relative;z-index:1;margin-bottom:18px}.card h3{position:relative;z-index:1;font-size:20px;font-weight:600;margin-bottom:8px}.card p{position:relative;z-index:1;font-size:14.5px;color:var(--muted);line-height:1.6}.card .go{position:relative;z-index:1;display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:600;color:var(--accent-text)}.card .go svg{transition:transform .25s}.card .go svg path{stroke:var(--accent-text)}.card:hover .go svg{transform:translateX(4px)}.card.lg,.card.feature{grid-column:span 2}.card.md{grid-column:span 2}.card.sm{grid-column:span 1}.card.feature{background:linear-gradient(150deg,rgba(21,200,163,.12),rgba(70,201,245,.05));border-color:rgba(61,232,164,.22)}.iconwrap{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(61,232,164,.12);border:1px solid rgba(61,232,164,.22)}.iconwrap.alt{background:rgba(70,201,245,.12);border-color:rgba(70,201,245,.22)}.iconwrap svg{width:28px;height:28px}.cost-compare{position:relative;z-index:1;display:flex;align-items:flex-end;gap:22px;margin:22px 0 4px}.cc-col{flex:none;width:92px;display:flex;flex-direction:column;align-items:center;gap:10px}.cc-track{width:100%;height:120px;display:flex;align-items:flex-end}.cc-bar{width:100%;border-radius:10px 10px 4px 4px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:6px}.cc-bar .amt{font-family:'Sora';font-weight:700;font-size:14px;color:#07120D}.cc-bar.ev{height:38%;background:var(--accent);box-shadow:0 8px 20px rgba(61,232,164,.28)}.cc-bar.pet{height:100%;background:linear-gradient(180deg,var(--orange),var(--orange-d));box-shadow:0 8px 20px rgba(226,90,46,.25)}.cc-bar.pet .amt{color:#fff}.cc-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.01em;white-space:nowrap}.cc-save{margin-left:auto;align-self:flex-end;text-align:center;padding:14px 18px;border-radius:16px;background:rgba(61,232,164,.1);border:1px solid rgba(61,232,164,.32)}.cc-save .pct{display:block;font-family:'Sora';font-weight:700;font-size:30px;line-height:1;color:var(--accent-text)}.cc-save small{display:block;margin-top:6px;font-size:12px;color:var(--muted);max-width:90px}.tariff-strip{position:relative;z-index:1;margin:20px 0 4px}.tariff-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:11px}.tariff-row:last-child{margin-bottom:0}.tariff-row .tname{width:74px;flex:none;font-size:13px;font-weight:600;color:var(--muted)}.tariff-row .track{position:relative;flex:1;height:12px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}:root[data-theme="light"] .tariff-row .track{background:rgba(16,42,32,.08)}.tariff-row .fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px}.tariff-row .fill.t-flat{width:100%;background:linear-gradient(90deg,var(--orange),var(--orange-d))}.tariff-row .fill.t-off{width:60%;background:var(--cyan)}.tariff-row .fill.t-solar{width:22%;background:var(--accent)}.card.feature .cost-compare,.card.md .tariff-strip{margin-top:auto;margin-bottom:0}.card.feature .go,.card.md .go{margin-top:0}.band{margin:14px 0 0;background:var(--card-bg);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:48px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.band .it{display:flex;flex-direction:column;gap:10px}.band .it .hi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(61,232,164,.12);color:var(--accent-text)}.band .it h4{font-family:'Sora';font-size:16px;font-weight:600}.band .it p{font-size:13.5px;color:var(--muted)}.cta-band{margin:36px auto 0px;text-align:center;padding:64px 32px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(21,200,163,.14),rgba(70,201,245,.08));border:1px solid rgba(61,232,164,.22)}.cta-band h2{margin-bottom:16px}.cta-band p{color:var(--muted);font-size:18px;max-width:520px;margin:0 auto 28px}.cta-band .btn-primary{color:var(--ink)}.method{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px;box-shadow:var(--shadow)}.method h3{font-size:22px;margin-bottom:20px}.method ul{list-style:none}.method li{padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;display:flex;justify-content:space-between;gap:20px}.method li:last-child{border:0}.method li span:first-child{color:var(--muted)}.method li span:last-child{font-weight:600;text-align:right}.method .note{font-size:15px;color:var(--muted);line-height:1.7;margin-top:20px}.backlink{display:inline-flex;align-items:center;gap:7px;margin-top:24px;font-weight:600;color:var(--accent-text)}.warnbar{max-width:1080px;margin:0 auto 30px;background:var(--card-bg);border:1px solid var(--line);border-left:4px solid #F2A33A;border-radius:12px;padding:15px 20px;font-size:13px;color:var(--muted)}.warnbar b{color:var(--text)}.adslot{max-width:1080px;margin:0 auto 60px;border:1px dashed var(--line-2);border-radius:14px;padding:24px;text-align:center;color:var(--faint);font-size:15px;background:var(--card-bg)}footer{background:var(--footer-bg);color:var(--muted);padding:4px 0 4px;border-top:1px solid var(--line);transition:background .3s ease,color .3s ease}.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:12px}.foot-links{display:flex;gap:22px;flex-wrap:wrap}.foot-links a{color:var(--muted)}.foot-links a:hover{color:var(--text)}footer .logo{color:var(--text)}footer p{font-size:14px;max-width:620px;line-height:1.5;margin:0}.copyright{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:13px;color:var(--faint)}@media (max-width:920px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-art{order:-1;min-height:300px}.bento{grid-template-columns:repeat(2,1fr)}.card.sm{grid-column:span 1}.card.lg,.card.md,.card.feature{grid-column:span 2}.band{grid-template-columns:repeat(2,1fr);padding:36px 28px}.calc{grid-template-columns:1fr}.menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--line-2);background:var(--card-bg)}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.18);padding:12px 24px 18px;margin-left:0}header.nav-open .navlinks{display:flex}.navlinks a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--line)}.navlinks a:last-child{border-bottom:0}.navlinks a.active::after{display:none}}@media (max-width:560px){body{font-size:16px}.bento{grid-template-columns:1fr}.card.lg,.card.md,.card.sm,.card.feature{grid-column:span 1}.cost-compare{gap:14px}.cc-col{width:72px}.cc-save{padding:12px 14px}.cc-save .pct{font-size:25px}.band{grid-template-columns:1fr}.trust-row{gap:22px}.hero{padding:60px 0 76px}}.faq{max-width:760px}.faq details{background:var(--card-bg);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}.faq summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:22px;line-height:1;color:var(--muted);flex-shrink:0;transition:transform .2s ease}.faq details[open] summary::after{transform:rotate(45deg)}.faq details>p{padding:0 22px 20px;color:var(--muted);font-size:15.5px;line-height:1.7}.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.copyright a{color:var(--accent-text);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.copyright a:hover{border-bottom-color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:4px}.pm-live{cursor:pointer;padding:8px 6px;margin:-8px -6px}.pm-live:hover{filter:brightness(1.25)}.range-num{font:inherit;font-size:14px;font-weight:600;width:96px;flex:none;padding:6px 4px 6px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--input-bg);color:var(--text);text-align:left}input[type=number]::-webkit-inner-spin-button{margin-left:10px}.reset-btn{display:block;margin-top:22px;padding:8px 16px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:1px solid var(--line-2);border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.reset-btn:hover{color:var(--accent-text);border-color:var(--accent-text)}.chip{padding:9px 14px;font-size:13px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media print{html,body{background:#fff !important;color:#000 !important}header,footer,.adslot,.share-sec,.region-row,.region-note,.theme-btn,.menu-btn,.pm,.range-num,.reset-btn,.chips,.cta-band,.hero-art,.region-sources{display:none !important}.calc,.method,.faq details{border:1px solid #ccc !important;box-shadow:none !important;background:#fff !important;color:#000 !important}.results,.inputs{color:#000 !important}a{color:#000 !important;text-decoration:none !important}}.share-sec{padding:26px 0 6px}.share-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.share-label{color:var(--muted);font-size:15px;margin-right:4px}.share-btn,.share-copy{display:inline-block;border:1px solid var(--line-2);background:var(--card-bg);color:inherit;font-family:inherit;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.share-btn:hover,.share-copy:hover{border-color:var(--accent-text);transform:translateY(-1px)}.share-copy.done{color:var(--accent-text);border-color:var(--accent-text)}.legal{max-width:760px}.legal h1{font-size:clamp(30px,5vw,42px);margin-bottom:10px}.legal .updated{color:var(--muted);font-size:14.5px;margin-bottom:34px}.legal h2{font-size:21px;margin:34px 0 12px}.legal p,.legal li{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:14px}.legal ul{padding-left:22px;margin-bottom:14px}.legal a{color:var(--accent-text)}