
:root{
  --bg:#050b13;
  --panel:#07111d;
  --card:#091522;
  --line:rgba(255,255,255,.17);
  --red:#e51d2a;
  --white:#ffffff;
  --muted:#c8d4e4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#1f2429;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.45;
}
.page{
  max-width:1320px;
  margin:0 auto;
  background:#050b13;
  box-shadow:0 0 42px rgba(0,0,0,.72);
}
.wrap{
  width:min(1180px,92%);
  margin:0 auto;
}
.header{
  height:108px;
  background:#050b13;
  border-bottom:1px solid var(--line);
}
.header-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.logo{
  width:390px;
  max-width:44vw;
  display:block;
  height:auto;
}
.nav{
  display:flex;
  align-items:center;
  gap:38px;
  font-size:14px;
  font-weight:800;
}
.nav a{
  color:#fff;
  text-decoration:none;
  padding:10px 0;
  border-bottom:2px solid transparent;
}
.nav a:hover,
.nav a.active{
  color:var(--red);
  border-bottom-color:var(--red);
}

.hero{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero-bg{
  position:absolute;
  top:38px;
  right:3.5%;
  bottom:auto;
  left:auto;
  width:66%;
  height:auto;
  max-height:500px;
  object-fit:contain;
  object-position:right center;
  opacity:.94;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,11,19,1) 0%,rgba(5,11,19,.96) 33%,rgba(5,11,19,.55) 58%,rgba(5,11,19,.08) 100%),
    linear-gradient(180deg,rgba(5,11,19,.03) 0%,rgba(5,11,19,.12) 66%,rgba(5,11,19,.94) 100%);
}
.hero-content{
  position:relative;
  z-index:2;
  width:510px;
  max-width:44%;
  padding:60px 0 46px;
  text-align:left;
  margin-left:4%;
  margin-right:auto;
}
.kicker{
  margin:0 0 24px;
  color:#e6edf6;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
}
h1{
  font-size:58px;
  line-height:.96;
  margin:0 0 16px;
  letter-spacing:-.035em;
  font-weight:900;
}
h1 .red{color:var(--red)}
.inline{
  margin:20px 0 24px;
  font-size:14px;
  font-weight:700;
}
.inline span{margin-right:9px}
.inline span:not(:last-child)::after{
  content:"•";
  color:var(--red);
  margin-left:9px;
}
.hero p{
  margin:0 0 15px;
  max-width:500px;
  color:#dce7f5;
  font-size:15px;
  line-height:1.55;
}
.btns{
  display:flex;
  gap:18px;
  margin-top:28px;
}
.btn{
  display:inline-flex;
  min-width:170px;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:15px 22px;
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  transition:.18s ease;
}
.btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
}
.btn.redbtn{
  background:var(--red);
  border-color:var(--red);
}

