:root{
  --bg:#030915;
  --bg2:#06142a;
  --text:#fff;
  --muted:rgba(255,255,255,.68);
  --line:rgba(145,186,255,.22);
  --blue:#2078ff;
  --cyan:#00d7ff;
  --violet:#8a4cff;
  --orange:#ff8a00;
  --radius:28px;
  --shadow:0 24px 90px rgba(0,40,120,.45);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.container{
  width:min(1180px,calc(100% - 48px));
  margin:auto;
}

.site-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  background:radial-gradient(circle at 72% 6%,rgba(38,117,255,.22),transparent 28%),radial-gradient(circle at 20% 78%,rgba(0,215,255,.16),transparent 28%),linear-gradient(180deg,#02050c,#06142a 55%,#02050c);
}

.site-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent);
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    height: 88px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
    gap: 38px;
    background: rgba(3, 9, 21, 0);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    border-bottom: 0;
    box-shadow: none;
    transition: height .25s ease, background-color .25s ease, backdrop-filter .25s ease, box-shadow .25s ease;
}

.header.is-scroll{
  height:72px;
  background:rgba(3,9,21,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:0;
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}

.logo {
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 18px;
}

.logo-mark{
  width:28px;
}

a.logo.footer-logo img {
    height: 45px;
    width: 45px;
}
a.logo.footer-logo span {
    margin: 0;
    width: 45px;
}


.container.footer-bottom {
    margin: 0;
}
.nav{
  margin:auto;
  display:flex;
  gap:38px;
  font-size:15px;
}

.nav a{
  opacity:.86;
}

.nav a:hover{
  opacity:1;
  color:#7dc4ff;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  font-weight:800;
  transition:.25s;
}

.btn-primary {
    background: linear-gradient(90deg, #6ff3ff 3%, #2f7dff 40%, #7f4dff 60%, #b15dff 97%);
    box-shadow: 0 0 32px rgba(32, 120, 255, .55);
    color: white;
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 48px rgba(32,120,255,.8);
}

.btn-primary b{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.22);
}

.btn-ghost{
  background:rgba(20,64,145,.35);
}

.btn-dark{
  background:rgba(4,12,27,.55);
}

.btn-dark i{
  width:22px;
  height:22px;
  border:1px solid #3c8fff;
  border-radius:50%;
  box-shadow:inset 0 0 14px rgba(0,183,255,.65);
}

.burger {
    width: 40px;
    height: 40px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
    display: grid;
    place-items: center;
}
.burger span,.burger:before,.burger:after{
  content:"";
  width:18px;
  height:2px;
  background:#fff;
  border-radius:5px;
  display:block;
}

.burger:before{
  transform:translateY(-6px);
}

.burger:after{
  transform:translateY(6px);
}

.section-hero{
  position:relative;
  min-height:850px;
  padding:170px 0 190px;
  overflow:hidden;
}

.hero-media{
  position:absolute;
  inset:0;
  z-index:-1;
}

.hero-media img,.hero-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.62;
}

.hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#030915 0%,rgba(3,9,21,.92) 24%,rgba(3,9,21,.48) 48%,rgba(3,9,21,.12) 72%,rgba(3,9,21,0) 100%),linear-gradient(180deg,rgba(3,9,21,.08) 0%,rgba(3,9,21,0) 58%,#030915 100%);
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 420px;
  align-items:start;
}

.eyebrow,.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2fb8ff;
  text-transform:uppercase;
  font-weight:800;
  font-size:13px;
  letter-spacing:.8px;
}

h1,h2,h3,p{
  margin-top:0;
}

.hero h1{
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  margin:32px 0 26px;
  max-width:720px;
}

.hero h1 strong{
  display:block;
  background:linear-gradient(90deg,#2c8cff,#a654ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero p{
  max-width:520px;
  font-size:19px;
  line-height:1.65;
  color:var(--muted);
}

.hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:34px;
}

.metric-card{
  position:absolute;
  border:1px solid var(--line);
  background:rgba(8,22,48,.58);
  backdrop-filter:blur(18px);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:22px;
}

.metric-card small,.metric-card span{
  color:rgba(255,255,255,.78);
}

.metric-card b{
  display:block;
  font-size:34px;
}

.metric-card em{
  font-style:normal;
  color:#00ffb7;
}

.metric-card svg{
  width:150px;
  height:48px;
  margin-top:12px;
}

.metric-card polyline{
  fill:none;
  stroke:#49a6ff;
  stroke-width:4;
}

.metric-top{
  right:6%;
  top:145px;
}

.metric-mid{
  right:2%;
  top:330px;
}

.stats-panel{
  position:absolute;
  left:0;
  right:0;
  bottom:32px;
  transform:none;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:26px 34px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(20,75,145,.20) 32%,rgba(5,14,34,.66) 70%,rgba(255,255,255,.08));
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -18px 36px rgba(0,0,0,.24),0 0 28px rgba(64,151,255,.20);
  overflow:hidden;
  isolation:isolate;
}

.stats-panel:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(90deg,rgba(125,196,255,.22),rgba(255,255,255,.95),rgba(0,215,255,.85),rgba(138,76,255,.75),rgba(125,196,255,.22),rgba(255,255,255,.9),rgba(0,215,255,.85),rgba(125,196,255,.22));
  background-size:320% 100%;
  animation:statsBorderFlow 17.4s linear infinite;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}

.stats-panel:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:23px;
  border:1px solid rgba(145,186,255,.18);
  pointer-events:none;
}

.stats-panel>*{
  position:relative;
  z-index:1;
}

@keyframes statsBorderFlow{to{background-position:320% 0}}

.stat{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:0 16px;
  border-right:1px solid var(--line);
  padding:0 18px;
}

.stat:last-child{
  border:0;
}

.stat-icon{
  grid-row:span 2;
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  background:none;
  clip-path:none;
  filter:drop-shadow(0 0 6px #178cff) drop-shadow(0 0 28px rgba(0, 215, 255, .45));
}

.stat-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.stat b{
  font-size:31px;
}

.stat small{
  color:var(--muted);
  line-height:1.35;
}

.section {
    padding: 60px 0;
}

.solutions{
  position:relative;
  margin-top:-60px;
  background:linear-gradient(180deg, rgba(3, 9, 21, .2), rgb(5 12 24 / 97%));
}

.solutions-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:32px;
  align-items:center;
}

.section-info h2,.trust h2,.services h2,.cta h2{
  font-size:clamp(34px,4vw,30px);
  line-height:1.08;
  margin:18px 0;
}

.section-info p,.trust p,.cta p{
  color:var(--muted);
  line-height:1.7;
}

.link-arrow{
  display:inline-flex;
  gap:16px;
  margin-top:18px;
  color:#54a8ff;
  font-weight:800;
}

.link-arrow:after{
  content:"→";
}

.solution-cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  perspective:1200px;
  align-items:stretch;
  overflow:visible;
  contain:layout;
}

.solutions,.solutions-layout{
  overflow:visible;
}

.solution-card{
  --rx:0deg;
  --ry:0deg;
  --mx:50%;
  --my:22%;
  --tx:0px;
  --ty:0px;
  --scale:1;
  --lift:0px;
  --accent:#2488ff;
  height:300px;
  min-width:0;
  position:relative;
  isolation:isolate;
  padding:0;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--accent) 62%,rgba(255,255,255,.22));
  background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 34%,rgba(8,20,48,.80) 74%,rgba(4,11,27,.94));
  box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 18px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -18px 28px rgba(0,0,0,.28);
  transform:translate3d(0,var(--lift),0) scale(var(--scale)) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style:preserve-3d;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
  overflow:visible;
}

.solution-card.reveal{
  opacity:1;
  transform:translate3d(0,var(--lift),0) scale(var(--scale)) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.solution-card.reveal.visible{
  transform:translate3d(0,var(--lift),0) scale(var(--scale)) rotateX(var(--rx)) rotateY(var(--ry));
}

.solution-card:hover{
  --scale:1.4;
  --lift:-38px;
  z-index:20;
  border-color:color-mix(in srgb,var(--accent) 88%,#fff);
  box-shadow:0 36px 80px rgba(0,0,0,.58),0 0 40px color-mix(in srgb,var(--accent) 48%,transparent),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -18px 30px rgba(0,0,0,.3);
}

.solution-card:after{
  content:"";
  position:absolute;
  z-index:-2;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border-radius:inherit;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 50%,#284878),#07142c 48%,#020711 100%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.16)),inset 8px 0 18px rgba(255,255,255,.12),inset -10px 0 22px rgba(0,0,0,.46),inset 0 9px 18px rgba(255,255,255,.12),inset 0 -12px 26px rgba(0,0,0,.58),0 18px 30px rgba(0,0,0,.38),0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);
  transform:translate3d(var(--tx),var(--ty),-21px) scale(1);
  opacity:.95;
  transition:transform .16s ease,opacity .16s ease;
}

.solution-card:hover:after{
  opacity:1;
}

.solution-card__glass{
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(34,86,160,.38),rgba(5,16,39,.72));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 12px 0 22px color-mix(in srgb,var(--accent) 18%,transparent),inset -12px 0 24px rgba(255,255,255,.055),inset 0 -16px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}

.solution-card__glass:before{
  content:"";
  position:absolute;
  inset:-35%;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.23) 45%,transparent 58%);
  transform:translateX(-48%) rotate(8deg);
  transition:transform .36s ease;
}

