/* EARP Renewables ERP: independent page design using the EARP brand palette */
.renewables-page {
    --renewables-ink:#10251f;
    --renewables-muted:#9aaca4;
    --renewables-green:#55dfaa;
    --renewables-deep:#081713;
    --renewables-panel:#10251f;
    --renewables-line:rgba(198,224,211,.15);
    background:#f7faf8;
    overflow-x:hidden;
}
.renewables-page .renewables-hero {
    background:var(--renewables-deep);
    color:#f4faf6;
    padding:76px clamp(22px,5vw,88px) 0;
    position:relative;
    overflow:hidden;
}
.renewables-page .renewables-hero:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 35%,rgba(85,223,170,.045) 35.1%,transparent 35.4%),radial-gradient(ellipse at 88% 22%,rgba(23,89,66,.6),transparent 42%);
    pointer-events:none;
}
.renewables-hero-grid {
    max-width:1500px;
    margin:auto;
    display:grid;
    grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr);
    gap:clamp(35px,5vw,90px);
    align-items:center;
    position:relative;
    z-index:1;
    padding-bottom:76px;
}
.renewables-kicker,.section-marker,.renewables-intro-label {
    font:650 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#8ca69a;
    display:flex;
    align-items:center;
    gap:10px;
}
.kicker-pulse {
    width:7px;
    height:7px;
    background:var(--renewables-green);
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(85,223,170,.12);
}
.renewables-hero h1 {
    font-size:clamp(38px,4.5vw,68px);
    letter-spacing:-.065em;
    line-height:1.02;
    font-weight:620;
    margin:30px 0 24px;
    max-width:720px;
}
.renewables-hero h1 em,.renewables-section-heading h2 em,.workflow-copy h2 em,.intelligence-top h2 em,.control-heading h2 em,.cta-copy h2 em {
    font-style:normal;
    color:var(--renewables-green);
}
.renewables-hero-copy>p {
    font-size:17px;
    line-height:1.8;
    color:#b1c1b9;
    max-width:550px;
    margin:0;
}
.renewables-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
    align-items:center;
}
.renewables-hero .btn {
    border-radius:3px;
    padding:15px 20px;
}
.renewables-hero .btn-secondary {
    border-color:#456057;
}
.renewables-hero-proof {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
    margin-top:43px;
    padding-top:22px;
    border-top:1px solid var(--renewables-line);
    font-size:11px;
    color:#9bb0a5;
}
.renewables-hero-proof span {
    display:flex;
    gap:8px;
    align-items:center;
}
.renewables-hero-proof b {
    color:var(--renewables-green);
    font:600 10px ui-monospace,monospace;
}
.renewables-command {
    background:#0c211a;
    border:1px solid rgba(163,207,186,.25);
    box-shadow:0 32px 90px rgba(0,0,0,.35);
    position:relative;
    min-width:0;
    color:#e8f2ec;
    padding:0 22px 0;
    transform:translateY(8px);
}
.command-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 0 16px;
    border-bottom:1px solid var(--renewables-line);
    gap:15px;
}
.command-top>div {
    display:grid;
    gap:4px;
}
.command-label {
    font:600 9px ui-monospace,monospace;
    letter-spacing:1.2px;
    color:#8aa497;
}
.command-top strong {
    font-size:17px;
    font-weight:600;
    letter-spacing:-.3px;
}
.live-pill,.workflow-status {
    display:inline-flex;
    align-items:center;
    gap:7px;
    font:600 9px ui-monospace,monospace;
    letter-spacing:.8px;
    color:#8ee9bf;
    border:1px solid rgba(85,223,170,.3);
    padding:7px 9px;
}
.live-pill i,.command-bottom i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#55dfaa;
    display:inline-block;
}
.command-meta {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:14px 0;
    color:#7e998c;
    font:9px ui-monospace,monospace;
    letter-spacing:.5px;
}
.command-meta b {
    color:#d2e3d9;
    font-weight:600;
    margin-left:6px;
}
.command-kpis {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--renewables-line);
    background:rgba(255,255,255,.018);
}
.command-kpi {
    padding:15px 13px;
    min-width:0;
    border-right:1px solid var(--renewables-line);
}
.command-kpi:last-child {
    border-right:0;
}
.command-kpi>span {
    font-size:10px;
    color:#9cb0a6;
    display:block;
    white-space:nowrap;
}
.command-kpi>strong {
    font-size:28px;
    line-height:1.5;
    letter-spacing:-1px;
    font-weight:550;
    display:block;
}
.command-kpi>strong small {
    font-size:13px;
    color:#9db2a7;
}
.mini-track {
    height:3px;
    background:#294238;
    margin:4px 0 8px;
}
.mini-track i {
    height:100%;
    display:block;
    background:var(--renewables-green);
}
.kpi-note {
    font-size:9px;
    color:#7f9a8d;
    display:block;
}
.amber-text {
    color:#e9bd76;
}
.command-body {
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:14px;
    padding:18px 0;
}
.production-panel,.activity-panel {
    background:#10271f;
    border:1px solid var(--renewables-line);
    padding:15px;
    min-width:0;
}
.panel-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    font-size:11px;
}
.panel-head>span {
    color:#789588;
    font-size:9px;
}
.chart-legend {
    display:flex;
    gap:13px;
    margin:12px 0 4px;
    font-size:9px;
    color:#94a99f;
}
.chart-legend span {
    display:flex;
    align-items:center;
    gap:5px;
}
.chart-legend i {
    width:12px;
    height:2px;
    background:#55dfaa;
    display:inline-block;
}
.chart-legend span+span i {
    background:#e3ad64;
}
.production-chart {
    position:relative;
    padding-left:28px;
}
.production-chart svg {
    display:block;
    width:100%;
    height:128px;
    background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(210,232,219,.08) 32px);
}
.chart-y {
    position:absolute;
    left:0;
    top:0;
    height:128px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    color:#789488;
    font:8px ui-monospace,monospace;
}
.chart-x {
    display:flex;
    justify-content:space-between;
    color:#789488;
    font:8px ui-monospace,monospace;
    margin-top:5px;
}
.activity-panel .panel-head {
    margin-bottom:10px;
}
.activity-row {
    display:grid;
    grid-template-columns:25px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:12px 0;
    border-top:1px solid var(--renewables-line);
}
.activity-icon {
    font-style:normal;
    display:grid;
    place-items:center;
    width:23px;
    height:23px;
    border-radius:5px;
    font-size:12px;
}
.green-icon {
    background:rgba(85,223,170,.13);
    color:#70e6b4;
}
.amber-icon {
    background:rgba(227,173,100,.14);
    color:#e3ad64;
}
.blue-icon {
    background:rgba(125,165,223,.14);
    color:#8ab3ed;
}
.activity-row b {
    font-size:9px;
    display:block;
    font-weight:600;
}
.activity-row small {
    display:block;
    color:#7f998d;
    font-size:8px;
    margin-top:3px;
}
.activity-row time {
    font:8px ui-monospace,monospace;
    color:#799286;
}
.command-bottom {
    border-top:1px solid var(--renewables-line);
    padding:13px 0;
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#769083;
    font:8px ui-monospace,monospace;
}
.command-bottom span:first-child {
    display:flex;
    align-items:center;
    gap:7px;
}
.orbit-stamp {
    position:absolute;
    right:-18px;
    top:43%;
    width:66px;
    height:66px;
    background:#55dfaa;
    color:#0b2119;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transform:rotate(7deg);
    box-shadow:0 8px 25px #06120d;
}
.orbit-stamp span {
    font-weight:850;
    font-size:16px;
    letter-spacing:-1px;
}
.orbit-stamp small {
    font:700 6px/1.5 ui-monospace,monospace;
    letter-spacing:.7px;
    text-align:center;
}
.renewables-hero-foot {
    border-top:1px solid var(--renewables-line);
    padding:18px 0;
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#7f998d;
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    position:relative;
    z-index:1;
}
.renewables-hero-foot>div {
    display:flex;
    align-items:center;
    gap:14px;
}
.renewables-hero-foot i {
    width:4px;
    height:4px;
    background:#55dfaa;
    border-radius:50%;
}
.renewables-intro {
    padding:44px clamp(22px,7vw,120px) 76px;
    background:#f7faf8;
}
.renewables-intro-label {
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid #dce7e1;
    color:#74877e;
}
.renewables-intro-label span {
    color:#a2b1aa;
}
.renewables-intro-content {
    display:grid;
    grid-template-columns:1.05fr .75fr;
    gap:8vw;
    align-items:start;
    padding:42px 0 50px;
}
.renewables-intro-content h2,.renewables-section-heading h2 {
    font-size:clamp(32px,4vw,54px);
    line-height:1.08;
    letter-spacing:-.055em;
    font-weight:620;
    color:#10251f;
    margin:0;
}
.renewables-intro-content h2 em {
    font-style:normal;
    color:#07986b;
}
.renewables-intro-content p {
    margin:5px 0 0;
    color:#61746b;
    font-size:15px;
    line-height:1.9;
}
.renewables-challenge-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dce7e1;
    border-bottom:1px solid #dce7e1;
}
.renewables-challenge-grid article {
    padding:27px 30px 26px 0;
    border-right:1px solid #dce7e1;
}
.renewables-challenge-grid article+article {
    padding-left:30px;
}
.renewables-challenge-grid article:last-child {
    border:0;
}
.renewables-challenge-grid article>span {
    font:11px ui-monospace,monospace;
    color:#07986b;
}
.renewables-challenge-grid h3 {
    font-size:18px;
    letter-spacing:-.4px;
    margin:18px 0 8px;
}
.renewables-challenge-grid p {
    color:#6c7e75;
    font-size:13px;
    line-height:1.8;
    margin:0;
    max-width:340px;
}
.renewables-modules {
    background:#eaf2ed;
    padding:100px clamp(22px,7vw,120px) 92px;
}
.section-marker {
    justify-content:space-between;
    color:#71857a;
}
.section-marker span:last-child {
    color:#9aa9a1;
}
.renewables-section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:35px;
    margin:38px 0 42px;
}
.renewables-section-heading>p {
    max-width:430px;
    margin:0 0 4px;
    color:#61746b;
    font-size:14px;
    line-height:1.85;
}
.module-layout {
    display:grid;
    grid-template-columns:.72fr 1.55fr;
    gap:17px;
}
.module-feature {
    background:#0c211a;
    color:#edf7f0;
    padding:27px 29px;
    display:flex;
    flex-direction:column;
    min-height:540px;
    position:relative;
    overflow:hidden;
}
.module-feature:after {
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px solid rgba(85,223,170,.15);
    border-radius:50%;
    right:-120px;
    bottom:60px;
    box-shadow:0 0 0 30px rgba(85,223,170,.025),0 0 0 60px rgba(85,223,170,.02);
}
.module-feature-top {
    display:flex;
    justify-content:space-between;
    color:#8ba498;
    font:9px ui-monospace,monospace;
    letter-spacing:1.1px;
}
.module-number {
    color:#55dfaa;
}
.module-glyph {
    font-size:62px;
    color:#55dfaa;
    line-height:1;
    margin-top:92px;
}
.module-feature h3 {
    font-size:27px;
    line-height:1.15;
    letter-spacing:-1px;
    margin:18px 0 13px;
    max-width:270px;
}
.module-feature p {
    font-size:13px;
    color:#a6b8ae;
    line-height:1.8;
    margin:0;
    max-width:320px;
}
.module-tags {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:25px;
    position:relative;
    z-index:1;
}
.module-tags span {
    border:1px solid rgba(183,218,199,.18);
    padding:7px 9px;
    font-size:9px;
    color:#a8bcb1;
}
.module-feature-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:auto;
    padding-top:32px;
    color:#6f9584;
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    position:relative;
    z-index:1;
}
.module-feature-bottom span+span {
    font-size:20px;
    color:#55dfaa;
}
.module-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.module-card {
    background:#fff;
    padding:22px 20px 18px;
    min-height:260px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(16,37,31,.055);
    transition:transform .2s,border-color .2s;
}
.module-card:hover {
    transform:translateY(-4px);
    border-color:#55c99b;
}
.module-card-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#9aa9a1;
    font:10px ui-monospace,monospace;
}
.module-icon {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    background:#e0f7ec;
    color:#087f5d;
    font-size:22px;
}
.module-card h3 {
    font-size:17px;
    line-height:1.2;
    letter-spacing:-.5px;
    margin:24px 0 9px;
}
.module-card p {
    font-size:12px;
    line-height:1.75;
    color:#6a7b73;
    margin:0 0 18px;
}
.module-card a {
    margin-top:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:12px;
    border-top:1px solid #e5ede8;
    color:#087f5d;
    font-size:10px;
    font-weight:700;
}
.module-card a b {
    font-size:15px;
}
.module-disclaimer {
    font-size:10px;
    color:#87988f;
    margin:16px 0 0;
}
.renewables-workflow {
    background:#081713;
    color:#f0f7f2;
    padding:100px clamp(22px,7vw,120px);
    display:grid;
    grid-template-columns:.9fr 1fr;
    gap:clamp(45px,9vw,145px);
    align-items:center;
}
.light-marker {
    color:#85a296;
}
.light-marker span:last-child {
    color:#638172;
}
.workflow-copy h2,.control-heading h2 {
    font-size:clamp(37px,4.4vw,59px);
    line-height:1.05;
    letter-spacing:-.06em;
    font-weight:620;
    margin:37px 0 20px;
}
.workflow-copy>p,.control-heading>p {
    color:#a4b8ad;
    font-size:14px;
    line-height:1.9;
    max-width:500px;
    margin:0;
}
.workflow-list {
    margin-top:35px;
    border-top:1px solid var(--renewables-line);
}
.workflow-step {
    display:grid;
    grid-template-columns:32px 1fr 20px;
    gap:13px;
    align-items:center;
    padding:18px 10px;
    border-bottom:1px solid var(--renewables-line);
    color:#7f998d;
}
.workflow-step>span {
    font:10px ui-monospace,monospace;
}
.workflow-step b {
    font-size:13px;
    display:block;
    color:#b7c8bf;
    font-weight:550;
}
.workflow-step small {
    display:block;
    font-size:11px;
    line-height:1.6;
    margin-top:4px;
    color:#718a7d;
}
.workflow-step>i {
    font-style:normal;
    font-size:16px;
}
.workflow-step.active {
    background:rgba(85,223,170,.075);
    border-left:2px solid #55dfaa;
    padding-left:13px;
}
.workflow-step.active b,.workflow-step.active>i {
    color:#55dfaa;
}
.workflow-visual {
    border:1px solid rgba(173,213,192,.2);
    background:#0c211a;
    padding:22px 25px 17px;
    position:relative;
}
.workflow-map-head {
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    margin-bottom:22px;
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    color:#8aa397;
}
.workflow-status {
    padding:5px 7px;
}
.workflow-node {
    position:relative;
    background:#112a21;
    border:1px solid rgba(167,210,188,.2);
    padding:14px 17px;
    min-width:0;
}
.workflow-node>span {
    display:block;
    color:#76a38d;
    font:8px ui-monospace,monospace;
    letter-spacing:1px;
}
.workflow-node b {
    display:block;
    font-size:13px;
    margin-top:5px;
    font-weight:600;
}
.workflow-node small {
    font-size:10px;
    color:#829d90;
    display:block;
    margin-top:3px;
}
.workflow-node>i {
    position:absolute;
    right:12px;
    top:12px;
    color:#587d6a;
    font:9px ui-monospace,monospace;
    font-style:normal;
}
.node-field {
    max-width:330px;
    margin:auto;
}
.workflow-connector {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    height:43px;
    color:#55dfaa;
    font-size:10px;
}
.workflow-connector i {
    font-style:normal;
    font-size:16px;
    line-height:1;
}
.node-approval {
    max-width:380px;
    margin:auto;
    border-color:rgba(85,223,170,.5);
}
.workflow-split {
    display:flex;
    justify-content:space-around;
    color:#55dfaa;
    font-size:18px;
    padding:7px 0;
}
.workflow-branch {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.workflow-branch .workflow-node {
    padding:12px;
}
.node-insight {
    border-color:rgba(85,223,170,.45);
    background:rgba(85,223,170,.07);
}
.workflow-footnote {
    border-top:1px solid var(--renewables-line);
    margin-top:19px;
    padding-top:13px;
    color:#718c7f;
    font-size:9px;
    line-height:1.5;
}
.renewables-intelligence {
    background:#f7faf8;
    padding:100px clamp(22px,7vw,120px);
}
.intelligence-top .renewables-section-heading {
    margin-bottom:36px;
}
.intelligence-grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:14px;
}
.intelligence-card {
    background:white;
    border:1px solid #e0e9e3;
    padding:24px;
    min-width:0;
}
.intelligence-card-tag {
    font:10px ui-monospace,monospace;
    letter-spacing:1px;
    color:#82948a;
}
.intelligence-card h3 {
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.6px;
    margin:26px 0 10px;
}
.intelligence-card>p {
    font-size:12px;
    line-height:1.8;
    color:#697b72;
    margin:0;
}
.intelligence-main {
    background:#e7f3ec;
}
.intelligence-visual {
    height:190px;
    position:relative;
    display:grid;
    place-items:center;
    margin-top:12px;
}
.ring-chart {
    width:148px;
    height:148px;
    border:1px solid #8ad9b5;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    background:conic-gradient(from 10deg,#55dfaa 0 65%,transparent 65% 73%,#a8d7be 73% 90%,transparent 90%);
}
.ring-chart:before {
    content:"";
    position:absolute;
    inset:10px;
    background:#e7f3ec;
    border-radius:50%;
}
.ring-chart>div {
    position:relative;
    text-align:center;
    display:grid;
}
.ring-chart strong {
    font-size:29px;
    letter-spacing:-1px;
    color:#10251f;
}
.ring-chart small {
    font:8px ui-monospace,monospace;
    letter-spacing:1px;
    color:#658174;
}
.ring-label {
    position:absolute;
    font-size:10px;
    color:#567568;
    background:#f7faf8;
    padding:5px 8px;
    border:1px solid #d7e8dd;
}
.label-a {
    top:22px;
    left:12px;
}
.label-b {
    top:45px;
    right:3px;
}
.label-c {
    bottom:18px;
    left:7px;
}
.label-d {
    bottom:27px;
    right:3px;
}
.exception-stack {
    margin-top:25px;
}
.exception-stack>div {
    display:grid;
    grid-template-columns:9px 1fr auto;
    gap:10px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #e7eee9;
}
.exception-dot {
    width:7px;
    height:7px;
    border-radius:50%;
}
.amber-dot {
    background:#d99b3f;
}
.mint-dot {
    background:#18a878;
}
.blue-dot {
    background:#6996d2;
}
.exception-stack b {
    display:block;
    font-size:11px;
    font-weight:650;
}
.exception-stack small {
    display:block;
    font-size:10px;
    color:#82938a;
    margin-top:4px;
}
.exception-stack em {
    font-style:normal;
    font-size:9px;
    color:#087f5d;
    background:#e0f7ec;
    padding:5px 7px;
}
.ai-assistant {
    background:#0c211a;
    margin-top:24px;
    padding:18px;
    color:#eff7f2;
    min-height:168px;
    position:relative;
}
.ai-avatar {
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    background:#55dfaa;
    color:#0c211a;
    font-size:17px;
    margin-bottom:13px;
}
.ai-assistant>div:nth-child(2) {
    display:grid;
    gap:4px;
}
.ai-assistant>div:nth-child(2) small {
    font:8px ui-monospace,monospace;
    color:#8ca99a;
    letter-spacing:.8px;
}
.ai-assistant>div:nth-child(2) b {
    font-size:12px;
    font-weight:600;
}
.ai-response {
    font-size:10px;
    line-height:1.7;
    color:#9fb5a8;
    margin-top:11px;
}
.ai-prompt {
    display:block;
    color:#6c8a7b;
    font-size:8px;
    margin-top:12px;
}
.intelligence-note {
    display:flex;
    justify-content:space-between;
    gap:15px;
    flex-wrap:wrap;
    border-top:1px solid #dce7e1;
    margin-top:20px;
    padding-top:15px;
    font:9px ui-monospace,monospace;
    letter-spacing:.4px;
    color:#82938a;
}
.intelligence-note span:first-child {
    color:#087f5d;
}
.renewables-control {
    background:#10251f;
    color:#eff7f2;
    padding:100px clamp(22px,7vw,120px) 0;
}
.control-heading {
    max-width:850px;
}
.control-heading h2 {
    margin-bottom:19px;
}
.control-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin-top:55px;
    border-top:1px solid rgba(190,224,205,.16);
    border-bottom:1px solid rgba(190,224,205,.16);
}
.control-grid article {
    padding:24px 25px 29px 0;
    border-right:1px solid rgba(190,224,205,.16);
}
.control-grid article+article {
    padding-left:25px;
}
.control-grid article:last-child {
    border:0;
}
.control-index {
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    color:#7e9b8d;
}
.control-symbol {
    font-size:34px;
    color:#55dfaa;
    margin:35px 0 18px;
}
.control-grid h3 {
    font-size:17px;
    letter-spacing:-.4px;
    margin:0 0 8px;
}
.control-grid p {
    font-size:12px;
    line-height:1.8;
    color:#9bb0a5;
    margin:0;
}
.control-band {
    margin-top:55px;
    padding:25px 0 28px;
    border-top:1px solid rgba(190,224,205,.16);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}