.section{
  padding:34px 0;
  background:#050b13;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.section-title{
  text-align:center;
  margin-bottom:24px;
}
.section-title span{
  display:inline-block;
  position:relative;
  padding-bottom:12px;
  font-size:15px;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-weight:900;
}
.section-title span:after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:80px;
  height:3px;
  background:var(--red);
  transform:translateX(-50%);
}
.cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.card{
  min-height:248px;
  padding:28px 26px;
  background:rgba(9,21,34,.88);
  border:1px solid rgba(255,255,255,.22);
}
.card-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.card h3{
  margin:0;
  font-size:18px;
  line-height:1.15;
  text-transform:uppercase;
}
.icon svg{
  width:42px;
  height:42px;
  stroke:var(--red);
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.card ul,.mini ul{
  margin:0;
  padding-left:18px;
  color:#dfeafa;
  font-size:15px;
  line-height:1.74;
}
.card li::marker,.mini li::marker{color:var(--red)}

.field{
  position:relative;
  overflow:hidden;
  background:#050b13;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.field:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 36% 50%,rgba(22,112,190,.22),transparent 45%),
    linear-gradient(90deg,rgba(5,11,19,1),rgba(5,11,19,.80),rgba(5,11,19,1));
  opacity:1;
}

.field-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr 1.45fr;
  gap:28px;
  align-items:center;
  padding:36px 0;
}
.field-copy h2{
  margin:0 0 16px;
  font-size:32px;
  line-height:1.06;
  text-transform:uppercase;
}
.field-copy p{
  margin:0 0 15px;
  color:#dce7f5;
  font-size:15px;
  line-height:1.65;
}
.field-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.mini{
  min-height:230px;
  padding:26px 22px;
  background:rgba(9,21,34,.9);
  border:1px solid rgba(255,255,255,.22);
}
.mini-icon{
  text-align:center;
  margin-bottom:14px;
}
.mini-icon svg{
  width:46px;
  height:46px;
  stroke:var(--red);
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mini h3{
  margin:0 0 16px;
  text-align:center;
  font-size:16px;
  text-transform:uppercase;
}
.mini ul{font-size:14px}

.tags{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#050b13;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.tag{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  padding:28px 26px;
  border-right:1px solid rgba(255,255,255,.15);
}
.tag:last-child{border-right:0}
.tag h3{
  margin:0 0 8px;
  font-size:16px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tag p{
  margin:0;
  color:#cbd8e8;
  font-size:13px;
  line-height:1.5;
}
.tag svg{
  width:48px;
  height:48px;
  stroke:#fff;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tag svg .r{stroke:var(--red)}

.project-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.project{
  min-height:255px;
  padding:20px 18px;
  background:#07111f;
  border:1px solid rgba(255,255,255,.2);
}
.project h3{
  margin:0 0 8px;
  font-size:17px;
}
.project .sub{
  margin-bottom:16px;
  line-height:1.18;
  font-weight:900;
}
.project p{
  margin:0;
  color:#cbd8e8;
  font-size:14px;
  line-height:1.55;
}

.network{
  padding:26px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.network-inner{
  display:grid;
  grid-template-columns:1.1fr 2.9fr;
  gap:28px;
  align-items:center;
}
.network h3{
  margin:0 0 12px;
  font-size:17px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.network p{
  margin:0 0 8px;
  color:#cbd8e8;
  font-size:13px;
  line-height:1.55;
}
.logo-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-left:1px solid rgba(255,255,255,.16);
}
.logo-box{
  height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.16);
  font-weight:900;
  font-size:13px;
}
.footer{
  padding:18px 0;
}
.footer-inner{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
  color:#cbd8e8;
  font-size:13px;
}
.footer-inner div:nth-child(2){text-align:center}
.footer-inner div:nth-child(3){text-align:right}

.subpage-hero{
  padding:80px 0;
  background:linear-gradient(135deg,#050b13,#091a2d);
  border-bottom:1px solid var(--line);
}
.subpage-hero h1{
  font-size:52px;
  margin-bottom:18px;
}
.subpage-hero p{
  max-width:760px;
  color:#dce7f5;
}

@media(max-width:1000px){
  .hero-content{
  position:relative;
  z-index:2;
  width:510px;
  max-width:44%;
  padding:60px 0 46px;
  text-align:left;
  margin-left:4%;
  margin-right:auto;
}
  .cards,.field-inner,.field-cards,.tags,.project-grid,.network-inner,.logo-row,.footer-inner{grid-template-columns:1fr}
  .header{height:auto}
  .header-inner{padding:18px 0;flex-direction:column}
  .logo{max-width:90vw}
  .nav{flex-wrap:wrap;justify-content:center}
  h1{font-size:46px}
  .footer-inner div{text-align:left!important}
}



.about-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 66px;
  background:
    linear-gradient(90deg,rgba(5,11,19,1),rgba(5,11,19,.92),rgba(5,11,19,.78)),
    radial-gradient(circle at 78% 35%,rgba(229,29,42,.22),transparent 26%),
    radial-gradient(circle at 58% 45%,rgba(35,120,210,.20),transparent 34%);
  border-bottom:1px solid var(--line);
}
.about-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.035) 45%,transparent 70%);
  pointer-events:none;
}
.about-hero .wrap{
  position:relative;
  z-index:2;
}
.about-hero h1{
  max-width:780px;
  font-size:58px;
  line-height:.98;
  margin:0 0 20px;
}
.about-hero p{
  max-width:760px;
  color:#dce7f5;
  font-size:17px;
  line-height:1.62;
}
.about-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}
.about-panel{
  background:rgba(9,21,34,.9);
  border:1px solid rgba(255,255,255,.2);
  padding:32px;
}
.about-panel h2{
  margin:0 0 16px;
  font-size:30px;
  line-height:1.08;
}
.about-panel p{
  color:#dce7f5;
  font-size:15px;
  line-height:1.68;
  margin:0 0 15px;
}
.stat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:24px;
}
.stat{
  background:#07111f;
  border:1px solid rgba(255,255,255,.16);
  padding:22px 18px;
}
.stat strong{
  display:block;
  color:#fff;
  font-size:34px;
  line-height:1;
  margin-bottom:8px;
}
.stat span{
  color:#cbd8e8;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.capability-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:18px;
}
.capability{
  background:#07111f;
  border:1px solid rgba(255,255,255,.16);
  padding:20px;
}
.capability h3{
  margin:0 0 10px;
  font-size:17px;
  text-transform:uppercase;
}
.capability p{
  font-size:14px;
  color:#cbd8e8;
  line-height:1.55;
  margin:0;
}
.about-values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.value-card{
  background:#07111f;
  border:1px solid rgba(255,255,255,.18);
  padding:24px 22px;
}
.value-card h3{
  margin:0 0 10px;
  font-size:16px;
  text-transform:uppercase;
}
.value-card p{
  color:#cbd8e8;
  font-size:14px;
  line-height:1.55;
  margin:0;
}
.about-cta{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  background:linear-gradient(90deg,rgba(229,29,42,.18),rgba(9,21,34,.96));
  border:1px solid rgba(255,255,255,.18);
  padding:30px;
}
.about-cta h2{
  margin:0 0 8px;
  font-size:30px;
}
.about-cta p{
  margin:0;
  color:#dce7f5;
}
@media(max-width:1000px){
  .about-grid,.stat-grid,.capability-list,.about-values,.about-cta{grid-template-columns:1fr;display:grid}
  .about-cta{display:block}
  .about-cta .btns{margin-top:20px}
  .about-hero h1{font-size:44px}
}






