/*
Theme Name: StableCore Systems
Theme URI: https://stablecoresystems.com
Author: StableCore Systems
Description: Industrial infrastructure technology — St. Louis, MO. Precision-engineered reliability.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: stablecore-systems
*/
:root{
  --blue:#1E88E5;--blue-l:#42A5F5;--blue-d:#1565C0;--blue-pale:rgba(30,136,229,.08);
  --steel:#0B1622;--steel2:#0F1C2D;--steel3:#142236;--panel:#172640;--panel2:#1C2E4A;
  --slate:#243447;--wh:#FFFFFF;--off:#F4F7FA;--cool:#EBF3FC;
  --text:#B8CADE;--muted:#4A6480;--border:rgba(30,136,229,.18);--border2:rgba(255,255,255,.07);
  --green:#00C853;--orange:#FF6D00;--red:#F44336;
  --font:'Inter',system-ui,sans-serif;
  --display:'Barlow',system-ui,sans-serif;
  --mono:'Roboto Mono',monospace;
  --r:4px;--sh:0 16px 48px rgba(0,0,0,.55);--sh-b:0 8px 28px rgba(30,136,229,.25);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--steel);color:var(--text);overflow-x:hidden;line-height:1.65}
img{max-width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit}ul{list-style:none}
input,select,textarea,button{font-family:var(--font)}
.wrap{max-width:1220px;margin:0 auto;padding:0 36px}
.mono{font-family:var(--mono)}.c{text-align:center}.fw{width:100%}