.control-band>div {
    display:grid;
    gap:7px;
}
.control-band>div span {
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    color:#85a193;
}
.control-band>div strong {
    font-size:19px;
    font-weight:550;
    letter-spacing:-.5px;
}
.control-band .btn {
    border-radius:3px;
    white-space:normal;
}
.renewables-cta {
    background:#e4f4eb;
    padding:85px clamp(22px,7vw,120px);
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:clamp(40px,8vw,120px);
    align-items:center;
    overflow:hidden;
}
.cta-graphic {
    min-height:340px;
    position:relative;
    display:grid;
    place-items:center;
}
.cta-orbit {
    position:absolute;
    border:1px solid rgba(7,152,107,.25);
    border-radius:50%;
    transform:rotate(-24deg);
}
.orbit-one {
    width:300px;
    height:210px;
}
.orbit-two {
    width:240px;
    height:300px;
    transform:rotate(40deg);
}
.cta-core {
    width:116px;
    height:116px;
    border-radius:50%;
    background:#10251f;
    color:#55dfaa;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:850;
    letter-spacing:-1px;
    box-shadow:0 0 0 12px rgba(85,223,170,.15),0 0 0 25px rgba(7,152,107,.07);
    z-index:1;
}
.cta-core span {
    font:8px ui-monospace,monospace;
    letter-spacing:1.5px;
    margin-top:5px;
}
.cta-node {
    position:absolute;
    background:#fff;
    border:1px solid #c8e5d5;
    padding:8px 11px;
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    color:#27624b;
    z-index:2;
}
.cta-node-one {
    top:22px;
    left:14%;
}
.cta-node-two {
    top:64px;
    right:0;
}
.cta-node-three {
    bottom:28px;
    left:9%;
}
.cta-node-four {
    bottom:53px;
    right:5%;
}
.cta-copy h2 {
    font-size:clamp(38px,4.4vw,58px);
    line-height:1.04;
    letter-spacing:-.06em;
    color:#10251f;
    margin:25px 0 18px;
}
.cta-copy h2 em {
    color:#07986b;
}
.cta-copy>p {
    max-width:580px;
    color:#61746b;
    font-size:14px;
    line-height:1.9;
    margin:0;
}
.cta-copy .btn {
    border-radius:3px;
}
.btn-outline-dark {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 20px;
    border:1px solid #b5d0c1;
    color:#173c2e;
    font-size:14px;
    font-weight:750;
}
.cta-small {
    display:block;
    color:#7b9286;
    font-size:9px;
    margin-top:24px;
}
.renewables-page .site-footer {
    background:#081713;
    color:#a2b7ab;
}
.renewables-page .footer-main {
    border-bottom-color:rgba(190,224,205,.15);
}
.renewables-page .brand-name {
    color:#f2f8f4;
}
.renewables-page .brand-name small {
    color:#82998d;
}
.renewables-page .footer-main p {
    color:#8da398;
}
.renewables-page .footer-main b {
    color:#e3eee7;
}
.renewables-page .footer-main a:hover {
    color:#55dfaa;
}
.renewables-page .footer-bottom {
    color:#718a7d;
}
.renewables-page .text-button {
    color:#55dfaa;
}
@media(max-width:1100px) {
    .renewables-hero-grid {
        grid-template-columns:1fr;
        gap:44px;
    }
    .renewables-hero-copy {
        max-width:800px;
    }
    .renewables-command {
        max-width:850px;
        width:100%;
        margin:0 auto;
    }
    .module-layout {
        grid-template-columns:1fr;
    }
    .module-feature {
        min-height:360px;
    }
    .module-glyph {
        margin-top:45px;
    }
    .module-cards {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .renewables-workflow {
        gap:40px;
    }
    .control-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .control-grid article:nth-child(2) {
        border-right:0;
    }
    .control-grid article:nth-child(3) {
        padding-left:0;
    }
    .control-grid article:nth-child(3),.control-grid article:nth-child(4) {
        border-top:1px solid rgba(190,224,205,.16);
    }
}
@media(max-width:760px) {
    .renewables-hero {
        padding-top:54px!important;
    }
    .renewables-hero-grid {
        padding-bottom:45px;
    }
    .renewables-hero h1 {
        font-size:clamp(39px,9vw,58px);
    }
    .renewables-hero-copy>p {
        font-size:15px;
    }
    .renewables-hero-proof {
        gap:12px;
    }
    .renewables-command {
        padding:0 13px;
    }
    .command-body {
        grid-template-columns:1fr;
    }
    .command-meta {
        flex-wrap:wrap;
    }
    .command-kpi {
        padding:12px 8px;
    }
    .command-kpi>span {
        font-size:9px;
        white-space:normal;
    }
    .command-kpi>strong {
        font-size:23px;
    }
    .orbit-stamp {
        right:-8px;
        top:38%;
        width:53px;
        height:53px;
    }
    .orbit-stamp span {
        font-size:13px;
    }
    .renewables-hero-foot {
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
    .renewables-intro,.renewables-modules,.renewables-workflow,.renewables-intelligence,.renewables-control {
        padding:44px 22px 60px;
    }
    .renewables-intro-content {
        grid-template-columns:1fr;
        gap:20px;
        padding:30px 0;
    }
    .renewables-intro-content h2,.renewables-section-heading h2 {
        font-size:clamp(31px,7vw,45px);
    }
    .renewables-challenge-grid {
        grid-template-columns:1fr;
    }
    .renewables-challenge-grid article,.renewables-challenge-grid article+article {
        padding:22px 0;
        border-right:0;
        border-bottom:1px solid #dce7e1;
    }
    .renewables-challenge-grid article:last-child {
        border-bottom:0;
    }
    .renewables-section-heading {
        display:block;
        margin:30px 0;
    }
    .renewables-section-heading>p {
        margin-top:18px;
    }
    .module-cards {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .module-card {
        min-height:250px;
        padding:17px;
    }
    .module-card h3 {
        font-size:16px;
        margin-top:20px;
    }
    .renewables-workflow {
        grid-template-columns:1fr;
    }
    .workflow-visual {
        padding:17px;
    }
    .intelligence-grid {
        grid-template-columns:1fr;
    }
    .intelligence-card {
        padding:21px;
    }
    .intelligence-visual {
        max-width:360px;
        margin:15px auto 0;
        width:100%;
    }
    .intelligence-card h3 {
        margin-top:22px;
    }
    .control-grid {
        margin-top:35px;
    }
    .control-grid article {
        padding:20px 15px 22px 0;
    }
    .control-grid article+article {
        padding-left:15px;
    }
    .control-grid article:nth-child(odd) {
        padding-left:0;
    }
    .control-grid article:nth-child(even) {
        padding-left:15px;
    }
    .control-symbol {
        margin:25px 0 14px;
    }
    .control-band {
        align-items:flex-start;
        flex-direction:column;
        margin-top:35px;
    }
    .renewables-cta {
        grid-template-columns:1fr;
        padding:60px 22px;
        gap:30px;
    }
    .cta-graphic {
        min-height:285px;
        max-width:420px;
        width:100%;
        margin:auto;
    }
    .orbit-one {
        width:250px;
        height:175px;
    }
    .orbit-two {
        width:200px;
        height:250px;
    }
    .cta-copy h2 {
        font-size:clamp(37px,8vw,50px);
    }
    .renewables-page .footer-main {
        grid-template-columns:1fr 1fr;
    }
    .renewables-page .footer-main>div:first-child {
        grid-column:1/-1;
    }
}
@media(max-width:440px) {
    .renewables-hero-actions {
        align-items:stretch;
        flex-direction:column;
    }
    .renewables-hero-actions .btn {
        width:100%;
    }
    .renewables-hero-proof {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .command-top strong {
        font-size:14px;
    }
    .live-pill {
        font-size:8px;
        padding:6px;
    }
    .command-kpi>strong {
        font-size:20px;
    }
    .command-kpi>span {
        min-height:26px;
    }
    .production-panel,.activity-panel {
        padding:12px;
    }
    .module-cards {
        grid-template-columns:1fr;
    }
    .module-card {
        min-height:0;
    }
    .module-feature {
        min-height:340px;
        padding:22px;
    }
    .workflow-branch {
        gap:7px;
    }
    .workflow-branch .workflow-node {
        padding:10px 8px;
    }
    .workflow-branch .workflow-node b {
        font-size:11px;
    }
    .workflow-branch .workflow-node small {
        font-size:9px;
    }
    .control-grid h3 {
        font-size:15px;
    }
    .control-grid p {
        font-size:11px;
    }
    .cta-graphic {
        min-height:250px;
    }
    .cta-node {
        font-size:8px;
        padding:7px;
    }
    .cta-node-one {
        left:2%;
    }
    .cta-node-two {
        right:0;
    }
    .cta-node-three {
        left:0;
    }
    .cta-node-four {
        right:0;
    }
    .renewables-hero-foot>div {
        gap:8px;
        font-size:8px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .module-card {
        transition:none;
    }
    .module-card:hover {
        transform:none;
    }
}
/* Secondary section navigation: centred directly below the sticky main header */
.renewables-section-nav {
    position:sticky;
    top:var(--site-header-height, 84px);
    z-index:49;
    background: rgba(234,242,237,.98);
    backdrop-filter:blur(14px);
    border-bottom:1px solid #dce7e1;
    box-shadow: 0 5px 18px rgba(9,35,25,.08)
}
.renewables-section-nav-inner {
    max-width:1600px;
    margin:0 auto;
    padding:0 24px;
    height:52px;
    display:flex;
    align-items:stretch;
    justify-content:center;
}
.renewables-section-nav-links {
    position:relative;
    display:flex;
    height:100%;
    align-items:stretch;
    justify-content:center;
    gap:clamp(20px,3vw,44px);
    align-self:stretch;
    flex-shrink:0;
}
.renewables-section-nav-links a {
    position:relative;
    display:flex;
    align-items:center;
    padding:1px 0 0;
    color:#53685e;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    transition:color .2s ease;
}
.renewables-section-nav-links a:hover,.renewables-section-nav-links a.is-active {
    color:#10251f;
}
.renewables-nav-indicator {
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:4px;
    background:#20c98b;
    border-radius:3px 3px 0 0;
    transform:translateX(0);
    transition:transform .28s ease,width .28s ease;
    pointer-events:none;
    z-index:5;
    display:block;
    visibility:visible;
    opacity:1;
    box-shadow:0 0 8px rgba(32,201,139,.22);
}
.renewables-page section[id] {
    scroll-margin-top:calc(var(--site-header-height, 110px) + 60px);
}
@media(max-width:800px) {
    .renewables-section-nav {
        top:72px;
    }
    .renewables-section-nav-inner {
        display:block;
        padding:0;
        height:48px;
        min-height:0;
    }
    .renewables-section-nav-links {
        justify-content:flex-start;
        gap:25px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0 22px;
        min-height:48px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .renewables-section-nav-links::-webkit-scrollbar {
        display:none;
    }
    .renewables-section-nav-links a {
        font-size:12px;
        flex-shrink:0;
    }
    .renewables-nav-indicator {
        position:absolute;
        bottom:0;
        display:block;
    }
    .renewables-page section[id] {
        scroll-margin-top:120px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .renewables-section-nav-links a,.renewables-nav-indicator {
        transition:none;
    }
}
/* Oil ERP interaction feedback */
#demo-modal[hidden] {
    display:none!important;
}
#demo-form-area[hidden],#demo-success[hidden] {
    display:none!important;
}
#renewables-toast {
    position:fixed;
    left:50%;
    bottom:24px;
    transform:translate(-50%,12px);
    opacity:0;
    pointer-events:none;
    z-index:120;
    background:#10251f;
    color:#f4faf6;
    border:1px solid rgba(85,223,170,.4);
    padding:12px 18px;
    font-size:13px;
    box-shadow:0 12px 35px #07130f24;
    transition:opacity .2s,transform .2s;
}
#renewables-toast.show {
    opacity:1;
    transform:translate(-50%,0);
}
#copy-renewables-request {
    margin-top:14px;
}
/* Renewables ERP dashboard specifics */
.renewables-kpi-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border:1px solid var(--oil-line);
    background:rgba(255,255,255,.018);
}
.renewables-kpi {
    padding:15px 13px;
    min-width:0;
    border-right:1px solid var(--oil-line);
}
.renewables-kpi:last-child {
    border-right:0;
}
.renewables-kpi>span {
    font-size:10px;
    color:#9cb0a6;
    display:block;
    white-space:normal;
    min-height:25px;
}
.renewables-kpi>strong {
    font-size:27px;
    line-height:1.5;
    letter-spacing:-1px;
    font-weight:550;
    display:block;
}
.renewables-kpi>strong small {
    font-size:13px;
    color:#9db2a7;
}
.renewables-dashboard-body {
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:14px;
    padding:18px 0;
}
.renewables-network-panel,.renewables-activity-panel {
    background:#10271f;
    border:1px solid var(--oil-line);
    padding:15px;
    min-width:0;
}
.renewables-flow-map {
    display:flex;
    align-items:center;
    gap:5px;
    margin:18px 0 14px;
}
.flow-node {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    flex:1;
    padding:10px 8px;
    border:1px solid rgba(85,223,170,.3);
    background:#0c211a;
}
.flow-node i {
    font:8px ui-monospace,monospace;
    color:#55dfaa;
    font-style:normal;
}
.flow-node b {
    font-size:11px;
    color:#e8f2ec;
}
.flow-node small {
    font-size:8px;
    color:#829d90;
    line-height:1.4;
}
.flow-line {
    height:1px;
    background:#55dfaa;
    flex:0 0 18px;
    position:relative;
}
.flow-line:after {
    content:'›';
    position:absolute;
    right:-2px;
    top:-10px;
    color:#55dfaa;
    font-size:17px;
}
.flow-line span {
    position:absolute;
    top:5px;
    left:50%;
    transform:translateX(-50%);
    font-size:7px;
    color:#79988a;
    white-space:nowrap;
}
.renewables-chart-legend {
    display:flex;
    gap:13px;
    margin:12px 0 4px;
    font-size:9px;
    color:#94a99f;
}
.renewables-chart-legend span {
    display:flex;
    align-items:center;
    gap:5px;
}
.renewables-chart-legend i {
    width:12px;
    height:2px;
    background:#55dfaa;
    display:inline-block;
}
.renewables-chart-legend span+span i {
    background:#e3ad64;
}
.renewables-flow-chart {
    display:block;
    width:100%;
    height:95px;
    background:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,rgba(210,232,219,.08) 24px);
}
.renewables-module-layout {
    display:grid;
    grid-template-columns:.72fr 1.55fr;
    gap:17px;
}
.renewables-module-feature {
    background:#0c211a;
    color:#edf7f0;
    padding:27px 29px;
    display:flex;
    flex-direction:column;
    min-height:540px;
    position:relative;
    overflow:hidden;
}
.renewables-module-feature:after {
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px solid rgba(85,223,170,.15);
    border-radius:50%;
    right:-120px;
    bottom:60px;
    box-shadow:0 0 0 30px rgba(85,223,170,.025),0 0 0 60px rgba(85,223,170,.02);
}
.renewables-module-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.renewables-section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:35px;
    margin:38px 0 42px;
}
.renewables-section-heading>p {
    max-width:430px;
    margin:0 0 4px;
    color:#61746b;
    font-size:14px;
    line-height:1.85;
}
.renewables-section-heading h2 {
    font-size:clamp(32px,4vw,54px);
    line-height:1.08;
    letter-spacing:-.055em;
    font-weight:620;
    color:#10251f;
    margin:0;
}
.renewables-section-heading h2 em {
    font-style:normal;
    color:#07986b;
}
.renewables-workflow {
    background:#081713;
    color:#f0f7f2;
    padding:100px clamp(22px,7vw,120px);
    display:grid;
    grid-template-columns:.9fr 1fr;
    gap:clamp(45px,9vw,145px);
    align-items:center;
}
.renewables-workflow-visual {
    border:1px solid rgba(173,213,192,.2);
    background:#0c211a;
    padding:22px 25px 17px;
    position:relative;
}
.renewables-intelligence {
    background:#f7faf8;
    padding:100px clamp(22px,7vw,120px);
}
.renewables-control {
    background:#10251f;
    color:#eff7f2;
    padding:100px clamp(22px,7vw,120px) 0;
}
.renewables-cta {
    background:#e4f4eb;
    padding:85px clamp(22px,7vw,120px);
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:clamp(40px,8vw,120px);
    align-items:center;
    overflow:hidden;
}
.renewables-page .renewables-hero .btn {
    border-radius:3px;
    padding:15px 20px;
}
.renewables-page section[id] {
    scroll-margin-top:calc(var(--site-header-height, 84px) + 60px);
}
@media(max-width:1100px) {
    .renewables-module-layout {
        grid-template-columns:1fr;
    }
    .renewables-module-feature {
        min-height:360px;
    }
    .renewables-module-cards {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .renewables-workflow {
        gap:40px;
    }
}
@media(max-width:760px) {
    .renewables-dashboard-body {
        grid-template-columns:1fr;
    }
    .renewables-module-cards {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .renewables-workflow {
        grid-template-columns:1fr;
    }
    .renewables-section-heading {
        display:block;
        margin:30px 0;
    }
    .renewables-section-heading>p {
        margin-top:18px;
    }
    .renewables-intro,.renewables-modules,.renewables-workflow,.renewables-intelligence,.renewables-control {
        padding:44px 22px 60px;
    }
    .renewables-cta {
        grid-template-columns:1fr;
        padding:60px 22px;
        gap:30px;
    }
    .renewables-page .site-header {
        height:72px;
    }
    .renewables-page .nav-links {
        top:72px;
    }
    .renewables-page section[id] {
        scroll-margin-top:120px;
    }
}
@media(max-width:440px) {
    .renewables-kpi {
        padding:12px 8px;
    }
    .renewables-kpi>strong {
        font-size:20px;
    }
    .renewables-kpi>span {
        font-size:9px;
    }
    .renewables-module-cards {
        grid-template-columns:1fr;
    }
    .renewables-module-feature {
        min-height:340px;
        padding:22px;
    }
    .renewables-flow-map {
        gap:3px;
    }
    .flow-line {
        flex-basis:9px;
    }
    .flow-line span {
        display:none;
    }
    .flow-node {
        padding:8px 5px;
    }
    .flow-node b {
        font-size:10px;
    }
    .flow-node small {
        font-size:7px;
    }
}