.solution-card:hover .solution-card__glass:before{
  transform:translateX(38%) rotate(8deg);
}

.solution-card__glass:after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:21px;
  background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 18%,transparent 82%,rgba(255,255,255,.12)),linear-gradient(180deg,rgba(255,255,255,.16),transparent 22%,transparent 78%,rgba(0,0,0,.22));
  pointer-events:none;
}

.solution-card__visual{
  position:relative;
  height:140px;
  border-radius:21px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 45%, 
color-mix(in srgb, var(--accent) 46%, transparent), transparent 35%), linear-gradient(135deg, rgba(10, 30, 70, .96), rgba(12, 31, 67, .58));
  transform:translateZ(34px);
}

.solution-card__visual:before{
  content:"";
  position:absolute;
  inset:-25%;
  background:repeating-linear-gradient(38deg,transparent 0 29px,color-mix(in srgb,var(--accent) 40%,transparent) 30px 32px),repeating-linear-gradient(128deg,transparent 0 40px,rgba(255,255,255,.09) 41px 43px);
  opacity:.55;
}

.solution-card__visual:after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:-28px;
  height:70px;
  background:var(--accent);
  filter:blur(24px);
  opacity:.72;
}

.card-icon{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 0 12px var(--accent)) drop-shadow(0 0 26px var(--accent));
  transform:translateZ(46px);
  pointer-events:none;
}

.card-icon img{
  width:100%;
  height:144px;
  object-fit:fill;
}

.card-glow{
  position:absolute;
  inset:auto -18px -36px -18px;
  height:86px;
  background:var(--accent);
  filter:blur(25px);
  opacity:.48;
  pointer-events:none;
}

.solution-card__body{
  position:relative;
  z-index:2;
  padding:17px 14px 46px;
  transform:translateZ(40px);
}

.solution-card h3{
  font-size:15px;
  line-height:1.15;
  margin:0 0 9px;
  text-shadow:0 3px 14px rgba(0,0,0,.62);
}

.solution-card p{
  color:rgba(255,255,255,.86);
  line-height:1.34;
  font-size:12px;
  margin:0;
  text-shadow:0 2px 12px rgba(0,0,0,.62);
}

.solution-card a{
  position:absolute;
  z-index:6;
  bottom:13px;
  left:14px;
  width:32px;
  height:32px;
  border:1px solid color-mix(in srgb,var(--accent) 70%,rgba(255,255,255,.24));
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(4,12,28,.56);
  box-shadow:inset 0 0 14px color-mix(in srgb,var(--accent) 38%,transparent),0 0 16px color-mix(in srgb,var(--accent) 28%,transparent);
  transform:translateZ(48px);
  overflow:visible;
}

.solution-card a:before,.solution-card a:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid color-mix(in srgb,var(--accent) 86%,#fff);
  box-shadow:0 0 12px color-mix(in srgb,var(--accent) 62%,transparent),inset 0 0 10px color-mix(in srgb,var(--accent) 28%,transparent);
  opacity:0;
  transform:scale(1);
  pointer-events:none;
}

.solution-card a:hover:before,.solution-card a:hover:after{
  animation:cardBtnPulse 2.8s ease-out infinite;
}

.solution-card a:hover:after{
  animation-delay:1.4s;
}

@keyframes cardBtnPulse{0%{opacity:0;transform:scale(1)}16%{opacity:.82}100%{opacity:0;transform:scale(2.25)}}

.card-blue{
  --accent:#2688ff;
}

.card-cyan{
  --accent:#00d9ff;
}

.card-violet{
  --accent:#8f42ff;
}

.card-green{
  --accent:#00d6bd;
}

.card-orange{
  --accent:#ff8500;
}

.trust-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr 260px;
  gap:42px;
  align-items:center;
}

.visual-block{
  min-height:560px;
  position:relative;
}

.earth{
  position:absolute;
  left:-120px;
  top:0;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle at 65% 35%,rgba(65,172,255,.95),rgba(8,54,132,.7) 35%,rgba(0,10,30,.2) 68%,transparent 69%),linear-gradient(45deg,transparent 45%,rgba(255,255,255,.7));
  box-shadow:inset -30px -40px 90px rgba(0,0,0,.75),0 0 70px rgba(0,135,255,.5);
  opacity:.9;
}

.earth:after{
  content:"";
  position:absolute;
  inset:50px;
  border-radius:50%;
  background:repeating-linear-gradient(30deg,transparent 0 34px,rgba(0,209,255,.22) 35px 37px),repeating-linear-gradient(120deg,transparent 0 44px,rgba(0,209,255,.18) 45px 47px);
  mask-image:radial-gradient(circle,#000 0 60%,transparent 70%);
}

.dc-model{
  position:absolute;
  left:120px;
  bottom:35px;
  width:480px;
  height:220px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(18,95,180,.85),rgba(6,16,31,.95));
  transform:skewX(-12deg);
  box-shadow:0 0 55px rgba(0,136,255,.55),inset 0 0 35px rgba(0,213,255,.25);
}

.dc-model span{
  position:absolute;
  bottom:25px;
  width:70px;
  height:120px;
  background:linear-gradient(180deg,#7fdcff,#12386e);
  box-shadow:0 0 24px #008dff;
}

.dc-model span:nth-child(1){
  left:70px;
}

.dc-model span:nth-child(2){
  left:160px;
  height:150px;
}

.dc-model span:nth-child(3){
  left:250px;
}

.dc-model span:nth-child(4){
  left:340px;
  height:135px;
}

.float-badge{
  position:absolute;
  border:1px solid var(--line);
  background:rgba(10,25,54,.74);
  backdrop-filter:blur(12px);
  border-radius:18px;
  padding:18px 22px;
}

.float-badge b{
  display:block;
  font-size:28px;
}

.float-badge small{
  color:var(--muted);
}

.badge-a{
  right:30px;
  top:110px;
}

.badge-b{
  left:10px;
  top:285px;
}

.benefits{
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(11,26,55,.58);
  backdrop-filter:blur(16px);
  padding:22px;
}

.benefits div{
  display:flex;
  gap:14px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid var(--line);
}

.benefits div:last-child{
  border:0;
}

.benefits i{
  width:42px;
  height:42px;
  border:1px solid #2d89ff;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#50beff;
  font-style:normal;
  box-shadow:0 0 24px rgba(0,126,255,.38);
}

.benefits span{
  font-size:15px;
  color:rgba(255,255,255,.82);
}

.section-head{
  text-align:center;
  margin-bottom:36px;
}

.cta{
  padding-bottom:130px;
}

.cta-box{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:40px;
  align-items:center;
  padding:46px;
  border:1px solid var(--line);
  border-radius:32px;
  background:radial-gradient(circle at 75% 20%,rgba(32,120,255,.28),transparent 36%),rgba(8,22,48,.72);
  box-shadow:var(--shadow);
}

.form{
  display:grid;
  gap:14px;
}

.form input{
  height:56px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:0 22px;
  outline:0;
}

.form input:focus{
  border-color:#48bfff;
  box-shadow:0 0 0 4px rgba(0,183,255,.13);
}

.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:.7s ease;
}

.reveal.visible{
  opacity:1;
  transform:none;
}

.delay-1{
  transition-delay:.12s;
}

.delay-2{
  transition-delay:.24s;
}

@media (max-width:1200px){
  .nav,.header-cta{
    display:none;
  }

  .header{
    padding:0 10px;
  }

  .burger{
    margin-left:auto;
  }

  .nav.is-open{
    display:flex;
    position:absolute;
    top:76px;
    left:20px;
    right:20px;
    flex-direction:column;
    gap:0;
    padding:18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(3,9,21,.94);
    backdrop-filter:blur(18px);
  }

  .nav.is-open a{
    padding:15px;
  }

  .hero-grid,.solutions-layout,.trust-grid,.cta-box{
    grid-template-columns:1fr;
  }

  .metric-card{
    display:none;
  }

  

  .solution-card{
    transform:translate3d(0,0,0) rotateX(var(--rx)) rotateY(var(--ry));
  }

  .stats-panel{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    margin:50px auto 0;
  }

  .section-hero{
    padding-bottom:80px;
  }

  .visual-block{
    min-height:460px;
  }

  .benefits{
    max-width:520px;
  }
}