/* ─── NAV ─── */
.nav{position:fixed;top:0;width:100%;z-index:1000;padding:18px 0;transition:all .3s}
.nav.scrolled{background:rgba(11,22,34,.97);backdrop-filter:blur(20px);padding:11px 0;border-bottom:1px solid var(--border)}
.ni{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px}
.logo-sc{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--blue);border-radius:var(--r);flex-shrink:0;transition:all .35s;position:relative;overflow:hidden}
.logo-sc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.15))}
.logo-sc svg{width:20px;height:20px;flex-shrink:0}
.logo:hover .logo-sc{background:var(--blue-d);transform:rotate(-5deg) scale(1.06)}
.logo-name{font-family:var(--display);font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.1}
.logo-name em{display:block;font-style:normal;font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);font-family:var(--mono)}
.nl{display:flex;align-items:center;gap:2px}
.nl a{font-size:13px;font-weight:500;color:rgba(255,255,255,.45);padding:7px 12px;border-radius:var(--r);transition:all .2s}
.nl a:hover,.nl a.on{color:#fff;background:rgba(255,255,255,.08)}
.ncta{background:var(--blue) !important;color:#fff !important;font-weight:700 !important;border-radius:100px !important;padding:9px 22px !important}
.ncta:hover{background:var(--blue-l) !important;transform:translateY(-1px) !important;box-shadow:var(--sh-b) !important}
.hbg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hbg span{display:block;width:24px;height:2px;background:rgba(255,255,255,.6);border-radius:2px;transition:.3s}

/* ─── BUTTONS ─── */
.btn-b{display:inline-block;background:var(--blue);color:#fff;padding:13px 34px;font-weight:700;font-size:14px;border-radius:100px;transition:all .25s;border:none;cursor:pointer}
.btn-b:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:var(--sh-b)}
.btn-b.lg{padding:16px 46px;font-size:15px}
.btn-b.sm{padding:10px 22px;font-size:13px}
.btn-ghost{display:inline-block;background:transparent;color:rgba(255,255,255,.7);padding:13px 34px;font-weight:600;font-size:14px;border:1.5px solid rgba(255,255,255,.22);border-radius:100px;transition:all .25s}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue-l)}
.btn-outline-b{display:inline-block;background:transparent;color:var(--blue);padding:12px 30px;font-weight:700;font-size:13px;border:1.5px solid var(--blue);border-radius:100px;transition:all .25s;width:100%;text-align:center}
.btn-outline-b:hover{background:var(--blue);color:#fff}
.tlink{font-size:12px;font-weight:700;color:var(--blue-l);text-decoration:underline;text-underline-offset:4px;letter-spacing:.5px;transition:color .2s}
.tlink:hover{color:#fff}

/* ─── HERO ─── */
.hero{position:relative;background:var(--steel);min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:110px 0 0}
.h-circuit{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(var(--blue) 1px,transparent 1px),linear-gradient(90deg,var(--blue) 1px,transparent 1px),linear-gradient(rgba(30,136,229,.5) .5px,transparent .5px),linear-gradient(90deg,rgba(30,136,229,.5) .5px,transparent .5px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}
.h-glow{position:absolute;top:-15%;right:-8%;width:600px;height:600px;background:radial-gradient(circle,rgba(30,136,229,.14) 0%,transparent 60%);pointer-events:none}
.hcont{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-bottom:80px}
.h-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.h-ey-status{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);background:rgba(0,200,83,.08);border:1px solid rgba(0,200,83,.2);padding:5px 13px;border-radius:100px}
.h-ey-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:dot-pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes dot-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,200,83,.5)}50%{box-shadow:0 0 0 5px rgba(0,200,83,0)}}
.h-loc{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:1px}
.hl h1{font-family:var(--display);font-size:clamp(44px,5.5vw,72px);font-weight:800;color:#fff;line-height:1.04;margin-bottom:22px;letter-spacing:-1.5px}
.hl h1 .blue{color:var(--blue-l)}
.hl h1 .light{font-weight:300;color:rgba(255,255,255,.65)}
.hl p.lead{font-size:17px;color:rgba(255,255,255,.55);line-height:1.85;margin-bottom:36px;max-width:520px;font-weight:300}
.h-btns{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:52px}
.h-certs{display:flex;flex-wrap:wrap;gap:8px}
.hcert{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);border:1px solid var(--border2);padding:5px 13px;border-radius:100px;letter-spacing:.5px}
.hcert-icon{font-size:12px}
/* Hero right — system status panel */
.h-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.h-panel-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--steel3);border-bottom:1px solid var(--border2)}
.hpt-title{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.4);letter-spacing:1px}
.hpt-live{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--green)}
.hpt-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:dot-pulse 2s ease-in-out infinite}
.h-panel-img{width:100%;height:260px}
.h-panel-img img{width:100%;height:100%}
.h-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border2)}
.hm{padding:14px;text-align:center;border-right:1px solid var(--border2)}
.hm:last-child{border-right:none}
.hmv{display:block;font-family:var(--display);font-size:22px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}
.hmv .b{color:var(--blue-l)}
.hml{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:4px}
.h-status-rows{padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.hsr{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px}
.hsr-label{color:rgba(255,255,255,.4);letter-spacing:.5px}
.hsr-bar{flex:1;height:3px;background:rgba(255,255,255,.08);margin:0 12px;border-radius:2px;overflow:hidden}
.hsr-fill{height:100%;border-radius:2px;background:var(--blue);transition:width 2s ease}
.hsr-val{color:var(--blue-l);letter-spacing:.5px}
/* Ticker */
.h-ticker{background:var(--blue-d);overflow:hidden;padding:10px 0}
.ht-track{display:flex;gap:36px;animation:ht 24s linear infinite;width:max-content}
.ht-track span{font-family:var(--mono);font-size:11px;font-weight:500;color:rgba(255,255,255,.8);white-space:nowrap;letter-spacing:2px;text-transform:uppercase}
.ht-track .s{opacity:.4}
@keyframes ht{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── SECTIONS ─── */
.section{padding:110px 0}
.bg-panel{background:var(--panel)}
.bg-off{background:var(--off);color:var(--steel)}
.bg-cool{background:var(--cool)}
.stag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--blue-l);background:var(--blue-pale);border:1px solid var(--border);padding:4px 13px;border-radius:100px;margin-bottom:18px}
.stag-d{color:var(--blue-d);background:rgba(30,136,229,.06);border-color:rgba(30,136,229,.2)}
.sh h2{font-family:var(--display);font-size:clamp(32px,4vw,50px);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.05;margin-bottom:14px}
.bg-off .sh h2,.bg-cool .sh h2{color:var(--steel)}
.sh h2 em{color:var(--blue-l);font-style:normal}
.bg-off .sh h2 em{color:var(--blue-d)}
.sh p{font-size:16px;color:var(--muted);line-height:1.75}
.bg-off .sh p,.bg-cool .sh p{color:#4A5568}
.sh.c{text-align:center;max-width:680px;margin:0 auto 68px}
.sh-sp{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:20px}
.sh-sp h2{font-family:var(--display);font-size:clamp(28px,3.5vw,46px);font-weight:800;color:#fff;letter-spacing:-1px}
.bg-off .sh-sp h2{color:var(--steel)}

/* ─── SPLIT ─── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.st h2{font-family:var(--display);font-size:clamp(28px,3.5vw,44px);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.05;margin:0 0 20px}
.bg-off .st h2,.bg-cool .st h2{color:var(--steel)}
.st h2 em{color:var(--blue-l)}
.bg-off .st h2 em{color:var(--blue-d)}
.st p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:15px}
.bg-off .st p,.bg-cool .st p{color:#4A5568}
.spec-table{display:flex;flex-direction:column;gap:0;margin:22px 0 28px;border:1px solid var(--border2);border-radius:var(--r);overflow:hidden}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border2);font-size:13px}
.spec-row:last-child{border-bottom:none}
.spec-row:nth-child(even){background:rgba(255,255,255,.02)}
.bg-off .spec-row:nth-child(even){background:rgba(30,136,229,.04)}
.spec-key{color:var(--muted);font-weight:500}
.bg-off .spec-key{color:#4A5568}
.spec-val{color:var(--blue-l);font-family:var(--mono);font-size:12px;font-weight:600}
.bg-off .spec-val{color:var(--blue-d)}
.si{position:relative}
.si-main{width:100%;height:420px;border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border)}
.si-float{position:absolute;bottom:-24px;right:-20px;width:52%;height:200px;border-radius:var(--r);border:2px solid var(--steel);box-shadow:var(--sh)}
.si-badge{position:absolute;top:22px;left:-20px;background:var(--blue);color:#fff;border-radius:var(--r);padding:13px 17px;box-shadow:var(--sh-b);text-align:center}
.si-badge strong{display:block;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1}
.si-badge span{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-top:3px;opacity:.7}

/* ─── PRODUCTS / SOLUTIONS ─── */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border2)}
.pcard{background:var(--panel);overflow:hidden;transition:background .3s;display:flex;flex-direction:column}
.pcard:hover{background:var(--panel2)}
.pc-img{height:200px;background-size:cover;background-position:center;position:relative}
.pc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(11,22,34,.6))}
.pc-tag{position:absolute;bottom:12px;left:14px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--blue-l);background:rgba(11,22,34,.85);border:1px solid var(--border);padding:3px 10px;border-radius:100px;z-index:2}
.pc-body{padding:28px;flex:1;display:flex;flex-direction:column}
.pc-num{display:block;font-family:var(--mono);font-size:10px;color:rgba(30,136,229,.45);margin-bottom:10px;letter-spacing:1px}
.pc-body h3{font-family:var(--display);font-size:20px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.3px}
.pc-body p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:16px;font-weight:300;flex:1}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.pc-chip{font-family:var(--mono);font-size:10px;color:var(--blue-l);background:var(--blue-pale);border:1px solid var(--border);padding:3px 9px;border-radius:100px}
.pc-body ul{display:flex;flex-direction:column;gap:7px}
.pc-body ul li{font-size:12px;color:rgba(255,255,255,.38);padding-left:14px;position:relative;font-weight:300}
.pc-body ul li::before{content:"▹";position:absolute;left:0;color:var(--blue)}

