/* VORTEVO — Premium Energy Editorial, Phase B3.
   Final presentation layer. Existing content, forms and integrations stay untouched. */

/* Deliberate rhythm and transitions between the eight existing areas. */
.energy-house .eh-intro,.energy-house .eh-analysis,.energy-house .eh-path,.energy-house .eh-control,.energy-house .eh-transparency,.energy-house .eh-journey,.energy-house .eh-closing{position:relative}
.energy-house .eh-control{isolation:isolate;min-height:720px;padding-block:132px}
.energy-house .eh-control::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-120px;height:180px;background:linear-gradient(180deg,transparent 0%,#f2ead86e 48%,var(--editorial-cream) 100%);pointer-events:none}
.energy-house .eh-control::after{content:"";display:block;position:absolute;z-index:2;left:0;right:0;bottom:-132px;height:180px;background:linear-gradient(180deg,var(--editorial-cream) 0%,#d9d0bbd6 32%,#40504870 68%,#081711 100%);pointer-events:none}
.energy-house .eh-choice{margin-top:56px}
.energy-house .eh-transparency{min-height:850px;padding-block:132px;overflow:hidden}
.energy-house .eh-transparency::before{content:"";position:absolute;z-index:-1;width:min(680px,52vw);aspect-ratio:1;border-radius:50%;left:9%;top:48%;transform:translateY(-50%);background:radial-gradient(circle,#eaa35c20 0%,#eaa35c09 34%,transparent 70%);pointer-events:none}
.energy-house .eh-journey{min-height:860px;padding-block:128px}
.energy-house .eh-closing{background:linear-gradient(180deg,#16271e 0,#efe8d8 132px,var(--editorial-cream-soft) 250px)}
.energy-house .eh-closing .eh-faq-content{padding-block:128px 112px}
.energy-house .eh-final-panel{min-height:760px}
.energy-house .eh-final-panel::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:150px;background:linear-gradient(180deg,var(--editorial-cream-soft),#f7f1e588 34%,transparent);pointer-events:none}
.energy-house .eh-final-panel::after{background:linear-gradient(90deg,#081711f4 0%,#081711c4 45%,#08171124 74%),linear-gradient(180deg,#08171133 0%,transparent 25%,#081711 100%)}
.energy-house .eh-final-panel .eh-hero-copy{z-index:2}

/* B1 refinement: the conditional insight becomes the focal point. */
.energy-house .eh-tariff-example{display:flex;flex-direction:column}
.energy-house .eh-tariff-intro{order:1}.energy-house .eh-b3-saving{order:2}.energy-house .eh-tariff-ledger{order:3}.energy-house .eh-tariff-result{order:4}.energy-house .eh-example-note{order:5}
.energy-house .eh-b3-saving{position:relative;max-height:0;overflow:hidden;opacity:0;transform:translateY(5px);padding:0 0 0 26px;border-left:1px solid transparent;transition:max-height .28s ease,opacity .2s ease,transform .24s ease,padding .28s ease,border-color .25s ease}
.energy-house .eh-b3-saving.is-visible{max-height:142px;opacity:1;transform:none;padding-top:20px;padding-bottom:20px;border-color:#efad68a8}
.energy-house .eh-b3-saving>div{display:flex;align-items:baseline;gap:13px}
.energy-house .eh-b3-saving strong{font-size:clamp(43px,4.4vw,68px);font-weight:430;line-height:.95;letter-spacing:-.055em;color:#ffd09b;text-shadow:0 0 26px #e89a5333}
.energy-house .eh-b3-saving span{font-size:18px;color:#f3e6cf}
.energy-house .eh-b3-saving p{margin:10px 0 0;color:#c9cfc3;font-size:11px;line-height:1.55}
.energy-house .eh-tariff-example:has([data-tariff-view="total"].is-active) .eh-tariff-result{min-height:100px}
.energy-house .eh-tariff-example:has([data-tariff-view="total"].is-active) .eh-tariff-result strong{font-size:18px;color:#ded7c8}

/* B2 refinement: explanation and selected bill value read as one unit. */
.energy-house #rechnung .eh-value strong{grid-row:1}
.energy-house #rechnung .eh-value-description{grid-column:2 / 4;grid-row:2;display:block;max-height:0;overflow:hidden;opacity:0;margin:0;padding:0 0 0 13px;border-left:1px solid transparent;color:#d9dcd2;font-size:13px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;transition:max-height .18s ease,opacity .18s ease,margin .18s ease,padding .18s ease,border-color .18s ease}
.energy-house #rechnung .eh-value[aria-pressed="true"] .eh-value-description{max-height:68px;opacity:1;margin-top:9px;padding-block:2px;border-color:#efad6899}
.energy-house #rechnung .eh-value[aria-pressed="true"]{min-height:150px}
.energy-house #rechnung .eh-invoice-detail{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}

/* Trust climax. */
.energy-house .eh-transparency .eh-reading h2{font-size:clamp(86px,9.5vw,154px);line-height:.84;letter-spacing:-.065em;margin-bottom:50px;color:#fff0d5;text-shadow:0 0 38px #e79a5033}
.energy-house .eh-transparency .eh-reading>p:not(.eh-kicker):not(.eh-trust){max-width:650px}
.energy-house .eh-transparency .eh-reading.is-b3-visible h2{animation:b3-trust-reveal .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes b3-trust-reveal{from{opacity:.68;transform:translateY(12px);text-shadow:0 0 0 transparent}to{opacity:1;transform:none;text-shadow:0 0 38px #e79a5033}}

/* Existing switch journey, connected with one restrained line. */
.energy-house .eh-switch-line{overflow:visible}
.energy-house .eh-switch-line::before{opacity:.33}
.energy-house .eh-switch-line::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#e8a45f,#e8a45f88);box-shadow:0 0 12px #e8a45f44;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.energy-house .eh-journey-grid.is-b3-visible .eh-switch-line::after{transform:scaleX(1)}
.energy-house .eh-switch-line li{position:relative;z-index:1}
.energy-house .eh-switch-line li::after{box-shadow:0 0 0 5px #081711,0 0 12px #eba45566}
.energy-house .eh-journey-care{padding-top:2px}

/* FAQ and final close with less dead space and stronger typographic cadence. */
.energy-house .eh-closing .eh-faq-content h2{margin-bottom:44px}
.energy-house .eh-closing .eh-questions summary{padding-block:25px;font-size:18px}
.energy-house .eh-closing .eh-questions details p{padding-bottom:25px;max-width:840px}
.energy-house .eh-final-panel .eh-hero-copy.is-b3-visible{animation:b3-final-reveal .62s cubic-bezier(.2,.7,.2,1) both}
@keyframes b3-final-reveal{from{opacity:.72!important;transform:translateY(10px)!important}to{opacity:1!important;transform:none!important}}

@media(max-width:760px){
 .energy-house .eh-control{min-height:690px;padding-block:96px}
 .energy-house .eh-control::before{top:-72px;height:120px}
 .energy-house .eh-control::after{bottom:-84px;height:120px}
 .energy-house .eh-transparency{min-height:820px;padding-block:96px}
 .energy-house .eh-transparency::before{width:125vw;left:-34%;top:32%}
 .energy-house .eh-transparency .eh-reading h2{font-size:76px;line-height:.88;margin-bottom:38px}
 .energy-house .eh-journey{padding-block:96px}
 .energy-house .eh-closing{background:linear-gradient(180deg,#16271e 0,#efe8d8 92px,var(--editorial-cream-soft) 170px)}
 .energy-house .eh-closing .eh-faq-content{padding-block:102px 82px}
 .energy-house .eh-final-panel{min-height:720px}
 .energy-house .eh-final-panel::before{height:98px}
 .energy-house .eh-b3-saving>div{display:block}
 .energy-house .eh-b3-saving strong{font-size:52px}
 .energy-house .eh-b3-saving span{display:block;margin-top:7px;font-size:16px}
 .energy-house #rechnung .eh-value{min-height:72px}
 .energy-house #rechnung .eh-value[aria-pressed="true"]{min-height:128px}
 .energy-house #rechnung .eh-value-description{grid-column:1 / 4;grid-row:2;margin-left:0;font-size:13px}
 .energy-house #rechnung .eh-value[aria-pressed="true"] .eh-value-description{margin-top:10px;max-height:82px}
 .energy-house .eh-switch-line::after{left:0;right:auto;top:0;bottom:0;width:1px;height:auto;transform:scaleY(0);transform-origin:top}
 .energy-house .eh-journey-grid.is-b3-visible .eh-switch-line::after{transform:scaleY(1)}
 .energy-house .eh-closing .eh-questions summary{font-size:17px}
}

@media(prefers-reduced-motion:reduce){
 .energy-house .eh-b3-saving,.energy-house #rechnung .eh-value-description,.energy-house .eh-switch-line::after{transition:none!important}
 .energy-house .eh-transparency .eh-reading.is-b3-visible h2,.energy-house .eh-final-panel .eh-hero-copy.is-b3-visible{animation:none!important}
}
.energy-house.eh-reduced .eh-b3-saving,.energy-house.eh-reduced #rechnung .eh-value-description,.energy-house.eh-reduced .eh-switch-line::after{transition:none!important}
.energy-house.eh-reduced .eh-transparency .eh-reading.is-b3-visible h2,.energy-house.eh-reduced .eh-final-panel .eh-hero-copy.is-b3-visible{animation:none!important}