.field-inner{
  position:relative;
  z-index:2;
}
@media(max-width:1000px){
  
}


.card,.mini,.project,.value-card,.capability,.about-panel,.about-cta,.stat,.logo-box{
  border-radius:8px;
}
.btn{
  border-radius:6px;
}



.field-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(390px,1.05fr) minmax(640px,1.45fr);
  gap:30px;
  align-items:center;
  padding:38px 0;
}
.field-copy{
  max-width:520px;
}
.field-copy h2{
  margin:0 0 16px;
  font-size:32px;
  line-height:1.06;
  text-transform:uppercase;
}
.field-copy p{
  margin:0 0 15px;
  color:#dce7f5;
  font-size:15px;
  line-height:1.65;
}
.field-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(205px,1fr));
  gap:18px;
}
.mini{
  min-height:230px;
  padding:26px 18px;
  background:rgba(9,21,34,.91);
  border:1px solid rgba(255,255,255,.22);
  overflow:hidden;
}
.mini-icon{
  text-align:center;
  margin-bottom:14px;
}
.mini-icon svg{
  width:46px;
  height:46px;
  stroke:var(--red);
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mini h3{
  margin:0 0 16px;
  text-align:center;
  font-size:15px;
  line-height:1.18;
  text-transform:uppercase;
}
.mini ul{
  margin:0;
  padding-left:18px;
  color:#dfeafa;
  font-size:12.6px;
  line-height:1.75;
}
.mini li{
  white-space:nowrap;
  overflow:visible;
}
.mini li::marker{
  color:var(--red);
}
@media(max-width:1000px){
  
  .field-inner{
    grid-template-columns:1fr;
  }
  .field-cards{
    grid-template-columns:1fr;
  }
  .mini li{
    white-space:normal;
  }
}



@media(max-width:1000px){
  
}


.field{
  position:relative;
  overflow:hidden;
  background:#050b13;
}
.field:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,11,19,1),rgba(5,11,19,.86),rgba(5,11,19,1));
  z-index:0;
}