/* ─── WHY ─── */
.why6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wcard{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);padding:24px;transition:all .3s;position:relative;overflow:hidden}
.wcard::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--blue-pale),transparent);opacity:0;transition:opacity .3s}
.wcard:hover::before{opacity:1}
.wcard:hover{border-color:var(--border)}
.wcard-icon{font-size:26px;margin-bottom:14px;display:block;position:relative;z-index:1}
.wcard h3{font-family:var(--display);font-size:16px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.2px;position:relative;z-index:1}
.wcard p{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300;position:relative;z-index:1}

/* ─── CASES ─── */
.cases3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:all .3s}
.case:hover{border-color:var(--border);transform:translateY(-5px);box-shadow:var(--sh)}
.case-img{height:200px;background-size:cover;background-position:center}
.case-body{padding:22px}
.case-tag{display:inline-block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue-l);background:var(--blue-pale);border:1px solid var(--border);padding:3px 9px;border-radius:100px;margin-bottom:11px}
.case-body h3{font-family:var(--display);font-size:18px;font-weight:800;color:#fff;margin-bottom:9px;letter-spacing:-.3px}
.case-body p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:16px;font-weight:300}
.case-kpis{display:flex;gap:0;border-top:1px solid var(--border2);padding-top:13px}
.ck{flex:1;text-align:center}
.ck+.ck{border-left:1px solid var(--border2)}
.ckv{display:block;font-family:var(--display);font-size:20px;font-weight:800;color:var(--blue-l);letter-spacing:-.5px;line-height:1}
.ckl{display:block;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:3px}

