/* EARP Power ERP: independent page design using the EARP brand palette */

.power-page {
    --power-ink:#10251f;
    --power-muted:#9aaca4;
    --power-green:#55dfaa;
    --power-deep:#081713;
    --power-panel:#10251f;
    --power-line:rgba(198,224,211,.15);
    background:#f7faf8;
    overflow-x:hidden
}
.power-page .power-hero {
    background:var(--power-deep);
    color:#f4faf6;
    padding:76px clamp(22px,5vw,88px) 0;
    position:relative;
    overflow:hidden
}
.power-page .power-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
}
.power-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
}
.power-kicker,.section-marker,.power-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(--power-green);
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(85,223,170,.12)
}
.power-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
}
.power-hero h1 em,.power-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(--power-green)
}
.power-hero-copy>p {
    font-size:17px;
    line-height:1.8;
    color:#b1c1b9;
    max-width:550px;
    margin:0
}
.power-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
    align-items:center
}
.power-hero .btn {
    border-radius:3px;
    padding:15px 20px
}
.power-hero .btn-secondary {
    border-color:#456057
}
.power-hero-proof {
    display:flex;
    flex-wrap:wrap;
    gap:22px;
    margin-top:43px;
    padding-top:22px;
    border-top:1px solid var(--power-line);
    font-size:11px;
    color:#9bb0a5
}
.power-hero-proof span {
    display:flex;
    gap:8px;
    align-items:center
}
.power-hero-proof b {
    color:var(--power-green);
    font:600 10px ui-monospace,monospace
}
.power-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(--power-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(--power-line);
    background:rgba(255,255,255,.018)
}
.command-kpi {
    padding:15px 13px;
    min-width:0;
    border-right:1px solid var(--power-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(--power-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(--power-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(--power-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(--power-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
}
.power-hero-foot {
    border-top:1px solid var(--power-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
}
.power-hero-foot>div {
    display:flex;
    align-items:center;
    gap:14px
}
.power-hero-foot i {
    width:4px;
    height:4px;
    background:#55dfaa;
    border-radius:50%
}
.power-intro {
    padding:44px clamp(22px,7vw,120px) 76px;
    background:#f7faf8
}
.power-intro-label {
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid #dce7e1;
    color:#74877e
}
.power-intro-label span {
    color:#a2b1aa
}
.power-intro-content {
    display:grid;
    grid-template-columns:1.05fr .75fr;
    gap:8vw;
    align-items:start;
    padding:42px 0 50px
}
.power-intro-content h2,.power-section-heading h2 {
    font-size:clamp(32px,4vw,54px);
    line-height:1.08;
    letter-spacing:-.055em;
    font-weight:620;
    color:#10251f;
    margin:0
}
.power-intro-content h2 em {
    font-style:normal;
    color:#07986b
}
.power-intro-content p {
    margin:5px 0 0;
    color:#61746b;
    font-size:15px;
    line-height:1.9
}
.power-challenge-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dce7e1;
    border-bottom:1px solid #dce7e1
}
.power-challenge-grid article {
    padding:27px 30px 26px 0;
    border-right:1px solid #dce7e1
}
.power-challenge-grid article+article {
    padding-left:30px
}
.power-challenge-grid article:last-child {
    border:0
}
.power-challenge-grid article>span {
    font:11px ui-monospace,monospace;
    color:#07986b
}
.power-challenge-grid h3 {
    font-size:18px;
    letter-spacing:-.4px;
    margin:18px 0 8px
}
.power-challenge-grid p {
    color:#6c7e75;
    font-size:13px;
    line-height:1.8;
    margin:0;
    max-width:340px
}
.power-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
}
.power-section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:35px;
    margin:38px 0 42px
}
.power-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
}
.power-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(--power-line)
}
.workflow-step {
    display:grid;
    grid-template-columns:32px 1fr 20px;
    gap:13px;
    align-items:center;
    padding:18px 10px;
    border-bottom:1px solid var(--power-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(--power-line);
    margin-top:19px;
    padding-top:13px;
    color:#718c7f;
    font-size:9px;
    line-height:1.5
}
.power-intelligence {
    background:#f7faf8;
    padding:100px clamp(22px,7vw,120px)
}
.intelligence-top .power-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
}
.power-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
}
.power-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
}
.power-page .site-footer {
    background:#081713;
    color:#a2b7ab
}
.power-page .footer-main {
    border-bottom-color:rgba(190,224,205,.15)
}
.power-page .brand-name {
    color:#f2f8f4
}
.power-page .brand-name small {
    color:#82998d
}
.power-page .footer-main p {
    color:#8da398
}
.power-page .footer-main b {
    color:#e3eee7
}
.power-page .footer-main a:hover {
    color:#55dfaa
}
.power-page .footer-bottom {
    color:#718a7d
}
.power-page .text-button {
    color:#55dfaa
}
@media(max-width:1100px) {
    .power-hero-grid {
        grid-template-columns:1fr;
        gap:44px
    }
    .power-hero-copy {
        max-width:800px
    }
    .power-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))
    }
    .power-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) {
    .power-hero {
        padding-top:54px!important
    }
    .power-hero-grid {
        padding-bottom:45px
    }
    .power-hero h1 {
        font-size:clamp(39px,9vw,58px)
    }
    .power-hero-copy>p {
        font-size:15px
    }
    .power-hero-proof {
        gap:12px
    }
    .power-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
    }
    .power-hero-foot {
        align-items:flex-start;
        flex-direction:column;
        gap:10px
    }
    .power-intro,.power-modules,.power-workflow,.power-intelligence,.power-control {
        padding:44px 22px 60px
    }
    .power-intro-content {
        grid-template-columns:1fr;
        gap:20px;
        padding:30px 0
    }
    .power-intro-content h2,.power-section-heading h2 {
        font-size:clamp(31px,7vw,45px)
    }
    .power-challenge-grid {
        grid-template-columns:1fr
    }
    .power-challenge-grid article,.power-challenge-grid article+article {
        padding:22px 0;
        border-right:0;
        border-bottom:1px solid #dce7e1
    }
    .power-challenge-grid article:last-child {
        border-bottom:0
    }
    .power-section-heading {
        display:block;
        margin:30px 0
    }
    .power-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
    }
    .power-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
    }
    .power-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)
    }
    .power-page .footer-main {
        grid-template-columns:1fr 1fr
    }
    .power-page .footer-main>div:first-child {
        grid-column:1/-1
    }
}
@media(max-width:440px) {
    .power-hero-actions {
        align-items:stretch;
        flex-direction:column
    }
    .power-hero-actions .btn {
        width:100%
    }
    .power-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
    }

    .power-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 */