.field-inner{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(420px,1.05fr) minmax(660px,1.45fr);
  gap:32px;
  align-items:center;
  padding:38px 0;
}
.field-copy{
  max-width:540px;
  position:relative;
  z-index:4;
}
.field-copy h2{
  margin:0 0 16px;
  font-size:32px;
  line-height:1.06;
  text-transform:uppercase;
}
.field-copy p{
  margin:0 0 15px;
  color:#dce7f5;
  font-size:15px;
  line-height:1.65;
}
.field-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(205px,1fr));
  gap:18px;
  position:relative;
  z-index:4;
}
.mini{
  min-height:230px;
  padding:26px 18px;
  background:rgba(9,21,34,.92);
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  overflow:hidden;
}
.mini h3{
  margin:0 0 16px;
  text-align:center;
  font-size:15px;
  line-height:1.18;
  text-transform:uppercase;
}
.mini ul{
  margin:0;
  padding-left:18px;
  color:#dfeafa;
  font-size:12.6px;
  line-height:1.75;
}
.mini li{
  white-space:nowrap;
}
@media(max-width:1000px){
  
  .field-inner{
    grid-template-columns:1fr;
  }
  .field-cards{
    grid-template-columns:1fr;
  }
  .mini li{
    white-space:normal;
  }
}



.field{
  position:relative;
  overflow:hidden;
  background:#050b13;
}
.field:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,11,19,1),rgba(5,11,19,.96),rgba(5,11,19,1));
  z-index:0;
}



.deployment-master-section{
  background:#050b13;
  border-bottom:1px solid rgba(255,255,255,.1);
  overflow:hidden;
}
.deployment-master-section img{
  display:block;
  width:100%;
  height:auto;
}
.deployment-master-section a{
  display:block;
}




.deployment-master-section,
.professional-network,
.community-support{
    font-family:'Inter','Segoe UI',Arial,sans-serif !important;
}

.deployment-master-section p,
.professional-network p,
.community-support p{
    font-size:15px !important;
    line-height:1.85 !important;
    font-weight:400 !important;
    letter-spacing:0.1px !important;
    color:#dce6f2 !important;
}

.deployment-master-section h2,
.professional-network h2,
.community-support h2{
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    letter-spacing:2.6px !important;
    color:#ffffff !important;
}

.deployment-master-section li{
    font-size:15px !important;
    line-height:1.7 !important;
    color:#e5edf7 !important;
}





.deployment-master-section,
.deployment-master-section *{
  font-family: Arial, Helvetica, sans-serif !important;
  text-rendering: optimizeLegibility;
}

.deployment-master-section .kicker,
.deployment-master-section [class*="kicker"],
.deployment-master-section [class*="label"]{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:#e6edf6 !important;
}

.deployment-master-section h1,
.deployment-master-section h2,
.deployment-master-section h3{
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:900 !important;
  color:#ffffff !important;
  letter-spacing:-.02em !important;
}

.deployment-master-section h2{
  font-size:32px !important;
  line-height:1.06 !important;
  text-transform:uppercase !important;
}

.deployment-master-section h3{
  font-size:16px !important;
  line-height:1.18 !important;
  text-transform:uppercase !important;
}

.deployment-master-section p{
  font-family: Arial, Helvetica, sans-serif !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#dce7f5 !important;
}

