/*
Theme Name: RefineryPlanner
Theme URI: https://refineryplanner.com
Author: Andrew Owoicho Paul
Description: Purpose-built WordPress theme for refinery software, RefPlanner and future engineering applications.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: refineryplanner
*/

:root{--rp-ink:#06131f;--rp-panel:#0a2030;--rp-line:#18394e;--rp-green:#43d79a;--rp-blue:#64b9e8;--rp-paper:#f4f7f8;--rp-text:#f3f8fa;--rp-muted:#98aeba}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rp-ink);color:var(--rp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.rp-header{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:#06131ff2;border-bottom:1px solid #ffffff12;position:absolute;top:0;left:0;right:0;z-index:50}.admin-bar .rp-header{top:32px}.rp-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.rp-brand-mark{width:40px;height:40px;border:1px solid #2e5b73;background:#0d2b3f;border-radius:10px;color:var(--rp-green);display:grid;place-items:center;font-weight:900;font-size:23px}.rp-brand-name{font-weight:800;font-size:18px}.rp-brand-name em{font-style:normal;color:var(--rp-green)}.rp-brand-tag{display:block;font-size:9px;letter-spacing:.12em;color:#7495aa;margin-top:2px}.rp-nav{display:flex;align-items:center;gap:29px}.rp-nav ul{display:flex;align-items:center;gap:29px;list-style:none;margin:0;padding:0}.rp-nav a{color:#bdcdd7;text-decoration:none;font-size:13px}.rp-nav a:hover,.rp-nav .current-menu-item>a{color:#fff}.rp-nav .menu-item-has-children{position:relative;padding:25px 0}.rp-nav .sub-menu{display:none;position:absolute;top:67px;left:-24px;width:260px;padding:8px;background:#0a1e2c;border:1px solid #214258;border-radius:7px;box-shadow:0 20px 45px #0008}.rp-nav .menu-item-has-children:hover>.sub-menu{display:block}.rp-nav .sub-menu a{display:block;padding:12px;border-radius:5px}.rp-nav .sub-menu a:hover{background:#102d40}.rp-nav-cta{border:1px solid #3dd393;color:#74e7b6!important;padding:10px 15px;border-radius:5px}.rp-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}
.rp-hero{height:min(840px,92vh);min-height:650px;position:relative;overflow:hidden}.rp-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease}.rp-slide.is-active{opacity:1;visibility:visible}.rp-slide-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.04);transition:transform 7s ease}.rp-slide.is-active .rp-slide-bg{transform:scale(1.1)}.rp-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04111ef5 0%,#051726d9 35%,#06152166 64%,#06152130),linear-gradient(0deg,#06131fd9 0%,transparent 45%)}.rp-hero-inner{position:relative;z-index:2;padding:clamp(170px,23vh,230px) clamp(25px,8vw,125px) 0;max-width:840px}.rp-eyebrow,.rp-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--rp-green)}.rp-hero h1{font-size:clamp(43px,5.5vw,76px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 22px}.rp-hero p{font-size:clamp(16px,1.5vw,21px);line-height:1.65;color:#b5c7d1;max-width:690px}.rp-button{display:inline-flex;align-items:center;gap:10px;margin-top:23px;background:var(--rp-green);color:#052017;text-decoration:none;font-weight:800;padding:14px 19px;border-radius:5px;border:0}.rp-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.rp-dots{position:absolute;z-index:5;left:clamp(25px,8vw,125px);bottom:80px;display:flex;gap:8px}.rp-dot{width:35px;height:13px;background:none;border:0;padding:5px 0;cursor:pointer}.rp-dot:after{content:"";display:block;height:2px;background:#ffffff55}.rp-dot.is-active:after{background:var(--rp-green)}.rp-hero-stat{position:absolute;right:clamp(25px,5vw,80px);bottom:58px;z-index:5}.rp-hero-stat small{font-size:9px;letter-spacing:.15em;color:#718ba0}.rp-hero-stat div{display:flex;align-items:center;gap:12px;margin-top:7px;font-size:12px}.rp-hero-stat i{width:20px;height:1px;background:#3a5568}
.rp-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:100px clamp(25px,8vw,125px);background:var(--rp-paper);color:#0a2131}.rp-intro h2,.rp-section-head h2,.rp-product h2,.rp-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.rp-intro p{color:#496373;font-size:18px;line-height:1.8;margin:0}.rp-capabilities{padding:100px clamp(25px,6vw,95px);background:#081927}.rp-section-head{max-width:760px;margin-bottom:42px}.rp-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rp-line);border:1px solid var(--rp-line)}.rp-card{background:var(--rp-panel);padding:35px 28px;min-height:310px;position:relative}.rp-card-icon{color:var(--rp-green);font-size:30px}.rp-card small{position:absolute;right:25px;top:32px;color:#5a7486}.rp-card h3{font-size:21px;margin:68px 0 13px}.rp-card p{color:#8fa4b2;line-height:1.7}.rp-product{padding:110px clamp(25px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:var(--rp-ink)}.rp-product .rp-lead{font-size:19px;color:#77e5b5}.rp-product p{color:var(--rp-muted);line-height:1.75}.rp-product ul{list-style:none;padding:0;margin:27px 0}.rp-product li{margin:12px 0;color:#c3d1d9}.rp-product li:before{content:"✓";color:var(--rp-green);font-weight:900;margin-right:10px}.rp-product-ui{height:430px;background:linear-gradient(145deg,#0c2638,#071723);border:1px solid #28506a;border-radius:12px;padding:23px;box-shadow:0 35px 80px #0008;transform:perspective(1000px) rotateY(-4deg)}.rp-ui-top{display:flex;align-items:center;gap:9px;padding-bottom:20px;border-bottom:1px solid #1b3b50;color:#7f9aad;font-size:12px}.rp-ui-top i{width:10px;height:10px;border-radius:50%;background:var(--rp-green)}.rp-ui-top b{margin-left:auto;color:var(--rp-green);font-size:9px}.rp-ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.rp-ui-kpis span{background:#0d293c;border:1px solid #1d4058;padding:15px;border-radius:7px}.rp-ui-kpis small{display:block;color:#6d8799;font-size:9px}.rp-ui-kpis b{font-size:18px;display:block;margin-top:7px}.rp-ui-chart{height:230px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #2a4a5f;padding:15px}.rp-ui-chart i{flex:1;background:linear-gradient(#43d79a,#1b7452);border-radius:4px 4px 0 0}.rp-approach{padding:100px clamp(25px,7vw,110px);background:#eef3f5;color:#0b2130}.rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.rp-step{border-top:2px solid #b5c5ce;padding-top:23px}.rp-step b{color:#159a68}.rp-step h3{font-size:23px}.rp-step p{color:#607581;line-height:1.65}.rp-cta{text-align:center;padding:110px 25px;background:linear-gradient(135deg,#0b2a3c,#0a2030);border-top:1px solid #1b4057}.rp-cta h2{max-width:900px;margin:16px auto}.rp-cta p{color:#99aeba}.rp-footer{padding:45px clamp(25px,6vw,90px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;background:#04101a;border-top:1px solid #173347}.rp-footer p{color:#8196a5;font-size:12px;text-align:center}.rp-footer>small{color:#5f7585;font-size:10px}.rp-content{max-width:1080px;margin:0 auto;padding:145px 25px 90px;min-height:70vh}.rp-content h1{font-size:clamp(36px,5vw,64px)}.rp-content article{color:#b5c7d1;line-height:1.8}.rp-content article a{color:var(--rp-green)}
@media(max-width:900px){.admin-bar .rp-header{top:46px}.rp-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#071724;padding:22px;flex-direction:column;align-items:flex-start}.rp-nav.is-open{display:flex}.rp-nav ul{width:100%;flex-direction:column;align-items:flex-start}.rp-nav .menu-item-has-children{padding:0}.rp-nav .sub-menu{display:block;position:static;box-shadow:none;margin-top:5px}.rp-menu-toggle{display:block}.rp-hero-stat{display:none}.rp-card-grid{grid-template-columns:1fr 1fr}.rp-intro,.rp-product{grid-template-columns:1fr}.rp-steps{grid-template-columns:1fr 1fr}.rp-footer{grid-template-columns:1fr;text-align:center}.rp-footer .rp-brand{justify-content:center}.rp-footer p{text-align:center}}
@media(max-width:570px){.rp-hero{min-height:690px}.rp-hero h1{font-size:43px}.rp-card-grid,.rp-steps{grid-template-columns:1fr}.rp-intro,.rp-capabilities,.rp-product,.rp-approach{padding-top:70px;padding-bottom:70px}.rp-product-ui{height:360px;padding:14px;transform:none}.rp-ui-kpis b{font-size:13px}.rp-ui-chart{height:185px}.rp-brand-name{font-size:15px}.rp-brand-tag{font-size:8px}}