/* ─── TEAM ─── */
.team4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tm{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:all .3s}
.tm:hover{border-color:var(--border);transform:translateY(-3px)}
.tm img{width:100%;height:240px;filter:grayscale(15%)}
.tm-body{padding:18px}
.tm-body h3{font-family:var(--display);font-size:16px;font-weight:800;color:#fff;margin-bottom:3px;letter-spacing:-.2px}
.tm-role{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue-l);margin-bottom:9px}
.tm-body p{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300}
.tm-certs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.tm-cert{font-family:var(--mono);font-size:9px;color:var(--blue-l);background:var(--blue-pale);border:1px solid var(--border);padding:2px 8px;border-radius:100px}

/* ─── TESTIMONIALS ─── */
.tsti{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.tcol{display:flex;flex-direction:column;gap:20px}
.tstc{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);padding:28px;transition:border-color .3s}
.tstc:hover,.tstc.ft{border-color:var(--border)}
.tstc.ft{background:rgba(30,136,229,.04)}
.tq{font-family:var(--display);font-size:56px;font-weight:800;line-height:.7;color:var(--blue);display:block;margin-bottom:14px;opacity:.3}
.tstc blockquote{font-size:14px;color:rgba(255,255,255,.62);line-height:1.88;font-style:italic;margin-bottom:20px;font-weight:300}
.ta{display:flex;align-items:center;gap:11px}
.ta img{width:42px;height:42px;border-radius:50%;border:2px solid var(--border)}
.ta strong{display:block;font-size:13px;font-weight:700;color:#fff}
.ta em{display:block;font-style:normal;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.3px}

/* ─── FULL PRODUCT ROWS ─── */
.sf-full{display:flex;flex-direction:column;gap:2px;background:var(--border2)}
.sfrow{display:grid;grid-template-columns:1fr 1fr}
.sfrow.rev .sfimg{order:2}
.sfimg{background-size:cover;background-position:center;min-height:480px;position:relative}
.sfimg::after{content:'';position:absolute;inset:0;background:rgba(11,22,34,.14)}
.sfbody{background:var(--panel2);padding:60px}
.sfbody .stag{margin-bottom:13px}
.sfbody h2{font-family:var(--display);font-size:34px;font-weight:800;color:#fff;margin:10px 0 16px;letter-spacing:-.8px}
.sfbody p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:13px;font-weight:300}
.sfbody ul{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.sfbody ul li{font-size:14px;color:rgba(255,255,255,.42);padding-left:18px;position:relative;line-height:1.5;font-weight:300}
.sfbody ul li::before{content:"▹";position:absolute;left:0;color:var(--blue)}
.sfbody .tech-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.tc{font-family:var(--mono);font-size:10px;color:var(--blue-l);background:var(--blue-pale);border:1px solid var(--border);padding:4px 11px;border-radius:100px}

/* ─── INSIGHTS ─── */
.ig6{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.igc{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:all .3s}
.igc:hover{border-color:var(--border);transform:translateY(-4px)}
.igc.ft{grid-column:1/3}
.igc img{width:100%;height:190px}.igc.ft img{height:280px}
.ig-body{padding:22px}
.ig-cat{display:block;font-family:var(--mono);font-size:9px;color:var(--blue-l);margin-bottom:9px;letter-spacing:2px;text-transform:uppercase}
.ig-body h3{font-family:var(--display);font-size:18px;font-weight:800;color:#fff;margin-bottom:9px;letter-spacing:-.3px;line-height:1.25}
.igc.ft .ig-body h3{font-size:24px}
.ig-body p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:9px;font-weight:300}
.ig-meta{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.2);letter-spacing:.3px}

/* ─── AWARDS ─── */
.aw4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.awc{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);padding:22px;text-align:center;transition:all .3s}
.awc:hover{border-color:var(--border);transform:translateY(-3px);box-shadow:var(--sh-b)}
.awi{font-size:28px;margin-bottom:11px}
.awc h3{font-family:var(--display);font-size:13px;font-weight:800;color:#fff;margin-bottom:7px}
.awc p{font-size:11px;color:var(--muted);line-height:1.5;font-weight:300}

/* ─── CTA BAND ─── */
.cta-band{position:relative;padding:110px 0;overflow:hidden;background:linear-gradient(135deg,var(--blue-d) 0%,var(--steel3) 60%,var(--steel2) 100%)}
.cta-band::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1800&q=80') center/cover;opacity:.06}
.ctai{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ctax h2{font-family:var(--display);font-size:clamp(38px,5vw,58px);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.04;margin-bottom:16px}
.ctax h2 em{color:var(--blue-l)}
.ctax p{font-size:17px;color:rgba(255,255,255,.6);line-height:1.85;margin-bottom:28px;font-weight:300}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap}
.btn-wh{display:inline-block;background:#fff;color:var(--blue-d);padding:14px 38px;font-weight:800;font-size:14px;border-radius:100px;transition:all .25s}
.btn-wh:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,255,255,.25)}
.ctaim img{width:100%;height:400px;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);box-shadow:var(--sh)}