.deployment-master-section li{
  font-family: Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
  line-height:1.74 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#dfeafa !important;
}

.deployment-master-section .btn,
.deployment-master-section a{
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:900 !important;
}




.deployment-clean{
  position:relative;
  overflow:hidden;
  background:#050b13;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  min-height:455px;
}
.deployment-clean::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,11,19,.97) 0%,rgba(5,11,19,.78) 31%,rgba(5,11,19,.42) 52%,rgba(5,11,19,.90) 100%),
    radial-gradient(ellipse at 42% 47%,rgba(30,125,205,.18),transparent 54%);
}
.deployment-clean-map{
  position:absolute;
  z-index:1;
  top:50%;
  left:7%;
  width:82%;
  max-width:none;
  height:auto;
  transform:translateY(-50%);
  opacity:.56;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(45,150,255,.24));
}
.deployment-clean-inner{
  position:relative;
  z-index:2;
  width:min(1180px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,1.02fr) minmax(650px,1.48fr);
  gap:34px;
  align-items:center;
  padding:46px 0 78px;
}
.deployment-clean-copy{
  max-width:520px;
}
.deployment-clean-kicker{
  position:relative;
  margin:0 0 26px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#f3f7ff;
}
.deployment-clean-kicker::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:16px;
  background:#e51d2a;
}
.deployment-clean-copy h2{
  margin:0 0 22px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:34px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.025em;
  text-transform:uppercase;
  color:#ffffff;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.deployment-clean-copy p{
  margin:0 0 16px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.62;
  font-weight:400;
  letter-spacing:0;
  color:#dce7f5;
}
.deployment-clean-copy .btn{
  margin-top:8px;
}
.deployment-clean-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(200px,1fr));
  gap:18px;
  align-items:stretch;
  transform:translate(38px,32px);
}
.deployment-clean-card{
  min-height:255px;
  padding:28px 18px 22px;
  background:rgba(9,21,34,.91);
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
}
.deployment-clean-icon{
  text-align:center;
  margin-bottom:18px;
}
.deployment-clean-icon svg{
  width:46px;
  height:46px;
  stroke:#e51d2a;
  fill:none;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.deployment-clean-card h3{
  margin:0 0 16px;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.16;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
  color:#ffffff;
}
.deployment-clean-card ul{
  margin:0;
  padding-left:18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.72;
  font-weight:400;
  letter-spacing:0;
  color:#dfeafa;
}
.deployment-clean-card li{
  white-space:nowrap;
}
.deployment-clean-card li::marker{
  color:#e51d2a;
}
@media(max-width:1100px){
  .deployment-clean-inner{
    grid-template-columns:1fr;
  }
  .deployment-clean-map{
  position:absolute;
  z-index:1;
  top:50%;
  left:7%;
  width:82%;
  max-width:none;
  height:auto;
  transform:translateY(-50%);
  opacity:.56;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(45,150,255,.24));
}
  .deployment-clean-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(200px,1fr));
  gap:18px;
  align-items:stretch;
  transform:translate(38px,32px);
}
  .deployment-clean-card li{
    white-space:normal;
  }
}