@media (max-width:700px){
	.header-inner {
    gap: 10px;
}
  .container{
    width:min(100% - 30px,1180px);
  }

  .header{
    height:74px;
  }

     .logo {
        font-size: 12px;
    }

  .section-hero{
    min-height:auto;
    padding:118px 0 55px;
  }

  .hero-media img,.hero-media video{
    opacity:.42;
  }

  .hero h1{
    font-size:45px;
  }

  .hero p{
    font-size:16px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .stats-panel{
    grid-template-columns:1fr 1fr;
    padding:20px;
  }

  .stat{
    border:0;
    padding:12px;
    grid-template-columns:38px 1fr;
  }

  .stat-icon{
    width:32px;
    height:32px;
  }

  .stat b{
    font-size:24px;
  }

  .solution-cards,.service-grid{
    grid-template-columns:1fr;
  }

  .solution-card{
    min-height:320px;
  }

  .solution-card__visual{
    height:155px;
  }

      .section {
        padding: 33px 0;
    }

  .earth{
    left:-180px;
    width:480px;
    height:480px;
  }

  .dc-model{
    left:28px;
    width:330px;
    height:165px;
  }

  .dc-model span{
    width:44px;
  }

  .dc-model span:nth-child(1){
    left:45px;
  }

  .dc-model span:nth-child(2){
    left:105px;
  }

  .dc-model span:nth-child(3){
    left:165px;
  }

  .dc-model span:nth-child(4){
    left:225px;
  }

  .float-badge{
    padding:12px 16px;
  }

  .badge-a{
    right:0;
  }

  .badge-b{
    left:0;
  }

  .cta-box{
    padding:26px;
  }

  .form .btn{
    width:100%;
  }
}

.solution-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:5;
  pointer-events:none;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.62),rgba(255,255,255,.18) 14%,transparent 36%),linear-gradient(135deg,rgba(255,255,255,.21),transparent 40%);
  mix-blend-mode:screen;
  opacity:.72;
  display:none !important;
}

.hero-actions .btn-primary, .btn-ghost.header-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:transparent;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
}

.hero-actions .btn-primary:before, .btn-ghost.header-cta:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  padding:2px;
   background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.72) 0%,
      rgba(111,243,255,.95) 12.5%,
      rgba(47,125,255,.72) 25%,
      rgba(155,85,255,.95) 37.5%,
      rgba(255,255,255,.72) 50%,
      rgba(111,243,255,.95) 62.5%,
      rgba(47,125,255,.72) 75%,
      rgba(155,85,255,.95) 87.5%,
      rgba(255,255,255,.72) 100%
    );
  background-size:200% 100%;
  animation:heroBtnBorderFlow 8s linear infinite;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}

.hero-actions .btn-primary:after, .btn-ghost.header-cta:after{
  content:"";
  position:absolute;
  inset:-42%;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 50%,rgba(102,214,255,.36),transparent 58%);
  filter:blur(20px);
  opacity:.68;
  pointer-events:none;
}

.hero-actions .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 20px rgba(93,210,255,.82),
    0 0 48px rgba(47,125,255,.55),
    0 0 86px rgba(155,85,255,.34),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -10px 22px rgba(40,12,120,.30);
}

.btn-ghost.header-cta {
    background: linear-gradient(180deg, rgba(17, 25, 58, .92), rgba(7, 12, 30, .95));
    box-shadow: 0 0 12px rgba(168, 93, 255, .48), 0 0 28px rgba(168, 93, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -12px 20px rgba(0, 0, 0, .28);
    font-size: 14px;
}

.btn-ghost.header-cta:before{
  background:linear-gradient(90deg,rgba(110,70,255,.76),rgba(205,139,255,.96),rgba(255,255,255,.78),rgba(148,72,255,.92),rgba(110,70,255,.76));
  background-size:260% 100%;
}

.btn-ghost.header-cta:after{
  background:radial-gradient(circle at 50% 50%,rgba(168,93,255,.34),transparent 58%);
  opacity:.62;
}

.btn-ghost.header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(168,93,255,.78),
    0 0 46px rgba(168,93,255,.42),
    0 0 84px rgba(168,93,255,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -12px 20px rgba(0,0,0,.30);
}

@keyframes heroBtnBorderFlow{
    0%{
        background-position:0% 0;
    }

    50%{
        background-position:100% 0;
    }

    100%{
        background-position:0% 0;
    }
}
.hero-actions .btn-primary{
  background:linear-gradient(90deg,#6ff3ff 2%,#48bfff 22%,#2f7dff 48%,#7d4dff 74%,#b15dff 98%) !important;
  box-shadow:0 0 14px rgba(93,210,255,.55),
    0 0 34px rgba(47,125,255,.38),
    0 0 58px rgba(155,85,255,.22),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -10px 22px rgba(40,12,120,.28);
}

.hero-actions .btn-primary b{
  position:relative;
  z-index:3;
  background:none !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  display:inline-block !important;
  border-radius:0 !important;
  font-size:26px !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin-top:-4px;
  margin-left:4px;
  filter:drop-shadow(0 0 8px rgba(255, 255, 255, .35));
}

.hero-actions .btn-primary:before{
  background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(111,243,255,.92),rgba(47,125,255,.72),rgba(177,93,255,.92),rgba(255,255,255,.68));
}

.hero-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.62;
}

.trust:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg, rgb(6 11 23 / 0%) 0%, rgb(3 9 21 / 0%) 54%, rgb(3 9 21 / 0%) 100%), radial-gradient(circle at 16% 18%, rgb(5 11 24 / 0%), transparent 22%), linear-gradient(180deg, rgb(3 9 21 / 0%), rgb(3 9 21 / 0%) 48%, #030915 100%);
  pointer-events:none;
}

.trust .visual-block{
  min-height:650px;
  position:relative;
  margin-left:-48px;
  border-radius:0;
  background:url('../img/trust-scene.webp') left center/contain no-repeat;
  filter:drop-shadow(0 34px 80px rgba(0,45,120,.42));
}

.trust .earth, .trust .dc-model{
  display:none;
}

.trust .float-badge{
  position:absolute;
  z-index:3;
  min-width:126px;
  padding:20px 26px;
  border:1px solid rgba(125,180,255,.24);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(28,52,91,.70),rgba(11,22,47,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,20,60,.36);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}

.trust .float-badge b{
  font-size:38px;
  line-height:1;
  letter-spacing:-1px;
}

.trust .float-badge small{
  display:block;
  margin-top:8px;
  font-size:21px;
  line-height:1.15;
  color:rgba(255,255,255,.88);
}

.trust .badge-a{
  right:-22px;
  top:58px;
}

.trust .badge-b{
  right:-22px;
  top:236px;
}

.trust .benefits{
  justify-self:end;
  width:100%;
  max-width:265px;
  padding:25px 24px;
  border:1px solid rgba(145,186,255,.20);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(9,22,48,.55));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,20,70,.28);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.trust .benefits div{
  gap:18px;
  padding:22px 0;
  border-bottom:0;
}

.trust .benefits i{
  flex:0 0 auto;
  width:48px;
  height:48px;
  border-color:rgba(60,143,255,.72);
  color:#62b8ff;
  background:rgba(8,31,74,.42);
  box-shadow:inset 0 0 18px rgba(0,126,255,.28),0 0 24px rgba(0,126,255,.25);
}

.trust .benefits span{
  font-size:16px;
  line-height:1.32;
  color:rgba(255,255,255,.86);
}

@media (max-width:1300px){
  .trust .trust-grid{
    width:min(1180px,calc(100% - 48px));
    grid-template-columns:1.15fr .85fr;
    gap:42px;
  }

  .trust .visual-block{
    margin-left:0;
    min-height:560px;
  }

  .trust .benefits{
    grid-column:2;
    justify-self:start;
    max-width:520px;
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 22px;
  }

  .trust .benefits div{
    padding:16px 0;
  }
}

@media (max-width:1200px){
  .trust .trust-grid{
    grid-template-columns:1fr;
  }

  .trust .visual-block{
    min-height:540px;
    max-width:760px;
    width:100%;
  }

  .trust .badge-a,.trust .badge-b{
    right:20px;
  }

  .trust .trust-content{
    max-width:720px;
  }

  .trust .benefits{
    grid-column:auto;
    max-width:720px;
    justify-self:start;
  }
}

@media (max-width:700px){
	
	
  .trust{
    padding:70px 0;
  }

  .trust .trust-grid{
    width:min(100% - 30px,1180px);
    gap:28px;
  }

  .trust .visual-block{
    min-height:360px;
    background-size:cover;
    background-position:left center;
    margin-left:-15px;
    width:calc(100% + 30px);
  }

  .trust .float-badge{
    min-width:86px;
    padding:12px 16px;
    border-radius:18px;
  }

  .trust .float-badge b{
    font-size:26px;
  }

  .trust .float-badge small{
    font-size:14px;
    margin-top:5px;
  }

  .trust .badge-a{
    right:18px;
    top:36px;
  }

  .trust .badge-b{
    right:18px;
    top:136px;
  }

  .trust .section-kicker{
    font-size:13px;
  }

  .trust h2{
    font-size:36px;
    letter-spacing:-.7px;
    margin:20px 0 16px;
  }

  .trust p{
    font-size:17px;
    line-height:1.55;
  }

  .trust .link-arrow{
    font-size:16px;
    margin-top:22px;
  }

  .trust .benefits{
    grid-template-columns:1fr;
    padding:20px;
  }
}

