:root{
  --navy:#071a36;--navy2:#0a2b56;--ink:#0a2345;--text:#274461;--muted:#526b84;
  --blue:#2588f5;--blue2:#5c56f5;--cyan:#3cbcf0;--solar:#ffc52e;--green:#19ad72;--coral:#eb5c4e;
  --line:#d8e4f0;--soft:#f5f9fe;--soft2:#edf5fd;--white:#fff;
  --shadow:0 22px 60px rgba(10,35,69,.12);--shadow-soft:0 10px 32px rgba(10,35,69,.08);
  --radius:28px;--content:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid #0b73e8;outline-offset:3px}
.skip{position:fixed;left:16px;top:-100px;z-index:9999;background:#fff;color:var(--navy);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-weight:800}.skip:focus{top:16px}
.wrap{width:min(var(--content),calc(100% - clamp(28px,5vw,64px)));margin-inline:auto}
.eyebrow{margin:0 0 14px;color:#31597d;font-size:clamp(12px,.25vw + 11px,14px);line-height:1.35;font-weight:850;letter-spacing:.145em;text-transform:uppercase}
.section{padding:clamp(68px,8vw,112px) 0}.section-head{max-width:820px;margin-bottom:44px}.center-head{text-align:center;margin-inline:auto}.section-head h2{font-size:clamp(38px,4.3vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 20px}.section-head p{font-size:clamp(16px,.5vw + 14px,20px);line-height:1.7;color:var(--muted);margin:0}.light-head h2{color:#fff}.light-head p{color:#bdd0e4}.light-head .eyebrow{color:#66c1ff}

/* Global header */
.topbar{height:82px;position:sticky;top:0;z-index:500;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,228,240,.95)}
.nav{height:100%;display:flex;align-items:center;gap:26px;min-width:0}
.brand-main{display:flex;align-items:center;flex:0 1 300px;min-width:190px}.brand-main img{width:clamp(210px,22vw,290px);height:auto}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2vw,30px);font-size:15px;font-weight:760;white-space:nowrap}.nav-links>a{padding:12px 0;color:#203f5f}.nav-links>a:hover{color:#0b70e6}.nav-mobile-access{display:none}.nav-dropdown{position:relative;color:#203f5f}.nav-dropdown summary{display:flex;min-height:44px;align-items:center;gap:7px;cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary span{font-size:16px;transition:transform .18s ease}.nav-dropdown[open] summary{color:#0b70e6}.nav-dropdown[open] summary span{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% + 7px);left:-20px;z-index:30;width:310px;padding:10px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 20px 50px rgba(10,35,69,.16)}.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.nav-submenu a{display:grid;gap:3px;padding:13px 14px;border-radius:11px;white-space:normal}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#eff6fd;color:#0b70e6}.nav-submenu strong{font-size:14px}.nav-submenu small{color:#607890;font-size:12px;font-weight:600;line-height:1.4}
.nav-actions{display:flex;gap:10px;align-items:center}.menu{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;width:46px;height:46px;border-radius:14px;font-size:22px;color:var(--ink);cursor:pointer}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:0 20px;border:1px solid transparent;font-size:15px;font-weight:820;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(120deg,#168ff5,#5364ff 66%,#724af8);color:#fff;box-shadow:0 12px 28px rgba(58,98,247,.24)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;border-color:#c9d9e8;color:#153b68}.btn-solar{background:linear-gradient(120deg,#ffd33b,#ffb331);color:#3b2a00;box-shadow:0 12px 28px rgba(245,177,29,.22)}.btn-outline-dark{background:transparent;border-color:rgba(255,255,255,.42);color:#fff}

/* Portal */
.portal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 3%,rgba(75,150,250,.20),transparent 29%),radial-gradient(circle at 10% 65%,rgba(91,77,255,.10),transparent 35%),linear-gradient(180deg,#f2f8ff 0%,#fff 81%);padding:clamp(64px,7vw,104px) 0 78px}
.portal-hero:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(59,132,236,.09);right:-290px;top:-420px;box-shadow:0 0 0 100px rgba(51,132,238,.025),0 0 0 220px rgba(51,132,238,.016);pointer-events:none}
.hero-copy{max-width:980px;margin-inline:auto;text-align:center;position:relative}.hero-copy h1{font-size:clamp(48px,6.35vw,94px);line-height:.95;letter-spacing:-.065em;margin:0;color:#08264d;text-wrap:balance}.hero-copy h1 span{display:block;background:linear-gradient(95deg,#168ff5,#525df8 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy .lead{font-size:clamp(18px,1.45vw,24px);line-height:1.62;color:#446480;max-width:800px;margin:28px auto 0}.portal-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(48px,6vw,72px)}.solution-card{border-radius:32px;overflow:hidden;border:1px solid #d8e5f1;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:590px}.solution-top{padding:34px 36px 26px;display:flex;flex-direction:column;min-height:322px}.product-brand{width:min(100%,360px);height:78px;object-fit:contain;object-position:left center;margin-bottom:10px}.residential-brand{width:min(100%,390px)}.solar-brand-card{width:min(100%,350px)}.solution-kicker{margin:2px 0 0!important;font-size:13px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:850!important}.solution-top h2{font-size:clamp(36px,3.3vw,50px);line-height:1.02;letter-spacing:-.045em;margin:14px 0}.solution-top p{font-size:clamp(16px,.4vw + 14px,18px);line-height:1.65;color:#526b84;margin:0;max-width:570px}.solution-link{margin-top:auto;padding-top:24px;font-size:16px;font-weight:850;color:#0b70e6}.solution-media{margin-top:auto;height:290px;overflow:hidden;background:#edf5fc}.solution-media img{width:100%;height:100%;object-fit:cover;object-position:top center}.solution-card.solar{background:linear-gradient(180deg,#071a36 0%,#0a2e5b 56%,#fff 56%);border-color:#173c65}.solution-card.solar .solution-top{color:#fff}.solution-card.solar .solution-top p{color:#c5d7e9}.solution-card.solar .solution-kicker{color:#bcd1e7}.solution-card.solar .solution-link{color:#65bdff}
.brand-principles{background:#f5f9fe}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft)}.principle b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf3ff;color:#126de4;font-size:16px}.principle h3{font-size:clamp(20px,1.6vw,25px);letter-spacing:-.025em;margin:20px 0 10px}.principle p{font-size:16px;line-height:1.68;color:#526b84;margin:0}
.energy-game-section{position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) 0;background:radial-gradient(circle at 82% 24%,rgba(48,213,142,.16),transparent 29%),linear-gradient(135deg,#061526,#0a2942);color:#fff}.energy-game-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,88px);align-items:center}.energy-game-copy .eyebrow{color:#61e5a0}.energy-game-copy h2{max-width:720px;margin:0 0 22px;font-size:clamp(40px,4.5vw,68px);line-height:1.02;letter-spacing:-.052em}.energy-game-copy>p:not(.eyebrow){max-width:670px;margin:0 0 17px;color:#c8d9e7;font-size:clamp(16px,.5vw + 14px,19px);line-height:1.7}.energy-game-copy .energy-game-purpose{color:#9fb6c8}.energy-game-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.energy-game-actions .btn-primary{background:linear-gradient(120deg,#6aeba7,#36d886);color:#042015;box-shadow:0 12px 28px rgba(40,218,133,.2)}.energy-game-actions strong{color:#b7c9d7;font-size:13px}.energy-game-visual{position:relative;display:block;min-height:430px;border:1px solid rgba(116,171,201,.28);border-radius:30px;background:radial-gradient(circle at 50% 70%,rgba(47,226,143,.18),transparent 40%),#071522;box-shadow:0 34px 80px rgba(0,0,0,.32);overflow:hidden}.energy-game-visual img{width:120%;max-width:none;height:430px;margin-left:-10%;object-fit:contain;mix-blend-mode:screen}.energy-game-visual span{position:absolute;left:24px;right:24px;bottom:21px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid rgba(117,169,198,.32);border-radius:13px;background:rgba(3,16,26,.82);font-weight:850;letter-spacing:.05em}.energy-game-visual b{color:#59e99a;font-size:13px}
.portal-cta{padding:72px 0;background:#fff}.portal-cta-box{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:38px;background:linear-gradient(120deg,#f7fbff,#eef6ff);box-shadow:var(--shadow-soft)}.portal-cta-box h2{font-size:clamp(34px,3.4vw,50px);line-height:1.04;letter-spacing:-.045em;margin:0}.portal-cta-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Solar header + hero */
.solar-topbar{background:rgba(255,255,255,.96)}.solar-topbar .brand-main{flex-basis:260px}.product-switcher{display:flex;align-items:center;gap:5px;padding:4px;margin-left:2px;border:1px solid #d8e4f0;border-radius:15px;background:#f3f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);white-space:nowrap}.product-option{min-height:38px;display:flex;align-items:center;gap:8px;padding:4px 11px 4px 6px;border-radius:11px;color:#526b84;font-size:12px;letter-spacing:.055em;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.product-option:hover{color:#0b64ca;transform:translateY(-1px)}.product-option.active{color:#0a2c54;background:#fff;box-shadow:0 5px 14px rgba(10,35,69,.11)}.sun-dot,.home-dot{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal}.sun-dot{background:#fff3bf;color:#d99500;font-size:17px}.home-dot{background:linear-gradient(145deg,#dff8fb,#e9eeff);color:#3968e9;font-size:18px}.app-switch-mobile{display:none}
.solar-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(33,146,246,.34),transparent 32%),radial-gradient(circle at 7% 95%,rgba(21,169,109,.18),transparent 27%),#071a36;color:#fff;padding:clamp(64px,7vw,96px) 0 clamp(72px,8vw,108px)}.solar-hero:after{content:"";position:absolute;inset:auto -15% -46% 38%;height:560px;border-radius:50%;border:1px solid rgba(69,177,255,.17);box-shadow:0 0 0 100px rgba(49,139,240,.04),0 0 0 210px rgba(49,139,240,.022)}
.solar-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(36px,5vw,70px);align-items:center}.solar-hero-brand{width:min(330px,70%);margin-bottom:18px}.solar-hero .eyebrow{color:#76caff}.solar-hero h1{font-size:clamp(48px,5.45vw,84px);line-height:.95;letter-spacing:-.058em;margin:0 0 24px;text-wrap:balance}.solar-hero h1 span{color:#58b8ff}.solar-hero .lead{font-size:clamp(19px,1.15vw,22px);line-height:1.58;color:#d9e8f7;margin:0;max-width:660px}.solar-hero .sublead{font-size:17px;line-height:1.72;color:#adc5dc;margin:20px 0 0;max-width:650px}.solar-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:#bfd5e9;font-size:14px}.trust-row span{display:flex;align-items:center;gap:6px}.solar-hero-visual{position:relative}.app-frame{background:#fff;border:8px solid rgba(255,255,255,.14);border-radius:26px;overflow:hidden;box-shadow:0 38px 90px rgba(0,0,0,.32);transform:perspective(1500px) rotateY(-2.7deg) rotateX(.8deg)}.app-frame img{width:100%;height:auto}.metric-float{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:#0b2a52;border-radius:18px;padding:13px 16px;box-shadow:0 15px 40px rgba(0,0,0,.2)}.metric-float small{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#57718d}.metric-float strong{font-size:20px}.metric-a{left:-25px;bottom:30px}.metric-b{right:-18px;top:35px}
.feature-jump{position:sticky;top:82px;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #dbe6f1}.feature-jump-inner{display:flex;gap:8px;align-items:center;overflow:auto;padding:10px 0;scrollbar-width:none}.feature-jump-inner::-webkit-scrollbar{display:none}.feature-jump a{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#f2f7fc;color:#355674;font-size:13px;font-weight:760}.feature-jump a:hover{background:#e6f2ff;color:#0b70e6}
.solar-overview{background:linear-gradient(180deg,#081b37,#0b2b53);color:#fff}.capability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.capability-grid article{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.capability-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#123d70;color:#66baff;font-size:13px;font-weight:900}.capability-grid h3{font-size:19px;line-height:1.2;margin:18px 0 9px}.capability-grid p{font-size:14px;line-height:1.6;color:#bcd1e5;margin:0}
.feature-chapter{padding:clamp(74px,8.5vw,120px) 0;background:#fff}.feature-chapter.alt{background:#f5f9fe}.feature-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,72px);align-items:center}.feature-layout.reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.feature-layout.reverse .feature-copy{order:2}.feature-layout.reverse .feature-media{order:1}.feature-number{font-size:13px!important;line-height:1.3!important;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#1475df!important;margin:0 0 14px!important}.feature-copy h2{font-size:clamp(38px,4vw,60px);line-height:1.01;letter-spacing:-.05em;margin:0 0 20px}.feature-copy>p{font-size:clamp(16px,.4vw + 14px,19px);line-height:1.72;color:#536c84;margin:0}.check-list{display:grid;gap:10px;list-style:none;margin:24px 0 0;padding:0}.check-list li{display:flex;gap:10px;align-items:flex-start;color:#294967;font-size:16px;line-height:1.55}.check-list li:before{content:"✓";width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#e5f8ef;color:#0b9d63;font-size:12px;font-weight:900;margin-top:1px}.feature-media{border:1px solid #d6e3ef;border-radius:28px;padding:9px;background:#eef6fd;box-shadow:var(--shadow);overflow:hidden}.feature-media img{width:100%;border-radius:20px}.crop-summary{max-height:620px;overflow:hidden}.crop-summary img{transform:scale(1.02);transform-origin:top center}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.mini-metrics div{padding:16px;border-radius:16px;border:1px solid #d9e5f0;background:#fff}.mini-metrics small{display:block;color:#6a8095;font-size:12px}.mini-metrics strong{display:block;margin-top:5px;font-size:18px}.transparency-note{margin-top:22px!important;padding:14px 16px;border:1px solid #e9d9a5;border-radius:14px;background:#fff9e9;color:#6b5b2d!important;font-size:14px!important;line-height:1.6!important}.protocols{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.protocols span{padding:9px 12px;border-radius:999px;border:1px solid #cbdbea;background:#f7fbff;color:#315273;font-size:13px;font-weight:800}.simulator-chapter{background:linear-gradient(180deg,#fff,#f3fbf8)}.reports-chapter{background:#fff}.report-preview{display:grid;grid-template-columns:.74fr 1.26fr;gap:44px;align-items:center;margin-top:64px;padding:36px;border-radius:28px;background:#071a36;color:#fff}.report-preview h3{font-size:clamp(30px,3.1vw,46px);line-height:1.03;letter-spacing:-.04em;margin:0 0 16px}.report-preview p:not(.feature-number){font-size:16px;line-height:1.65;color:#bfd3e7;margin:0}.report-sheet{max-height:630px;overflow:auto;border-radius:18px;background:#eaf3fb;padding:8px}.report-sheet img{width:100%;height:auto;border-radius:12px}.integration-chapter{background:linear-gradient(180deg,#f7fbff,#fff)}.portrait-media{max-height:660px}.portrait-media img{width:100%;height:100%;object-fit:cover;object-position:top center}
.solar-status{padding:clamp(72px,8vw,104px) 0;background:#071a36;color:#fff}.status-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;align-items:start}.status-grid>div:first-child h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0}.status-grid .eyebrow{color:#6fc2ff}.status-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-columns article{padding:28px;border-radius:24px;background:#0b2a52;border:1px solid rgba(255,255,255,.12)}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}.status.live{background:#dff8ec;color:#0e8056}.status.next{background:#e8eeff;color:#3c4bc8}.status-columns h3{font-size:24px;margin:18px 0 14px}.status-columns ul{margin:0;padding-left:18px;display:grid;gap:9px;color:#bed1e5;font-size:15px;line-height:1.5}
.solar-cta{padding:clamp(72px,8vw,100px) 0;background:linear-gradient(120deg,#0a2449,#0d3562 65%,#12446d);color:#fff}.solar-cta-box{display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center}.cta-solar-brand{width:260px;max-width:70%;margin-bottom:18px}.solar-cta h2{font-size:clamp(38px,4.4vw,64px);letter-spacing:-.052em;line-height:1.02;margin:0 0 16px}.solar-cta p{font-size:18px;line-height:1.68;color:#bfd4e7;max-width:800px;margin:0}.solar-cta-actions{display:grid;gap:10px;min-width:230px}

/* simple pages from V1 */
.simple-hero{padding:100px 0;background:linear-gradient(180deg,#eef6ff,#fff)}.simple-card{width:min(820px,100%);margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:52px;box-shadow:var(--shadow)}.simple-card h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.05em;margin:0 0 18px}.simple-card p{font-size:18px;line-height:1.7;color:#526983}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.choice{border:1px solid var(--line);border-radius:20px;padding:24px;text-align:left;background:#f9fbfe}.choice h2{font-size:23px;margin:0 0 8px}.choice p{font-size:15px;margin:0 0 18px}.choice.solar-choice{background:#071a36;color:#fff}.choice.solar-choice p{color:#c0d3e7}

/* Footer */
.footer{background:#06162f;color:#d6e4f5;padding:48px 0 34px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.footer h3{color:#fff;font-size:17px;margin:0 0 12px}.footer p,.footer a{font-size:15px;line-height:1.7;color:#bfd0e3}.footer nav{display:grid;gap:8px}.footer-brand img{width:285px;max-width:100%;background:#fff;border-radius:14px;padding:8px;margin-bottom:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;color:#9fb6d0}

/* Tablet */
@media (max-width:1240px){
  .nav-links{display:none;position:absolute;top:82px;left:max(18px,calc((100vw - var(--content))/2));right:max(18px,calc((100vw - var(--content))/2));max-height:calc(100dvh - 100px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;gap:0;white-space:normal}.nav-links.open{display:flex}.nav-links>a{min-height:48px;display:flex;align-items:center;padding:12px 14px;border-radius:10px}.nav-mobile-access{display:flex!important;border-top:1px solid #e3ebf3;color:#0b70e6!important}.nav-dropdown{width:100%}.nav-dropdown summary{min-height:48px;padding:12px 14px;justify-content:space-between;border-radius:10px}.nav-submenu{position:static;width:auto;margin:0 5px 7px;padding:5px;border:0;border-left:2px solid #d8e7f5;border-radius:0;background:#f7faff;box-shadow:none}.nav-submenu:before{display:none}.nav-submenu a{min-height:52px;padding:10px 12px}.menu{display:block}.nav-actions .btn-light{display:none}.brand-main{margin-right:auto}.product-switch{margin-left:0}.solar-hero-grid{grid-template-columns:1fr;gap:42px}.solar-hero-copy{max-width:760px}.solar-hero-visual{max-width:980px}.app-frame{transform:none}.metric-a{left:16px}.metric-b{right:16px}.capability-grid{grid-template-columns:repeat(2,1fr)}.feature-layout,.feature-layout.reverse{grid-template-columns:1fr;gap:30px}.feature-layout.reverse .feature-copy,.feature-layout.reverse .feature-media{order:initial}.feature-copy{max-width:850px}.feature-media{max-width:100%}.status-grid{grid-template-columns:1fr}.solar-cta-box{grid-template-columns:1fr}.solar-cta-actions{display:flex;min-width:0;flex-wrap:wrap}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:0}.solution-media{height:360px}.solution-top{min-height:300px}.portal-cta-box{grid-template-columns:1fr}.report-preview{grid-template-columns:1fr}.report-sheet{max-height:720px}.footer-grid{grid-template-columns:1fr 1fr}.energy-game-grid{grid-template-columns:1fr}.energy-game-visual{max-width:780px}
}

/* Small tablet / mobile */
@media (max-width:760px){
  :root{--radius:22px}.wrap{width:calc(100% - 28px)}.topbar{height:72px}.nav{gap:12px}.brand-main{min-width:0;flex-basis:auto}.brand-main img{width:205px}.product-switcher{display:none}.nav-links{top:72px;left:14px;right:14px}.menu{width:44px;height:44px;flex:0 0 auto}.app-switch-mobile{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 8px;padding:9px;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#edf4fb);border:1px solid #d8e4f0}.app-switch-mobile span,.app-switch-mobile a{min-height:42px;display:flex!important;align-items:center;gap:9px;padding:8px 10px!important;border-radius:10px;font-size:13px!important;font-weight:820}.app-switch-mobile span{color:#0a2c54;background:#fff;box-shadow:0 4px 12px rgba(10,35,69,.08)}.app-switch-mobile a{color:#285fd1!important}.app-switch-mobile i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e9f1ff;font-style:normal}.app-switch-mobile span i{background:#fff3bf;color:#d99500}.app-switch-mobile b{margin-left:auto}.portal-hero{padding:54px 0 48px}.hero-copy{text-align:left}.hero-copy .eyebrow{text-align:left}.hero-copy h1{font-size:clamp(43px,12.4vw,62px);line-height:.96}.hero-copy h1 span{display:inline}.hero-copy .lead{font-size:17px;line-height:1.58;margin-top:20px}.portal-hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.portal-hero-actions .btn{width:100%}.solution-grid{margin-top:38px;gap:16px}.solution-card{border-radius:22px;min-height:0}.solution-top{padding:22px;min-height:0}.product-brand{height:58px;width:260px;margin-bottom:4px}.solution-kicker{font-size:11px!important}.solution-top h2{font-size:32px;margin:10px 0}.solution-top p{font-size:15px;line-height:1.55}.solution-link{font-size:15px;padding-top:18px}.solution-media{height:220px}.solution-card.solar{background:linear-gradient(180deg,#071a36 0%,#0a2e5b 62%,#fff 62%)}.brand-principles .section-head{text-align:left}.principle-grid{grid-template-columns:1fr}.portal-cta{padding:52px 0}.portal-cta-box{padding:26px}.portal-cta-actions{display:grid;grid-template-columns:1fr}.portal-cta-actions .btn{width:100%}.energy-game-section{padding:64px 0}.energy-game-copy h2{font-size:38px}.energy-game-actions{display:grid;align-items:stretch}.energy-game-actions .btn{width:100%}.energy-game-visual{min-height:300px;border-radius:22px}.energy-game-visual img{height:310px}.energy-game-visual span{left:14px;right:14px;bottom:14px}
  .solar-hero{padding:52px 0 66px}.solar-hero-brand{width:250px;max-width:80%}.solar-hero h1{font-size:clamp(44px,12vw,62px);line-height:.96}.solar-hero .lead{font-size:18px}.solar-hero .sublead{font-size:15px;line-height:1.62}.solar-hero-actions{display:grid;grid-template-columns:1fr}.solar-hero-actions .btn{width:100%}.trust-row{font-size:13px;gap:8px 12px}.app-frame{border-width:5px;border-radius:18px}.metric-float{display:none}.feature-jump{top:72px}.feature-jump a{font-size:12px;padding:7px 10px}.solar-overview{padding-top:62px}.solar-overview .section-head{text-align:left}.capability-grid{grid-template-columns:1fr;gap:10px}.capability-grid article{min-height:0;padding:20px;display:grid;grid-template-columns:38px 1fr;gap:0 13px}.capability-grid article span{grid-row:1 / span 2}.capability-grid h3{margin:2px 0 5px;font-size:18px}.capability-grid p{font-size:14px}.feature-chapter{padding:66px 0}.feature-copy h2{font-size:36px}.feature-copy>p{font-size:16px;line-height:1.65}.check-list{margin-top:20px}.check-list li{font-size:15px}.feature-media{border-radius:20px;padding:6px}.feature-media img{border-radius:14px}.mini-metrics{grid-template-columns:1fr}.report-preview{margin-top:40px;padding:24px}.report-preview h3{font-size:32px}.report-sheet{max-height:540px}.status-columns{grid-template-columns:1fr}.status-columns article{padding:22px}.solar-status{padding:66px 0}.solar-cta{padding:66px 0}.solar-cta h2{font-size:36px}.solar-cta p{font-size:16px}.solar-cta-actions{display:grid;grid-template-columns:1fr}.solar-cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.simple-hero{padding:68px 0}.simple-card{padding:30px 22px}.simple-card p{font-size:16px}.choice-row{grid-template-columns:1fr}
}

/* Compact phones: avoid overwhelming */
@media (max-width:480px){
  .brand-main img{width:180px}.hero-copy h1{font-size:42px}.hero-copy .lead{font-size:16px}.solution-card{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(110px,.68fr);align-items:stretch}.solution-top{padding:18px 14px 18px 18px}.product-brand{height:44px;width:210px}.solution-top h2{font-size:26px;line-height:1.02}.solution-top p{font-size:13px;line-height:1.48}.solution-kicker{display:none}.solution-link{font-size:13px}.solution-media{height:100%;min-height:220px;margin:0}.solution-media img{object-fit:cover;object-position:center}.solution-card.solar{background:#071a36}.solution-card.solar .solution-media{background:#102f58}.portal-cta-box h2{font-size:31px}.section-head h2{font-size:34px}.solar-hero h1{font-size:42px}.solar-hero .lead{font-size:17px}.solar-hero .sublead{font-size:15px}.solar-hero-brand{width:220px}.feature-copy h2{font-size:33px}.report-preview h3{font-size:29px}.cta-solar-brand{width:220px}.footer-brand img{width:240px}
}

/* Very narrow devices */
@media (max-width:360px){
  .brand-main img{width:160px}.hero-copy h1,.solar-hero h1{font-size:38px}.solution-card{grid-template-columns:1fr}.solution-media{min-height:180px;height:180px}.solution-top h2{font-size:28px}.product-brand{height:48px}.feature-copy h2{font-size:31px}.btn{font-size:14px;padding-inline:15px}.wrap{width:calc(100% - 22px)}
}

/* Keep the highlighted phrase whole on narrow phones instead of clipping it. */
@media (max-width:480px){.hero-copy h1 span{display:block}}

/* Large screens: expand gracefully, never stretch content excessively */
@media (min-width:1600px){
  :root{--content:1420px}.portal-hero{padding-top:110px}.solution-media{height:330px}.solution-top{padding:40px 42px 30px}.solar-hero-grid{gap:82px}.feature-layout{gap:86px}.feature-media{padding:11px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* V9 · brand motion system: subtle, progressive and motion-safe */
.topbar{transition:height .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.topbar.is-scrolled{background:rgba(255,255,255,.985);border-bottom-color:rgba(190,209,228,.92);box-shadow:0 10px 34px rgba(10,35,69,.09)}
.motion-reveal{--motion-order:0}
.motion-ready .motion-reveal{opacity:0;transform:translateY(22px);filter:blur(3px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),filter .72s ease;transition-delay:calc(var(--motion-order) * 55ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;filter:none}
.solution-card,.feature-media,.app-frame{isolation:isolate;position:relative}
.solution-card:after,.feature-media:after,.app-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--spot-x,-500px) var(--spot-y,-500px),rgba(255,255,255,.24),transparent 58%);opacity:0;transition:opacity .28s ease}
.solution-card:hover:after,.feature-media:hover:after,.app-frame:hover:after{opacity:1}
.solution-card{transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease,border-color .36s ease}
.solution-card:hover{transform:translateY(-7px);box-shadow:0 30px 74px rgba(10,35,69,.16)}
.solution-media img,.feature-media img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.solution-card:hover .solution-media img,.feature-media:hover img{transform:scale(1.025)}
.solar-hero-visual{animation:hieHeroDrift 7s ease-in-out infinite}
.metric-a{animation:hieMetricFloat 4.8s ease-in-out infinite}
.metric-b{animation:hieMetricFloat 4.8s ease-in-out -2.2s infinite}
@keyframes hieHeroDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes hieMetricFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@media(max-width:760px){.solution-card:hover{transform:none}.motion-ready .motion-reveal{transform:translateY(14px);filter:none}.solar-hero-visual{animation:none}}
@media(prefers-reduced-motion:reduce){.motion-reveal,.motion-ready .motion-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.solar-hero-visual,.metric-a,.metric-b{animation:none!important}.solution-card:hover,.solution-card:hover .solution-media img,.feature-media:hover img{transform:none!important}}

/* Acceso separado para las aplicaciones DEMO privadas. */
.choice-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.choice-actions .btn{max-width:100%;white-space:normal;text-align:center}.choice-secondary{font-size:14px;font-weight:800;color:#1268bb;text-decoration:underline;text-underline-offset:3px}.solar-choice .choice-secondary{color:#d7e9ff}.simple-card .demo-access-note{margin:26px 0 0;font-size:14px;line-height:1.6;color:#506982}.solar-hero .solar-demo-note{margin:12px 0 0;color:#bfd5e9;font-size:13px;line-height:1.5}.solar-demo-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.feature-copy>.solar-demo-description{margin-top:12px;font-size:14px;line-height:1.5;color:#536c84}
.access-page .choice-actions{align-items:stretch;width:100%;gap:10px}.access-page .choice-actions>.btn{width:100%}.access-path{display:grid;gap:4px;width:100%;padding:13px 15px;border:1px solid #d9e6f5;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(18,51,91,.05)}.access-path>span{color:#61748c;font-size:12px;font-weight:700}.access-path>a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#135caf;font-size:14px;font-weight:800;text-decoration:none}.access-path>a:hover{text-decoration:underline;text-underline-offset:3px}.solar-choice .access-path{border-color:#365071;background:#102c50}.solar-choice .access-path>span{color:#b6cee8}.solar-choice .access-path>a{color:#fff}
@media(max-width:760px){.choice-actions .btn,.solar-demo-links .btn{width:100%}.solar-demo-links{display:grid;grid-template-columns:1fr}}

/* Una propuesta conjunta, presentada sin simular una conexión de datos existente. */
.portal-cta-box p:not(.eyebrow){max-width:650px;margin:14px 0 0;color:#4c6681;font-size:16px;line-height:1.6}
.solar-residential-benefit{position:relative;overflow:hidden;padding:clamp(78px,9vw,126px) 0;background:radial-gradient(circle at 86% 20%,#164783 0,transparent 34%),linear-gradient(135deg,#061832 0%,#0a2b53 63%,#071d39 100%);color:#fff}.solar-residential-benefit:before{content:"";position:absolute;left:-130px;bottom:-220px;width:480px;height:480px;border-radius:50%;background:#28a9f5;filter:blur(140px);opacity:.16;pointer-events:none}.solar-residential-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(34px,5vw,86px)}.solar-residential-copy .eyebrow{color:#8bd6ff}.solar-residential-copy h2{max-width:760px;margin:0 0 24px;font-size:clamp(42px,4.7vw,72px);line-height:1.04;letter-spacing:-.052em;text-wrap:balance}.solar-residential-copy h2 span{color:#7fd0ff}.solar-residential-copy>p:not(.eyebrow):not(.solar-residential-fineprint){max-width:650px;color:#d3e4f5;font-size:clamp(17px,1.2vw,20px);line-height:1.7}.solar-residential-copy strong{color:#fff}.solar-residential-promise{display:flex;gap:15px;align-items:flex-start;max-width:640px;margin:27px 0;padding:18px 20px;border:1px solid #5b9bd066;border-radius:18px;background:#ffffff12;box-shadow:inset 0 1px #ffffff24}.solar-residential-promise>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ffe389,#ffc53c);color:#12365f;font-size:24px}.solar-residential-promise strong,.solar-residential-promise small{display:block}.solar-residential-promise strong{font-size:17px}.solar-residential-promise small{margin-top:5px;color:#c6dcef;font-size:14px;line-height:1.5}.solar-residential-actions{display:flex;flex-wrap:wrap;gap:12px}.solar-residential-copy>.solar-residential-fineprint{max-width:680px;margin:18px 0 0;color:#aac4dd;font-size:12px;line-height:1.55}
.solar-residential-visual{position:relative;display:grid;gap:0;max-width:590px;width:100%;margin-inline:auto;padding:22px;border:1px solid #92caff55;border-radius:34px;background:linear-gradient(160deg,#ffffff1d,#ffffff09);box-shadow:0 36px 90px #00102788,inset 0 1px #ffffff35}.solar-residential-visual:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff19;border-radius:26px;pointer-events:none}.ecosystem-solar,.ecosystem-residential{position:relative;z-index:1;padding:25px 28px;border-radius:22px}.ecosystem-solar{min-height:205px;background:linear-gradient(135deg,#153e74,#0d2852);border:1px solid #7cb9eb55}.ecosystem-solar img{width:min(300px,80%);height:53px;object-fit:contain;object-position:left;margin-top:18px}.ecosystem-solar p,.ecosystem-residential p{margin:13px 0 0;font-size:14px;line-height:1.5}.ecosystem-solar p{color:#c6d9ec}.ecosystem-step{font-size:11px;letter-spacing:.16em;font-weight:900;color:#8cd5ff}.ecosystem-rays{position:absolute;right:22px;top:33px;display:flex;align-items:center;gap:7px}.ecosystem-rays i{display:block;width:8px;border-radius:999px;background:#ffcf4c;box-shadow:0 0 20px #ffd54f80}.ecosystem-rays i:nth-child(1){height:28px}.ecosystem-rays i:nth-child(2){height:45px}.ecosystem-rays i:nth-child(3){height:19px}.ecosystem-bridge{position:relative;z-index:2;display:grid;place-items:center;height:66px}.ecosystem-bridge:before{content:"";position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:linear-gradient(#4fbbff,#ffda72);transform:translateX(-50%)}.ecosystem-bridge span{position:relative;padding:9px 16px;border-radius:999px;background:#d8efff;color:#0a315b;font-size:12px;font-weight:900;box-shadow:0 6px 22px #00172e66}.ecosystem-residential{min-height:218px;background:linear-gradient(140deg,#f7fbff,#e9f3ff);border:1px solid #d6e8f9;color:#113963}.ecosystem-residential-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ecosystem-residential .ecosystem-step{color:#3672a8}.ecosystem-residential-head strong{padding:6px 11px;border-radius:999px;background:#d8f8e9;color:#086546;font-size:12px;letter-spacing:.08em}.ecosystem-residential img{width:min(335px,85%);height:58px;object-fit:contain;object-position:left;margin-top:14px}.ecosystem-residential p{color:#496784}.ecosystem-homes{position:absolute;right:23px;bottom:20px;display:flex;gap:5px}.ecosystem-homes span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #accdf0;border-radius:8px;background:#fff;color:#387dc7;font-size:20px}
@media(max-width:1000px){.solar-residential-grid{grid-template-columns:1fr}.solar-residential-visual{max-width:650px}.solar-residential-copy{max-width:760px}}
@media(max-width:600px){.solar-residential-benefit{padding:66px 0}.solar-residential-copy h2{font-size:clamp(38px,10vw,52px)}.solar-residential-actions{display:grid;grid-template-columns:1fr}.solar-residential-actions .btn{width:100%;text-align:center}.solar-residential-visual{padding:12px;border-radius:25px}.ecosystem-solar,.ecosystem-residential{padding:21px 20px}.ecosystem-rays{right:17px}.ecosystem-homes{position:static;margin-top:15px}}
.ecosystem-solar img{width:min(300px,80%);height:64px;padding:8px 12px;border-radius:12px;background:#f8fbff}
body.access-page .hie-contact-launcher{display:none}


/* HIE FAQ · SEO/GEO 2026-09-19 */
.hie-faq{padding:clamp(76px,8vw,116px) 0;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.hie-faq .section-head{max-width:780px;margin-inline:auto;margin-bottom:36px}
.hie-faq-list{max-width:980px;margin:0 auto;display:grid;gap:14px}
.hie-faq-item{border:1px solid #d8e4f0;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(10,35,69,.055);overflow:hidden}
.hie-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 24px;color:#0a2345;font-size:clamp(17px,1.4vw,20px);line-height:1.35;font-weight:850}
.hie-faq-item summary::-webkit-details-marker{display:none}
.hie-faq-item summary span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#edf5fd;color:#0b73e8;font-size:22px;line-height:1;transition:transform .22s ease,background .22s ease}
.hie-faq-item[open] summary span{transform:rotate(45deg);background:#dcecff}
.hie-faq-answer{padding:0 24px 22px}
.hie-faq-answer p{max-width:860px;margin:0;color:#526b84;font-size:16px;line-height:1.72}
.hie-faq-item summary:hover{color:#1268bb}
@media(max-width:600px){.hie-faq-item summary{padding:19px 18px;font-size:17px}.hie-faq-answer{padding:0 18px 19px}.hie-faq-answer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hie-faq-item summary span{transition:none}}


/* SEO topic paths and focused HIE Solar landing pages */
.seo-paths{background:linear-gradient(180deg,#fff 0%,#f5f9fe 100%)}
.seo-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seo-path-card{display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.seo-path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bfd6ee}
.seo-path-card.solar{background:linear-gradient(145deg,#071a36,#0b315e);border-color:#214d79;color:#fff}
.seo-path-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#2876ce}.seo-path-card.solar .seo-path-kicker{color:#75c8ff}
.seo-path-card h3{margin:16px 0 10px;font-size:clamp(23px,2vw,30px);line-height:1.08;letter-spacing:-.035em}.seo-path-card p{margin:0;color:#526b84;font-size:15px;line-height:1.65}.seo-path-card.solar p{color:#c5d7e9}.seo-path-card strong{margin-top:auto;padding-top:24px;color:#0b70e6;font-size:14px}.seo-path-card.solar strong{color:#75c8ff}
.solar-topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.solar-topic-card{display:flex;flex-direction:column;padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:#ffffff0d;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}.solar-topic-card:hover{transform:translateY(-2px);border-color:#6fbef3;background:#ffffff16}.solar-topic-card>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#72c7ff}.solar-topic-card h3{margin:10px 0 8px;font-size:23px}.solar-topic-card p{margin:0;color:#bed1e5;line-height:1.6}.solar-topic-card strong{margin-top:18px;color:#76caff;font-size:14px}
.seo-landing-hero{position:relative;overflow:hidden;padding:clamp(64px,7vw,102px) 0;background:radial-gradient(circle at 83% 8%,rgba(39,151,246,.31),transparent 31%),radial-gradient(circle at 8% 92%,rgba(32,176,118,.15),transparent 26%),#071a36;color:#fff}.seo-landing-hero .eyebrow{color:#76caff}.seo-landing-hero h1{max-width:1040px;margin:0;font-size:clamp(46px,5.4vw,80px);line-height:.97;letter-spacing:-.055em;text-wrap:balance}.seo-landing-hero .lead{max-width:840px;margin:25px 0 0;color:#d8e8f7;font-size:clamp(18px,1.3vw,22px);line-height:1.68}.seo-landing-hero .sublead{max-width:780px;margin:16px 0 0;color:#aec7df;font-size:16px;line-height:1.7}.seo-landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.seo-landing-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px;color:#a9c9e7;font-size:13px}.seo-landing-breadcrumb a{color:#d9ebfb}.seo-landing-section{padding:clamp(68px,8vw,104px) 0}.seo-landing-section.alt{background:#f5f9fe}.seo-landing-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,6vw,86px);align-items:center}.seo-landing-copy h2{margin:0 0 18px;font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.045em}.seo-landing-copy>p{margin:0 0 18px;color:#526b84;font-size:17px;line-height:1.75}.seo-landing-media{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;padding:8px;box-shadow:var(--shadow)}.seo-landing-media img{width:100%;height:auto;border-radius:20px}.seo-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}.seo-benefit{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.seo-benefit h3{margin:0 0 10px;font-size:22px;letter-spacing:-.025em}.seo-benefit p{margin:0;color:#526b84;line-height:1.65}.seo-faq-list{display:grid;gap:12px;max-width:960px}.seo-faq-list details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 20px}.seo-faq-list summary{cursor:pointer;padding:19px 0;font-weight:850;list-style:none}.seo-faq-list summary::-webkit-details-marker{display:none}.seo-faq-list details p{margin:0 0 20px;color:#526b84;line-height:1.7}.seo-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.seo-related a{padding:10px 13px;border-radius:999px;background:#eaf3ff;color:#135ea9;font-size:13px;font-weight:800}.seo-landing-cta{padding:clamp(64px,7vw,92px) 0;background:linear-gradient(120deg,#0a2449,#0d3562 65%,#12446d);color:#fff}.seo-landing-cta h2{margin:0 0 15px;font-size:clamp(36px,4vw,58px);letter-spacing:-.045em}.seo-landing-cta p{max-width:800px;margin:0;color:#bfd4e7;font-size:17px;line-height:1.7}.seo-landing-cta .seo-landing-actions{margin-top:25px}
@media(max-width:900px){.seo-path-grid,.seo-benefit-grid{grid-template-columns:1fr}.solar-topic-links{grid-template-columns:1fr}.seo-landing-grid{grid-template-columns:1fr}.seo-landing-grid .seo-landing-media{order:2}}
@media(max-width:600px){.seo-path-card{min-height:0}.seo-landing-hero{padding:52px 0 66px}.seo-landing-actions{display:grid;grid-template-columns:1fr}.seo-landing-actions .btn{width:100%}.seo-landing-copy h2{font-size:34px}}


/* HIE Solar visual refinements · 2026-09-19 v7
   Keep product screenshots prominent and cases-of-use aligned to the full content width. */
.solar-topic-links{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}
.solar-topic-card{
  min-width:0;
  min-height:220px;
  padding:28px;
}
.solar-topic-card h3{
  font-size:clamp(22px,2vw,28px);
  line-height:1.08;
  text-wrap:balance;
}

/* Platform captures should read as screenshots, not as cards inside cards. */
.feature-media{
  border:0;
  padding:0;
  background:transparent;
  border-radius:24px;
  box-shadow:0 24px 58px rgba(10,35,69,.14);
  overflow:hidden;
}
.feature-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}
.feature-media:hover img{transform:none}
.crop-summary{max-height:none;overflow:visible}
.crop-summary img{transform:none}
.portrait-media{max-height:none}
.portrait-media img{height:auto;object-fit:contain;object-position:top center}

/* Same treatment for screenshots used in the focused SEO landings. */
.seo-landing-media{
  border:0;
  padding:0;
  background:transparent;
  border-radius:24px;
  box-shadow:0 24px 58px rgba(10,35,69,.14);
  overflow:hidden;
}
.seo-landing-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}

@media(max-width:900px){
  .solar-topic-links{grid-template-columns:1fr}
  .solar-topic-card{min-height:0}
}
@media(max-width:600px){
  .feature-media,.feature-media img,.seo-landing-media,.seo-landing-media img{border-radius:18px}
}


/* HIE Solar cluster · monitorización autoconsumo colectivo · 2026-09-20 */
.cluster-hero{padding-bottom:74px}.cluster-hero-shot{margin:48px 0 0}.cluster-hero-shot img,.cluster-wide-shot img{display:block;width:100%;height:auto;border-radius:22px}.cluster-hero-shot figcaption,.cluster-wide-shot figcaption{margin-top:10px;color:#9db9d3;font-size:13px}.cluster-wide-shot{margin:38px 0 0}.cluster-wide-shot figcaption{color:#68829a}.cluster-four,.cluster-detail-grid,.cluster-three{display:grid;gap:16px;margin-top:34px}.cluster-four{grid-template-columns:repeat(4,minmax(0,1fr))}.cluster-four article,.cluster-detail-grid article,.cluster-three article{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.cluster-four span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf4ff;color:#116fc9;font-weight:900}.cluster-four h3,.cluster-detail-grid h3,.cluster-three h3{margin:16px 0 8px;font-size:22px;letter-spacing:-.025em}.cluster-four p,.cluster-detail-grid p,.cluster-three p{margin:0;color:#526b84;line-height:1.65}.cluster-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-process{background:linear-gradient(180deg,#071a36,#0b2d56);color:#fff}.cluster-process .section-head p{color:#b8d0e6}.cluster-flow{max-width:800px;margin:40px auto 0;display:grid;justify-items:center;gap:10px}.flow-node{min-width:250px;padding:16px 28px;text-align:center;border:1px solid #6ba7d65c;border-radius:18px;background:#ffffff10;font-weight:900;letter-spacing:.05em}.flow-node.main{background:#0f3e70}.flow-node.solar{background:linear-gradient(135deg,#1767a9,#0c87c7);box-shadow:0 20px 45px #00132966}.flow-arrow{color:#69c7ff;font-size:28px;font-weight:900}.flow-cups,.flow-output{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;width:100%}.flow-cups span,.flow-output span{padding:14px;text-align:center;border-radius:16px;background:#ffffff0b;border:1px solid #ffffff1d;color:#d8e8f7;font-weight:800}.cluster-video-shell{overflow:hidden;border:1px solid #c7d9eb;border-radius:28px;background:#06182f;box-shadow:0 24px 70px rgba(5,29,60,.18)}.cluster-video-shell video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#06182f}.cluster-transcript{max-width:920px;margin:26px auto 0;padding:24px 28px;border-left:4px solid #1c8ed8;background:#f5f9fe;border-radius:0 18px 18px 0}.cluster-transcript h3{margin:0 0 10px;font-size:22px}.cluster-transcript p{margin:0 0 10px;color:#526b84;line-height:1.7}.cluster-transcript p:last-child{margin-bottom:0}.cluster-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.cluster-compare>div{display:grid;gap:8px;padding:20px;border-radius:18px;background:#f4f8fc;border:1px solid var(--line)}.cluster-compare strong{color:#0c315c}.cluster-compare span{color:#526b84;font-size:14px}.cluster-three{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-ecosystem{display:grid;justify-items:center;gap:14px;padding:30px;border:1px solid #cfe0f0;border-radius:26px;background:linear-gradient(180deg,#f9fcff,#eef6ff)}.cluster-ecosystem>div:first-child,.cluster-ecosystem .res{min-width:260px;padding:20px 28px;border-radius:18px;text-align:center}.cluster-ecosystem>div:first-child{background:#0b315e;color:#fff}.cluster-ecosystem>div:first-child small{display:block;margin-top:7px;color:#c5d9eb}.cluster-ecosystem>span{color:#2387cc;font-size:28px;font-weight:900}.cluster-ecosystem .homes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.cluster-ecosystem .homes b{padding:14px;border-radius:14px;background:#fff;border:1px solid #d5e5f4;color:#1b5f9b;text-align:center}.cluster-ecosystem .res{background:#dff3ff;color:#0b4d7f;font-weight:900}.solar-cluster-page .seo-landing-media{padding:0;background:transparent;border:0;box-shadow:none}.solar-cluster-page .seo-landing-media img{border-radius:20px;box-shadow:0 18px 55px rgba(7,32,61,.14)}
@media(max-width:900px){.cluster-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-detail-grid,.cluster-three{grid-template-columns:1fr 1fr}.cluster-ecosystem .homes{grid-template-columns:1fr}}
@media(max-width:600px){.cluster-four,.cluster-detail-grid,.cluster-three,.cluster-compare{grid-template-columns:1fr}.cluster-hero-shot{margin-top:34px}.cluster-video-shell{border-radius:18px}.cluster-transcript{padding:20px}.flow-cups,.flow-output{grid-template-columns:1fr}.cluster-ecosystem{padding:22px 18px}}

/* HIE Solar cluster navigation + v12 articles · 2026-09-20 */
.cluster-backbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 24px;flex-wrap:wrap}.cluster-back{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #cbdced;border-radius:999px;background:#fff;color:#0b5fad;font-size:14px;font-weight:850;box-shadow:0 5px 18px rgba(8,43,79,.05)}.cluster-back:hover{transform:translateY(-1px);border-color:#9fc5e7}.cluster-mini-nav{display:flex;gap:8px;flex-wrap:wrap}.cluster-mini-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border-radius:999px;background:#eff6fd;color:#315d85;font-size:12px;font-weight:800}.cluster-mini-nav a:hover{background:#deefff;color:#0b64ca}.cluster-more{margin-top:34px;padding:26px;border:1px solid #cfe0f0;border-radius:24px;background:linear-gradient(180deg,#fbfdff,#f1f7fd)}.cluster-more h3{margin:0 0 14px;font-size:22px}.cluster-more-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cluster-more-links a{padding:14px 16px;border-radius:15px;background:#fff;border:1px solid #d8e5f2;color:#155d9c;font-weight:820;line-height:1.3}.cluster-more-links a:hover{border-color:#acd0ef;transform:translateY(-1px)}.cluster-article .seo-landing-hero{padding-top:42px}.cluster-article .cluster-video-shell{margin-top:28px}.cluster-article .section-head{max-width:880px}.cluster-article .article-key-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.cluster-article .article-key-points article{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.cluster-article .article-key-points h3{margin:0 0 8px;font-size:20px}.cluster-article .article-key-points p{margin:0;color:#526b84;line-height:1.6}.cluster-article .article-callout{margin:30px 0;padding:22px 24px;border-left:4px solid #24aaf0;background:#f2f8fe;border-radius:0 18px 18px 0;color:#2e577c}.solar-deep-links-v10{scroll-margin-top:96px}
@media(max-width:900px){.cluster-more-links,.cluster-article .article-key-points{grid-template-columns:1fr}.cluster-backbar{align-items:flex-start}.cluster-mini-nav{width:100%}}


/* HIE Solar cluster v13 · FAQ clarity, reading navigation and topic groups */
.seo-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;transition:color .18s ease,background .18s ease}
.seo-faq-list summary::after{content:"Ver respuesta  +";flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#eaf4ff;color:#1266b4;font-size:12px;font-weight:900;letter-spacing:.01em}
.seo-faq-list details[open] summary::after{content:"Ocultar  −";background:#dceeff;color:#0b579c}
.seo-faq-list summary:hover{color:#0b64ca}.seo-faq-list details:focus-within{outline:3px solid #8bc9ff66;outline-offset:2px}
.cluster-topic-group{margin-top:36px}.cluster-topic-group+.cluster-topic-group{margin-top:54px}.cluster-topic-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.cluster-topic-heading h3{margin:0;font-size:clamp(27px,2.7vw,38px);letter-spacing:-.035em}.cluster-topic-heading p{max-width:620px;margin:0;color:#627d96;line-height:1.6}
.cluster-reading-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}.cluster-reading-nav a{display:flex;flex-direction:column;gap:7px;padding:20px 22px;border:1px solid #d5e4f1;border-radius:20px;background:#fff;color:#0b315e;box-shadow:0 12px 30px rgba(7,35,67,.06)}.cluster-reading-nav a:last-child{text-align:right;align-items:flex-end}.cluster-reading-nav small{font-size:11px;font-weight:900;letter-spacing:.12em;color:#6b89a4}.cluster-reading-nav strong{font-size:17px;line-height:1.28}.cluster-reading-nav a:hover{transform:translateY(-2px);border-color:#9bc5e8}
.cluster-resource-index{margin-top:24px;padding:18px 20px;border-radius:18px;background:#f4f9fe;border:1px solid #d8e6f2}.cluster-resource-index strong{display:block;margin-bottom:10px;color:#0b315e}.cluster-resource-index nav{display:flex;flex-wrap:wrap;gap:8px}.cluster-resource-index a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d4e3ef;color:#155d9c;font-size:12px;font-weight:800}
@media(max-width:760px){.cluster-topic-heading{display:block}.cluster-topic-heading p{margin-top:10px}.cluster-reading-nav{grid-template-columns:1fr}.cluster-reading-nav a:last-child{text-align:left;align-items:flex-start}.seo-faq-list summary::after{content:"+"}.seo-faq-list details[open] summary::after{content:"−"}}


/* HIE commercial presentation download v14 */
.commercial-presentation{background:linear-gradient(180deg,#f7fbff,#eef5fb)}
.presentation-download-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:clamp(26px,4vw,56px);align-items:center;padding:clamp(24px,4vw,46px);border:1px solid #d4e2ee;border-radius:30px;background:#fff;box-shadow:0 22px 55px rgba(7,42,83,.10)}
.presentation-download-copy h2{font-size:clamp(32px,3.3vw,50px);line-height:1.05;margin:8px 0 14px}.presentation-download-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#526b84}.presentation-download-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.presentation-download-preview{display:block}.presentation-download-preview img{width:100%;border-radius:22px;box-shadow:0 18px 42px rgba(7,42,83,.16)}
@media(max-width:900px){.presentation-download-card{grid-template-columns:1fr}.presentation-download-copy{order:-1}}
@media(max-width:560px){.presentation-download-actions{display:grid}.presentation-download-actions .btn{width:100%}}

/* =========================================================
   HIE · resource presentation + cluster separation v15
   ========================================================= */
.product-resource-strip{padding:16px 0 8px;background:#f7fbff}.solar-resource-strip{background:#071a36;padding:18px 0}.presentation-resource{border:1px solid #d6e3ef;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(22,58,102,.07);overflow:hidden}.solar-resource .presentation-resource,.solar-resource.presentation-resource{border-color:#234c75;background:#0b294d;color:#fff;box-shadow:none}.presentation-resource summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;color:#123b69}.solar-resource summary{color:#fff}.presentation-resource summary::-webkit-details-marker{display:none}.resource-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.resource-summary-main b{font-size:15px}.resource-summary-main small{font-size:13px;color:#67809a;font-weight:600}.solar-resource .resource-summary-main small{color:#b8cbe0}.resource-summary-action{font-size:13px;font-weight:850;color:#4268ef;white-space:nowrap}.solar-resource .resource-summary-action{color:#ffc64a}.resource-summary-action span{display:inline-grid;place-items:center;margin-left:6px;width:24px;height:24px;border-radius:50%;background:#edf2ff}.solar-resource .resource-summary-action span{background:#173f69}.presentation-resource[open] .resource-summary-action span{transform:rotate(45deg)}.resource-panel{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);gap:26px;align-items:center;padding:8px 19px 20px;border-top:1px solid #e3ebf4}.solar-resource .resource-panel{border-color:#22476e}.resource-copy h2{font-size:clamp(27px,2.5vw,38px);line-height:1.05;margin:7px 0 12px}.resource-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#506982}.solar-resource .resource-copy>p:not(.eyebrow){color:#c3d3e3}.resource-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.resource-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:15px;background:#061b36;box-shadow:0 14px 34px rgba(12,44,79,.13)}
@media(max-width:880px){.resource-panel{grid-template-columns:1fr}.resource-copy{order:-1}.resource-summary-main{align-items:flex-start;flex-direction:column;gap:2px}.resource-summary-action{align-self:center}}
@media(max-width:560px){.presentation-resource summary{padding:14px}.resource-panel{padding:6px 14px 16px}.resource-actions{display:grid}.resource-actions .btn{width:100%}}

/* Product capabilities remain one product block; editorial cluster gets its own language. */
.solar-overview .capability-grid{margin-bottom:0}.cluster-hub-section{position:relative;background:linear-gradient(180deg,#f6faff,#eef5fb);border-top:1px solid #dce7f0}.cluster-hub-section>.wrap{max-width:1320px}.cluster-hub-section .section-head{max-width:850px;margin-bottom:34px}.cluster-hub-section .section-head h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.055em}.cluster-hub-section .cluster-topic-group{padding:28px;border:1px solid #d4e2ee;border-radius:28px;background:#fff;box-shadow:0 16px 38px rgba(13,49,86,.07);margin-top:20px}.cluster-hub-section .cluster-topic-group+.cluster-topic-group{margin-top:22px}.cluster-group-label{display:inline-flex;margin-bottom:14px;padding:6px 9px;border-radius:999px;background:#e9f4ff;color:#1768b6;font-size:10px;letter-spacing:.13em;font-weight:900}.cluster-hub-section .cluster-topic-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:24px;align-items:end;margin-bottom:22px}.cluster-hub-section .cluster-topic-heading h3{font-size:clamp(27px,2.8vw,38px);margin:4px 0 0}.cluster-hub-section .cluster-topic-heading>p{margin:0;color:#5b7187;line-height:1.6}.cluster-hub-section .seo-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cluster-hub-section .seo-path-card{min-height:255px;padding:23px;box-shadow:none}.cluster-hub-section .seo-path-card.solar{background:linear-gradient(145deg,#081d3c,#0d3765)}
@media(max-width:1000px){.cluster-hub-section .seo-path-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.cluster-hub-section .cluster-topic-group{padding:20px 16px}.cluster-hub-section .cluster-topic-heading{grid-template-columns:1fr}.cluster-hub-section .seo-path-grid{grid-template-columns:1fr}.cluster-hub-section .seo-path-card{min-height:0}}


/* ===== V17 premium presentation refresh ===== */
.premium-resource-zone{padding:26px 0 18px}
.presentation-premium{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center;padding:30px;border:1px solid #d9e5ef;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%);box-shadow:0 16px 42px rgba(20,61,104,.08);overflow:hidden}
.presentation-premium::before{content:"";position:absolute;inset:auto auto -80px -80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at center,rgba(66,104,239,.12),rgba(66,104,239,0) 72%);pointer-events:none}
.solar-premium{background:linear-gradient(135deg,#0a2242 0%,#0b2f58 60%,#113f72 100%);border-color:#24486f;box-shadow:none}
.presentation-premium-copy{position:relative;z-index:1;max-width:680px}
.presentation-premium-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.02;margin:10px 0 14px;letter-spacing:-.05em}
.presentation-premium-copy p:not(.eyebrow){font-size:16px;line-height:1.72;color:#546f88;max-width:62ch}
.solar-premium .presentation-premium-copy p:not(.eyebrow){color:#cbd9e6}
.presentation-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.presentation-meta-row span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf4ff;color:#123b69;font-size:12px;font-weight:800;letter-spacing:.02em}
.solar-premium .presentation-meta-row span{background:rgba(255,255,255,.12);color:#fff}
.premium-actions{margin-top:18px}
.presentation-premium-visual{position:relative;z-index:1}
.presentation-cover-card{position:relative;display:block;border-radius:24px;overflow:hidden;background:#dfe8f3;border:1px solid #d8e3ed;box-shadow:0 20px 46px rgba(10,34,66,.14);aspect-ratio:4/5}
.presentation-cover-card img{display:block;width:100%;height:100%;object-fit:cover}
.cover-play{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:rgba(7,25,51,.88);color:#fff;font-weight:800;backdrop-filter:blur(8px)}
.cover-play b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#4268ef;color:#fff;font-size:14px}
.solar-cover-card{border-color:#29547f;background:#09213f}
.scribble-note{position:absolute;right:-6px;top:-8px;transform:rotate(-7deg);font:700 24px/1.1 "Brush Script MT","Segoe Print","Comic Sans MS",cursive;color:#4268ef;opacity:.9}
.solar-note{color:#ffd25d}
.presentation-video-panel{margin-top:18px;padding:24px 26px;border-radius:24px;background:#fff;border:1px solid #dce7f1;box-shadow:0 12px 30px rgba(15,51,92,.06)}
.solar-video-panel{background:#0a2343;border-color:#244a73;box-shadow:none;color:#fff}
.video-panel-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.video-panel-head h3{margin:6px 0 0;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.04em}
.video-panel-head p:not(.eyebrow){margin:0;max-width:52ch;color:#597188;line-height:1.65}
.solar-video-panel .video-panel-head p:not(.eyebrow){color:#c7d7e8}
.premium-video video{border-radius:18px;box-shadow:0 18px 44px rgba(8,32,58,.12)}

/* residential 01/02/03 consistency */
.value-strip-grid article span{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;padding:0 12px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* Solar chapter navigator refresh */
.feature-jump{position:sticky;top:82px;z-index:80;background:linear-gradient(180deg,rgba(247,251,255,.97),rgba(247,251,255,.92));backdrop-filter:blur(18px);border-bottom:1px solid #dbe6f1;padding:14px 0}
.feature-jump-shell{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:18px;align-items:center;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,#f3f8fc 100%);border:1px solid #d8e4ef;box-shadow:0 10px 28px rgba(12,47,85,.08)}
.feature-jump-title{display:grid;gap:6px;align-content:start}
.feature-jump-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#1768b6}
.feature-jump-title strong{font-size:18px;line-height:1.2;color:#0b2742;letter-spacing:-.02em}
.feature-jump-title small{color:#647b91;line-height:1.45}
.feature-jump-inner{display:flex;gap:10px;align-items:center;overflow:auto;padding:0;scrollbar-width:none}
.feature-jump-inner::-webkit-scrollbar{display:none}
.feature-jump a{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#edf4fb;color:#274766;font-size:13px;font-weight:780;border:1px solid transparent;transition:all .18s ease}
.feature-jump a:hover{background:#dcecff;color:#0b70e6;border-color:#c7ddff;transform:translateY(-1px)}

/* Slightly stronger separation for the editorial cluster */
.cluster-hub-section{margin-top:18px;background:linear-gradient(180deg,#eef5fb 0%,#f7fbff 100%)}
.cluster-hub-section .section-head{margin-bottom:30px}
.cluster-hub-section .section-head .eyebrow{color:#1768b6}

@media (max-width:980px){
  .presentation-premium,.feature-jump-shell{grid-template-columns:1fr}
  .presentation-premium{padding:24px}
  .scribble-note{position:static;display:block;margin-top:12px;transform:rotate(-4deg)}
}
@media (max-width:760px){
  .premium-resource-zone{padding:18px 0 14px}
  .presentation-premium-copy h2{font-size:clamp(28px,8vw,40px)}
  .presentation-video-panel{padding:18px}
  .video-panel-head{display:grid;align-items:start}
  .feature-jump{top:72px;padding:12px 0}
  .feature-jump-shell{padding:14px}
}
@media (max-width:560px){
  .presentation-meta-row{gap:8px}
  .presentation-meta-row span{padding:7px 10px;font-size:11px}
  .cover-play{left:12px;right:12px;bottom:12px;justify-content:center}
  .value-strip-grid article span{min-width:48px;min-height:48px}
}


/* ===== V18 single-player presentation layout ===== */
.unified-presentation-zone{padding:20px 0 12px}
.unified-presentation-panel{margin-top:0}
.presentation-panel-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.85fr);gap:22px;align-items:end}
.presentation-panel-side{display:grid;gap:12px;justify-items:start}
.presentation-meta-inline{margin:0}
.presentation-meta-inline span{background:rgba(255,255,255,.12);color:#fff}
.unified-presentation-panel .resource-actions{margin-top:2px}
.unified-presentation-panel .resource-video{margin-top:18px}
.unified-presentation-panel .resource-video video{width:100%;aspect-ratio:16/9;display:block}

/* Force identical 01-02-03 badges in Residential */
.value-strip-grid article{display:flex;align-items:flex-start;gap:18px}
.value-strip-grid article span{flex:0 0 56px;width:56px;height:56px;min-width:56px;min-height:56px;padding:0;border-radius:18px;line-height:1;font-size:14px;font-weight:900;letter-spacing:0;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed}
.value-strip-grid article div{min-width:0;flex:1 1 auto}

@media (max-width:980px){
  .presentation-panel-head{grid-template-columns:1fr}
}
@media (max-width:560px){
  .value-strip-grid article{gap:14px}
  .value-strip-grid article span{flex-basis:52px;width:52px;height:52px;min-width:52px;min-height:52px}
}

/* V24 · Revisión editorial */
.presentation-meta-text{
  margin:0;
  color:inherit;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.5;
}
.energy-game-section{scroll-margin-top:82px}
@media(max-width:760px){.energy-game-section{scroll-margin-top:72px}}

/* Aprende hub */
.learn-page{background:#f6f9fc}.learn-page .nav-links a[aria-current="page"]{color:#0872df}.learn-hero{position:relative;overflow:hidden;padding:clamp(92px,11vw,154px) 0;background:radial-gradient(circle at 78% 28%,rgba(43,204,210,.16),transparent 28%),radial-gradient(circle at 20% 5%,rgba(77,99,248,.12),transparent 34%),linear-gradient(180deg,#f4f9fe,#fff)}.learn-hero:after{content:"";position:absolute;right:-5vw;bottom:-180px;width:min(620px,52vw);aspect-ratio:1;border:1px solid rgba(44,116,191,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(42,150,218,.035),0 0 0 140px rgba(42,150,218,.025)}.learn-hero-copy{position:relative;z-index:1}.learn-hero-copy .eyebrow{color:#1684d6}.learn-hero-copy h1{max-width:900px;margin:0;font-size:clamp(52px,7vw,96px);line-height:.96;letter-spacing:-.062em;color:#081f3b}.learn-hero-copy>p:not(.eyebrow){max-width:720px;margin:28px 0 0;color:#4b6882;font-size:clamp(18px,1.3vw,22px);line-height:1.65}.learn-scroll-link{display:inline-flex;align-items:center;gap:12px;margin-top:35px;color:#0d65bd;font-size:14px;font-weight:850}.learn-featured{padding:clamp(72px,8vw,112px) 0;background:#fff}.learn-section-head{max-width:750px;margin-bottom:34px}.learn-section-head .eyebrow{color:#1982ce}.learn-section-head h2{margin:0;font-size:clamp(37px,4vw,58px);line-height:1.02;letter-spacing:-.05em}.learn-experience-grid{display:grid;gap:24px}.learn-experience-card{display:grid;grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr);min-height:520px;border:1px solid #244d6b;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(56,218,147,.14),transparent 30%),linear-gradient(135deg,#061526,#0a2942);box-shadow:0 30px 80px rgba(8,41,67,.18);color:#fff}.learn-experience-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(38px,5vw,70px)}.learn-product-label{color:#5de99b;font-size:12px;font-weight:900;letter-spacing:.18em}.learn-experience-copy h3{max-width:590px;margin:15px 0 20px;font-size:clamp(38px,4vw,61px);line-height:1.02;letter-spacing:-.052em}.learn-experience-copy p{max-width:600px;margin:0;color:#c7d7e4;font-size:17px;line-height:1.7}.learn-experience-copy ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:25px 0 28px;padding:0}.learn-experience-copy li{padding:8px 11px;border:1px solid rgba(145,184,207,.3);border-radius:999px;color:#afc4d4;font-size:12px;font-weight:750}.learn-experience-copy .btn-primary{background:linear-gradient(120deg,#6aeba7,#36d886);color:#042015;box-shadow:0 12px 28px rgba(40,218,133,.2)}.learn-experience-visual{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(47,226,143,.18),transparent 42%)}.learn-experience-visual img{width:116%;max-width:none;height:100%;margin-left:-8%;object-fit:contain;mix-blend-mode:screen}.learn-experience-visual span{position:absolute;left:28px;right:28px;bottom:26px;display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border:1px solid rgba(117,169,198,.34);border-radius:14px;background:rgba(3,16,26,.86);font-weight:850;letter-spacing:.05em}.learn-experience-visual b{color:#59e99a;font-size:13px}.learn-more{padding:clamp(68px,8vw,104px) 0;background:linear-gradient(180deg,#eef5fb,#f8fbfd)}.learn-more-copy{max-width:820px}.learn-more-copy .eyebrow{color:#437396}.learn-more-copy h2{margin:0;font-size:clamp(38px,4.8vw,64px);line-height:1;letter-spacing:-.05em}.learn-more-copy>p:not(.eyebrow){max-width:710px;margin:22px 0 0;color:#536f88;font-size:17px;line-height:1.7}
@media(max-width:980px){.learn-experience-card{grid-template-columns:1fr}.learn-experience-visual{min-height:430px}.learn-experience-copy{padding-bottom:20px}}
@media(max-width:760px){.learn-hero{padding:72px 0 76px}.learn-hero-copy h1{font-size:clamp(46px,13.5vw,64px)}.learn-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.6}.learn-featured{padding:62px 0}.learn-section-head h2{font-size:38px}.learn-experience-card{min-height:0;border-radius:23px}.learn-experience-copy{padding:31px 24px 20px}.learn-experience-copy h3{font-size:37px}.learn-experience-copy p{font-size:15px}.learn-experience-copy .btn{width:100%}.learn-experience-visual{min-height:315px}.learn-experience-visual img{height:315px}.learn-experience-visual span{left:14px;right:14px;bottom:14px}.learn-more-copy>p:not(.eyebrow){font-size:15px}}
.learn-experience-visual img{mix-blend-mode:normal}