.power-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)
}
.power-section-nav-inner {
    max-width:1600px;
    margin:0 auto;
    padding:0 24px;
    height:52px;
    display:flex;
    align-items:stretch;
    justify-content:center
}
.power-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
}
.power-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
}
.power-section-nav-links a:hover,.power-section-nav-links a.is-active {
    color:#10251f
}
.power-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)
}
.power-page section[id] {
    scroll-margin-top:calc(var(--site-header-height, 110px) + 60px)
}
@media(max-width:800px) {
    .power-section-nav {
        top:72px
    }
    .power-section-nav-inner {
        display:block;
        padding:0;
        height:48px;
        min-height:0
    }
    .power-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
    }
    .power-section-nav-links::-webkit-scrollbar {
        display:none
    }
    .power-section-nav-links a {
        font-size:12px;
        flex-shrink:0
    }
    .power-nav-indicator {
        position:absolute;
        bottom:0;
        display:block
    }
    .power-page section[id] {
        scroll-margin-top:120px
    }
}
@media(prefers-reduced-motion:reduce) {
    .power-section-nav-links a,.power-nav-indicator {
        transition:none
    }
}
/* Oil ERP interaction feedback */ #demo-modal[hidden] {
    display:none!important
}
#demo-form-area[hidden],#demo-success[hidden] {
    display:none!important
}
#power-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
}
#power-toast.show {
    opacity:1;
    transform:translate(-50%,0)
}
#copy-power-request {
    margin-top:14px
}
/* Power ERP dashboard specifics */