.trust {
    position: relative;
    overflow: hidden;
    padding: 100px 0 0px;
    min-height: 680px;
    background: linear-gradient(90deg, rgba(3, 9, 21, .10) 0%, rgba(3, 9, 21, .18) 42%, rgba(3, 9, 21, .68) 68%, rgba(3, 9, 21, .92) 100%), linear-gradient(180deg, rgba(3, 9, 21, .08) 0%, rgba(3, 9, 21, .04) 55%, #030915 100%), url(../img/trust-scene.webp) left center / cover no-repeat !important;
}

.trust:after{
  content:"";
  position:absolute;
  left:42%;
  right:-8%;
  bottom:0;
  height:38%;
  z-index:0;
  background:linear-gradient(180deg,transparent,#030915 92%);
  filter:blur(.2px);
  opacity:.75;
  pointer-events:none;
  inset:auto 0 0 0;
}

.trust .trust-grid{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 48px));
  margin:auto;
  display:flex !important;
  grid-template-columns:minmax(600px,1.48fr) minmax(390px,.72fr) 265px;
  gap:58px;
  align-items:center;
  min-height:470px;
  justify-content:flex-end;
}

.trust .visual-block, .trust .float-badge, .trust .benefits{
  display:none !important;
}

.trust .trust-content{
  position:relative;
  z-index:2;
  max-width:535px;
  padding-top:12px;
  padding:0;
  margin-left:auto;
}

.trust .section-kicker{
  color:#4f92ff;
  font-size:18px;
  line-height:1.25;
  letter-spacing:.4px;
  font-weight:900;
}

.trust h2{
  max-width:535px;
  margin:30px 0 26px;
  font-size:clamp(30px, 4vw, 40px);
  line-height:1.13;
  letter-spacing:-1.8px;
}

.trust p{
  max-width:505px;
  color:rgba(255,255,255,.74);
  font-size:24px;
  line-height:1.48;
}

.trust .link-arrow{
  margin-top:32px;
  color:#4f92ff;
  font-size:22px;
  font-weight:800;
  gap:24px;
}

.trust .link-arrow:after{
  font-size:34px;
  line-height:.75;
  font-weight:400;
}

@media (max-width:1200px){
  .trust{
    min-height:660px;
    padding:95px 0 105px;
    background:linear-gradient(90deg,rgba(3,9,21,.18) 0%,rgba(3,9,21,.52) 48%,rgba(3,9,21,.90) 100%),
      linear-gradient(180deg,rgba(3,9,21,.05),#030915 100%),
      url('../img/trust-scene.webp') 28% center/cover no-repeat !important;
  }

  .trust .trust-grid{
    min-height:430px;
    align-items:flex-end;
  }

  .trust .trust-content{
    max-width:640px;
  }
}

@media (max-width:700px){
  .trust{
    min-height:auto;
    padding:300px 0 70px;
    background:linear-gradient(180deg,rgba(3,9,21,.08) 0%,rgba(3,9,21,.18) 34%,rgba(3,9,21,.92) 66%,#030915 100%),
      url('../img/trust-scene.webp') left top/auto 360px no-repeat !important;
  }

  .trust .trust-grid{
    width:min(100% - 30px,1180px);
    min-height:0;
    display:block !important;
  }

  .trust .trust-content{
    max-width:none;
    margin:0;
  }

  .trust .section-kicker{
    font-size:13px;
  }

  .trust h2{
    font-size:36px;
    letter-spacing:-.7px;
    margin:20px 0 16px;
  }

  .trust p{
    font-size:17px;
    line-height:1.55;
  }

  .trust .link-arrow{
    font-size:16px;
    margin-top:22px;
  }
}

.partners {
    background: linear-gradient(180deg, #030915, rgba(5, 12, 24, .97));
    padding: 20px 0 94px;
}

.partners-slider{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 54px;
  gap:18px;
  align-items:center;
}

.partners-viewport{
  overflow:hidden;
  border:1px solid rgba(145,186,255,.18);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(8,22,48,.62));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);
}

.partners-track{
  display:flex;
  transition:transform .55s ease;
  will-change:transform;
  touch-action:pan-y;
}

.partners-arrow{
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(84,168,255,.46);
  background:rgba(4,12,28,.72);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 0 24px rgba(32,120,255,.25), inset 0 0 16px rgba(32,120,255,.20);
}

.services{
  background:rgba(0,0,0,.22);
}

.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.service-icon {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    background: rgb(3 3 3 / 71%);
    border: 1px solid rgba(84, 168, 255, .32);
    box-shadow: 0 0 28px rgba(32, 120, 255, .22), inset 0 0 18px rgba(32, 120, 255, .16);
}

.service-icon img {
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.product-img{
 
  display:grid;
  place-items:center;
  padding:15px;
}

.manager-word{
  background:radial-gradient(circle at 18% 36%,rgba(32,120,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(3,9,21,.96),#030915);
}

.manager-box{
  position:relative;
  display:grid;
  grid-template-columns:360px 1fr 120px;
  gap:46px;
  align-items:center;
  padding:46px;
  border-radius:34px;
  border:1px solid rgba(145,186,255,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(8,22,48,.70));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);
}

.manager-text h3{
  font-size:34px;
  margin:0 0 6px;
}

.manager-text span{
  display:block;
  color:#54a8ff;
  font-weight:800;
  margin-bottom:26px;
}

.manager-text p{
  max-width:680px;
  font-size:25px;
  line-height:1.55;
  color:rgba(255,255,255,.82);
  margin:0;
}

.manager-quote{
  font-size:150px;
  line-height:1;
  color:#54a8ff;
  opacity:.65;
  text-shadow:0 0 34px rgba(84,168,255,.55);
}

.faq{
  background:rgba(0,0,0,.20);
}

.faq-list{
  max-width:980px;
  margin:auto;
  display:grid;
  gap:14px;
}

.faq-item{
  border:1px solid rgba(145,186,255,.20);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(20,54,108,.38),rgba(4,12,28,.62));
  overflow:hidden;
}

.faq-question{
  width:100%;
  min-height:76px;
  padding:0 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
  font:inherit;
  font-weight:800;
  font-size:19px;
}

.faq-question b{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(84,168,255,.42);
  color:#54a8ff;
  flex:0 0 auto;
}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}

.faq-answer p{
  padding:0 24px 24px;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.faq-item.is-open .faq-answer{
  max-height:240px;
}

.faq-item.is-open .faq-question b{
  transform:rotate(45deg);
}

.footer{
  padding:70px 0 38px;
  border-top:1px solid rgba(145,186,255,.16);
  background:#020711;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:34px;
}

.footer p{
  max-width:360px;
  margin-top:22px;
  color:var(--muted);
  line-height:1.65;
}

.footer h3{
  margin:0 0 18px;
  color:#54a8ff;
}

.footer a, .footer span {
    display: block;
    color: rgb(255 255 255);
    margin: 11px 0;
}

.footer a:hover{
  color:#fff;
}

@media (max-width:1200px){
  .partner-logo{
    flex-basis:33.333%;
  }

  .service-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .product-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .manager-box{
    grid-template-columns:280px 1fr;
  }

  .manager-quote{
    display:none;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:700px){
  .partners-slider{
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:10px;
  }

  .partners-arrow{
    width:42px;
    height:42px;
    font-size:20px;
  }

  .partner-logo{
    flex-basis:100%;
    min-height:110px;
    padding:22px;
  }

  .service-grid,.product-grid{
    grid-template-columns:1fr;
  }

  .service{
    min-height:auto;
    padding:24px;
  }

  .manager-box{
    grid-template-columns:1fr;
    padding:24px;
  }

  .manager-photo img{
    height:320px;
  }

  .manager-text p{
    font-size:18px;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }
}

.partner-logo{
  flex:0 0 20%;
  min-height:132px;
  display:grid;
  place-items:center;
  padding:28px;
  border-right:1px solid rgba(145,186,255,.14);
  position:relative;
  overflow:visible;
  perspective:800px;
}

.partner-logo img{
  max-height:62px;
  max-width:150px;
  object-fit:contain;
  opacity:.82;
  filter:grayscale(1) brightness(1.6);
  transition:.3s;
  transform:translateZ(0) scale(1);
  transform-origin:center;
}

.partner-logo:hover img{
  opacity:1;
  filter:grayscale(0) brightness(1.15) drop-shadow(0 0 18px rgba(84,168,255,.55));
  transform:translateZ(38px) scale(1.22) rotateX(6deg) rotateY(-8deg);
}

.partner-logo:before{
  content:"";
  position:absolute;
  inset:0px;
  border-radius:22px;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgb(9 75 123 / 30%), #ededed00 62%);
  transition:.35s;
}

.partner-logo:hover:before{
  opacity:1;
}

.product-card{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(145, 186, 255, .20);
  background:linear-gradient(180deg, rgb(0 0 0), rgb(4 12 28));
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .12);
  position:relative;
  isolation:isolate;
  transform:translateY(0);
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.product-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  padding:2px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(111,243,255,.95),rgba(47,125,255,.72),rgba(155,85,255,.95),rgba(255,255,255,.72));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 8s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  transition:opacity .35s ease;
}

.product-card:after{
  content:"";
  position:absolute;
  inset:-30%;
  z-index:-1;
  opacity:0;
  background:radial-gradient(circle at 50% 30%,rgba(84,168,255,.30),transparent 58%);
  filter:blur(24px);
  transition:opacity .35s ease;
  pointer-events:none;
}

.product-card:hover{
  transform:translateY(-8px) scale(1.015);
  border-color:rgba(84,168,255,.46);
  box-shadow:0 28px 78px rgba(0,40,120,.48),
    0 0 44px rgba(32,120,255,.22),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.product-card:hover:before, .product-card:hover:after{
  opacity:1;
}

.product-img:after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.18) 48%,transparent 62%);
  transform:translateX(-45%) rotate(8deg);
  transition:transform .55s ease;
  pointer-events:none;
}

