/* NeYakar public design system: ink, lilac and electric lime. */
:root{--primary:#6550c9;--primary-hover:#5140a8;--secondary:#d9fb86;--background:#f7f8fc;--surface:#fff;--surface-alt:#eff0f8;--text:#222438;--text-muted:#6b7085;--border:#e5e6ef;--radius:24px;--shadow:0 16px 48px #23243e09;--nav-glass:#ffffffeb;font-family:'Segoe UI',Arial,sans-serif}
:root[data-theme=dark]{--primary:#b9aaff;--primary-hover:#d1c7ff;--background:#14151e;--surface:#1d1f2c;--surface-alt:#272a3a;--text:#f1f0f8;--text-muted:#adb0c6;--border:#35384d;--nav-glass:#1d1f2cee;--shadow:0 16px 48px #0003}
body{background:radial-gradient(ellipse 70% 650px at 95% 0, #9986e811,transparent),var(--background)}
h1,h2,h3{font-weight:720;letter-spacing:-.045em}h2{font-size:clamp(1.75rem,3vw,2.6rem)}p{line-height:1.75}a,button{ -webkit-tap-highlight-color:transparent}
.container{max-width:1280px}.section{padding-block:64px}.eyebrow{font-size:.69rem;letter-spacing:.14em}.button{border-radius:13px;min-height:50px;padding:13px 22px;box-shadow:0 5px 12px #6550c914}.button.secondary{box-shadow:none}.button.lime{color:#252c1b;background:var(--secondary)}
.site-header{top:0;padding:14px 22px 0;height:auto;min-height:0;border:0;box-shadow:none;background:transparent;pointer-events:none}
.header-inner{pointer-events:auto;min-height:76px;height:auto;padding:12px 22px;gap:24px;background:var(--nav-glass);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 32px #23243e08}
.header-inner .brand{font-size:1.48rem;letter-spacing:-.055em}.brand img{border-radius:11px}.header-inner nav{gap:5px;align-items:center;flex-wrap:wrap;font-size:.83rem}.header-inner nav a{padding:10px 13px;border-radius:11px;transition:background .18s,color .18s}.header-inner nav a:hover,.header-inner nav a[aria-current]{background:var(--surface-alt);color:var(--primary)}
.header-actions{gap:10px}.header-actions .compare-link{background:#26283e;color:#fff;padding:11px 16px;border-radius:12px;font-size:.8rem;white-space:nowrap}.compare-link span{margin-left:13px;color:var(--secondary)}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface);color:var(--text)}.nav-caption{display:none}
.hero{padding-block:82px 76px;gap:60px;grid-template-columns:1.2fr 1fr;position:relative}.hero h1{font-size:clamp(3.8rem,5.3vw,5.35rem);line-height:1.045;letter-spacing:-.062em;margin-bottom:26px}.hero h1>span:first-child{color:var(--primary)}.hero-tag{display:inline-flex;letter-spacing:.11em;background:var(--surface);border:1px solid var(--border);padding:7px 11px;border-radius:30px;font-size:.61rem;margin-bottom:26px}.hero-tag:before{width:7px;height:7px;border-radius:50%;background:var(--primary)}.hero-description{font-size:1.05rem;line-height:1.85;margin-bottom:30px}
.search-form{border:1px solid var(--border);border-radius:17px;padding:8px;background:var(--surface);box-shadow:0 8px 25px #26263e06;max-width:100%}.search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #9986e820}.search-submit{border-radius:11px;background:#26283e;color:#fff;min-width:48px}.search-form input{height:48px}.quick-links{gap:8px;font-size:.75rem}.quick-links a{background:var(--surface);border-radius:30px;padding:6px 12px}.quick-links a:hover,.quick-links a[aria-current]{border-color:var(--primary);color:var(--primary);background:var(--surface-alt)}
.hero-visual{min-width:0;padding:24px;border-radius:36px;background:radial-gradient(circle at 85% 10%,#e9dfff,transparent 50%),linear-gradient(135deg,#eceaf8,#e5ebf4);position:relative}.visual-label{display:flex;align-items:center;gap:8px;color:#67637d;letter-spacing:.12em;font-size:.58rem;font-weight:700;margin:0 0 18px 4px}.live-dot{height:6px;width:6px;background:#6550c9;border-radius:50%}.hero-preview{transform:none;border-radius:24px;padding:22px;border:1px solid #ffffffa0;background:var(--surface);box-shadow:0 14px 32px #40325c14}.preview-heading{gap:10px;margin-bottom:20px}.preview-heading strong{font-size:.91rem}.preview-heading div>span{font-size:.72rem}.badge{border-radius:6px;font-size:.58rem;background:var(--surface-alt);color:var(--text-muted)}.preview-metrics>div{border-radius:12px;background:var(--surface-alt)}.preview-metrics small{font-size:.57rem}.preview-metrics strong{font-size:1.23rem}.preview-result{background:radial-gradient(ellipse at 100% 0,#55517b,transparent 65%),#27293f;border-radius:18px;padding:25px}.preview-result>span{color:#c0bbdc;font-size:.59rem}.preview-result>strong{font-size:2.6rem;letter-spacing:-.04em;margin-block:18px;color:#fff}.preview-result p{color:#cdcde0;font-size:.79rem}.preview-result .button{font-size:.79rem}.preview-foot{font-size:.62rem;gap:14px;color:var(--text-muted)}.visual-caption{display:flex;align-items:center;gap:11px;margin:22px 4px 0;color:#34334c}.visual-caption>span:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff8;font-size:1.3rem}.visual-caption strong{display:block;font-size:.8rem}.visual-caption small{font-size:.67rem;color:#737087}.visual-spark{margin-left:auto;font-size:2.7rem;line-height:1;color:#8875cd}
.trust-strip{background:transparent;border-color:var(--border)}.trust-strip .container{padding-block:22px;color:var(--text-muted);font-size:.74rem}.trust-strip strong{color:var(--text);font-size:.78rem}.section-heading{margin-bottom:30px;gap:14px}.section-heading h2{margin-bottom:9px}.section-heading p{font-size:.9rem}.section-number{border:0;background:var(--surface-alt);color:var(--primary);border-radius:10px;font-weight:700;font-size:.7rem}.text-link{color:var(--primary);font-size:.8rem}
.cards-grid{gap:20px}.calculator-card{padding:26px;border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 12px #22243802;position:relative}.calculator-card:hover{border-color:#bcb2e6;box-shadow:0 16px 36px #5140880e;transform:translateY(-5px)}.card-top{margin-bottom:27px}.category-icon{width:48px;height:48px;border-radius:15px;background:#eeebfc;color:#7560c4;font-size:1.45rem}.category-icon.air_conditioner{background:#eaf1ff;color:#648bd1}.category-icon.fuel{background:#fff2df;color:#b98439}.category-icon.ev{background:#eff6d8;color:#718b3c}.category-icon.natural_gas{background:#fcebe8;color:#c07668}.card-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--border);border-radius:50%;font-size:1.05rem;color:var(--text-muted)}.calculator-card:hover .card-arrow{background:var(--primary);border-color:var(--primary);color:var(--surface)}.calculator-card .eyebrow{font-size:.59rem;letter-spacing:.12em;margin-bottom:10px}.calculator-card h3{font-size:1.18rem;line-height:1.35;margin-bottom:10px}.calculator-card p{font-size:.81rem;line-height:1.8;margin-bottom:24px}.card-cta{padding-top:18px;font-size:.74rem;color:var(--primary)}
.category-grid{gap:18px}.category-card{padding:26px;border-radius:24px;background:#eeebf9;border-color:transparent;color:#302b48;transition:transform .18s}.category-card:nth-child(2){background:#f9eee8}.category-card:nth-child(3){background:#edf0fa}.category-card:nth-child(4){background:#eef4dc}.category-card:hover{transform:translateY(-4px);color:#302b48}.category-card .category-icon{background:#ffffffa6;color:#655784}.category-card h3{font-size:1.2rem;margin-top:30px}.category-card p{color:#767188;font-size:.76rem}.category-card>span:last-child{font-size:.69rem}
.how-section{max-width:1236px;margin:24px auto;border-radius:30px;background:radial-gradient(ellipse at 100% 0,#454365,transparent 70%),#282a40;padding:48px 16px;color:#fff}.how-section .eyebrow{color:#d9fb86}.how-section h2{font-size:2.5rem}.steps{gap:42px}.steps>div{border-color:#55566d;padding-top:22px}.steps>div>span{font-weight:650;color:#d9fb86}.steps h3{font-size:1.12rem}.steps p{color:#bec0d2}.guide-grid a{border-radius:24px;background:#ede9f8;border:0;padding:28px;color:#353047}.guide-grid a:nth-child(2){background:#f5eddf}.guide-grid a:nth-child(3){background:#e8edf7}.guide-grid span{font-size:.65rem}.guide-grid h3{font-size:1.9rem;line-height:1.15}.faq-section details{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-bottom:10px;padding:18px 22px}.faq-section summary{font-size:.88rem}.faq-section details p{font-size:.84rem}
.page-heading{padding-block:22px 12px;max-width:900px}.page-heading>.eyebrow{display:inline-block;background:var(--surface-alt);padding:6px 11px;border-radius:8px;margin-bottom:16px}.page-heading h1{font-size:clamp(2.35rem,4.1vw,3.7rem);line-height:1.13;margin-bottom:20px;letter-spacing:-.05em}.page-heading p{font-size:1rem;max-width:750px}.breadcrumbs{padding-top:32px;color:var(--text-muted);font-size:.72rem}.calculator-workspace{gap:28px;margin-top:18px;align-items:start}.panel{padding:30px;border-radius:25px;box-shadow:var(--shadow);border-color:var(--border)}.panel-heading{margin-bottom:27px}.panel-heading h2{font-size:1.3rem;letter-spacing:-.03em}.panel-heading p{font-size:.8rem}.step-number{background:var(--surface-alt);color:var(--primary);border-radius:12px}.form-grid{gap:22px 18px}.form-grid label{font-size:.79rem;color:var(--text);font-weight:600}.form-grid input,.form-grid select,.stack input,.stack textarea{min-height:50px;background:var(--background);border:1px solid var(--border);border-radius:11px;padding:12px 14px;color:var(--text)}.form-grid input:focus,.form-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9986e820;outline:none}.field small{font-size:.69rem}.tariff-notice{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);padding:15px;font-size:.72rem}.tariff-notice strong{color:var(--primary)}.form-footnote{font-size:.69rem}.result-card{position:relative;overflow:hidden;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#504a77,transparent 65%),#282a40;color:#fff;padding:32px;box-shadow:0 18px 40px #282a4015}.result-card .eyebrow{color:#c3b8ee;font-size:.67rem}.result-total{font-size:clamp(2.5rem,4vw,3.6rem);letter-spacing:-.06em;color:#d9fb86;font-variant-numeric:tabular-nums}.result-consumption{color:#c1c1d5}.result-lines>div{border-color:#ffffff15;padding-block:13px;font-size:.8rem}.result-lines strong{font-variant-numeric:tabular-nums;font-weight:600}.result-lines span{color:#d0cfe1}.result-usage{color:#a4a4be;font-size:.65rem}.result-note{color:#b9b9cc;font-size:.71rem;line-height:1.8}.share-button{border-color:#ffffff25;color:#e1dcf5;border-radius:10px;font-size:.74rem}.result-tip{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px;margin-top:16px}.result-tip p{font-size:.77rem}.reading-note{border-radius:22px;background:var(--surface-alt);border:1px solid var(--border)}.reading-note h3{font-size:1.5rem}.prose{font-size:.95rem}.prose h2{font-size:1.8rem}.prose details{padding:18px;border:1px solid var(--border);border-radius:14px;margin-bottom:10px;background:var(--surface)}
.comparison-page .page-heading{max-width:none}.comparison-page .page-heading h1{font-size:clamp(2.6rem,4.5vw,4.4rem)}.comparison-page>.quick-links{margin-block:15px 28px;gap:10px}.comparison-page>.quick-links a{padding:10px 15px;font-size:.77rem}.comparison-page>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;padding:24px}.comparison-page>.form-grid label{display:grid;gap:8px}.compare-grid{gap:26px;margin-block:32px}.comparison-option{padding:26px;border:1px solid var(--border);border-radius:28px;background:var(--surface);min-width:0}.comparison-option>.eyebrow{font-size:.61rem;color:var(--primary)}.comparison-option h2{font-size:1.45rem;margin:14px 0 8px}.comparison-option>p{font-size:.77rem;margin-bottom:24px}.comparison-option .result-card{box-shadow:none}.comparison-option:nth-child(2) .result-card{background:radial-gradient(ellipse at 100% 0,#476452,transparent 65%),#253b34}.alert{border-radius:13px;font-size:.8rem}.pagination{font-size:.75rem}.suggestions{border-radius:14px;box-shadow:var(--shadow)}
footer{margin-top:40px;background:var(--surface);border-top:1px solid var(--border)}.footer-grid{padding-block:48px;gap:40px}.footer-grid p{font-size:.84rem}.footer-grid>div>strong{font-size:.79rem}.footer-grid a:not(.brand){font-size:.8rem}.footer-bottom{font-size:.72rem;padding-block:23px}.cookie-banner{border-radius:18px;box-shadow:0 10px 60px #22243825}.cookie-banner p{font-size:.8rem}
[data-theme=dark] .hero-visual{background:radial-gradient(circle at 85% 0,#403557,transparent 60%),#272b3c}[data-theme=dark] .visual-label,[data-theme=dark] .visual-caption{color:#ddd4f2}[data-theme=dark] .visual-caption small{color:#b0a7c3}[data-theme=dark] .visual-caption>span:first-child{background:#ffffff15}[data-theme=dark] .category-card{background:#2c293e;color:#e5def8}[data-theme=dark] .category-card:nth-child(2){background:#382e2d}[data-theme=dark] .category-card:nth-child(3){background:#292e40}[data-theme=dark] .category-card:nth-child(4){background:#2c3527}[data-theme=dark] .category-card p{color:#b9b3ca}[data-theme=dark] .category-icon{background:#ffffff12;color:#c1b2ed}[data-theme=dark] .guide-grid a{background:#302b42;color:#e5def8}[data-theme=dark] .guide-grid a:nth-child(2){background:#383226}[data-theme=dark] .guide-grid a:nth-child(3){background:#293246}
@media(min-width:901px){.header-inner nav{justify-content:center}.header-inner{flex-wrap:nowrap}.header-actions{flex-shrink:0}.header-inner .brand{flex-shrink:0}}
@media(max-width:1100px) and (min-width:901px){.header-inner{gap:10px;padding-inline:16px}.header-inner nav a{padding-inline:8px;font-size:.76rem}.header-actions .compare-link{padding-inline:11px}.hero{gap:30px}.hero h1{font-size:3.7rem}}
@media(max-width:900px){.site-header{padding:10px 12px 0}.header-inner{min-height:68px;padding:10px 14px;border-radius:18px}.header-inner .brand{font-size:1.4rem}.header-actions{gap:7px}.nav-enhanced #primary-nav{top:calc(100% + 8px);border:1px solid var(--border);border-radius:20px;padding:16px;background:var(--nav-glass);box-shadow:0 20px 40px #23243e18;max-height:calc(100dvh - 104px);gap:6px;align-items:stretch}.header-inner nav a{padding:15px 16px;background:var(--surface-alt);font-size:.95rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.header-inner nav a:after{content:'↗';color:var(--primary)}.header-inner nav .mobile-compare{background:#282a40;color:#fff;margin-top:6px}.header-inner nav .mobile-compare:after{content:none}.nav-caption{display:block;padding:2px 4px 10px;font-size:.59rem;letter-spacing:.12em;color:var(--text-muted)}.nav-enhanced .menu-toggle{background:var(--surface-alt);border-color:transparent}.menu-toggle span{transition:transform .18s,opacity .18s}.hero{gap:30px;padding-block:50px}.hero h1{font-size:3.4rem}.hero-visual{padding:18px}.preview-result{padding:20px}.preview-result>strong{font-size:2.1rem}.preview-foot{flex-direction:column;align-items:center;gap:4px}.how-section{margin-inline:22px}.comparison-page>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-page>.form-grid .button{grid-column:1/-1}.comparison-option{padding:20px}}
@media(max-width:767px){.section{padding-block:38px}.hero{grid-template-columns:1fr;padding-block:44px 36px;gap:34px}.hero h1{font-size:clamp(2.7rem,10.6vw,4.6rem);margin-bottom:22px}.hero-tag{font-size:.57rem;margin-bottom:22px}.hero-description{font-size:.96rem;margin-bottom:24px}.hero-visual{max-width:480px;width:100%;margin-inline:auto;border-radius:28px;padding:22px}.hero-preview{transform:none;padding:20px}.preview-result{padding:25px}.preview-result>strong{font-size:2.6rem}.preview-foot{flex-direction:row;gap:14px}.visual-caption{margin-top:18px}.trust-strip .container{padding-block:19px;gap:10px 18px;font-size:.68rem}.trust-strip .container>span:first-child{width:100%}.section-heading{margin-bottom:23px}.section-heading p{font-size:.82rem}.section-heading .text-link{font-size:.74rem}.calculator-card{padding:23px}.category-card{padding:20px;border-radius:20px}.category-card h3{margin-top:24px;font-size:1.1rem}.category-card p{font-size:.73rem}.category-card>span:last-child{font-size:.64rem}.how-section{margin-inline:18px;padding:32px 2px;border-radius:24px}.how-section h2{font-size:2rem}.steps{gap:26px}.guide-grid{gap:14px}.guide-grid a{padding:25px}.guide-grid h3{font-size:1.9rem}.faq-section details{padding:17px}.page-heading{padding-top:14px}.page-heading h1{font-size:2.35rem}.page-heading p{font-size:.92rem}.breadcrumbs{padding-top:24px}.panel{padding:23px;border-radius:22px}.calculator-workspace{gap:22px}.result-card{padding:26px;border-radius:22px}.result-total{font-size:2.9rem}.article-grid{gap:25px}.comparison-page>.form-grid{grid-template-columns:1fr 1fr;padding:20px}.comparison-page>.form-grid label:last-of-type{grid-column:1/-1}.comparison-page>.quick-links{gap:8px}.comparison-page>.quick-links a{font-size:.71rem;padding:8px 12px}.compare-grid{grid-template-columns:1fr;gap:20px}.comparison-option{padding:20px;border-radius:24px}.comparison-option h2{font-size:1.35rem}.footer-grid{padding-block:36px}.footer-bottom{align-items:flex-start}}
@media(max-width:430px){.hero-tag{letter-spacing:.075em}.hero-preview{padding:17px}.hero-visual{padding:18px}.preview-heading strong{font-size:.82rem}.preview-heading div>span{font-size:.64rem}.preview-heading .category-icon{width:40px;height:40px}.preview-result>strong{font-size:2.3rem}.preview-result{padding:22px}.preview-foot{font-size:.57rem;gap:12px}.form-grid{gap:18px 12px}.form-grid input,.form-grid select{padding:10px}.category-grid{gap:12px}.category-card{padding:17px}.category-icon{width:44px;height:44px}.header-inner .brand{font-size:1.32rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.hero h1>span{color:var(--primary)}
@media(min-width:901px){.header-actions .menu-toggle{display:none}}
@media (max-width: 900px) {
  .nav-enhanced #primary-nav {
    background: var(--surface);
  }
}