:root{--deep:#062e67;--royal:#0e4c8a;--cyan:#33a9e0;--light:#79cfef;--paper:#fff;--bg:#e9eef3;--text:#172434;--muted:#5b6b7e;--line:#0e4c8a29;--shadow:0 22px 60px #062e6724;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,88vw);margin:0 auto}.app-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#062e67f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:76px;padding:0 5.5vw;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0000002e}.brand img{width:auto;height:54px}.nav{align-items:center;gap:18px;display:flex}.nav a{color:#ffffffdb;font-size:14px;font-weight:650;text-decoration:none;transition:all .2s}.nav a:hover,.nav a.active{color:var(--light)}.nav-demo{background:var(--cyan);border-radius:999px;padding:10px 15px;color:var(--deep)!important;font-weight:900!important}.menu-button{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.menu-button span{background:#fff;width:25px;height:2px;margin:5px 0;display:block}.hero{color:#fff;align-items:center;min-height:calc(100vh - 76px);padding:34px 0;display:flex;position:relative;overflow:hidden}.hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.hero-bg:after{content:"";background:linear-gradient(90deg,#041f45f5,#062e67db 46%,#062e6757);position:absolute;inset:0}.hero-glow{background:radial-gradient(circle at 80% 18%,#33a9e061,#0000 28%),radial-gradient(circle at 20% 90%,#79cfef29,#0000 30%);position:absolute;inset:0}.hero-layout{z-index:2;grid-template-columns:minmax(0,1.15fr) 385px;align-items:center;gap:38px;width:min(1240px,88vw);margin:0 auto;display:grid;position:relative}.pill-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pill{color:var(--light);text-transform:uppercase;letter-spacing:.08em;background:#79cfef26;border:1px solid #79cfef57;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:900;display:inline-flex}.pill.muted{color:#ffffffe0;background:#ffffff1a}.eyebrow{color:var(--light);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:12px;font-weight:900}.eyebrow.dark{color:var(--royal)}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-1.6px;max-width:960px;margin-bottom:18px;font-size:clamp(34px,4.45vw,59px);line-height:1.02}.lead{color:#ffffffe3;max-width:840px;margin-bottom:22px;font-size:18px;line-height:1.56}.button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:900;text-decoration:none;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex}.btn:hover{opacity:.94;transform:translateY(-2px)}.btn.primary{background:var(--cyan);color:var(--deep);box-shadow:0 12px 28px #33a9e047}.btn.ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #79cfef8c}.proof-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.proof-strip div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:14px}.proof-strip strong{color:var(--light);margin-bottom:3px;font-size:15px;display:block}.proof-strip span{color:#ffffffd1;font-size:13px}.hero-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#041f45b8;border:1px solid #79cfef52;border-radius:28px;padding:22px;box-shadow:0 28px 70px #00000052}.panel-header{color:var(--light);justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:900;display:flex}.score-card{background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;margin-bottom:16px;padding:16px}.score-card small{color:#ffffff9e;display:block}.score-card strong{color:#fff;font-size:36px}.progress{background:#ffffff29;border-radius:99px;height:8px;margin-top:10px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--cyan), var(--light));height:100%;display:block}.chart-bars{background:linear-gradient(#33a9e014,#ffffff0f);border-radius:18px;align-items:end;gap:10px;height:120px;margin-bottom:16px;padding:14px;display:flex}.chart-bars span{background:linear-gradient(180deg, var(--light), var(--cyan));border-radius:10px 10px 0 0;flex:1;box-shadow:0 0 18px #33a9e059}.panel-checks p{color:#ffffffde;align-items:center;gap:8px;margin:7px 0;font-size:13px;display:flex}.section-intro{text-align:center;padding:82px 0 34px}.section-intro h2,.copy-block h2{color:var(--deep);letter-spacing:-.6px;margin-bottom:16px;font-size:clamp(30px,4vw,46px);line-height:1.12}.section-intro p,.copy-block p{color:var(--muted);max-width:930px;margin:0 auto;font-size:18px;line-height:1.7}.cards{gap:22px;padding-bottom:72px;display:grid}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.lift-up{margin-top:-5px}.feature-card,.plan-card,.form-card,.resource,.stack-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-card{padding:28px}.icon-box{background:linear-gradient(135deg, var(--deep), var(--royal));width:52px;height:52px;color:var(--light);border-radius:16px;place-items:center;margin-bottom:18px;display:grid}.feature-card h3,.image-tile h3,.plan-card h3,.form-card h3{color:var(--deep);margin-bottom:10px;font-size:22px}.feature-card p,.image-tile p,.plan-card p,.form-card p{color:var(--muted);line-height:1.65}.leadership-banner{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#062e67f0,#0e4c8aeb),url(/assets/images/teamwork.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;margin:16px auto 78px;padding:34px;box-shadow:0 26px 60px #062e6740}.leadership-banner span{background:var(--light);color:var(--deep);text-transform:uppercase;letter-spacing:.12em;border-radius:99px;margin-bottom:14px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-block}.leadership-banner h2{max-width:860px;margin-bottom:10px;font-size:clamp(26px,3vw,38px)}.leadership-banner p{color:#ffffffdb;max-width:910px;line-height:1.7}.split{grid-template-columns:.95fr 1.05fr;align-items:center;gap:46px;padding:78px 0;display:grid}.media-card{box-shadow:var(--shadow);border-radius:30px;min-height:390px;overflow:hidden}.media-card img{object-fit:cover;width:100%;height:100%}.stack-list{gap:12px;margin-top:24px;display:grid}.stack-item{border-left:5px solid var(--cyan);padding:18px;box-shadow:0 12px 35px #062e6714}.stack-item strong{color:var(--deep);margin-bottom:4px;display:block}.stack-item span{color:var(--muted)}.saas-section{background:linear-gradient(#fff,#f6faff);padding-bottom:10px}.outcome-gallery{grid-template-columns:repeat(3,1fr);gap:22px;padding:82px 0;display:grid}.image-tile{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;overflow:hidden}.image-tile img{object-fit:cover;width:100%;height:230px}.image-tile div{padding:22px}.pricing-preview{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#041f45f5,#0e4c8ae8),url(/assets/images/growth.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.pricing-preview-inner{grid-template-columns:.9fr 1.1fr auto;align-items:center;gap:28px;padding:70px 0;display:grid}.pricing-preview h2,.final-cta h2,.enterprise-block h2{margin-bottom:12px;font-size:clamp(30px,4vw,46px);line-height:1.13}.pricing-preview p,.final-cta p,.enterprise-block p{color:#ffffffd6;line-height:1.65}.pricing-mini{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pricing-mini span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;padding:16px}.pricing-mini .highlight{background:#33a9e038;border-color:#79cfef7a}.pricing-mini strong{color:var(--light);display:block}.pricing-mini small{color:#ffffffd1}.final-cta{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#041f45f5,#0e4c8ae8),url(/assets/images/hero-oil-gas.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.final-cta-inner{grid-template-columns:1fr auto;align-items:center;gap:30px;padding:76px 0;display:grid}.footer{color:#fff;background:#041f45;padding:30px 0}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer p{color:#ffffffb8;margin:5px 0 0}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:#ffffffbf;font-size:14px;text-decoration:none}.page-hero-react{color:#fff;align-items:center;min-height:390px;display:flex;position:relative;overflow:hidden}.page-hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.page-hero-bg:after{content:"";background:linear-gradient(90deg,#041f45f5,#062e67db 52%,#062e6773);position:absolute;inset:0}.page-hero-content{z-index:1;padding:72px 0;position:relative}.page-hero-content h1{max-width:940px;margin-bottom:16px;font-size:clamp(34px,4.6vw,58px);line-height:1.06}.page-hero-content p:not(.eyebrow){color:#ffffffe0;max-width:850px;font-size:19px;line-height:1.65}.workflow,.subscription,.contact{grid-template-columns:.85fr 1.15fr;align-items:start;gap:44px;padding:82px 0;display:grid}.workflow-steps{gap:13px;display:grid}.workflow-steps div{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:15px;padding:18px;display:flex}.workflow-steps strong{background:var(--deep);width:42px;height:42px;color:var(--light);border-radius:50%;flex:0 0 42px;place-items:center;display:grid}.workflow-steps span{color:var(--deep);font-weight:800}.enterprise-block{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#041f45f5,#0e4c8ae8),url(/assets/images/hero-oil-gas.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.enterprise-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;padding:82px 0;display:grid}.tag-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.tag-grid span{color:var(--light);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;padding:18px;font-weight:900}.tag-grid.light span{color:var(--deep);box-shadow:var(--shadow);border-left:5px solid var(--cyan);background:#fff}.resource-strip{grid-template-columns:repeat(3,1fr);gap:22px;padding:20px 0 82px;display:grid}.resource{padding:24px}.resource span,.plan-badge{background:var(--cyan);color:var(--deep);border-radius:99px;margin-bottom:14px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-block}.resource strong{color:var(--deep);font-size:20px;display:block}.assessment{padding:82px 0}.form-card{max-width:980px;margin:0 auto;padding:30px}.form-card form{gap:16px;display:grid}.question{background:#f4f8fb;border-radius:16px;gap:9px;padding:18px;display:grid}.question span{color:var(--deep);font-weight:850}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:12px;padding:14px}.result{border-left:5px solid var(--cyan);background:#ecf8fd;border-radius:16px;margin-top:20px;padding:20px}.result strong{color:var(--deep);font-size:22px}.section-space{padding-top:82px}.plan-card{padding:28px}.plan-card.featured{color:#fff;background:linear-gradient(135deg, var(--deep), var(--royal));transform:translateY(-8px)}.plan-card.featured h3,.plan-card.featured p,.plan-card.featured li{color:#fff}.plan-card ul{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.plan-card li{color:var(--muted);align-items:center;gap:8px;display:flex}.pricing{grid-template-columns:repeat(4,1fr);gap:22px;padding:82px 0;display:grid}.compact-form{max-width:none}@media (width<=1180px){.hero{min-height:auto}.hero-layout,.split,.workflow,.subscription,.contact,.enterprise-inner,.pricing-preview-inner,.final-cta-inner{grid-template-columns:1fr}.hero-panel{max-width:650px}.cards.three,.cards.four,.outcome-gallery,.pricing,.resource-strip,.pricing-mini{grid-template-columns:repeat(2,1fr)}.plan-card.featured{transform:none}}@media (width<=840px){.app-header{flex-wrap:wrap;height:auto;min-height:70px;padding:8px 6vw}.brand img{height:48px}.menu-button{display:block}.nav{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:16px 0;display:none}.nav.open{display:flex}.hero{padding:54px 0}.hero-layout,.container{width:min(100% - 34px,1180px)}.hero h1{font-size:34px}.lead{font-size:16px}.proof-strip,.cards.three,.cards.four,.outcome-gallery,.pricing,.resource-strip,.pricing-mini,.tag-grid{grid-template-columns:1fr}.section-intro{padding-top:58px}.media-card{min-height:260px}.footer-inner{flex-direction:column;align-items:flex-start}}