.product-card:hover .product-img:after{
  transform:translateX(45%) rotate(8deg);
}

.product-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease, filter .45s ease;
  border-radius:20px;
}

.product-card:hover .product-img img{
  transform:scale(1.08);
  filter:brightness(1.12) saturate(1.12);
}

.product-body{
  padding:24px;
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.product-body h3{
  margin:0 0 12px;
  font-size:22px;
}

.product-body p{
  color:var(--muted);
  line-height:1.55;
  margin-bottom:16px;
}

.product-body small{
  display:block;
  color:#69b8ff;
  line-height:1.45;
  margin-bottom:22px;
}

.product-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:linear-gradient(90deg, rgba(47, 125, 255, .86), rgba(155, 85, 255, .86));
  box-shadow:0 0 22px rgba(47, 125, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
  justify-content:center;
}

.product-link b{
  font-size:20px;
  line-height:1;
  transition:transform .25s ease;
}

.product-card:hover .product-link b{
  transform:translateX(4px);
}

.service{
  padding:30px;
  border:1px solid rgba(145,186,255,.20);
  border-radius:26px;
  background:radial-gradient(circle at 80% 0%,rgba(32,120,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(20,54,108,.52),rgba(4,12,28,.68));
  min-height:330px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 55px rgba(0,0,0,.24);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform:translateY(0);
}

.service:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  padding:2px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(111,243,255,.95),rgba(47,125,255,.72),rgba(155,85,255,.95),rgba(255,255,255,.72));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 8s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  transition:opacity .35s ease;
}

.service:after{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  opacity:0;
  background:radial-gradient(circle at 50% 20%,rgba(84,168,255,.32),transparent 58%);
  filter:blur(24px);
  transition:opacity .35s ease;
  pointer-events:none;
}

.service:hover{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(84,168,255,.50);
  box-shadow:0 28px 78px rgba(0,40,120,.46),
    0 0 44px rgba(32,120,255,.22),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.service:hover:before, .service:hover:after{
  opacity:1;
}

.service:hover .service-icon{
  transform:translateY(-3px) scale(1.06);
  box-shadow:0 0 38px rgba(32,120,255,.38), inset 0 0 22px rgba(32,120,255,.22);
}

.service h3, .service p, .service-link{
  position:relative;
  z-index:3;
}

.service h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.2;
}

.service p{
  color:var(--muted);
  line-height:1.62;
  margin:0 0 24px;
}

.service-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:linear-gradient(90deg, rgba(47, 125, 255, .86), rgba(155, 85, 255, .86));
  box-shadow:0 0 22px rgba(47, 125, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
}

.service-link b{
  font-size:20px;
  line-height:1;
  transition:transform .25s ease;
}

.service:hover .service-link b{
  transform:translateX(4px);
}

.manager-photo{
  border-radius:28px;
  overflow:hidden;
  background:rgba(4,12,28,.45);
  position:relative;
  transform:translateY(0);
  transition:transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.manager-photo:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(
      115deg,
      transparent 28%,
      rgba(255,255,255,.18) 45%,
      transparent 60%
    );
  transform:translateX(-120%);
  transition:transform .7s ease;
  pointer-events:none;
}

.manager-photo:after{
  content:"";
  position:absolute;
  inset:-25%;
  z-index:0;
  opacity:0;
  background:radial-gradient(
      circle at 50% 50%,
      rgba(84,168,255,.28),
      transparent 60%
    );
  filter:blur(28px);
  transition:opacity .35s ease;
  pointer-events:none;
}

.manager-photo img{
  width:100%;
  height:390px;
  object-fit:cover;
  transition:transform .45s ease,
    filter .45s ease;
}

.manager-photo:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 78px rgba(0,40,120,.46),
    0 0 44px rgba(32,120,255,.22);
}

.manager-photo:hover:before{
  transform:translateX(120%);
}

.manager-photo:hover:after{
  opacity:1;
}

.manager-photo:hover img{
  transform:scale(1.06);
  filter:brightness(1.08)
    saturate(1.08);
}

a.logo.footer-logo span{
  margin:0;
}

a.logo.footer-logo{
  display:flex;
  margin:0;
}

.solution-hero{
  position:relative;
  min-height:600px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:100px 0 40px;
  background:#030915;
}

.solution-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
}

.solution-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.88;
}

.solution-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#030915 0%,rgba(3,9,21,.96) 23%,rgba(3,9,21,.68) 48%,rgba(3,9,21,.18) 76%,rgba(3,9,21,0) 100%),
        linear-gradient(180deg,rgba(3,9,21,.05) 0%,rgba(3,9,21,0) 56%,#030915 100%);
  pointer-events:none;
}

.solution-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 70% 30%,rgba(32,120,255,.22),transparent 34%),
        radial-gradient(circle at 20% 76%,rgba(0,215,255,.15),transparent 30%);
  pointer-events:none;
}

.solution-hero .container{
  position:relative;
  z-index:2;
}

.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:34px;
  color:rgba(255,255,255,.58);
  font-size:14px;
}

.breadcrumbs a{
  color:#54a8ff;
}

.solution-hero-content{
  max-width:820px;
}

.solution-hero h1 {
    font-size: clamp(48px, 6vw, 82px);
    line-height: .98;
    margin: 32px 0 26px;
    max-width: 780px;
}

.solution-hero h1 strong{
  display:block;
  background:linear-gradient(90deg,#2c8cff,#a654ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.solution-hero p{
  max-width:760px;
  font-size:22px;
  line-height:1.68;
  color:rgba(255,255,255,.76);
}

.solution-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:54px;
  max-width:860px;
}

.hero-stat{
  position:relative;
  overflow:hidden;
  min-height:70px;
  padding:10px;
  border-radius:24px;
  border:1px solid rgba(145, 186, 255, .20);
  background:linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(8, 22, 48, .62));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .16);
}

.hero-stat:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(111,243,255,.88),rgba(47,125,255,.65),rgba(155,85,255,.82),rgba(255,255,255,.72));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 10s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.65;
  pointer-events:none;
}

.hero-stat strong{
  display:block;
  margin-bottom:5px;
  color:#75caff;
  font-size:24px;
  line-height:1;
}

.hero-stat span{
  color:rgba(255,255,255,.74);
  line-height:1.4;
}

.solution-benefits{
  padding-top:60px;
}

.solution-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.solution-mini-card{
  padding:28px;
  min-height:132px;
  border-radius:26px;
  border:1px solid rgba(145,186,255,.20);
  background:linear-gradient(180deg,rgba(20,54,108,.50),rgba(4,12,28,.68));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);
}

.solution-mini-card b{
  display:block;
  font-size:30px;
  margin-bottom:10px;
  color:#75caff;
}

.solution-mini-card span{
  color:var(--muted);
}

.solution-two-col{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:70px;
  align-items:start;
}

.solution-two-col h2, .solution-components h2, .solution-process h2, .solution-equipment h2, .solution-case h2, .solution-seo-text h2 {
    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.13;
    letter-spacing: -1.8px;
}

.solution-two-col p{
  color:var(--muted);
  line-height:1.75;
  font-size:18px;
}

.solution-equipment{
  background:rgba(0,0,0,.18);
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.process-card{
  position:relative;
  overflow:hidden;
  min-height:190px;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(145,186,255,.20);
  background:radial-gradient(circle at 82% 0%,rgba(32,120,255,.20),transparent 34%),
        linear-gradient(180deg,rgba(20,54,108,.45),rgba(4,12,28,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 55px rgba(0,0,0,.24);
}

.process-card b{
  display:block;
  margin-bottom:24px;
  color:#54a8ff;
  font-size:42px;
  line-height:1;
}

.process-card span{
  display:block;
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.25;
}

.case-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  padding:42px;
  border-radius:34px;
  border:1px solid rgba(145,186,255,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(8,22,48,.70));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);
}

.case-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.case-stat{
  padding:24px;
  border-radius:22px;
  background:rgba(4,12,28,.55);
  border:1px solid rgba(145,186,255,.18);
}

.case-stat b{
  display:block;
  margin-bottom:8px;
  color:#75caff;
  font-size:32px;
}

.case-stat span{
  color:var(--muted);
}

.seo-box{
  padding:42px;
  border-radius:34px;
  border:1px solid rgba(145,186,255,.18);
  background:linear-gradient(180deg,rgba(20,54,108,.32),rgba(4,12,28,.58));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.10);
}