.power-kpi-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border:1px solid var(--oil-line);
    background:rgba(255,255,255,.018)
}
.power-kpi {
    padding:15px 13px;
    min-width:0;
    border-right:1px solid var(--oil-line)
}
.power-kpi:last-child {
    border-right:0
}
.power-kpi>span {
    font-size:10px;
    color:#9cb0a6;
    display:block;
    white-space:normal;
    min-height:25px
}
.power-kpi>strong {
    font-size:27px;
    line-height:1.5;
    letter-spacing:-1px;
    font-weight:550;
    display:block
}
.power-kpi>strong small {
    font-size:13px;
    color:#9db2a7
}
.power-dashboard-body {
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:14px;
    padding:18px 0
}
.power-network-panel,.power-activity-panel {
    background:#10271f;
    border:1px solid var(--oil-line);
    padding:15px;
    min-width:0
}
.power-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
}
.power-chart-legend {
    display:flex;
    gap:13px;
    margin:12px 0 4px;
    font-size:9px;
    color:#94a99f
}
.power-chart-legend span {
    display:flex;
    align-items:center;
    gap:5px
}
.power-chart-legend i {
    width:12px;
    height:2px;
    background:#55dfaa;
    display:inline-block
}
.power-chart-legend span+span i {
    background:#e3ad64
}
.power-flow-chart {
    display:block;
    width:100%;
    height:95px;
    background:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,rgba(210,232,219,.08) 24px)
}
.power-module-layout {
    display:grid;
    grid-template-columns:.72fr 1.55fr;
    gap:17px
}
.power-module-feature {
    background:#0c211a;
    color:#edf7f0;
    padding:27px 29px;
    display:flex;
    flex-direction:column;
    min-height:540px;
    position:relative;
    overflow:hidden
}
.power-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)
}
.power-module-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.power-section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:35px;
    margin:38px 0 42px
}
.power-section-heading>p {
    max-width:430px;
    margin:0 0 4px;
    color:#61746b;
    font-size:14px;
    line-height:1.85
}
.power-section-heading h2 {
    font-size:clamp(32px,4vw,54px);
    line-height:1.08;
    letter-spacing:-.055em;
    font-weight:620;
    color:#10251f;
    margin:0
}
.power-section-heading h2 em {
    font-style:normal;
    color:#07986b
}
.power-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
}
.power-workflow-visual {
    border:1px solid rgba(173,213,192,.2);
    background:#0c211a;
    padding:22px 25px 17px;
    position:relative
}
.power-intelligence {
    background:#f7faf8;
    padding:100px clamp(22px,7vw,120px)
}
.power-control {
    background:#10251f;
    color:#eff7f2;
    padding:100px clamp(22px,7vw,120px) 0
}
.power-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
}
.power-page .power-hero .btn {
    border-radius:3px;
    padding:15px 20px
}
.power-page section[id] {
    scroll-margin-top:calc(var(--site-header-height, 84px) + 60px)
}
@media(max-width:1100px) {
    .power-module-layout {
        grid-template-columns:1fr
    }
    .power-module-feature {
        min-height:360px
    }
    .power-module-cards {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .power-workflow {
        gap:40px
    }
}
@media(max-width:760px) {
    .power-dashboard-body {
        grid-template-columns:1fr
    }
    .power-module-cards {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .power-workflow {
        grid-template-columns:1fr
    }
    .power-section-heading {
        display:block;
        margin:30px 0
    }
    .power-section-heading>p {
        margin-top:18px
    }
    .power-intro,.power-modules,.power-workflow,.power-intelligence,.power-control {
        padding:44px 22px 60px
    }
    .power-cta {
        grid-template-columns:1fr;
        padding:60px 22px;
        gap:30px
    }
    .power-page .site-header {
        height:72px
    }
    .power-page .nav-links {
        top:72px
    }
    .power-page section[id] {
        scroll-margin-top:120px
    }
}
@media(max-width:440px) {
    .power-kpi {
        padding:12px 8px
    }
    .power-kpi>strong {
        font-size:20px
    }
    .power-kpi>span {
        font-size:9px
    }
    .power-module-cards {
        grid-template-columns:1fr
    }
    .power-module-feature {
        min-height:340px;
        padding:22px
    }
    .power-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
    }
}