:root{
 --bg:#02070b;--bg2:#071019;--panel:#0a141d;--panel2:#111b24;--line:#263946;
 --text:#f4f7f9;--muted:#a8b3ba;--cyan:#24c5f5;--blue:#0c78d4;--silver:#cbd2d7;
 --paper:#eef2f4;--ink:#081018;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.topbar{background:#020407;border-bottom:1px solid #14212b;font-size:11px;color:#8f9ca6;letter-spacing:.12em;text-transform:uppercase}
.topbar .container{display:flex;justify-content:space-between;padding:8px 0}
nav{position:sticky;top:0;z-index:50;background:rgba(3,7,11,.96);backdrop-filter:blur(12px);border-bottom:1px solid #13212c}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{width:225px;max-height:58px;object-fit:contain}
.links{display:flex;align-items:center;gap:19px;font-size:12.5px}.links a{color:#d5dbe0}.links a:hover{color:#fff}.sales{color:var(--cyan)!important;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:5px;font-weight:800;font-size:13px;border:1px solid #4d687a}
.btn.primary{background:linear-gradient(180deg,#22baf1,#0874ca);border-color:#219bd7}.btn.dark{background:#0c1318}
.hero{position:relative;overflow:hidden;min-height:610px;display:flex;align-items:center;background:#02070b center/cover no-repeat}
.hero.soc{background-image:url('assets/images/soc-hero.jpg')}.hero.cloud{background-image:url('assets/images/cloud-datacenter.jpg')}.hero.dashboard{background-image:url('assets/images/xdr-dashboard.jpg')}.hero.team{background-image:url('assets/images/soc-team.jpg')}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,10,.98) 0%,rgba(2,6,10,.90) 34%,rgba(2,6,10,.44) 67%,rgba(2,6,10,.08) 100%),linear-gradient(0deg,rgba(2,6,10,.92),transparent 42%)}
.hero .container{position:relative;z-index:2}.hero-copy{max-width:710px;padding:78px 0}
.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-weight:900;margin-bottom:16px}
h1{font-size:clamp(50px,6vw,80px);line-height:.98;letter-spacing:-.045em;margin:0 0 20px;text-transform:uppercase}
h1 .blue{color:var(--cyan)}.lead{font-size:18px;line-height:1.7;color:#d3d9de;max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-badges{display:flex;gap:0;margin-top:34px;border-top:1px solid #31414e;border-bottom:1px solid #31414e;width:max-content;max-width:100%}
.badge{padding:16px 22px;border-right:1px solid #31414e;font-size:12px;font-weight:800;min-width:150px}.badge:last-child{border-right:0}.badge span{color:var(--cyan);display:block;margin-bottom:5px}
.trust{background:#08121a;border-top:1px solid #1d2b35;border-bottom:1px solid #1d2b35}.trust-row{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;padding:18px 0;color:#d5dce1}.trust-row strong{font-size:14px;color:white}
.section{padding:84px 0}.dark{background:#050a0f}.deep{background:#02070b}.light{background:var(--paper);color:var(--ink)}
.section-head{text-align:center;max-width:830px;margin:0 auto 42px}.section-head.left{text-align:left;margin-left:0}
.section-head h2{font-size:42px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px;text-transform:uppercase}.section-head p{color:#9fabb4;line-height:1.65}.light .section-head p{color:#66727a}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:linear-gradient(180deg,#0b151e,#081019);border:1px solid #2a3a46;border-radius:8px;overflow:hidden}.light .card{background:#fff;border-color:#d6dde2}
.card-img{height:190px;background:#0a1015 center/cover no-repeat}.card-body{padding:22px}.card h3{font-size:19px;margin:0 0 8px;text-transform:uppercase}.card p{color:#a5b0b8;line-height:1.58;font-size:14px}.light .card p{color:#69747c}
.text-link{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.stats{background:#071019;border-top:1px solid #22313c;border-bottom:1px solid #22313c}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:22px;text-align:center;border-right:1px solid #273844}.stat:last-child{border-right:0}.stat strong{display:block;font-size:26px}.stat span{color:#a1acb4;font-size:11px;text-transform:uppercase}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.shot{border:1px solid #2a3d4b;border-radius:10px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.35)}.shot img{width:100%;display:block}
.feature-list{display:grid;gap:13px;margin-top:20px}.feature{display:flex;gap:12px;align-items:flex-start}.feature i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0f82cb;color:#fff;font-size:11px;flex:none}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.industry{background:#0a141d;border:1px solid #283a46;border-radius:8px;overflow:hidden}.industry .img{height:145px;background:center/cover no-repeat}.industry .body{padding:18px}.industry h3{margin:0 0 8px}.industry p{color:#9ea9b1;font-size:13px;line-height:1.55}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.contact-box{background:#0a141d;border:1px solid #2a3a46;border-radius:8px;padding:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;background:#071018;border:1px solid #2b3b46;color:#fff;padding:12px;border-radius:4px}.form-grid textarea{grid-column:1/-1;min-height:130px}.form-grid button{grid-column:1/-1}
footer{background:#020507;border-top:1px solid #17232c;padding:44px 0 20px;color:#87949e}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer-grid h4{color:white;margin-top:0}.footer-grid p,.footer-grid a{font-size:12px;line-height:1.9}.foot-logo{width:230px}.copyright{border-top:1px solid #17232c;margin-top:28px;padding-top:16px;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:950px){.links a:not(.sales):not(.btn){display:none}.hero{min-height:560px}.hero:before{background:rgba(2,6,10,.83)}.cards4,.industry-grid{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:1fr}.split,.contact-layout,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid textarea,.form-grid button{grid-column:1}.hero-badges{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cards4,.cards2,.industry-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.hero-badges{grid-template-columns:1fr}h1{font-size:45px}.container{width:min(100% - 28px,var(--max))}}