.seo-box p{
  color:var(--muted);
  line-height:1.8;
  font-size:18px;
}

@media(max-width:1200px){
  .solution-hero{
    min-height:auto;
    padding:140px 0 90px;
  }

  .solution-hero-stats,.solution-benefits__grid,.process-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .solution-two-col,.case-box{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
	
	.footer p {
    max-width: 100%;
    margin-top: 22px;
    color: var(--muted);
    line-height: 1.65;
}
	
  .solution-hero{
    padding:118px 0 70px;
  }

  .solution-hero h1{
    font-size:44px;
    letter-spacing:-1px;
  }

  .solution-hero p{
    font-size:17px;
  }

  .solution-hero-stats,.solution-benefits__grid,.process-grid,.case-stats{
    grid-template-columns:1fr;
  }

  .hero-stat,.solution-mini-card,.seo-box,.case-box{
    padding:24px;
  }
}

.solution-advantages{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:30px;
}

.solution-adv-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(20, 54, 108, .32), rgba(4, 12, 28, .55));
    border: 1px solid rgba(145, 186, 255, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.solution-adv-card img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 50%;
}

.solution-adv-card strong {
    display: block;
    color: #fff;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.3;
}

.solution-adv-card span{
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

@media(max-width:450px){
  .solution-advantages{
    grid-template-columns:1fr;
  }
}

.seo-content{
  position:relative;
  overflow:hidden;
  max-height:420px;
  transition:max-height .6s ease;
}

.seo-box{
  position:relative;
}

.seo-content.collapsed:after{
  display:none;
}

.seo-box:has(.seo-content.collapsed)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 160px;
    pointer-events: none;
    border-radius: 0 0 34px 34px;
    background: linear-gradient(180deg, rgba(3, 9, 21, 0), rgba(3, 9, 21, .94));
    z-index: 0;
}

.seo-content.open{
  max-height:5000px;
}

.seo-content.open:after{
  display:none;
}

.seo-toggle {
    margin-top: 24px;
    cursor: pointer;
    border: none;
    padding: 14px 24px;
    border-radius: 999px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, #2f7dff, #9b55ff);
    z-index: 1;
}

.seo-box.reveal.visible{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.btn-projects{
    position:relative;
    overflow:hidden;

    min-height:64px;
    padding:0 34px 0 18px;

    gap:18px;

    background:
        linear-gradient(
            180deg,
            rgba(18,28,62,.95),
            rgba(6,12,30,.95)
        );

    border:1px solid rgba(145,186,255,.22);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 24px rgba(32,120,255,.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.btn-projects:before{
    content:"";
    position:absolute;
    inset:0;

    border-radius:inherit;
    padding:2px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.55),
            rgba(125,196,255,.95),
            rgba(255,255,255,.55),
            rgba(125,196,255,.95),
            rgba(255,255,255,.55)
        );

    background-size:250% 100%;

    opacity:0;

    animation:projectsBorderFlow 7s linear infinite;

    pointer-events:none;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    -webkit-mask-composite:xor;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);

    mask-composite:exclude;
}

.btn-projects:hover:before{
    opacity:1;
}

.btn-projects:hover{
    transform:translateY(-2px);

    border-color:rgba(125,196,255,.45);

    box-shadow:
        0 0 18px rgba(125,196,255,.35),
        0 0 44px rgba(32,120,255,.20),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.btn-projects__icon {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(125, 196, 255, .18);
    background: radial-gradient(circle, rgba(12, 25, 62, .95), rgba(4, 12, 28, .95));
    box-shadow: inset 0 0 16px rgba(32, 120, 255, .25), 0 0 20px rgba(32, 120, 255, .12);
}

.btn-projects__icon svg{
    width:18px;
    height:18px;

    color:#5ab7ff;

    filter:
        drop-shadow(0 0 6px rgba(90,183,255,.7));
}

@keyframes projectsBorderFlow{
    to{
        background-position:250% 0;
    }
}


/* Header city selector + mobile menu fixes */
.header{
  gap:22px;
}

.city-current {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(145, 186, 255, .22);
    background: linear-gradient(180deg, rgba(18, 28, 62, .70), rgba(6, 12, 30, .74));
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 20px rgba(32, 120, 255, .12);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    font-size: 12px;
}

.city-current:hover{
  transform:translateY(-1px);
  border-color:rgba(84,168,255,.48);
  box-shadow:0 0 22px rgba(32,120,255,.22),inset 0 1px 0 rgba(255,255,255,.16);
}

.city-current__pin{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#5ab7ff;
  background:rgba(4,12,28,.52);
  box-shadow:inset 0 0 12px rgba(32,120,255,.22),0 0 16px rgba(32,120,255,.16);
}

.city-modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}

.city-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.city-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,5,14,.76);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.city-modal__dialog{
  position:relative;
  width:min(860px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  padding:34px;
  border-radius:34px;
  border:1px solid rgba(145,186,255,.22);
  background:radial-gradient(circle at 78% 0%,rgba(32,120,255,.26),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(8,22,48,.78) 48%,rgba(4,12,28,.94));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.16),0 0 60px rgba(32,120,255,.20);
}

.city-modal__dialog:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(111,243,255,.82),rgba(47,125,255,.62),rgba(155,85,255,.82),rgba(255,255,255,.62));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 9s linear infinite;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.65;
}

.city-modal__close {
    position: absolute;
    top: 41px;
    right: 20px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(145, 186, 255, .24);
    background: rgba(4, 12, 28, .66);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.city-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
  padding-right:40px;
}

.city-modal__head h3{
  margin:0;
  font-size:clamp(26px,3vw,36px);
  line-height:1.1;
  letter-spacing:-.7px;
}

.city-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.city-option{
  position:relative;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid rgba(145,186,255,.18);
  background:linear-gradient(180deg,rgba(20,54,108,.34),rgba(4,12,28,.62));
  color:#fff;
  font:inherit;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.city-option:hover{
  transform:translateY(-2px);
  border-color:rgba(84,168,255,.48);
  box-shadow:0 18px 42px rgba(0,40,120,.30),0 0 24px rgba(32,120,255,.18);
}

.city-option b{
  width:26px;
  height:26px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#06142a;
  background:#75caff;
  opacity:0;
  transform:scale(.6);
  transition:.22s ease;
}

.city-option.is-selected{
  border-color:rgba(117,202,255,.72);
  background:linear-gradient(90deg,rgba(47,125,255,.58),rgba(155,85,255,.42));
  box-shadow:0 0 28px rgba(32,120,255,.24),inset 0 1px 0 rgba(255,255,255,.18);
}

.city-option.is-selected b{
  opacity:1;
  transform:scale(1);
}

.menu-backdrop{
  position:fixed;
  inset:0;
  z-index:18;
  background:rgba(1,5,14,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}

.menu-backdrop.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.menu-lock,
body.city-lock{
  overflow:hidden;
}

@media (min-width:1200px){
  .burger{
    display:none;
  }
}

@media (max-width:1200px){
  .header{
    gap:14px;
  }

  .city-current{
    margin-left:auto;
    min-height:40px;
    padding:0 13px;
    font-size:14px;
  }

  .burger{
    margin-left:0;
    position:relative;
    z-index:22;
  }

  .burger span,
  .burger:before,
  .burger:after{
    width:18px;
    height:2px;
  }

      .burger:before {
        transform: translateY(3px);
    }

  .burger:after{
    transform:translateY(-3px);
  }

  .nav.is-open{
    z-index:21;
    top:86px;
    max-height:calc(100vh - 110px);
    overflow:auto;
    overscroll-behavior:contain;
  }
}

@media (max-width:900px){
    .stats-panel {
        position: relative;
        left: 0;
        right: 0;
        bottom: -19px;
        transform: none;
        width: 96%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 12px 0px;
        border-radius: 24px;
    }
.stat {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 0 10px;
    border-right: 1px solid var(--line);
    padding: 0px 10px;
}
	.stat-icon {
    grid-row: span 2;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    background: none;
    clip-path: none;
    filter: drop-shadow(0 0 6px #178cff) drop-shadow(0 0 28px rgba(0, 215, 255, .45));
}
	.stat b {
    font-size: 22px;
}
}
@media (max-width:700px){
	
    .solution-two-col h2, .solution-components h2, .solution-process h2, .solution-equipment h2, .solution-case h2, .solution-seo-text h2 {
        font-size: clamp(25px, 4vw, 30px);
        line-height: 1.2;
        letter-spacing: -1.8px;
    }	
	.stats-panel {
        position: relative;
        left: 0;
        right: 0;
        bottom: -19px;
        transform: none;
        width: 96%;
        margin: 0 auto;
        display: grid;
        row-gap: 14px;
        grid-template-columns: repeat(2, 1fr);
        padding: 12px 0px;

    }
.city-modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}

.city-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.city-modal__dialog{
  position:relative;
  width:min(860px,100%);
  height:auto;
  max-height:calc(100dvh - 48px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:34px;
  border-radius:34px;
  border:1px solid rgba(145,186,255,.22);
  background:
    radial-gradient(circle at 78% 0%,rgba(32,120,255,.26),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(8,22,48,.78) 48%,rgba(4,12,28,.94));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.16),0 0 60px rgba(32,120,255,.20);
}

.city-modal__dialog:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  padding:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(111,243,255,.82),rgba(47,125,255,.62),rgba(155,85,255,.82),rgba(255,255,255,.62));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 9s linear infinite;
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.65;
}




.city-modal__close {
    position: absolute;
    top: 27px;
    right: 26px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(145, 186, 255, .24);
    background: rgba(4, 12, 28, .66);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}	
	
.city-modal__head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
  padding-right:40px;
}