.about-rev13-hero{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#050b13;
}
.about-rev13-hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:.70;
  filter:contrast(1.08) saturate(.92);
}
.about-rev13-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,11,19,1) 0%,rgba(5,11,19,.92) 40%,rgba(5,11,19,.34) 75%,rgba(5,11,19,.18) 100%),
    linear-gradient(180deg,rgba(5,11,19,.18),rgba(5,11,19,.95));
}
.about-rev13-hero-content{
  position:relative;
  z-index:2;
  padding:86px 0 70px;
  max-width:740px;
  margin-left:4%;
}
.about-rev13-kicker{
  margin:0 0 24px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#f3f7ff;
}
.about-rev13-kicker::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:16px;
  background:#e51d2a;
}
.about-rev13-kicker.small{
  font-size:12px;
  margin-bottom:20px;
}
.about-rev13-hero h1{
  margin:0 0 22px;
  max-width:760px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:58px;
  line-height:.98;
  font-weight:900;
  letter-spacing:-.035em;
  color:#ffffff;
}
.about-rev13-hero p{
  max-width:675px;
  margin:0 0 16px;
  color:#dce7f5;
  font-size:16px;
  line-height:1.64;
}
.about-rev13-two-col{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
}
.about-rev13-panel{
  background:rgba(9,21,34,.88);
  border:1px solid rgba(255,255,255,.20);
  border-radius:8px;
  padding:30px 30px 28px;
}
.about-rev13-panel.about-rev13-dark{
  background:rgba(7,17,31,.94);
}
.about-rev13-panel h2{
  margin:0 0 18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
  color:#fff;
}
.about-rev13-panel p{
  margin:0 0 15px;
  color:#dce7f5;
  font-size:15px;
  line-height:1.66;
}
.about-rev13-panel ul{
  margin:0;
  padding-left:18px;
  color:#dfeafa;
  font-size:15px;
  line-height:1.72;
}
.about-rev13-panel li::marker{
  color:#e51d2a;
}
.about-rev13-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.about-rev13-cap{
  background:rgba(9,21,34,.88);
  border:1px solid rgba(255,255,255,.20);
  border-radius:8px;
  padding:24px 22px;
  min-height:168px;
}
.about-rev13-cap h3{
  margin:0 0 12px;
  color:#ffffff;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  text-transform:uppercase;
}
.about-rev13-cap p{
  margin:0;
  color:#cbd8e8;
  font-size:14px;
  line-height:1.55;
}
.about-rev13-image-text{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch;
}
.about-rev13-image-text.reverse{
  grid-template-columns:.95fr 1.05fr;
}
.about-rev13-image-card{
  min-height:360px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:8px;
  overflow:hidden;
  background:#07111f;
}
.about-rev13-image-card img{
  width:100%;
  height:100%;
  min-height:360px;
  display:block;
  object-fit:cover;
  filter:contrast(1.08) saturate(.92) brightness(.86);
}
.about-rev13-field .btns{
  margin-top:24px;
}
@media(max-width:1000px){
  .about-rev13-hero-content{
    margin-left:auto;
    max-width:92%;
    padding:70px 0 58px;
  }
  .about-rev13-hero h1{
    font-size:42px;
  }
  .about-rev13-two-col,
  .about-rev13-strip,
  .about-rev13-image-text,
  .about-rev13-image-text.reverse{
    grid-template-columns:1fr;
  }
}



.about-rev13-image-card{
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  background:#07111f;
}

.about-rev13-image-card img{
  object-position:center center;
}

.about-rev13-panel{
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

.about-rev13-image-text{
  align-items:center !important;
  gap:34px !important;
}

.about-rev13-image-text.reverse{
  align-items:center !important;
}

.about-rev13-field{
  padding-top:18px;
}

.about-rev13-field .about-rev13-panel{
  padding-top:34px;
  padding-bottom:34px;
}

.about-rev13-field .about-rev13-image-card{
  min-height:420px;
}

.about-rev13-field .about-rev13-image-card img{
  min-height:420px;
  object-fit:cover;
  object-position:center 38%;
}

.about-rev13-technical .about-rev13-image-card{
  min-height:400px;
}

.about-rev13-technical .about-rev13-image-card img{
  min-height:400px;
  object-position:center center;
}

.about-rev13-cap{
  border:1px solid rgba(255,255,255,.12) !important;
}





.about-rev13-image-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  background:#07111f !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
  min-height:400px !important;
}

.about-rev13-image-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:400px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  filter:contrast(1.06) saturate(.92) brightness(.84) !important;
}

.about-rev13-field .about-rev13-image-card,
.about-rev13-technical .about-rev13-image-card{
  min-height:400px !important;
}

.about-rev13-field .about-rev13-image-card img,
.about-rev13-technical .about-rev13-image-card img{
  min-height:400px !important;
}

