:root{--bg:#f6f7f9;--panel:#fff;--text:#17191d;--muted:#667085;--line:#d9dde5;--accent:#4f46e5;--accent2:#0f172a;--radius:18px;--shadow:0 18px 50px rgba(15,23,42,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(860px,100%)}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,247,249,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,221,229,.8)}.header-inner{min-height:74px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent2);color:#fff}.nav{display:flex;gap:22px;margin-left:auto}.nav a{color:#414651;text-decoration:none;font-weight:650;font-size:.95rem}.nav a:hover{color:var(--accent)}.login-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer}.hero{padding:92px 0 72px;background:radial-gradient(circle at 75% 20%,rgba(79,70,229,.14),transparent 30%),linear-gradient(180deg,#fff,var(--bg))}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:64px;align-items:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850;color:var(--accent)}h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.96;letter-spacing:-.065em;margin:.16em 0 .25em}h1 span{color:var(--accent)}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.045em;margin:.2em 0 .5em}h3{margin:.2em 0 .35em;line-height:1.2}.lead{font-size:1.28rem;color:#4a5160;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}.btn.primary{background:var(--accent2);color:#fff}.btn.primary:hover{background:#26334a}.btn.secondary{background:#fff;color:var(--text);border-color:var(--line)}.btn.full{width:100%;margin-top:8px}.disclaimer,.source-note,.form-note{font-size:.88rem;color:var(--muted)}.hero-card,.info-card,.callout,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:28px}.hero-card .status{display:inline-block;background:#eef2ff;color:#3730a3;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.hero-card ul{padding-left:20px}.section{padding:88px 0}.section.dark{background:var(--accent2);color:#fff}.section.dark .section-kicker{color:#a5b4fc}.section.muted{background:#eef1f5}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.info-card{padding:24px}.timeline{margin-top:44px;border-left:1px solid #40506a}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:0 0 34px 30px;position:relative}.timeline-item:before{content:"";position:absolute;left:-7px;top:7px;width:13px;height:13px;border-radius:50%;background:#a5b4fc}.timeline-item .year{font-weight:900;color:#c7d2fe}.timeline-item p{color:#c3cad6}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.callout{padding:28px}.callout strong{font-size:1.4rem}.callout a{font-weight:800;color:var(--accent)}details{border-top:1px solid #ccd2dc;padding:20px 0}details:last-child{border-bottom:1px solid #ccd2dc}summary{font-weight:850;cursor:pointer}.contact{background:#fff}.form-card{padding:26px}.form-card label,#loginForm label{display:block;font-weight:750;margin-bottom:14px}.form-card input,.form-card textarea,#loginForm input{width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.form-card input:focus,.form-card textarea:focus,#loginForm input:focus{outline:2px solid rgba(79,70,229,.18);border-color:var(--accent)}code{background:#eef1f5;padding:.15em .35em;border-radius:6px}.footer{padding:42px 0;background:#0b1220;color:#d7deea}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer p{color:#9da9ba}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(8,12,20,.62)}.modal-panel{position:relative;width:min(430px,calc(100% - 32px));margin:10vh auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer;color:#667085}@media(max-width:850px){.nav{display:none}.hero-grid,.split,.info-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:64px}.hero-grid{gap:30px}.section{padding:64px 0}.timeline-item{grid-template-columns:80px 1fr}}@media(max-width:520px){html{scroll-padding-top:62px}.container{width:min(100% - 26px,1160px)}.brand span:last-child{display:none}.header-inner{min-height:64px}.hero-actions .btn{width:100%}h1{font-size:3.3rem}}

/* Background slideshow — low CPU: motion only during image change */
.background-slideshow{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#f6f7f9;contain:paint}
.background-slide{position:absolute;inset:0;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;opacity:1;visibility:hidden;z-index:0}
.background-slide::after{content:"";position:absolute;inset:0;background:rgba(246,247,249,.04)}
.background-slide.active{visibility:visible;z-index:1}
.background-slide.incoming{visibility:visible;z-index:2;animation:diagonalReveal 1.15s cubic-bezier(.22,.61,.36,1) both}
@keyframes diagonalReveal{
  0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
  100%{clip-path:polygon(0 0,115% 0,100% 100%,0 100%)}
}
.slide-1{background-image:url("../img/slide-turbine.webp")}
.slide-2{background-image:url("../img/slide-wind.webp")}
.slide-3{background-image:url("../img/slide-energy-storage.webp")}
.slide-sweep{display:none}
body{background:transparent}
.hero{background:radial-gradient(circle at 75% 20%,rgba(79,70,229,.05),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.16),rgba(246,247,249,.22))}
.section:not(.dark):not(.muted):not(.contact){background:rgba(246,247,249,.84)}
.powered-by{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#9da9ba}
.pajagrowth-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:850;letter-spacing:.02em}
.pajagrowth-brand:hover{color:#9da9ba;text-decoration:none}
.pajagrowth-brand img{width:110px;height:58px;object-fit:contain;display:block}
@media(prefers-reduced-motion:reduce){.background-slide.incoming{animation:none}}

/* v6: slider image always maps to the browser viewport; no crop/zoom. */
.background-slideshow{width:100vw;height:100vh;inset:0}
.background-slide{inset:0;width:100vw;height:100vh;background-size:100vw 100vh!important;background-position:0 0!important;background-repeat:no-repeat!important}


/* Contact: direct PajaGrowth contact, no form */
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.contact-brand{display:flex;align-items:center;gap:22px;padding:26px 30px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.contact-brand:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(15,23,42,.12)}
.contact-brand img{width:150px;height:78px;object-fit:contain;display:block}
.contact-brand strong{display:block;font-size:1.2rem}
.contact-brand span{display:block;color:var(--muted);margin-top:3px}
/* The energy-storage slide is intentionally softened so it does not overpower the content. */
.slide-3::after{background:rgba(246,247,249,.25)}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr}.contact-brand{justify-content:center}}
@media(max-width:520px){.contact-brand{flex-direction:column;text-align:center}.contact-brand img{width:130px;height:68px}}

/* Contact logo-only card */
.contact-brand{justify-content:center}
.contact-brand img{width:300px;height:156px}
@media(max-width:520px){.contact-brand img{width:260px;height:136px}}