.city-grid{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding-right:8px;
  overscroll-behavior:contain;
}

.city-grid::-webkit-scrollbar{
  width:8px;
}

.city-grid::-webkit-scrollbar-track{
  background:rgba(4,12,28,.45);
  border-radius:999px;
}

.city-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#54a8ff,#8a4cff);
  border-radius:999px;
}

.city-grid{
  scrollbar-width:thin;
  scrollbar-color:#54a8ff rgba(4,12,28,.45);
}

    .city-modal__head {
        display: grid;
        grid-template-columns: 1fr;
        padding-right: 0px;
    }

  .city-option--all{
    width:100%;
  }

  .city-grid{
    grid-template-columns:1fr;
  }

  .city-current__pin{
    display:none;
  }

  .city-current{
    max-width:130px;
  }

  .city-current__text{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
}
@media (max-width:1270px){
a.btn.btn-ghost.header-cta {
    font-size: 12px;
}
.nav {
    gap: 24px;
    font-size: 13px;
}
span.city-current__text {
    font-size: 14px;
}	
}

span.city-current__pin {
    font-size: 42px;
    display: flex;
    align-items: center;
    margin-top: -7px;
}

.solution-adv-card,
.process-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateY(0);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.solution-adv-card:before,
.process-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  padding:2px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(111,243,255,.95),rgba(47,125,255,.72),rgba(155,85,255,.95),rgba(255,255,255,.72));
  background-size:260% 100%;
  animation:heroBtnBorderFlow 8s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  transition:opacity .35s ease;
}

.solution-adv-card:after,
.process-card:after{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  opacity:0;
  background:radial-gradient(circle at 50% 20%,rgba(84,168,255,.32),transparent 58%);
  filter:blur(24px);
  transition:opacity .35s ease;
  pointer-events:none;
}