/* ─── PAGE HERO ─── */
.ph{position:relative;height:420px;display:flex;align-items:flex-end;padding-bottom:60px;background-size:cover;background-position:center}
.pho{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,22,34,.5),rgba(11,22,34,.97))}
.phc{position:relative;z-index:2}
.phc h1{font-family:var(--display);font-size:clamp(46px,6.5vw,78px);font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:.95;margin-bottom:12px}
.phc h1 em{color:var(--blue-l)}
.phc p{font-size:17px;color:rgba(255,255,255,.48)}

/* ─── CONTACT ─── */
.cl2{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
.cli h2{font-family:var(--display);font-size:36px;font-weight:800;color:#fff;margin:12px 0 17px;letter-spacing:-1px;line-height:1.04}
.cli h2 em{color:var(--blue-l)}
.cli p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:14px;font-weight:300}
.cdet{display:flex;flex-direction:column;gap:13px;margin-bottom:26px}
.cdrow{display:flex;gap:13px;align-items:flex-start}
.cdrow span:first-child{font-size:17px;flex-shrink:0;width:22px}
.cdrow strong{display:block;font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--blue-l);margin-bottom:2px}
.cdrow em{display:block;font-style:normal;font-size:13px;color:var(--muted);line-height:1.5;font-weight:300}
.clocimg{width:100%;height:200px;border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border)}
.cfw{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:42px;box-shadow:var(--sh)}
.cform h3{font-family:var(--display);font-size:24px;font-weight:800;color:#fff;margin-bottom:7px;letter-spacing:-.8px}
.csub{font-size:13px;color:var(--muted);margin-bottom:22px;font-weight:300}
.cform input,.cform select,.cform textarea{width:100%;padding:11px 14px;border:1px solid var(--border2);border-radius:var(--r);font-size:13px;background:rgba(255,255,255,.04);color:#fff;margin-bottom:12px;transition:border-color .2s;outline:none;font-family:var(--font);font-weight:300}
.cform input::placeholder,.cform textarea::placeholder{color:var(--muted)}
.cform select option{background:var(--steel2);color:#fff}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--blue)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fr2 input{margin-bottom:0}
.fnote{font-family:var(--mono);font-size:9px;color:var(--muted);text-align:center;margin-top:9px;letter-spacing:.3px}
.smsg{background:var(--blue-pale);border:1px solid var(--border);color:var(--blue-l);padding:22px;border-radius:var(--r);font-family:var(--mono);font-size:12px;line-height:1.7}

/* ─── JOBS ─── */
.jlist{display:flex;flex-direction:column;gap:11px}
.jcard{background:var(--panel);border:1px solid var(--border2);border-radius:var(--r);padding:22px 26px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:border-color .2s}
.jcard:hover{border-color:var(--border)}
.jcard h3{font-family:var(--display);font-size:17px;font-weight:800;color:#fff;margin-bottom:3px;letter-spacing:-.2px}
.jtag{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue-l);display:block;margin-bottom:7px}
.jcard p{font-size:13px;color:var(--muted);line-height:1.5;font-weight:300}

/* ─── FOOTER ─── */
.footer{background:var(--steel2);border-top:1px solid var(--border2);padding:76px 0 0}
.fi{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
.fb p{font-size:12px;color:rgba(255,255,255,.28);line-height:1.8;margin:13px 0 0;max-width:280px;font-weight:300}
.fc h4{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2.5px;color:var(--blue-l);margin-bottom:16px}
.fc ul{display:flex;flex-direction:column;gap:9px}
.fc ul li,.fc ul li a{font-size:12px;color:rgba(255,255,255,.28);transition:color .2s;font-weight:300}
.fc ul li a:hover{color:var(--blue-l)}
.fbot{border-top:1px solid var(--border2);padding:18px 0;text-align:center;font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.18);letter-spacing:.5px}

/* ─── REVEAL ─── */
.ri{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.ri-l{opacity:0;transform:translateX(-22px);transition:opacity .75s ease,transform .75s ease}
.ri-r{opacity:0;transform:translateX(22px);transition:opacity .75s ease,transform .75s ease}
.ri.vis,.ri-l.vis,.ri-r.vis{opacity:1;transform:translate(0)}

/* ─── RESPONSIVE ─── */
@media(max-width:1100px){.prod-grid{grid-template-columns:repeat(2,1fr)}.why6{grid-template-columns:repeat(2,1fr)}.team4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .nl{display:none;position:fixed;inset:0;background:var(--steel);flex-direction:column;justify-content:center;align-items:center;gap:16px;z-index:999}.nl.o{display:flex}
  .hbg{display:flex;z-index:1000}
  .hcont,.split,.ctai,.sfrow,.sfrow.rev,.cl2{grid-template-columns:1fr}
  .sfrow.rev .sfimg{order:0}.sfimg{min-height:220px}
  .si-float,.si-badge{display:none}.si-main{height:300px}
  .cases3,.ig6,.tsti{grid-template-columns:1fr 1fr}.igc.ft{grid-column:auto}
  .aw4{grid-template-columns:repeat(2,1fr)}.fi{grid-template-columns:1fr 1fr}.fr2{grid-template-columns:1fr}
}
@media(max-width:600px){.fi,.team4,.cases3,.ig6,.aw4,.why6,.prod-grid{grid-template-columns:1fr}}