.about-rev13-image-text{
  align-items:center !important;
  gap:34px !important;
}

.about-rev13-panel,
.about-rev13-cap{
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24) !important;
}

.about-rev13-field{
  padding-top:20px !important;
  padding-bottom:52px !important;
}

.about-rev13-technical{
  padding-bottom:48px !important;
}


.about-rev13-image-card + h1,
.about-rev13-image-card + h2,
.about-rev13-image-card + h3,
.about-rev13-image-card + p{
  display:none !important;
}




.about-rev13-image-card{
  border:1px solid rgba(115,125,138,.16) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(30,38,48,.42) !important;
  background:#07111f !important;
}

.about-rev13-image-card img{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}


.about-rev13-image-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(38,46,58,.28);
  border-radius:8px;
}



.about-rev13-image-card{
  border:1px solid rgba(88,98,112,.20) !important;
  background:#07111f !important;
  overflow:hidden !important;
}

.about-rev13-image-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:400px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  outline:0 !important;
  background:#07111f !important;
}

.about-rev13-image-card::after{
  border:1px solid rgba(65,75,90,.35) !important;
}




.about-rev13-technical .about-rev13-image-card img{
  filter:contrast(1.08) saturate(.88) brightness(.82) !important;
}

.about-rev13-image-card{
  transition:all .25s ease;
}

.about-rev13-image-card:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(55,65,78,.32) !important;
}




.about-rev13-technical .about-rev13-image-card{
  background:#050b13 !important;
  border:1px solid rgba(85,105,130,.22) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(35,50,70,.30) !important;
  overflow:hidden !important;
}

.about-rev13-technical .about-rev13-image-card img[src*="about_support_optimisation_collage_final"]{
  width:100% !important;
  height:100% !important;
  min-height:400px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:contrast(1.02) saturate(.98) brightness(.92) !important;
}




/* Widescreen shell test V1 */
.page{
  width:100%;
  max-width:none;
  margin:0;
  box-shadow:none;
}

.wrap{
  width:min(1460px,90vw);
}

.hero-content{
  max-width:520px;
}

.hero-bg{
  right:5vw;
  width:min(980px,62vw);
}

.about-rev13-hero-content{
  max-width:760px;
}

.page-hero .wrap{
  width:min(1460px,90vw);
}

.wow-section .wrap,
.contact-hero .wrap,
.section .wrap{
  width:min(1460px,90vw);
}

@media(min-width:1700px){
  .wrap,
  .page-hero .wrap,
  .wow-section .wrap,
  .contact-hero .wrap,
  .section .wrap{
    width:min(1540px,88vw);
  }

  .hero-bg{
    right:6vw;
    width:min(1040px,60vw);
  }
}

/* Hero alignment unified V3 */
:root{
  --tiq-hero-left: clamp(155px, 9.55vw, 190px);
}

.hero .wrap,
.about-rev13-hero .wrap,
.page-hero .wrap{
  width:auto!important;
  max-width:none!important;
  margin-left:var(--tiq-hero-left)!important;
  margin-right:clamp(70px, 8vw, 170px)!important;
}

.hero-content,
.about-rev13-hero-content{
  margin-left:0!important;
}

.hero-content{
  max-width:520px!important;
}

.about-rev13-hero-content{
  max-width:760px!important;
}

.page-hero p{
  max-width:760px!important;
}

@media(max-width:1050px){
  :root{
    --tiq-hero-left: clamp(28px, 6vw, 70px);
  }

  .hero .wrap,
  .about-rev13-hero .wrap,
  .page-hero .wrap{
    margin-left:var(--tiq-hero-left)!important;
    margin-right:var(--tiq-hero-left)!important;
  }
}


/* Project experience note final */
.project-experience-note{
  text-align:center;
  margin:22px auto 0;
  color:rgba(232,240,250,.68);
  font-size:13px;
  line-height:1.5;
  max-width:900px;
}