.solution-adv-card:hover,
.process-card:hover{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(84,168,255,.50);
  box-shadow:0 28px 78px rgba(0,40,120,.46),
    0 0 44px rgba(32,120,255,.22),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.solution-adv-card:hover:before,
.solution-adv-card:hover:after,
.process-card:hover:before,
.process-card:hover:after{
  opacity:1;
}

.solution-adv-card > *,
.process-card > *{
  position:relative;
  z-index:3;
}




.logo-mark:before{
    content:"";
    position:absolute;
    inset:-12px;
    z-index:0;
    border-radius:50%;
    background:
        conic-gradient(
            from 0deg,
            #2f7dff,
            #66d6ff,
            #9b55ff,
            #2f7dff
        );
    filter:blur(16px);
    opacity:.55;
    animation:logoGlowRotate 18s linear infinite;
}

@keyframes logoGlowRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes logoPulse{
    0%,100%{
        opacity:.35;
        transform:scale(.95);
    }

    50%{
        opacity:.8;
        transform:scale(1.08);
    }
}

.logo-mark img{
    animation:logoShimmer 12s ease-in-out infinite;
}

@keyframes logoShimmer{
    0%,100%{
        filter:
            drop-shadow(0 0 8px rgba(84,168,255,.55))
            drop-shadow(0 0 22px rgba(84,168,255,.35));
    }

    50%{
        filter:
            drop-shadow(0 0 10px rgba(155,85,255,.60))
            drop-shadow(0 0 26px rgba(155,85,255,.40));
    }
}

.logo-mark{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    isolation:isolate;
}

.logo-mark img{
    position:relative;
    z-index:2;
    width:auto;
    filter:
        drop-shadow(0 0 6px rgba(84,168,255,.45))
        drop-shadow(0 0 14px rgba(84,168,255,.25));
}


@media (min-width:1400px){

	.trust {
    position: relative;
    overflow: hidden;
    padding: 100px 0 0px;
    min-height: 680px;
    background: linear-gradient(90deg, rgba(3, 9, 21, .10) 0%, rgba(3, 9, 21, .18) 42%, rgba(3, 9, 21, .68) 68%, rgba(3, 9, 21, .92) 100%), linear-gradient(180deg, rgba(3, 9, 21, .08) 0%, rgba(3, 9, 21, .04) 55%, #030915 100%), url(../img/trust-scene.webp) center center / contain no-repeat !important;
}


}

.header-inner {
    width: min(1400px, 100%);
    height: 100%;
    margin: 0 auto;
    
    display: flex;
    align-items: center;
    gap: 38px;
}

@media(max-width:1200px){
  .header-inner{
    width:100%;
   
  }
}

.logo-mark img{
    display:block;
    transition:
        transform .8s cubic-bezier(.34,1.56,.64,1);
}

.logo-mark:hover img{
    transform: rotate(90deg) scale(1.08);
}

.power-equipment-section{background:rgba(0,0,0,.18)}
    .power-equipment-list{display:grid;gap:24px}
    .power-equipment-card{position:relative;overflow:hidden;display:grid;grid-template-columns:360px minmax(0,1fr);gap:34px;align-items:stretch;padding:28px;border-radius:34px;border:1px solid rgba(145,186,255,.20);background:radial-gradient(circle at 85% 10%,rgba(32,120,255,.22),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(8,22,48,.72));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
    .power-equipment-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(111,243,255,.95),rgba(47,125,255,.72),rgba(155,85,255,.95),rgba(255,255,255,.72));background-size:260% 100%;animation:heroBtnBorderFlow 8s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity .35s ease}
    .power-equipment-card:hover{transform:translateY(-8px);border-color:rgba(84,168,255,.50);box-shadow:0 28px 78px rgba(0,40,120,.46),0 0 44px rgba(32,120,255,.22),inset 0 1px 0 rgba(255,255,255,.18)}
    .power-equipment-card:hover:before{opacity:1}
.power-equipment-media {
    position: relative;
    z-index: 3;
    min-height: 310px;
    max-height: 560px;
    border-radius: 26px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 0%, rgba(84, 168, 255, .18), transparent 58%), linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(238, 244, 255, .98));
    display: grid;
    place-items: center;
    padding: 0;
}
    .power-equipment-media:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.30) 48%,transparent 62%);transform:translateX(-55%) rotate(8deg);transition:transform .65s ease;pointer-events:none}
    .power-equipment-card:hover .power-equipment-media:after{transform:translateX(55%) rotate(8deg)}
    .power-equipment-media img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .45s ease, filter .45s ease;
}
    .power-equipment-card:hover .power-equipment-media img{transform:scale(1.06) translateY(-4px);filter:drop-shadow(0 18px 28px rgba(0,0,0,.24))}
    .power-equipment-body{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:4px 0}
    .power-equipment-tag{display:inline-flex;width:max-content;margin-bottom:14px;padding:8px 14px;border-radius:999px;color:#75caff;background:rgba(4,12,28,.55);border:1px solid rgba(84,168,255,.28);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.6px}
    .power-equipment-body h3{font-size:32px;line-height:1.15;margin:0 0 18px}
    .power-equipment-body p{color:var(--muted);line-height:1.72;font-size:17px;margin:0 0 16px}
    .power-equipment-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
    .power-equipment-points span{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border-radius:16px;background:rgba(4,12,28,.50);border:1px solid rgba(145,186,255,.16);color:rgba(255,255,255,.82);font-weight:800;font-size:14px}
    .power-equipment-points span:before{content:"";width:8px;height:8px;border-radius:50%;background:#54a8ff;box-shadow:0 0 14px rgba(84,168,255,.85);flex:0 0 auto}
    @media(max-width:1200px){.power-equipment-card{grid-template-columns:1fr}.power-equipment-media{min-height:260px}.power-equipment-body h3{font-size:28px}}
    @media(max-width:700px){.power-equipment-card{padding:20px;border-radius:26px}.power-equipment-media{min-height:220px}.power-equipment-points{grid-template-columns:1fr}.power-equipment-body h3{font-size:24px}.power-equipment-body p{font-size:16px}}

h2#componentsTitle {
    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.13;
    letter-spacing: -1.8px;
}


/* Header dropdown menu fixed */


      .nav {
        margin: auto;
        display: flex;
        align-items: center;
        gap: 28px;
        font-size: 16px;
    }

  .nav-item{
    position:relative;
    display:flex;
    align-items:center;
  }

  .nav-link,
  .nav > a{
    display:flex;
    align-items:center;
    min-height:42px;
    opacity:.86;
  }

 .nav-toggle {
    width: auto;
    height: auto;
    margin-left: 6px;
    padding: 0;
    border: 0;
    background: none;
    color: #75caff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

  .nav-item:hover .nav-toggle{
    transform:rotate(180deg);
  }

     .nav-dropdown {
        position: absolute;
        top: 100%;
        left: -100px;
        z-index: 80;
        min-width: 260px;
        padding: 14px 10px 10px;
        border-radius: 18px;
        border: 1px solid rgba(145, 186, 255, .20);
        background: linear-gradient(180deg, rgba(13, 28, 62, .96), rgba(3, 9, 21, .98));
        box-shadow: 0 24px 70px rgba(0, 20, 70, .45), inset 0 1px 0 rgba(255, 255, 255, .10);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        transition: .18s ease;
    }

  .nav-dropdown:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-14px;
    height:14px;
  }

  .nav-item:hover > .nav-dropdown,
  .nav-item:focus-within > .nav-dropdown,
  .nav-item.is-open > .nav-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }

  .nav-dropdown--wide{
    min-width:330px;
  }

  .nav-dropdown--products{
    width:680px;
    max-width:calc(100vw - 40px);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .nav-dropdown a,
  .nav-product-main,
  .nav-product-children a{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:9px 12px;
    border-radius:12px;
    color:rgba(255,255,255,.86);
    font-size:14px;
    font-weight:800;
    line-height:1.25;
  }

  .nav-dropdown a:hover,
  .nav-product-main:hover,
  .nav-product-children a:hover{
    color:#fff;
    background:linear-gradient(90deg,rgba(47,125,255,.36),rgba(155,85,255,.20));
  }

  .nav-product-group{
    padding:6px;
    border-radius:15px;
    background:rgba(4,12,28,.26);
    border:1px solid rgba(145,186,255,.10);
  }

  .nav-product-main{
    background:rgba(32,120,255,.12);
  }

  .nav-product-main span{
    margin-left:auto;
    color:#75caff;
    font-size:16px;
  }

  .nav-product-children{
    display:grid;
    gap:2px;
    padding-top:5px;
  }

  .nav-product-children a{
    min-height:34px;
    padding:8px 10px 8px 18px;
    font-size:13px;
    color:rgba(255,255,255,.75);
  }


@media (max-width:1200px){
  .nav{
    display:none;
  }

  .nav.is-open{
    display:flex;
    position:absolute;
    top:86px;
    left:20px;
    right:20px;
    z-index:21;
    flex-direction:column;
    gap:0;
    max-height:calc(100vh - 110px);
    overflow:auto;
    padding:18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(3,9,21,.94);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .nav-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 38px;
    align-items:center;
  }

  .nav > a,
  .nav-link{
    min-height:46px;
    padding:14px 12px;
  }

  .nav-toggle{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    justify-self:end;
    border:1px solid rgba(145,186,255,.18);
    border-radius:999px;
    background:rgba(4,12,28,.46);
    color:#75caff;
  }

  .nav-item.is-open > .nav-toggle{
    transform:rotate(180deg);
  }

  .nav-dropdown{
    position:static !important;
    left:auto !important;
    top:auto !important;
    z-index:auto;

    grid-column:1 / -1;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    max-height:0;
    overflow:hidden;

    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;

    margin:0;
    padding:0;

    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;

    transition:max-height .28s ease, padding .28s ease;
  }

  .nav-dropdown:before{
    display:none !important;
  }

  .nav-item.is-open > .nav-dropdown{
    max-height:100%;
    overflow:hidden;
    padding:4px 0 8px;
  }

 
  .nav-dropdown--products{
    display:block;
  }

   .nav-dropdown a,
  .nav-product-main,
  .nav-product-children a{
    display:flex;
    align-items:center;
    width:100%;
    min-height:42px;
    padding:10px 12px 10px 22px;
    border-radius:12px;
    font-size:14px;
    line-height:1.25;
  }

  .nav-product-children a{
    padding-left:38px;
    font-size:13px;
    color:rgba(255,255,255,.72);
  }

  .nav-product-group{
    padding:0;
    border:0;
    background:transparent;
  }

  .nav-product-main{
    background:transparent;
  }

  .nav-product-main span{
    display:none;
  }

  .nav-item{
    width:100%;
  }

  .nav-link{
    width:100%;
  }

  .nav-product-group{
    width:100%;
  }

  .nav-product-children{
    display:grid;
    gap:2px;
    width:100%;
  }
}


/* MOBILE HOME OPTIMIZATION */
@media (max-width:700px){

  body{
    overflow-x:hidden;
  }

  .site-bg:after{
    display:none;
  }

  .header,
  .header.is-scroll,
  .cta-box,
  .stats-panel,
  .product-card,
  .service,
  .solution-card,
  .partners-viewport,
  .manager-box,
  .seo-box{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .solution-card,
  .service,
  .product-card,
  .manager-photo,
  .partner-logo img{
    transform:none !important;
    transition:none !important;
  }

  .solution-card:hover,
  .service:hover,
  .product-card:hover,
  .manager-photo:hover{
    transform:none !important;
    box-shadow:none !important;
  }

  .solution-card:before,
  .solution-card:after,
  .solution-card__glass:before,
  .solution-card__visual:before,
  .solution-card__visual:after,
  .service:before,
  .service:after,
  .product-card:before,
  .product-card:after,
  .product-img:after,
  .manager-photo:before,
  .manager-photo:after,
  .stats-panel:before,
  .logo-mark:before{
    display:none !important;
    animation:none !important;
  }

  .card-icon,
  .stat-icon,
  .logo-mark img{
    filter:none !important;
    animation:none !important;
  }

  .hero-media video{
    display:none !important;
  }

  .hero-media{
    background:url('/assets/img/reference.webp') center/cover no-repeat;
  }

  .section-hero{
    padding:112px 0 42px;
  }

  .hero h1{
    font-size:38px;
    line-height:1.04;
  }

  .hero p{
    font-size:15px;
    line-height:1.55;
  }

  .stats-panel{
    box-shadow:none;
  }

  .solutions-layout{
    display:block;
    width:100%;
  }

  .solutions .section-info{
    width:min(100% - 30px,1180px);
    margin:0 auto 24px;
  }

  .solution-cards{
    display:flex !important;
    grid-template-columns:none !important;
    gap:14px;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    padding:0 15px 8px;
    width:100%;
    perspective:none !important;
    contain:none !important;
  }

  .solution-cards::-webkit-scrollbar{
    display:none;
  }

     .solution-card {
        flex: 0 0 42%;
        width: 42%;
        height: 300px;
        min-height: 300px;
        scroll-snap-align: start;
        transform: none !important;
        transform-style: flat !important;
        overflow: hidden;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .16);
    }

  .solution-card__visual,
  .solution-card__body,
  .solution-card a{
    transform:none !important;
  }

  .services .container{
    width:100%;
  }

  .services .section-head{
    width:min(100% - 30px,1180px);
    margin:0 auto 24px;
  }

  .service-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:14px;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    padding:0 15px 8px;
  }

  .service-grid::-webkit-scrollbar{
    display:none;
  }

  .service{
    flex:0 0 84%;
    width:84%;
    min-height:360px;
    scroll-snap-align:start;
    box-shadow:0 14px 34px rgba(0,0,0,.32);
  }

  .service-icon{
    box-shadow:none !important;
  }
}

@media (max-width:400px){
    .solution-card {
        flex: 0 0 65%;
        width: 65%;
       
    }
	
    .stat {
        border: 0;
        padding: 8px;
        grid-template-columns: 40px 1fr;
    }
	    .stat b {
        font-size: 16px;
    }
	
	.section-info h2, .trust h2, .services h2, .cta h2 {
    font-size: clamp(25px, 4vw, 20px);
    line-height: 1.2;
    margin: 18px 0;
}
	    .trust h2 {
        font-size: 25px;
        letter-spacing: -.7px;
        margin: 20px 0 16px;
    }
	
	.solution-two-col h2, .solution-components h2, .solution-process h2, .solution-equipment h2, .solution-case h2, .solution-seo-text h2 {
    font-size: clamp(25px, 4vw, 20px);
    line-height: 1.2;
    letter-spacing: -1.8px;
}
	.seo-box p {
    color: var(--muted);
    line-height: 1.4;
    font-size: 14px;
}
	    .logo {
        font-size: 10px;
    }
	.header-inner {
    
    gap: 10px;
}
}

button#seoToggle:hover {
    transform: translateY(-2px);
    box-shadow: rgba(32, 120, 255, 0.8) 0px 0px 48px;
}