.electrical-stage-page { --electrical-green:#007b67; --electrical-green-dark:#00584e; --electrical-navy:#08234d; --electrical-text:#314663; --electrical-muted:#67768a; --electrical-line:#dce7e5; overflow:hidden; background:#fff; color:var(--electrical-text); font-family:Poppins,sans-serif; }
.electrical-stage-page *, .electrical-stage-page *::before, .electrical-stage-page *::after { box-sizing:border-box; }
.electrical-stage-container { width:min(1380px,calc(100% - 64px)); margin:0 auto; }
.electrical-stage-page svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.electrical-stage-page h1, .electrical-stage-page h2, .electrical-stage-page h3 { color:var(--electrical-navy); font-family:'Work Sans',Poppins,sans-serif; }
.electrical-stage-eyebrow { margin:0 0 .8rem; color:var(--electrical-green); font-size:.7rem; font-weight:800; letter-spacing:.11em; line-height:1.3; text-transform:uppercase; }
.electrical-stage-hero { padding:8rem 0 2.4rem; background:linear-gradient(135deg,#fff 0%,#fff 68%,#f4faf9 100%); }
.electrical-stage-hero-grid { display:grid; grid-template-columns:minmax(27rem,.8fr) minmax(0,1.2fr); gap:clamp(2rem,3.5vw,4rem); align-items:start; }
.electrical-stage-hero h1 { max-width:43rem; margin:0; font-size:clamp(2.9rem,4.25vw,4.85rem); font-weight:700; letter-spacing:-.063em; line-height:1.02; }
.electrical-stage-hero h1 span { color:var(--electrical-green); }
.electrical-stage-lead, .electrical-stage-supporting { max-width:42rem; margin:1.25rem 0 0; font-size:clamp(.93rem,1.03vw,1.05rem); line-height:1.72; }
.electrical-stage-supporting { font-weight:550; }
.electrical-stage-actions, .electrical-stage-final-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.7rem; }
.electrical-stage-button, .electrical-stage-button:visited { display:inline-flex; min-height:3rem; gap:.6rem; align-items:center; justify-content:center; padding:.68rem 1rem; border:1px solid var(--electrical-green); border-radius:.48rem; background:var(--electrical-green); color:#fff; font-size:.76rem; font-weight:700; line-height:1.2; text-decoration:none; transition:box-shadow 180ms ease,transform 180ms ease; }
.electrical-stage-button:hover, .electrical-stage-button:focus { box-shadow:0 .9rem 1.8rem rgba(0,80,72,.18); color:#fff; transform:translateY(-2px); }
.electrical-stage-button svg { width:1rem; height:1rem; }
.electrical-stage-hero-visual { display:grid; min-width:0; margin:calc(1.71rem + clamp(1.479rem,2.1675vw,2.4735rem)) 0 0; place-items:center; }
.electrical-stage-hero-visual img { display:block; width:108%; max-width:none; height:auto; object-fit:contain; }
.electrical-stage-signal-section { padding:.8rem 0 2.5rem; }
.electrical-stage-signals { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:hidden; border:1px solid var(--electrical-line); border-radius:.85rem; background:#fff; box-shadow:0 1rem 2.4rem rgba(8,35,77,.06); }
.electrical-stage-signals > div { display:flex; gap:.75rem; align-items:center; min-width:0; min-height:5.4rem; padding:.8rem clamp(.8rem,1.6vw,1.5rem); border-right:1px solid var(--electrical-line); }
.electrical-stage-signals > div:last-child { border-right:0; }
.electrical-stage-signals span, .electrical-stage-icon { display:grid; flex:0 0 auto; width:3rem; height:3rem; padding:.68rem; border:1px solid var(--electrical-line); border-radius:.55rem; background:#eff9f6; color:var(--electrical-green-dark); place-items:center; }
.electrical-stage-signals strong { color:var(--electrical-navy); font-size:.7rem; line-height:1.4; }
.electrical-stage-features, .electrical-stage-workflow, .electrical-stage-outcomes, .electrical-stage-ai { padding:2.5rem 0; }
.electrical-stage-heading.is-centred { max-width:67rem; margin:0 auto 2rem; text-align:center; }
.electrical-stage-heading h2 { margin:0; font-size:clamp(2.15rem,3.3vw,3.55rem); font-weight:700; letter-spacing:-.055em; line-height:1.04; }
.electrical-stage-heading > p:last-child { margin:.75rem auto 0; color:var(--electrical-text); font-size:.86rem; line-height:1.65; }
.electrical-stage-feature-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.electrical-stage-feature-grid article { min-width:0; min-height:25rem; padding:1.35rem; border:1px solid var(--electrical-line); border-radius:.8rem; background:#fff; box-shadow:0 .8rem 2rem rgba(8,35,77,.04); transition:box-shadow 180ms ease,transform 180ms ease; }
.electrical-stage-feature-grid article:hover { box-shadow:0 1rem 2.2rem rgba(8,35,77,.09); transform:translateY(-4px); }
.electrical-stage-feature-grid h3 { margin:1rem 0 0; font-size:.9rem; line-height:1.4; }
.electrical-stage-feature-grid p, .electrical-stage-feature-grid li { color:var(--electrical-muted); font-size:.68rem; line-height:1.62; }
.electrical-stage-feature-grid p { margin:.7rem 0 0; }
.electrical-stage-feature-grid ul { display:grid; gap:.45rem; margin:1rem 0 0; padding:0; list-style:none; }
.electrical-stage-feature-grid li { position:relative; padding-left:1rem; }
.electrical-stage-feature-grid li::before { position:absolute; top:.62em; left:0; width:.36rem; height:.36rem; border-radius:50%; background:var(--electrical-green); content:""; }
.electrical-stage-workflow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.5rem; margin:2.8rem 0 0; padding:0; list-style:none; }
.electrical-stage-workflow-grid > li { position:relative; min-width:0; text-align:center; }
.electrical-stage-workflow-grid > li:not(:last-child)::after { position:absolute; top:2.1rem; left:calc(50% + 3.5rem); width:calc(100% - 4.5rem); height:1px; background:linear-gradient(90deg,rgba(0,123,103,.25),var(--electrical-green-dark)); content:""; }
.electrical-stage-workflow-grid > li:not(:last-child)::before { position:absolute; z-index:2; top:1.9rem; right:-1.3rem; width:.45rem; height:.45rem; border-top:1px solid var(--electrical-green-dark); border-right:1px solid var(--electrical-green-dark); content:""; transform:rotate(45deg); }
.electrical-stage-step-icon { display:grid; width:4.2rem; height:4.2rem; margin:0 auto 1.35rem; padding:1rem; border:1px solid rgba(0,123,103,.16); border-radius:50%; background:#fff; color:var(--electrical-green-dark); box-shadow:0 .8rem 2rem rgba(8,35,77,.08); place-items:center; }
.electrical-stage-workflow-grid > li > strong { display:block; color:var(--electrical-navy); font-size:.86rem; line-height:1.45; }
.electrical-stage-workflow-grid > li > p { max-width:16rem; margin:.65rem auto 0; color:var(--electrical-muted); font-size:.7rem; line-height:1.62; }
.electrical-stage-outcome-intro { max-width:64rem; margin:0 auto 2rem; text-align:center; }
.electrical-stage-outcome-intro h2 { margin:0; font-size:clamp(2.15rem,3.3vw,3.55rem); font-weight:700; letter-spacing:-.055em; line-height:1.04; }
.electrical-stage-outcome-intro h2 span { color:var(--electrical-green); }
.electrical-stage-outcome-intro > p:last-child { max-width:48rem; margin:.85rem auto 0; color:var(--electrical-muted); font-size:.82rem; line-height:1.65; }
.electrical-stage-outcome-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.electrical-stage-outcome-grid article { min-width:0; min-height:12.5rem; padding:1.15rem; border:1px solid var(--electrical-line); border-radius:.75rem; background:#fff; box-shadow:0 .8rem 2rem rgba(8,35,77,.04); }
.electrical-stage-outcome-grid h3 { margin:.85rem 0 0; font-size:.78rem; line-height:1.4; }
.electrical-stage-outcome-grid p { margin:.65rem 0 0; color:var(--electrical-muted); font-size:.65rem; line-height:1.62; }
.electrical-stage-stat { display:block; color:var(--electrical-green); font-size:2.2rem; letter-spacing:-.06em; line-height:1; }
.electrical-stage-ai { background:#f8fbfa; }
.electrical-stage-ai-grid { display:grid; grid-template-columns:minmax(22rem,.78fr) minmax(0,1.22fr); gap:clamp(2rem,4vw,4rem); align-items:center; padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--electrical-line); border-radius:1rem; background:#fff; box-shadow:0 1rem 2.8rem rgba(8,35,77,.07); }
.electrical-stage-ai-copy h2 { margin:0; font-size:clamp(2rem,3vw,3.2rem); letter-spacing:-.055em; line-height:1.05; }
.electrical-stage-ai-copy > p:last-of-type { max-width:37rem; margin:1rem 0 0; color:var(--electrical-muted); font-size:.78rem; line-height:1.65; }
.electrical-stage-ai-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-top:1.6rem; }
.electrical-stage-ai-benefits span { display:flex; gap:.65rem; align-items:center; min-width:0; color:var(--electrical-green); }
.electrical-stage-ai-benefits svg { flex:0 0 auto; width:1.45rem; height:1.45rem; padding:.25rem; border-radius:50%; background:#eff9f6; }
.electrical-stage-ai-benefits strong { color:var(--electrical-navy); font-size:.66rem; line-height:1.4; }
.electrical-stage-ai-panel { min-width:0; margin:0; overflow:hidden; padding:.55rem; border:1px solid var(--electrical-line); border-radius:.9rem; background:#f7faf9; }
.electrical-stage-ai-panel img { display:block; width:100%; height:auto; border-radius:.6rem; object-fit:contain; }
.electrical-stage-final-cta.reference-closing { padding:3.4rem 0 3rem; background:linear-gradient(115deg,#007b67,#00584e); }
.electrical-stage-final-grid.staging-closing-panel { grid-template-columns:minmax(0,1fr) auto; max-width:none; border:0; background:transparent; box-shadow:none; }
.electrical-stage-final-grid .staging-closing-title, .electrical-stage-final-grid .staging-closing-copy, .electrical-stage-final-grid .staging-closing-signals { color:#fff; }
.electrical-stage-final-grid .staging-closing-signals { border-top-color:rgba(255,255,255,.2); }
@media (max-width:1180px) { .electrical-stage-hero-grid{grid-template-columns:minmax(25rem,.88fr) minmax(0,1.12fr);gap:2.4rem}.electrical-stage-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.electrical-stage-feature-grid article{min-height:20rem}.electrical-stage-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1rem}.electrical-stage-workflow-grid>li:not(:last-child)::before,.electrical-stage-workflow-grid>li:not(:last-child)::after{display:none}.electrical-stage-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.electrical-stage-outcome-grid article{min-height:11.5rem} }
@media (max-width:960px) { .electrical-stage-hero-grid,.electrical-stage-ai-grid,.electrical-stage-final-grid.staging-closing-panel{grid-template-columns:1fr}.electrical-stage-hero-copy{max-width:54rem}.electrical-stage-hero-visual{width:min(100%,54rem);margin:0 auto}.electrical-stage-hero-visual img{width:100%;max-width:100%}.electrical-stage-signals{grid-template-columns:repeat(3,minmax(0,1fr))}.electrical-stage-signals>div{border-bottom:1px solid var(--electrical-line)}.electrical-stage-signals>div:nth-child(3){border-right:0}.electrical-stage-signals>div:nth-last-child(-n+2){border-bottom:0}.electrical-stage-ai-copy{max-width:54rem}.electrical-stage-final-actions{justify-content:flex-start} }
@media (max-width:720px) { .electrical-stage-container{width:calc(100% - 32px)}.electrical-stage-hero{padding:7rem 0 2rem}.electrical-stage-hero h1{font-size:clamp(2.55rem,11vw,3.35rem)}.electrical-stage-actions,.electrical-stage-final-actions{display:grid;grid-template-columns:1fr}.electrical-stage-button{width:100%}.electrical-stage-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.electrical-stage-signals>div{border-right:0}.electrical-stage-signals>div:nth-child(odd){border-right:1px solid var(--electrical-line)}.electrical-stage-signals>div:nth-last-child(-n+2){border-bottom:1px solid var(--electrical-line)}.electrical-stage-signals>div:last-child{grid-column:1/-1;border:0}.electrical-stage-feature-grid,.electrical-stage-workflow-grid,.electrical-stage-outcome-grid{grid-template-columns:1fr}.electrical-stage-feature-grid article,.electrical-stage-outcome-grid article{min-height:0}.electrical-stage-ai-benefits{grid-template-columns:1fr} }
@media (max-width:420px) { .electrical-stage-ai-benefits{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce) { .electrical-stage-button,.electrical-stage-feature-grid article{transition:none} }