/* PAWA: editorial engineering surfaces and explanatory diagrams. */
:root{--max:1400px}
.wrap{width:min(var(--max),calc(100% - 96px))}.section{padding:112px 0}
nav{width:min(1400px,100%);border-radius:12px;padding:8px 16px 8px 24px;background:rgba(11,22,38,.92)}
.brand{display:flex;align-items:center}.brand img{width:76px;height:58px;object-fit:contain}
.hero{min-height:850px;min-height:max(850px,100svh);padding-bottom:56px}.hero-media{inset:22% 0 0}.hero-media img{object-position:65% bottom;filter:saturate(.9) contrast(1.1);transform:scale(1.025)}
.hero-media:after{background:linear-gradient(180deg,var(--navy),rgba(11,22,38,.2) 28%,rgba(11,22,38,.08) 65%,var(--navy)),linear-gradient(90deg,rgba(11,22,38,.92),rgba(11,22,38,.5) 42%,rgba(11,22,38,.04) 78%)}
.hero-copy{max-width:none}.hero .display{max-width:920px;font-size:clamp(48px,6vw,88px)}.hero-sub{max-width:650px}.hero-support{max-width:610px;color:#bac9d9}.hero-rule{margin-top:52px}.hero-meta{color:#a8b9cc}
.problem-grid{grid-template-columns:.8fr 1.2fr;gap:64px}.media-frame,.dashboard-wrap{border:0;padding:0;background:none;border-radius:4px}.media-frame img{border-radius:4px;height:auto;aspect-ratio:1.55;object-fit:cover}.dashboard-wrap{overflow:hidden}.dashboard-wrap img{transition:transform .7s var(--ease)}
.question{padding:112px 0}.question:before{border-color:rgba(110,168,255,.05)}
.calc-grid{border:0;background:none;gap:0 48px;margin-top:48px}.calc-card{background:none;border-top:1px solid var(--line-strong);padding:28px 0 32px;min-height:0;overflow:visible}.calc-card .num{margin-bottom:12px}.calc-card h3{font-size:26px}.calc-card p{margin-bottom:0}.analysis-figure{margin:0 0 28px}.analysis-plot{display:block;width:100%;height:auto;max-height:210px;transition:transform .45s var(--ease),filter .45s var(--ease);transform-origin:center}.analysis-figure figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:12px 16px 0}.analysis-figure figcaption span{color:#91a8c3}.plot-line{fill:none;stroke:#5595ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.plot-area{fill:rgba(37,99,235,.13)}.plot-headroom{fill:rgba(110,168,255,.1)}.plot-limit{fill:none;stroke:#a3b4c9;stroke-width:1;stroke-dasharray:5 6}.plot-alternative{fill:none;stroke:#8ac8f7;stroke-width:2;stroke-dasharray:5 7}.plot-grid,.chart-grid{fill:none;stroke:rgba(248,250,252,.07);stroke-width:1}.plot-time{fill:#9fb0c3;font-size:10px}
.pipe{background:none;padding:28px 20px;min-height:300px}.pipe.center{position:relative;background:linear-gradient(135deg,#142e50,#0d2038);border:1px solid rgba(110,168,255,.3);box-shadow:inset 0 1px 0 rgba(110,168,255,.22);border-radius:4px}.pipe.center h3{letter-spacing:.12em;color:#f8fafc}.pipe.center li{color:#d3e3f5}.pipe.center .dot{background:#6ea8ff}.pipe-arrow{width:40px}.pipe-arrow:before{width:38px}.pipeline-stage{gap:20px}
.capacity-demo{margin-top:56px;border:0;padding:0}.smart-chart-card{padding:32px;background:linear-gradient(145deg,#0e223b,#0a192b);border:1px solid rgba(110,168,255,.16);border-radius:8px;position:relative;transform-origin:center;isolation:isolate}.smart-chart-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.chart-icon{display:grid;place-items:center;width:48px;height:48px;color:#6ea8ff;background:rgba(37,99,235,.13);border-radius:8px;font-size:30px}.smart-chart{display:block;width:100%;height:auto;overflow:visible}.contract-line{stroke:#afc1d7;stroke-width:1.5;stroke-dasharray:8 8}.contract-label{fill:#cad7e8;font-size:17px}.main-line{fill:none;stroke:#3d87ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ghost-line{fill:none;stroke:#79c7ff;stroke-width:2.5;stroke-dasharray:7 9;opacity:.65}.area-fill{fill:url(#capacityArea)}.peak-fill{fill:rgba(255,107,107,.2)}.peak-line{fill:none;stroke:#ff8181;stroke-width:3}.peak-label{fill:#ff9c9c;font-size:16px}.peak-zones{opacity:0}.chart-time{fill:#a3b4c9;font-size:15px}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.chart-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#bac9db}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend span:before{content:"";width:24px;border-top:2px solid #3d87ff}.chart-legend .legend-initial:before{border-color:#79c7ff;border-top-style:dashed}.capacity-demo .chart-result{color:#d8e8ff;font-size:13px}
.process{background:none;border:0;gap:24px}.process-step{background:none;border-top:1px solid var(--line-strong);padding:24px 0}.boundary-node{border:0;border-bottom:1px solid var(--line);background:#0d1c2e}.boundary-node.accent{border:0;border-left:2px solid var(--blue)}
@media(hover:hover) and (pointer:fine){.calc-card:hover{background:none}.calc-card:hover .analysis-plot{transform:scale(1.02);filter:drop-shadow(0 0 7px rgba(37,99,235,.18))}.media-frame:hover img,.dashboard-wrap:hover img{transform:scale(1.03)}.smart-chart-card:hover .main-line{filter:drop-shadow(0 0 5px rgba(61,135,255,.3))}.process-step:hover{background:none}}
@media(min-width:1600px){.hero .display{max-width:1080px}.hero-media{inset:14% 0 0}}
@media(max-width:980px){.wrap{width:calc(100% - 48px)}.problem-grid{grid-template-columns:1fr;gap:32px}.hero{min-height:900px}.hero-media{inset:25% 0 0}.hero-media:after{background:linear-gradient(180deg,var(--navy),rgba(11,22,38,.65) 30%,rgba(11,22,38,.35) 68%,var(--navy)),linear-gradient(90deg,rgba(11,22,38,.75),rgba(11,22,38,.1))}.pipeline-stage{grid-template-columns:1fr}.pipe{min-height:0}.calc-grid{gap:0 32px}.chart-footer{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.section{padding:80px 0}nav{padding:6px 10px 6px 12px}.brand img{width:62px;height:44px}.hero{min-height:850px;padding:126px 0 40px}.hero .display{font-size:clamp(38px,10.5vw,64px)}.hero-media{inset:30% 0 0}.hero-sub{font-size:18px}.hero-support{font-size:14px}.hero-rule{margin-top:36px}.hero-meta{font-size:11px}.question{padding:88px 0}.calc-grid{grid-template-columns:1fr}.calc-card{padding:24px 0}.analysis-plot{max-height:none}.smart-chart-card{padding:20px 12px}.smart-chart-head{padding:0 8px}.contract-label{font-size:27px}.chart-time{font-size:24px}.peak-label{font-size:24px}.chart-footer{margin-top:20px;padding:16px 8px 0}.chart-legend{gap:16px;font-size:11px}.pipeline-stage{margin-top:40px}.process{grid-template-columns:1fr}.process-step .index{margin-bottom:28px}.media-frame img{height:auto}.dashboard-label{left:12px;bottom:12px;font-size:10px}.final{padding-top:88px}.footer{margin-top:72px}}
@media(prefers-reduced-motion:reduce){.analysis-plot,.smart-chart-card,.dashboard-wrap img,.hero-media img{transform:none!important}.calc-card:hover .analysis-plot,.dashboard-wrap:hover img{filter:none;transform:none}.peak-zones{opacity:0}}
/* PAWA — Capacity feasibility animation */
.smart-chart-card{background:var(--navy-2);box-shadow:none;transform:none!important}.smart-chart-head{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.smart-chart-head h3{font-size:18px}.smart-chart-head .chart-phase{color:var(--blue-soft);font-size:13px;margin-top:8px;min-height:22px}.scenario-switch{display:flex;border-bottom:1px solid var(--line-strong);gap:16px}.scenario-switch button{font:inherit;font-size:12px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;cursor:pointer;min-height:44px}.scenario-switch button[aria-pressed=true]{color:var(--white);border-bottom-color:var(--blue-soft)}.scenario-switch button:focus-visible,.chart-time-control input:focus-visible{outline:2px solid var(--blue-soft);outline-offset:5px}.chart-scroll{overflow-x:auto}.chart-surface{position:relative;min-width:650px}.smart-chart{overflow:hidden;touch-action:pan-y}.smart-chart .site-area{fill:#536b86;fill-opacity:.32}.smart-chart .ghost-line{stroke:#93a8be;stroke-width:2;stroke-dasharray:none;opacity:1}.smart-chart .area-fill{fill:var(--blue);fill-opacity:.26}.smart-chart .main-line{stroke:var(--blue-soft);stroke-width:3;filter:none!important}.smart-chart .contract-line{stroke:#d5b775;stroke-width:2;stroke-dasharray:7 5}.smart-chart .contract-label{fill:#e0c68f;font-size:16px}.smart-chart .chart-time{font-size:16px;fill:var(--muted)}.smart-chart .peak-fill{fill:#e27772;fill-opacity:.24}.smart-chart .peak-line{stroke:#ee9189;stroke-width:3}.critical-peak{fill:var(--navy-2);stroke:#ee9189;stroke-width:2}.chart-cursor line{stroke:var(--muted);stroke-dasharray:4 5}.chart-cursor circle{fill:var(--blue-soft);stroke:var(--navy);stroke-width:2}.chart-tooltip{position:absolute;top:38%;display:grid;gap:4px;background:var(--navy);border:1px solid var(--line-strong);padding:12px;color:var(--white);font-size:12px;pointer-events:none;white-space:nowrap}.chart-tooltip[hidden]{display:none}.chart-legend .legend-site:before{border-color:#93a8be;border-top-width:7px}.chart-legend .legend-ev:before{border-color:var(--blue);border-top-width:7px}.chart-legend .legend-total:before{border-color:var(--blue-soft)}.capacity-demo .chart-values{font-size:13px;color:var(--white);max-width:none}.capacity-demo .chart-energy{font-size:11px;margin-top:16px;max-width:none}.chart-conclusion{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.capacity-demo .chart-conclusion p{max-width:none;font-size:12px;margin-top:8px}.capacity-demo .chart-conclusion .chart-result{font-size:15px;color:var(--white);margin-top:0}.capacity-demo .chart-conclusion .chart-study{color:var(--muted)}.chart-time-control{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);margin-top:20px}.chart-time-control input{accent-color:var(--blue-soft);width:180px;min-height:32px}.site-energy-diagram{margin:0;background:var(--navy-2);border:1px solid var(--line);padding:24px}.site-energy-diagram svg{width:100%;display:block}.diagram-wire{fill:none;stroke:var(--blue-soft);stroke-width:2}.diagram-node rect{fill:var(--navy);stroke:var(--line-strong);rx:4}.diagram-text{fill:var(--white);font-size:17px;font-family:inherit}.site-energy-diagram figcaption{color:var(--muted);font-size:11px;text-align:center;margin-top:12px}
@media(max-width:980px){.smart-chart-head{gap:8px}.smart-chart .contract-label{font-size:17px}}
@media(max-width:700px){.smart-chart-card{padding:20px 12px}.smart-chart-head h3{font-size:16px}.scenario-switch{gap:20px;width:100%}.scenario-switch button{font-size:12px}.smart-chart .chart-time{font-size:18px}.smart-chart .contract-label{font-size:17px}.chart-footer{padding-left:0;padding-right:0}.chart-tooltip .tooltip-detail{display:none}.chart-time-control{flex-wrap:wrap}.chart-time-control input{flex:1;min-width:120px}.site-energy-diagram{padding:12px}.chart-legend{gap:12px}.chart-energy{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.critical-peak{animation:none}}
.smart-chart .critical-peak{visibility:hidden}