:root{
  --fo-bg:#071015;
  --fo-bg-2:#0b171e;
  --fo-panel:#0d1b23;
  --fo-panel-2:#10222c;
  --fo-line:rgba(255,255,255,.09);
  --fo-text:#edf3f5;
  --fo-muted:#9fb0b8;
  --fo-gold:#d3ad49;
  --fo-gold-2:#f0d77f;
  --fo-green:#61b586;
  --fo-amber:#e7ad4f;
  --fo-red:#d96565;
  --fo-white:#fff;
  --fo-shadow:0 28px 70px rgba(0,0,0,.28);
  --fo-radius:22px;
  --fo-shell:min(1220px,calc(100% - 40px));
}
html{scroll-behavior:smooth}
body.np-fieldops-demo{margin:0;background:var(--fo-bg);color:var(--fo-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.np-fieldops-demo .wp-site-blocks{padding:0!important;margin:0!important}
body.np-fieldops-demo a{text-decoration:none}
.fo-shell{width:var(--fo-shell);margin:0 auto}
.fo-demo-main{width:100%;max-width:none!important;margin:0!important;overflow:hidden}
.fo-basic-page{width:var(--fo-shell);margin:70px auto!important;min-height:60vh}
.fo-site-header{position:sticky;top:0;z-index:100;background:rgba(7,16,21,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--fo-line)}
.fo-header-inner{min-height:76px;width:var(--fo-shell)!important;max-width:1220px!important;margin:auto!important;gap:26px}
.fo-brand{gap:10px!important;min-width:184px}.fo-brand .wp-block-site-logo{margin:0!important}.fo-brand-copy{gap:0!important}.fo-brand-copy p{margin:0!important;line-height:1}.fo-brand-copy p:first-child{font-size:1rem;letter-spacing:.02em}.fo-brand-copy p:last-child{font-size:.62rem;letter-spacing:.24em;color:var(--fo-gold-2);margin-top:4px!important}
.fo-public-nav{display:flex;gap:24px;align-items:center;margin-left:auto}.fo-public-nav a{color:#c8d2d7;font-size:.77rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fo-public-nav a:hover{color:var(--fo-gold-2)}
.fo-open-app .wp-block-button__link{background:linear-gradient(135deg,var(--fo-gold),#b88b2c)!important;color:#071015!important;border-radius:10px!important;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;padding:12px 16px!important;box-shadow:none!important}
.fo-hero{position:relative;padding:92px 0 72px;background:radial-gradient(circle at 82% 24%,rgba(211,173,73,.15),transparent 27%),linear-gradient(180deg,#081219 0%,#071015 100%);border-bottom:1px solid var(--fo-line)}
.fo-hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}
.fo-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.fo-kicker,.fo-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--fo-gold-2);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.fo-live-dot{width:8px;height:8px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 6px rgba(97,181,134,.12)}
.fo-hero h1{font-size:clamp(3.3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.058em;margin:24px 0 26px;max-width:750px}.fo-hero h1 span{color:#b9c6cb;font-weight:570}.fo-lead{font-size:1.18rem;line-height:1.72;color:#b7c5cb;max-width:680px}.fo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.fo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;padding:0 20px;font-size:.8rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.fo-btn-primary{background:linear-gradient(135deg,var(--fo-gold),#b88b2c);color:#071015}.fo-btn-secondary{border:1px solid rgba(255,255,255,.18);color:var(--fo-text);background:rgba(255,255,255,.025)}.fo-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px}.fo-trust-row span{font-size:.72rem;color:#879aa4;text-transform:uppercase;letter-spacing:.08em}.fo-trust-row span:before{content:"✓";color:var(--fo-gold);margin-right:7px}
.fo-hero-visual{position:relative;min-height:510px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(16,34,44,.94),rgba(5,13,18,.98));overflow:hidden;box-shadow:var(--fo-shadow)}.fo-map-grid{position:absolute;inset:0;background-image:linear-gradient(28deg,transparent 49.3%,rgba(211,173,73,.09) 49.7%,rgba(211,173,73,.09) 50.3%,transparent 50.7%),linear-gradient(112deg,transparent 49.5%,rgba(255,255,255,.045) 49.8%,rgba(255,255,255,.045) 50.2%,transparent 50.5%),radial-gradient(circle at 32% 34%,rgba(211,173,73,.09),transparent 20%),radial-gradient(circle at 75% 63%,rgba(97,181,134,.08),transparent 22%)}.fo-map-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;transform:perspective(600px) rotateX(58deg) scale(1.4);transform-origin:center 70%;opacity:.55}.fo-rig-mark{position:absolute;width:14px;height:14px;border:3px solid var(--fo-gold);border-radius:50%;background:#0b171e;box-shadow:0 0 0 8px rgba(211,173,73,.08)}.fo-rig-a{left:28%;top:30%}.fo-rig-b{right:25%;top:47%;border-color:var(--fo-red);box-shadow:0 0 0 8px rgba(217,101,101,.08)}.fo-rig-c{left:45%;bottom:24%;border-color:var(--fo-green);box-shadow:0 0 0 8px rgba(97,181,134,.08)}
.fo-map-label{position:absolute;padding:9px 11px;border-radius:10px;background:rgba(7,16,21,.86);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 25px rgba(0,0,0,.26)}.fo-map-label strong{display:block;font-size:.68rem}.fo-map-label small{display:block;color:var(--fo-green);font-size:.58rem;margin-top:3px}.fo-map-label.warning small{color:var(--fo-red)}.fo-label-a{left:10%;top:20%}.fo-label-b{right:7%;top:33%}.fo-label-c{left:27%;bottom:13%}.fo-hero-card{position:absolute;right:24px;bottom:24px;width:180px;padding:20px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}.fo-hero-card small{font-size:.6rem;color:#9fb0b8;letter-spacing:.1em}.fo-hero-card strong{display:block;font-size:3rem;color:var(--fo-gold-2);line-height:1;margin:9px 0}.fo-hero-card span{display:block;font-size:.7rem;line-height:1.45;color:#aab9c0}
.fo-metrics{padding:66px 0;background:#09141b}.fo-section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:28px}.fo-section-heading h2{font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.03;letter-spacing:-.035em;margin:8px 0 0}.fo-section-heading>p{max-width:470px;color:var(--fo-muted);line-height:1.7;margin:0}.fo-updated{font-size:.68rem;color:#718690;text-transform:uppercase;letter-spacing:.1em}.fo-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.fo-stat-grid article{padding:22px;border:1px solid var(--fo-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012))}.fo-stat-grid span{display:block;color:#9eb0b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.085em}.fo-stat-grid strong{display:block;font-size:2.25rem;margin:12px 0 5px}.fo-stat-grid small{color:#758a94;font-size:.68rem}
.fo-command{padding:22px 0 82px;background:#09141b}.fo-command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.fo-panel{border:1px solid var(--fo-line);border-radius:var(--fo-radius);background:linear-gradient(145deg,#0d1d26,#09151c);padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.fo-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.fo-panel-head h3{font-size:1.45rem;margin:6px 0 0}.fo-panel-head>a{font-size:.7rem;color:var(--fo-gold-2);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.fo-chip{font-size:.63rem;padding:6px 9px;border-radius:999px;background:rgba(211,173,73,.11);color:var(--fo-gold-2);border:1px solid rgba(211,173,73,.24);text-transform:uppercase;letter-spacing:.08em}.fo-alert{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.065)}.fo-alert-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(97,181,134,.1);color:var(--fo-green);font-weight:900}.fo-alert.critical .fo-alert-icon{background:rgba(217,101,101,.1);color:var(--fo-red)}.fo-alert.warning .fo-alert-icon{background:rgba(231,173,79,.1);color:var(--fo-amber)}.fo-alert strong,.fo-alert span{display:block}.fo-alert strong{font-size:.85rem}.fo-alert span{color:#82959e;font-size:.68rem;margin-top:4px}.fo-alert small{color:#6f828b;font-size:.64rem}.fo-pipeline-row{display:grid;grid-template-columns:82px 1fr 36px;gap:12px;align-items:center;margin:18px 0}.fo-pipeline-row span{font-size:.68rem;color:#a5b5bc}.fo-pipeline-row div{height:6px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.fo-pipeline-row i{display:block;height:100%;background:linear-gradient(90deg,#a9842c,var(--fo-gold-2));border-radius:999px}.fo-pipeline-row strong{text-align:right;font-size:.78rem}.fo-pipeline-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--fo-line);color:#81949d;font-size:.7rem;line-height:1.6}
.fo-assets{padding:86px 0;background:#071015}.fo-well-card{border:1px solid var(--fo-line);border-radius:26px;overflow:hidden;background:#0a171e;box-shadow:var(--fo-shadow)}.fo-well-summary{padding:28px 30px;background:linear-gradient(120deg,rgba(211,173,73,.075),transparent 44%)}.fo-well-status{display:inline-flex;align-items:center;gap:7px;color:var(--fo-green);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.fo-well-status span{width:7px;height:7px;background:var(--fo-green);border-radius:50%}.fo-well-summary h3{font-size:2rem;margin:9px 0 5px}.fo-well-summary>p{color:#7f939d;margin:0 0 24px;font-size:.8rem}.fo-well-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fo-well-facts div{border:1px solid rgba(255,255,255,.065);border-radius:12px;padding:13px;background:rgba(255,255,255,.02)}.fo-well-facts small{display:block;color:#70858f;font-size:.56rem;letter-spacing:.08em}.fo-well-facts strong{display:block;margin-top:5px;font-size:.8rem}.fo-well-tabs{display:flex;gap:2px;overflow:auto;padding:0 20px;border-top:1px solid var(--fo-line);border-bottom:1px solid var(--fo-line);background:#08131a}.fo-well-tabs span{padding:15px 12px;color:#758a94;font-size:.66rem;font-weight:700;white-space:nowrap}.fo-well-tabs span.active{color:var(--fo-gold-2);border-bottom:2px solid var(--fo-gold)}.fo-well-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:26px 30px}.fo-production-mini>span,.fo-timeline>span{display:block;color:#788c95;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;margin-bottom:12px}.fo-production-mini>div{display:flex;justify-content:space-between;align-items:end;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.fo-production-mini small{color:#7e939d;font-size:.6rem}.fo-production-mini strong{font-size:1.35rem}.fo-production-mini em{font-style:normal;font-size:.56rem;color:#6e828c}.fo-timeline p{margin:0;padding:11px 0;border-top:1px solid rgba(255,255,255,.05);font-size:.75rem;color:#a3b2b9}.fo-timeline b{display:inline-block;width:86px;color:#71858f;font-size:.64rem;font-weight:600}
.fo-mobile{padding:96px 0;background:linear-gradient(180deg,#0b171e,#071015)}.fo-mobile-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.fo-phone-wrap{display:grid;place-items:center}.fo-phone{width:310px;min-height:610px;border:8px solid #18232a;border-radius:42px;background:#f4f5f3;color:#132029;box-shadow:0 38px 80px rgba(0,0,0,.42);overflow:hidden}.fo-phone-top{display:flex;justify-content:space-between;padding:15px 18px 10px;font-size:.58rem;font-weight:800}.fo-phone-body{padding:18px}.fo-phone-body>small{font-size:.58rem;color:#78868b;letter-spacing:.1em}.fo-phone-body h3{font-size:1.65rem;margin:3px 0 17px}.fo-phone-card{background:#14242c;color:#fff;padding:18px;border-radius:17px}.fo-phone-card span{display:block;color:#9fb0b8;font-size:.62rem}.fo-phone-card strong{display:block;font-size:1rem;margin:4px 0 16px}.fo-phone-card button{width:100%;border:0;border-radius:9px;background:var(--fo-gold);padding:11px;font-size:.62rem;font-weight:900}.fo-phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 22px}.fo-phone-actions div{border:1px solid #dce1df;border-radius:11px;text-align:center;padding:11px 5px;font-weight:900}.fo-phone-actions span{display:block;font-size:.54rem;font-weight:700;margin-top:4px;color:#53646b}.fo-phone-body h4{font-size:.78rem;margin:0 0 7px}.fo-phone-job{display:flex;gap:10px;align-items:center;border-top:1px solid #dfe4e2;padding:12px 0;font-size:.67rem}.fo-phone-job>b{min-width:45px;color:#b64d4d;font-size:.55rem}.fo-phone-job>b.normal{color:#57686f}.fo-phone-job small{color:#839096}.fo-mobile-copy h2{font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:.95;letter-spacing:-.045em;margin:12px 0 22px}.fo-mobile-copy>p{font-size:1.02rem;line-height:1.75;color:#a5b4bb;max-width:680px}.fo-feature-list{margin-top:34px}.fo-feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--fo-line)}.fo-feature-list b{color:var(--fo-gold);font-size:.67rem}.fo-feature-list strong,.fo-feature-list small{display:block}.fo-feature-list strong{font-size:.9rem}.fo-feature-list small{color:#758a94;margin-top:4px;line-height:1.5;font-size:.7rem}
.fo-vision{padding:92px 0;background:#09141b}.fo-vision>div>h2{font-size:clamp(2.5rem,4.5vw,4.5rem);max-width:800px;line-height:.96;letter-spacing:-.045em;margin:12px 0 36px}.fo-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fo-module-grid article{min-height:180px;padding:24px;border:1px solid var(--fo-line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}.fo-module-grid b{color:var(--fo-gold);font-size:.66rem}.fo-module-grid h3{font-size:1.1rem;margin:24px 0 9px}.fo-module-grid p{color:#82959e;font-size:.75rem;line-height:1.65;margin:0}
.fo-cta{padding:82px 0;background:#071015}.fo-cta-card{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;padding:48px!important;border:1px solid rgba(211,173,73,.28);border-radius:28px;background:radial-gradient(circle at 85% 30%,rgba(211,173,73,.15),transparent 30%),#0b1820}.fo-cta-card h2{font-size:clamp(2.4rem,4.2vw,4.3rem);line-height:.96;letter-spacing:-.045em;margin:12px 0 20px}.fo-cta-card p{max-width:690px;color:#97a8b0;line-height:1.7}.fo-cta-actions{text-align:right}.fo-cta-actions small{display:block;color:#71858f;font-size:.64rem;margin-top:12px}.fo-footer{border-top:1px solid var(--fo-line);background:#050c10}.fo-footer-inner{width:var(--fo-shell)!important;max-width:1220px!important;margin:auto!important;padding:28px 0;color:#71858f;font-size:.7rem}.fo-footer p{margin:0!important}.fo-footer a{color:#9fb0b8}
@media(max-width:1000px){.fo-public-nav{display:none}.fo-hero-grid,.fo-command-grid,.fo-mobile-grid,.fo-cta-card{grid-template-columns:1fr}.fo-hero-visual{min-height:420px}.fo-stat-grid{grid-template-columns:repeat(3,1fr)}.fo-mobile-grid{gap:46px}.fo-phone-wrap{order:2}.fo-module-grid{grid-template-columns:repeat(2,1fr)}.fo-cta-actions{text-align:left}.fo-well-body{grid-template-columns:1fr}}
@media(max-width:700px){:root{--fo-shell:calc(100% - 28px)}.fo-header-inner{min-height:66px}.fo-header-inner>.wp-block-buttons{display:none}.fo-hero{padding:62px 0 50px}.fo-hero h1{font-size:3.25rem}.fo-lead{font-size:1rem}.fo-trust-row{gap:10px 16px}.fo-hero-visual{min-height:370px}.fo-stat-grid{grid-template-columns:repeat(2,1fr)}.fo-section-heading{display:block}.fo-section-heading>p,.fo-updated{margin-top:16px}.fo-command{padding-bottom:64px}.fo-panel{padding:20px}.fo-well-summary{padding:22px}.fo-well-facts{grid-template-columns:repeat(2,1fr)}.fo-well-body{padding:22px}.fo-phone{width:min(300px,calc(100vw - 44px))}.fo-module-grid{grid-template-columns:1fr}.fo-cta-card{padding:30px!important}.fo-footer-inner{display:block!important}.fo-footer-inner p+ p{margin-top:7px!important}.fo-label-c{display:none}}

/* 0.2.0 image-led energy demo */
.fo-brand-lockup{display:flex;align-items:center;justify-content:flex-start;width:250px;min-height:64px;overflow:visible}.fo-brand-lockup img{display:block;width:250px;max-width:100%;height:auto;object-fit:contain;transform:none}
.fo-photo-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;background-image:url('../images/energy/hero-pumpjack.webp');background-size:cover;background-position:center 54%;border-bottom:1px solid var(--fo-line);isolation:isolate}
.fo-photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,10,.92) 0%,rgba(2,7,10,.72) 42%,rgba(2,7,10,.20) 72%,rgba(2,7,10,.10) 100%);z-index:-1}.fo-photo-hero-shade{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(0deg,#071015 0%,rgba(7,16,21,.72) 36%,transparent 100%);z-index:-1}.fo-photo-hero-inner{display:grid;grid-template-columns:1.15fr .55fr;gap:80px;align-items:end;padding:120px 0 76px}.fo-photo-hero-copy{max-width:760px}.fo-photo-hero h1{font-size:clamp(4rem,7.2vw,7.6rem);line-height:.84;letter-spacing:-.06em;margin:22px 0 28px;text-transform:uppercase;text-shadow:0 8px 35px rgba(0,0,0,.32)}.fo-photo-hero h1 span{color:var(--fo-gold-2)}.fo-photo-hero .fo-lead{max-width:710px;color:#e0e7e9;text-shadow:0 3px 18px rgba(0,0,0,.48)}.fo-photo-hero .fo-btn-secondary{background:rgba(6,13,17,.42);backdrop-filter:blur(8px)}
.fo-hero-glass{justify-self:end;width:min(100%,330px);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(7,16,21,.64);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.25)}.fo-hero-glass>small{display:block;color:var(--fo-gold-2);font-size:.61rem;font-weight:800;letter-spacing:.12em}.fo-hero-glass-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:17px;background:rgba(255,255,255,.09)}.fo-hero-glass-grid>div{padding:16px 13px;background:rgba(8,18,24,.94)}.fo-hero-glass strong,.fo-hero-glass span{display:block}.fo-hero-glass strong{font-size:1.72rem;line-height:1;color:#fff}.fo-hero-glass span{font-size:.61rem;color:#96a8af;margin-top:6px;line-height:1.35}
.fo-basin-story{padding:96px 0;background:#071015}.fo-basin-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}.fo-basin-copy h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:.94;letter-spacing:-.05em;margin:12px 0 24px}.fo-basin-copy>p{color:#9fb0b8;line-height:1.75;font-size:1rem}.fo-basin-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:28px}.fo-basin-points span{padding:10px 0;border-top:1px solid var(--fo-line);font-size:.71rem;color:#c1ccd1}.fo-basin-points span:before{content:"+";color:var(--fo-gold);font-weight:900;margin-right:8px}.fo-basin-image{margin:0;position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.11);box-shadow:var(--fo-shadow)}.fo-basin-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(6,13,17,.58));pointer-events:none}.fo-basin-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.fo-basin-image figcaption{position:absolute;left:18px;bottom:14px;z-index:2;color:#e8edef;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
.fo-field-tech{position:relative;min-height:760px;background:#071015;overflow:hidden}.fo-field-tech-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,16,21,.04) 0%,rgba(7,16,21,.06) 48%,rgba(7,16,21,.78) 67%,#071015 86%),url('../images/energy/field-tech-tablet.webp');background-size:cover;background-position:center}.fo-field-tech-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;min-height:760px;align-items:center}.fo-field-tech-copy{padding:65px 0}.fo-field-tech-copy h2{font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:.94;letter-spacing:-.05em;margin:12px 0 22px}.fo-field-tech-copy>p{font-size:1rem;line-height:1.75;color:#c1ccd0;max-width:620px}
.fo-promo-story{padding:96px 0;background:#0a151c}.fo-promo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.fo-promo-image{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(211,173,73,.2);box-shadow:0 30px 80px rgba(0,0,0,.34)}.fo-promo-image img{display:block;width:100%;height:auto}.fo-promo-copy h2{font-size:clamp(2.55rem,4.3vw,4.6rem);line-height:.96;letter-spacing:-.045em;margin:12px 0 20px}.fo-promo-copy p{color:#9fb0b8;line-height:1.75;font-size:1rem;max-width:610px}
@media(max-width:1000px){.fo-photo-hero{min-height:680px}.fo-photo-hero-inner{grid-template-columns:1fr;padding-top:120px}.fo-hero-glass{justify-self:start}.fo-basin-grid,.fo-field-tech-grid,.fo-promo-grid{grid-template-columns:1fr}.fo-field-tech{min-height:auto;padding-top:410px}.fo-field-tech-photo{height:450px;background-image:linear-gradient(0deg,#071015 0%,rgba(7,16,21,.05) 44%),url('../images/energy/field-tech-tablet.webp');background-position:center}.fo-field-tech-grid{min-height:auto}.fo-field-tech-grid>div:first-child{display:none}}
@media(max-width:700px){.fo-brand-lockup{width:180px;min-height:50px}.fo-brand-lockup img{width:180px}.fo-photo-hero{min-height:640px;background-position:64% center}.fo-photo-hero:after{background:linear-gradient(90deg,rgba(2,7,10,.92),rgba(2,7,10,.52))}.fo-photo-hero-inner{padding:104px 0 52px;gap:30px}.fo-photo-hero h1{font-size:3.6rem}.fo-hero-glass{display:none}.fo-basin-story,.fo-promo-story{padding:72px 0}.fo-basin-grid,.fo-promo-grid{gap:30px}.fo-basin-points{grid-template-columns:1fr}.fo-field-tech{padding-top:300px}.fo-field-tech-photo{height:350px;background-position:40% center}.fo-field-tech-copy{padding:34px 0 70px}}

.fo-app-callout{padding:78px 0;background:linear-gradient(180deg,#071015 0%,#09141b 100%)}
.fo-app-callout-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:24px;border:1px solid rgba(211,173,73,.24);border-radius:28px;background:radial-gradient(circle at 15% 25%,rgba(211,173,73,.12),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 28px 80px rgba(0,0,0,.28)}
.fo-app-callout-copy h2{font-size:clamp(2.2rem,3.8vw,4rem);line-height:.96;letter-spacing:-.045em;margin:12px 0 18px}
.fo-app-callout-copy p{max-width:520px;color:#adbec6;line-height:1.75;font-size:1rem}
.fo-app-callout-image{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(211,173,73,.24);box-shadow:0 25px 70px rgba(0,0,0,.36);justify-self:end;max-width:720px}
.fo-app-callout-image img{display:block;width:100%;height:auto}
.fo-app-callout-image figcaption{padding:10px 14px;color:#7e919b;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:#09141b;border-top:1px solid rgba(211,173,73,.14)}
@media(max-width:1000px){.fo-app-callout-card{grid-template-columns:1fr}.fo-app-callout-image{justify-self:stretch;max-width:none}}
@media(max-width:700px){.fo-app-callout{padding:64px 0}.fo-app-callout-card{padding:16px;gap:22px}.fo-app-callout-copy h2{font-size:2.2rem}}

.fo-section-heading-stack{align-items:end}
.fo-app-walkthrough{padding:82px 0;background:linear-gradient(180deg,#081219 0%,#0a141b 100%)}
.fo-process-strip{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.fo-process-strip span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(211,173,73,.18);color:#f4e8ba;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.fo-walkthrough-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fo-walkthrough-card{display:grid;grid-template-columns:1fr;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(211,173,73,.16);border-radius:28px;box-shadow:0 26px 70px rgba(0,0,0,.24)}
.fo-walkthrough-card figure{margin:0;background:#050a0e}
.fo-walkthrough-card img{display:block;width:100%;height:auto}
.fo-walkthrough-card figcaption{padding:11px 16px;border-top:1px solid rgba(211,173,73,.12);background:#0a141b;color:#8ea0a8;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.fo-walkthrough-copy{padding:22px 22px 24px}
.fo-step{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;border-radius:999px;background:rgba(211,173,73,.16);color:#f5d16c;font-weight:700;font-size:.78rem;letter-spacing:.08em}
.fo-walkthrough-copy h3{margin:14px 0 10px;font-size:1.6rem;line-height:1.05;letter-spacing:-.03em}
.fo-walkthrough-copy p{margin:0 0 12px;color:#a9bcc4;line-height:1.72}
.fo-walkthrough-copy ul{margin:0;padding-left:18px;color:#dfe7ea;line-height:1.8}
.fo-walkthrough-note{margin-top:14px;padding:14px 16px;border-radius:18px;background:rgba(13,25,33,.92);border:1px solid rgba(211,173,73,.14);color:#b4c3c9;line-height:1.65}
.fo-walkthrough-card-wide{grid-column:1 / -1;grid-template-columns:1.15fr .85fr;align-items:stretch}
.fo-page-hero{padding:120px 0 64px;background:radial-gradient(circle at top left,rgba(211,173,73,.16),transparent 26%),linear-gradient(180deg,#081219 0%,#0a141b 100%);border-bottom:1px solid rgba(211,173,73,.12)}
.fo-page-hero-inner{max-width:900px}
.fo-page-hero h1{margin:12px 0 16px;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.94;letter-spacing:-.055em}
.fo-page-hero p{max-width:720px;color:#a8b8bf;line-height:1.8;font-size:1.02rem}
.fo-app-walkthrough-page{padding-top:70px}
@media(max-width:1100px){.fo-walkthrough-card-wide{grid-template-columns:1fr}.fo-walkthrough-grid{grid-template-columns:1fr}}
@media(max-width:700px){.fo-app-walkthrough{padding:68px 0}.fo-process-strip{margin:20px 0 24px}.fo-walkthrough-copy{padding:18px 18px 20px}.fo-walkthrough-copy h3{font-size:1.36rem}.fo-page-hero{padding:100px 0 52px}.fo-page-hero h1{font-size:2.7rem}}


/* 0.2.6 walkthrough screenshot fit refinements */
.fo-walkthrough-grid{max-width:1320px;margin:0 auto;}
.fo-walkthrough-card{gap:0;}
.fo-walkthrough-card figure{padding:22px 22px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#050a0e;}
.fo-walkthrough-card img{display:block;width:calc(100% - 28px);max-width:100%;height:auto;border-radius:18px;border:1px solid rgba(211,173,73,.14);box-shadow:0 18px 44px rgba(0,0,0,.26);}
.fo-walkthrough-card figcaption{width:100%;box-sizing:border-box;margin-top:16px;border-radius:0 0 28px 28px;}
.fo-walkthrough-card-wide{grid-template-columns:1.05fr .95fr;align-items:stretch;}
.fo-walkthrough-card-wide figure{padding:26px 26px 0;}
.fo-walkthrough-card-wide img{width:calc(100% - 36px);}
.fo-walkthrough-copy{padding:22px 24px 26px;}
@media(max-width:1100px){
  .fo-walkthrough-card img,.fo-walkthrough-card-wide img{width:calc(100% - 18px);}
}
@media(max-width:700px){
  .fo-walkthrough-card figure,.fo-walkthrough-card-wide figure{padding:14px 14px 0;}
  .fo-walkthrough-card img,.fo-walkthrough-card-wide img{width:100%;}
  .fo-walkthrough-card figcaption{margin-top:12px;}
}

/* 0.3.0 optional supporting pages + footer navigation */
.fo-basic-page{width:100%!important;max-width:none!important;margin:0!important;min-height:60vh;padding:0!important}
.fo-basic-page>.wp-block-post-title{display:none}
.fo-basic-page>.wp-block-post-content{margin:0!important}
.fo-deep-hero{padding:118px max(28px,calc((100vw - 1180px)/2)) 72px;background:radial-gradient(circle at 82% 12%,rgba(211,173,73,.14),transparent 28%),linear-gradient(180deg,#081219,#071015);border-bottom:1px solid var(--fo-line)}
.fo-deep-hero h1{max-width:930px;margin:12px 0 22px;font-size:clamp(3.6rem,7vw,7.2rem);line-height:.9;letter-spacing:-.058em;text-transform:uppercase}
.fo-deep-hero>p{max-width:780px;margin:0;color:#b4c3ca;font-size:1.12rem;line-height:1.78}
.fo-deep-grid{width:var(--fo-shell);margin:0 auto;padding:78px 0 84px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fo-deep-card{padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,#0d1b23,#09141b);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.fo-deep-card>span{display:inline-flex;color:var(--fo-gold-2);font-size:.7rem;font-weight:850;letter-spacing:.12em}
.fo-deep-card h2{margin:16px 0 11px;font-size:1.55rem;letter-spacing:-.025em}
.fo-deep-card p{margin:0;color:#94a8b1;line-height:1.72}
.fo-deep-feature-image{width:var(--fo-shell);max-width:1080px;margin:0 auto 84px;border:1px solid rgba(211,173,73,.22);border-radius:25px;overflow:hidden;background:#09141b;box-shadow:0 26px 70px rgba(0,0,0,.3)}
.fo-deep-feature-image img{display:block;width:100%;height:auto}
.fo-deep-feature-image figcaption{padding:12px 16px;color:#869aa3;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.fo-deep-action{width:var(--fo-shell);margin:-44px auto 84px;text-align:center}
.fo-footer-expanded{padding-top:0}
.fo-footer-nav-shell{width:var(--fo-shell)!important;max-width:1220px!important;margin:auto!important}
.fo-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:48px 0 34px;border-bottom:1px solid var(--fo-line)}
.fo-footer-links>div{display:flex;flex-direction:column;gap:9px}
.fo-footer-links strong{margin-bottom:5px;color:var(--fo-gold-2);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.fo-footer-links a{color:#9fb0b8;font-size:.82rem;line-height:1.45}
.fo-footer-links a:hover{color:#fff}
@media(max-width:800px){.fo-deep-grid{grid-template-columns:1fr}.fo-footer-links{grid-template-columns:1fr 1fr}.fo-deep-hero{padding-top:94px}.fo-deep-hero h1{font-size:3.2rem}}
@media(max-width:520px){.fo-footer-links{grid-template-columns:1fr}.fo-deep-card{padding:24px}.fo-deep-hero h1{font-size:2.7rem}}


/* 0.3.1 supporting-page width repair */
body.np-fieldops-demo .fo-basic-page,
body.np-fieldops-demo .fo-basic-page.wp-block-group{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.np-fieldops-demo .fo-basic-page > .wp-block-post-content,
body.np-fieldops-demo .fo-basic-page .wp-block-post-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.np-fieldops-demo .fo-basic-page .wp-block-post-content > *{
  max-width:none!important;
}
body.np-fieldops-demo .fo-deep-hero{
  box-sizing:border-box;
  width:100%!important;
  padding-left:max(28px,calc((100vw - 1180px)/2))!important;
  padding-right:max(28px,calc((100vw - 1180px)/2))!important;
}
body.np-fieldops-demo .fo-deep-hero h1,
body.np-fieldops-demo .fo-deep-hero > p{
  width:100%;
}
body.np-fieldops-demo .fo-deep-grid{
  width:min(1180px,calc(100% - 56px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.np-fieldops-demo .fo-deep-card{
  min-width:0;
}
body.np-fieldops-demo .fo-deep-feature-image,
body.np-fieldops-demo .fo-deep-action{
  width:min(1080px,calc(100% - 56px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:800px){
  body.np-fieldops-demo .fo-deep-grid{width:calc(100% - 32px)!important;}
  body.np-fieldops-demo .fo-deep-feature-image,
  body.np-fieldops-demo .fo-deep-action{width:calc(100% - 32px)!important;}
}
