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

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