/* =========================================================
   RETACH / SHIELD MAIN
   ========================================================= */


/* =========================================================
   02. COMPLEX PROTECTION
   ========================================================= */

.shield-main-protection{
  position:relative;
  overflow:hidden;

  min-height:500px;

  padding:
    44px
    22px
    38px;

  background:
    radial-gradient(
      ellipse at 82% 8%,
      rgba(166,143,255,.15),
      transparent 40%
    ),
    radial-gradient(
      ellipse at 17% 30%,
      rgba(255,255,255,.98),
      transparent 58%
    ),
    linear-gradient(
      135deg,
      #fdfdff 0%,
      #f8f7ff 52%,
      #f1f2ff 100%
    );

  color:#11131d;
}


.shield-main-protection__inner{
  position:relative;
  z-index:2;

  width:min(100%,1460px);

  margin:0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.shield-main-protection__copy{
  position:relative;
  z-index:4;

  max-width:700px;
}


.shield-main-protection__eyebrow{
  display:inline-flex;
  align-items:center;

  margin:
    0
    0
    11px;

  padding:
    6px
    10px;

  border:
    1px solid
    rgba(119,91,226,.16);

  border-radius:999px;

  background:
    rgba(255,255,255,.70);

  color:#755fe0;

  font-size:9px;
  line-height:1;

  font-weight:700;

  letter-spacing:.075em;
  text-transform:uppercase;
}


.shield-main-protection h2{
  max-width:690px;

  margin:0;

  color:#11131d;

  font-size:
    clamp(46px,4.4vw,64px);

  line-height:.91;

  font-weight:900;

  letter-spacing:-.052em;
}


.shield-main-protection__lead{
  max-width:625px;

  margin:
    17px
    0
    0;

  color:#656b7c;

  font-size:14px;
  line-height:1.5;

  font-weight:500;
}


/* =========================================================
   VISUAL
   ========================================================= */

.shield-main-protection__visual{
  position:absolute;
  z-index:1;

  top:-90px;
  right:-3%;

  width:49%;
  height:350px;

  pointer-events:none;
}


.shield-main-protection__visual img{
  position:absolute;

  top:0;
  right:0;

  display:block;

  width:min(112%,780px);
  max-width:none;
  height:auto;

  object-fit:contain;
  object-position:right top;

  opacity:.78;

  filter:
    brightness(1.03)
    saturate(.88)
    drop-shadow(
      0 28px 42px
      rgba(81,56,166,.10)
    );
}


/* fade visual into background */

.shield-main-protection__visual::after{
  content:'';

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      #f9f9ff 0%,
      rgba(249,249,255,.75) 17%,
      rgba(249,249,255,0) 50%
    );
}


/* =========================================================
   CARDS
   ========================================================= */

.shield-main-protection__grid{
  position:relative;
  z-index:5;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;

  margin-top:38px;
}


.shield-main-protection__card{
  position:relative;

  min-width:0;
  min-height:190px;

  padding:
    20px
    18px
    18px;

  border:
    1px solid
    rgba(218,220,236,.88);

  border-radius:20px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.91),
      rgba(248,248,254,.78)
    );

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.96),
    0 12px 32px
      rgba(38,40,69,.035);

  backdrop-filter:blur(10px);
}


.shield-main-protection__icon{
  display:grid;
  place-items:center;

  width:38px;
  height:38px;

  margin-bottom:15px;

  border:
    1px solid
    rgba(116,86,238,.14);

  border-radius:11px;

  background:
    linear-gradient(
      145deg,
      rgba(119,88,242,.10),
      rgba(119,88,242,.04)
    );

  color:#7356f1;
}


.shield-main-protection__icon svg{
  width:22px;
  height:22px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.shield-main-protection__card h3{
  margin:
    0
    0
    8px;

  color:#171923;

  font-size:16px;
  line-height:1.14;

  font-weight:800;

  letter-spacing:-.02em;
}


.shield-main-protection__card p{
  max-width:245px;

  margin:0;

  color:#7d8394;

  font-size:11px;
  line-height:1.45;

  font-weight:500;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  .shield-main-protection__visual{
    right:-10%;

    width:54%;
  }


  .shield-main-protection__grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

  .shield-main-protection{
    padding:
      36px
      16px
      30px;
  }


  .shield-main-protection h2{
    font-size:43px;
  }


  .shield-main-protection__visual{
    top:80px;
    right:-35%;

    width:105%;

    opacity:.35;
  }


  .shield-main-protection__grid{
    grid-template-columns:1fr;

    margin-top:30px;
  }


  .shield-main-protection__card{
    min-height:0;
  }

}

/* SHIELD BUSINESS VALUE V1 START */

/* =========================================================
   03. BUSINESS VALUE
   ========================================================= */

.shield-main-business{
  position:relative;
  overflow:hidden;

  min-height:445px;

  padding:
    43px
    22px
    36px;

  background:
    radial-gradient(
      ellipse at 78% 5%,
      rgba(164,142,255,.15),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #fdfdff 0%,
      #f8f7ff 53%,
      #f2f3ff 100%
    );

  color:#11131d;
}


.shield-main-business__inner{
  position:relative;
  z-index:2;

  width:min(100%,1460px);

  margin:0 auto;
}


/* =========================================================
   COPY
   ========================================================= */

.shield-main-business__copy{
  position:relative;
  z-index:4;

  max-width:690px;
}


.shield-main-business__eyebrow{
  display:inline-flex;
  align-items:center;

  margin:
    0
    0
    10px;

  padding:
    6px
    10px;

  border:
    1px solid
    rgba(119,91,226,.16);

  border-radius:999px;

  background:
    rgba(255,255,255,.72);

  color:#755fe0;

  font-size:9px;
  line-height:1;

  font-weight:700;

  letter-spacing:.075em;
  text-transform:uppercase;
}


.shield-main-business h2{
  max-width:650px;

  margin:0;

  color:#11131d;

  font-size:
    clamp(44px,4.2vw,62px);

  line-height:.92;

  font-weight:900;

  letter-spacing:-.052em;
}


.shield-main-business__lead{
  max-width:620px;

  margin:
    15px
    0
    0;

  color:#6b7080;

  font-size:13px;
  line-height:1.5;

  font-weight:500;
}


/* =========================================================
   SHARED AI GROWTH VISUAL
   ========================================================= */

.shield-main-business__visual{
  position:absolute;
  z-index:1;

  top:-110px;
  right:2%;

  width:46%;
  height:330px;

  pointer-events:none;
}


.shield-main-business__visual img{
  position:absolute;

  right:0;
  top:0;

  display:block;

  width:min(112%,720px);
  max-width:none;
  height:auto;

  opacity:.62;

  filter:
    brightness(1.05)
    saturate(.82)
    drop-shadow(
      0 24px 36px
      rgba(86,57,177,.10)
    );
}


.shield-main-business__visual::after{
  content:'';

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      #f9f9ff 0%,
      rgba(249,249,255,.72) 17%,
      rgba(249,249,255,0) 52%
    );
}


/* =========================================================
   CARDS
   ========================================================= */

.shield-main-business__grid{
  position:relative;
  z-index:5;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:13px;

  margin-top:34px;
}


.shield-main-business__card{
  min-width:0;
  min-height:165px;

  padding:
    18px
    17px
    17px;

  border:
    1px solid
    rgba(218,220,236,.86);

  border-radius:18px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.88),
      rgba(248,248,254,.74)
    );

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.96),
    0 10px 28px
      rgba(38,40,69,.03);

  backdrop-filter:blur(10px);
}


.shield-main-business__icon{
  display:grid;
  place-items:center;

  width:36px;
  height:36px;

  margin-bottom:13px;

  border:
    1px solid
    rgba(115,84,238,.14);

  border-radius:10px;

  background:
    rgba(118,86,242,.075);

  color:#7356f1;
}


.shield-main-business__icon svg{
  width:21px;
  height:21px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.shield-main-business__card h3{
  margin:
    0
    0
    7px;

  color:#171923;

  font-size:15px;
  line-height:1.14;

  font-weight:800;

  letter-spacing:-.018em;
}


.shield-main-business__card p{
  margin:0;

  color:#7e8495;

  font-size:10px;
  line-height:1.45;

  font-weight:500;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  .shield-main-business__visual{
    right:-8%;

    width:54%;
  }


  .shield-main-business__grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

  .shield-main-business{
    padding:
      35px
      16px
      30px;
  }


  .shield-main-business h2{
    font-size:42px;
  }


  .shield-main-business__visual{
    top:70px;
    right:-32%;

    width:100%;

    opacity:.32;
  }


  .shield-main-business__grid{
    grid-template-columns:1fr;

    margin-top:28px;
  }


  .shield-main-business__card{
    min-height:0;
  }

}

/* SHIELD BUSINESS VALUE V1 END */

/* SHIELD TRAFFIC FLOW V1 START */

/* =========================================================
   03. HOW SHIELD FILTERS TRAFFIC
   ========================================================= */

.shield-main-flow{
  position:relative;
  overflow:hidden;

  min-height:510px;

  padding:
    46px
    22px
    30px;

  background:
    radial-gradient(
      ellipse at 68% 38%,
      rgba(108,76,236,.20),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #080817 0%,
      #0d0b20 53%,
      #090817 100%
    );

  color:#fff;
}


/* =========================================================
   SHARED MOUNTAINS
   ========================================================= */

.shield-main-flow::before{
  content:'';

  position:absolute;
  z-index:0;

  inset:auto 0 0;

  height:72%;

  background:
    linear-gradient(
      180deg,
      rgba(7,6,18,0) 0%,
      rgba(7,6,18,.18) 34%,
      rgba(7,6,18,.60) 100%
    ),
    url('/assets/shared/ai-results/mountains.webp')
    center bottom / cover no-repeat;

  opacity:.44;

  filter:
    brightness(.62)
    saturate(.68);

  pointer-events:none;
}


.shield-main-flow__inner{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    minmax(330px,.70fr)
    minmax(0,1.30fr);

  gap:28px;

  align-items:center;

  width:min(100%,1460px);

  min-height:434px;

  margin:0 auto;
}


/* =========================================================
   COPY
   ========================================================= */

.shield-main-flow__copy{
  position:relative;
  z-index:4;

  max-width:435px;
}


.shield-main-flow__eyebrow{
  display:inline-flex;
  align-items:center;

  margin:
    0
    0
    12px;

  padding:
    6px
    10px;

  border:
    1px solid
    rgba(158,131,255,.34);

  border-radius:999px;

  background:
    rgba(28,21,60,.40);

  color:#ad96ff;

  font-size:9px;
  line-height:1;

  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  backdrop-filter:blur(10px);
}


.shield-main-flow h2{
  max-width:430px;

  margin:0;

  color:#fff;
  -webkit-text-fill-color:#fff;

  font-size:
    clamp(38px,3.5vw,52px);

  line-height:.94;

  font-weight:900;

  letter-spacing:-.046em;
}


.shield-main-flow__accent{
  color:#a385ff;
  -webkit-text-fill-color:#a385ff;
}


.shield-main-flow__lead{
  max-width:410px;

  margin:
    17px
    0
    0;

  color:rgba(229,225,242,.76);

  font-size:13px;
  line-height:1.5;

  font-weight:500;
}


.shield-main-flow__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:43px;

  margin-top:21px;

  padding:
    0
    18px;

  border:
    1px solid
    rgba(155,124,255,.48);

  border-radius:9px;

  background:
    linear-gradient(
      135deg,
      rgba(117,79,239,.90),
      rgba(92,58,205,.84)
    );

  color:#fff;

  font-size:11px;
  line-height:1;

  font-weight:700;

  text-decoration:none;

  box-shadow:
    0 9px 23px
    rgba(80,48,188,.17);
}


/* =========================================================
   SCHEME
   ========================================================= */

.shield-main-flow__visual{
  position:relative;

  min-width:0;
  min-height:420px;

  pointer-events:none;
}


.shield-main-flow__visual img{
  position:absolute;

  right:-3%;
  bottom:-18px;

  display:block;

  width:min(112%,1030px);
  max-width:none;
  height:auto;

  object-fit:contain;
  object-position:right bottom;

  opacity:.92;

  filter:
    brightness(.88)
    saturate(.88)
    contrast(.96)
    drop-shadow(
      0 26px 45px
      rgba(74,44,172,.25)
    );
}


/* subtle purple glow behind scheme */

.shield-main-flow__visual::before{
  content:'';

  position:absolute;

  left:18%;
  top:20%;

  width:72%;
  height:54%;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(112,74,247,.24),
      rgba(112,74,247,.07) 46%,
      transparent 72%
    );

  filter:blur(20px);

  pointer-events:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

  .shield-main-flow__inner{
    grid-template-columns:
      minmax(310px,.76fr)
      minmax(0,1.24fr);
  }


  .shield-main-flow h2{
    font-size:42px;
  }


  .shield-main-flow__visual img{
    width:min(118%,900px);

    right:-8%;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:780px){

  .shield-main-flow{
    padding:
      38px
      17px
      0;
  }


  .shield-main-flow__inner{
    grid-template-columns:1fr;

    gap:12px;

    min-height:760px;
  }


  .shield-main-flow__copy{
    max-width:none;
  }


  .shield-main-flow h2{
    max-width:600px;

    font-size:42px;
  }


  .shield-main-flow__lead{
    max-width:580px;
  }


  .shield-main-flow__visual{
    min-height:410px;
  }


  .shield-main-flow__visual img{
    right:-20%;
    bottom:-18px;

    width:min(135%,900px);
  }

}


/* SHIELD TRAFFIC FLOW V1 END */

/* SHIELD TRAFFIC FLOW FIX V2 START */

/* =========================================================
   FULL BACKGROUND — NO HARD CUT
   ========================================================= */

.shield-main-flow{
  position:relative !important;
  overflow:hidden !important;

  min-height:550px !important;

  padding:
    40px
    22px
    30px !important;

  background:
    radial-gradient(
      ellipse at 70% 34%,
      rgba(106,76,235,.16),
      transparent 43%
    ),
    linear-gradient(
      135deg,
      #080817 0%,
      #0c0a20 54%,
      #090818 100%
    ) !important;
}


.shield-main-flow::before{
  content:'' !important;

  position:absolute !important;
  z-index:0 !important;

  inset:0 !important;

  width:100% !important;
  height:100% !important;

  background:
    linear-gradient(
      90deg,
      rgba(7,6,18,.72) 0%,
      rgba(7,6,18,.48) 28%,
      rgba(7,6,18,.16) 58%,
      rgba(7,6,18,.10) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,6,18,.12) 0%,
      rgba(7,6,18,.04) 46%,
      rgba(7,6,18,.34) 100%
    ),
    url('/assets/shared/ai-results/mountains.webp')
    center bottom / cover no-repeat !important;

  opacity:.72 !important;

  filter:
    brightness(.72)
    saturate(.78) !important;

  transform:none !important;

  pointer-events:none !important;
}


/* =========================================================
   COPY
   ========================================================= */

.shield-main-flow__inner{
  position:relative !important;
  z-index:2 !important;

  grid-template-columns:
    minmax(380px,.72fr)
    minmax(0,1.28fr) !important;

  gap:20px !important;

  min-height:470px !important;
}


.shield-main-flow__copy{
  position:relative !important;
  z-index:6 !important;

  max-width:470px !important;
}


.shield-main-flow__eyebrow{
  color:#b09aff !important;

  border-color:
    rgba(164,135,255,.40) !important;

  background:
    rgba(24,18,53,.48) !important;
}


.shield-main-flow h2{
  max-width:470px !important;

  margin:0 !important;

  color:#fff !important;
  -webkit-text-fill-color:#fff !important;

  background:none !important;
  background-image:none !important;

  font-size:
    clamp(42px,3.8vw,56px) !important;

  line-height:.92 !important;

  font-weight:900 !important;

  letter-spacing:-.05em !important;
}


.shield-main-flow__accent{
  color:#9d7cff !important;
  -webkit-text-fill-color:#9d7cff !important;
}


.shield-main-flow__lead{
  max-width:445px !important;

  margin-top:17px !important;

  color:
    rgba(239,236,248,.82) !important;

  -webkit-text-fill-color:
    rgba(239,236,248,.82) !important;

  font-size:13px !important;
  line-height:1.5 !important;

  font-weight:500 !important;
}


/* =========================================================
   SCHEME
   ========================================================= */

.shield-main-flow__visual{
  position:relative !important;
  z-index:4 !important;

  min-height:455px !important;

  overflow:visible !important;
}


.shield-main-flow__visual img{
  right:-2% !important;
  bottom:-8px !important;

  width:min(110%,1050px) !important;
  max-width:none !important;

  opacity:.88 !important;

  filter:
    brightness(.86)
    saturate(.86)
    contrast(.96)
    drop-shadow(
      0 26px 42px
      rgba(69,42,165,.22)
    ) !important;
}


/* оставляем мягкое свечение только за схемой */
.shield-main-flow__visual::before{
  left:20% !important;
  top:22% !important;

  width:68% !important;
  height:52% !important;

  opacity:.72 !important;
}


/* =========================================================
   NOTEBOOK
   ========================================================= */

@media(max-width:1100px){

  .shield-main-flow__inner{
    grid-template-columns:
      minmax(345px,.76fr)
      minmax(0,1.24fr) !important;
  }

  .shield-main-flow h2{
    font-size:46px !important;
  }

  .shield-main-flow__visual img{
    right:-8% !important;

    width:min(116%,940px) !important;
  }

}


/* SHIELD TRAFFIC FLOW FIX V2 END */

/* SHIELD FINAL RESULT V1 START */

/* =========================================================
   05. FINAL RESULT
   ========================================================= */

.shield-main-final{
  position:relative;
  overflow:hidden;

  min-height:560px;

  padding:
    44px
    22px
    32px;

  background:
    radial-gradient(
      ellipse at 76% 35%,
      rgba(111,78,242,.20),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #070716 0%,
      #0b091e 54%,
      #080717 100%
    );

  color:#fff;
}


/* =========================================================
   SHARED MOUNTAINS
   ========================================================= */

.shield-main-final::before{
  content:'';

  position:absolute;
  z-index:0;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(7,6,18,.68) 0%,
      rgba(7,6,18,.42) 34%,
      rgba(7,6,18,.08) 66%,
      rgba(7,6,18,.10) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,6,18,.08) 0%,
      rgba(7,6,18,.03) 45%,
      rgba(7,6,18,.40) 100%
    ),
    url('/assets/shared/ai-results/mountains.webp')
    center bottom / cover no-repeat;

  opacity:.78;

  filter:
    brightness(.72)
    saturate(.80);

  pointer-events:none;
}


.shield-main-final__inner{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    minmax(380px,.72fr)
    minmax(0,1.28fr);

  gap:28px;

  align-items:center;

  width:min(100%,1460px);
  min-height:480px;

  margin:0 auto;
}


/* =========================================================
   LEFT COPY
   ========================================================= */

.shield-main-final__copy{
  position:relative;
  z-index:6;

  max-width:520px;
}


.shield-main-final__eyebrow{
  display:inline-flex;
  align-items:center;

  margin:
    0
    0
    12px;

  padding:
    6px
    10px;

  border:
    1px solid
    rgba(158,131,255,.34);

  border-radius:999px;

  background:
    rgba(27,20,58,.45);

  color:#ad96ff;

  font-size:9px;
  line-height:1;

  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;

  backdrop-filter:blur(10px);
}


.shield-main-final h2{
  max-width:520px;

  margin:0;

  color:#fff;
  -webkit-text-fill-color:#fff;

  font-size:
    clamp(43px,4vw,60px);

  line-height:.92;

  font-weight:900;

  letter-spacing:-.05em;
}


.shield-main-final__accent{
  color:#a081ff;
  -webkit-text-fill-color:#a081ff;
}


.shield-main-final__lead{
  max-width:470px;

  margin:
    18px
    0
    0;

  color:
    rgba(233,229,245,.78);

  font-size:13px;
  line-height:1.52;

  font-weight:500;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.shield-main-final__actions{
  display:flex;
  flex-wrap:wrap;

  gap:10px;

  margin-top:23px;
}


.shield-main-final__primary,
.shield-main-final__secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:45px;

  padding:
    0
    19px;

  border-radius:10px;

  font-size:12px;
  line-height:1;

  font-weight:700;

  text-decoration:none;
}


.shield-main-final__primary{
  border:
    1px solid
    rgba(176,136,255,.52);

  background:
    linear-gradient(
      135deg,
      #7257ff,
      #db4cad
    );

  color:#fff;

  box-shadow:
    0 9px 27px
    rgba(105,68,225,.24);
}


.shield-main-final__secondary{
  border:
    1px solid
    rgba(209,202,231,.34);

  background:
    rgba(16,13,38,.45);

  color:#fff;

  backdrop-filter:blur(10px);
}


/* =========================================================
   RESULT CARDS
   ========================================================= */

.shield-main-final__cards{
  position:absolute;
  z-index:7;

  top:4px;
  right:1%;

  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:10px;

  width:59%;
}


.shield-main-final__card{
  min-width:0;
  min-height:118px;

  padding:
    15px
    14px;

  border:
    1px solid
    rgba(156,127,237,.22);

  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      rgba(34,27,66,.66),
      rgba(16,14,38,.52)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.04);

  backdrop-filter:
    blur(12px);
}


.shield-main-final__icon{
  display:grid;
  place-items:center;

  width:30px;
  height:30px;

  margin-bottom:9px;

  border:
    1px solid
    rgba(160,122,255,.30);

  border-radius:9px;

  background:
    rgba(102,67,196,.17);

  color:#a882ff;
}


.shield-main-final__icon svg{
  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.shield-main-final__card h3{
  margin:
    0
    0
    5px;

  color:#fff;

  font-size:11px;
  line-height:1.2;

  font-weight:800;
}


.shield-main-final__card p{
  margin:0;

  color:
    rgba(202,197,219,.68);

  font-size:9px;
  line-height:1.36;

  font-weight:500;
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.shield-main-final__visual{
  position:relative;

  min-width:0;
  min-height:480px;

  pointer-events:none;
}


.shield-main-final__visual img{
  position:absolute;

  right:-6%;
  bottom:-38px;

  display:block;

  width:min(120%,860px);
  max-width:none;
  height:auto;

  object-fit:contain;
  object-position:right bottom;

  opacity:.94;

  filter:
    brightness(.90)
    saturate(.88)
    drop-shadow(
      0 28px 48px
      rgba(84,53,187,.23)
    );
}


/* =========================================================
   BOTTOM SIGNATURE
   ========================================================= */

.shield-main-final__signature{
  position:absolute;

  left:0;
  bottom:4px;

  color:
    rgba(177,169,203,.56);

  font-size:9px;
  line-height:1;

  font-weight:700;

  letter-spacing:.28em;
  text-transform:uppercase;
}


/* =========================================================
   NOTEBOOK
   ========================================================= */

@media(max-width:1100px){

  .shield-main-final__inner{
    grid-template-columns:
      minmax(340px,.75fr)
      minmax(0,1.25fr);
  }


  .shield-main-final h2{
    font-size:48px;
  }


  .shield-main-final__cards{
    width:58%;
  }


  .shield-main-final__visual img{
    right:-10%;

    width:min(126%,780px);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:780px){

  .shield-main-final{
    padding:
      37px
      17px
      0;
  }


  .shield-main-final__inner{
    display:block;

    min-height:900px;
  }


  .shield-main-final__copy{
    max-width:none;
  }


  .shield-main-final h2{
    font-size:42px;
  }


  .shield-main-final__cards{
    position:relative;

    top:auto;
    right:auto;

    width:100%;

    margin-top:28px;

    grid-template-columns:1fr;
  }


  .shield-main-final__visual{
    min-height:410px;
  }


  .shield-main-final__visual img{
    right:-24%;
    bottom:-30px;

    width:min(135%,780px);
  }


  .shield-main-final__signature{
    display:none;
  }

}

/* SHIELD FINAL RESULT V1 END */

/* SHIELD FINAL GEOMETRY V7 START */


/* =========================================================
   SECTION
   ========================================================= */

.shield-main-final{
  position:relative !important;
  overflow:hidden !important;

  min-height:485px !important;

  padding:
    0
    22px !important;

  background:
    linear-gradient(
      90deg,
      rgba(6,5,17,.76) 0%,
      rgba(6,5,17,.44) 36%,
      rgba(6,5,17,.10) 69%,
      rgba(6,5,17,.17) 100%
    ),
    url('/assets/shared/ai-results/mountains.webp')
    center bottom / cover no-repeat !important;
}


/* старый фоновый слой больше не вмешивается */
.shield-main-final::before{
  content:'' !important;

  position:absolute !important;
  z-index:0 !important;

  inset:0 !important;

  width:100% !important;
  height:100% !important;

  background:
    linear-gradient(
      180deg,
      rgba(5,4,15,.04) 0%,
      rgba(5,4,15,.01) 48%,
      rgba(5,4,15,.28) 100%
    ) !important;

  opacity:1 !important;

  pointer-events:none !important;
}


/* =========================================================
   INNER GEOMETRY
   ========================================================= */

.shield-main-final__inner{
  position:relative !important;
  z-index:2 !important;

  display:grid !important;

  grid-template-columns:
    minmax(380px,.43fr)
    minmax(0,.57fr) !important;

  gap:0 !important;

  align-items:start !important;

  width:min(100%,1460px) !important;
  min-height:485px !important;

  margin:0 auto !important;

  padding:0 !important;
}


/* =========================================================
   LEFT COPY
   ========================================================= */

.shield-main-final__copy{
  position:relative !important;
  z-index:10 !important;

  max-width:510px !important;

  margin:0 !important;

  padding:
    58px
    0
    0 !important;

  transform:none !important;
}


.shield-main-final__eyebrow{
  margin:
    0
    0
    13px !important;

  color:#b49cff !important;
  -webkit-text-fill-color:#b49cff !important;
}


.shield-main-final h2{
  max-width:510px !important;

  margin:0 !important;

  color:#fff !important;
  -webkit-text-fill-color:#fff !important;

  background:none !important;
  background-image:none !important;

  font-size:
    clamp(44px,3.7vw,56px) !important;

  line-height:.93 !important;

  font-weight:900 !important;

  letter-spacing:-.05em !important;

  opacity:1 !important;
}


.shield-main-final__accent{
  color:#9e7dff !important;
  -webkit-text-fill-color:#9e7dff !important;
}


.shield-main-final__lead{
  max-width:465px !important;

  margin:
    17px
    0
    0 !important;

  color:
    rgba(238,234,247,.80) !important;

  -webkit-text-fill-color:
    rgba(238,234,247,.80) !important;

  font-size:13px !important;
  line-height:1.5 !important;

  font-weight:500 !important;
}


.shield-main-final__actions{
  display:flex !important;
  flex-wrap:wrap !important;

  gap:10px !important;

  margin-top:22px !important;
}


.shield-main-final__primary,
.shield-main-final__secondary{
  min-height:44px !important;
}


/* =========================================================
   THREE CARDS — TOP RIGHT
   ========================================================= */

.shield-main-final__cards{
  position:absolute !important;
  z-index:9 !important;

  top:46px !important;
  right:0 !important;

  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:10px !important;

  width:56% !important;

  margin:0 !important;

  transform:none !important;
}


.shield-main-final__card{
  min-width:0 !important;
  min-height:108px !important;

  padding:
    14px
    14px
    13px !important;

  border:
    1px solid
    rgba(159,129,239,.25) !important;

  border-radius:15px !important;

  background:
    linear-gradient(
      145deg,
      rgba(43,34,80,.50),
      rgba(18,15,42,.39)
    ) !important;

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.055),
    0 10px 26px
      rgba(0,0,0,.10) !important;

  backdrop-filter:
    blur(13px) !important;

  -webkit-backdrop-filter:
    blur(13px) !important;
}


.shield-main-final__icon{
  width:29px !important;
  height:29px !important;

  margin-bottom:8px !important;
}


.shield-main-final__card h3{
  margin:
    0
    0
    5px !important;

  color:#fff !important;
  -webkit-text-fill-color:#fff !important;

  font-size:11px !important;
  line-height:1.15 !important;

  font-weight:800 !important;
}


.shield-main-final__card p{
  margin:0 !important;

  color:
    rgba(211,205,227,.69) !important;

  -webkit-text-fill-color:
    rgba(211,205,227,.69) !important;

  font-size:9px !important;
  line-height:1.35 !important;
}


/* =========================================================
   HERO — RIGHT / BOTTOM
   ========================================================= */

.shield-main-final__visual{
  position:absolute !important;
  z-index:4 !important;

  top:0 !important;
  right:-1% !important;
  bottom:0 !important;

  width:59% !important;
  height:100% !important;
  min-height:0 !important;

  overflow:visible !important;

  pointer-events:none !important;

  transform:none !important;
}


.shield-main-final__visual img{
  position:absolute !important;

  right:-2% !important;
  bottom:-40px !important;

  display:block !important;

  width:min(100%,760px) !important;
  max-width:none !important;
  height:auto !important;

  transform:none !important;

  object-fit:contain !important;
  object-position:right bottom !important;

  opacity:.94 !important;

  filter:
    brightness(.96)
    contrast(1.08)
    saturate(.98)
    drop-shadow(
      0 26px 40px
      rgba(76,49,174,.20)
    ) !important;
}


/* =========================================================
   SIGNATURE
   ========================================================= */

.shield-main-final__signature{
  position:absolute !important;

  left:0 !important;
  bottom:14px !important;

  margin:0 !important;

  color:
    rgba(184,175,207,.50) !important;
}


/* =========================================================
   NOTEBOOK
   ========================================================= */

@media(max-width:1150px){

  .shield-main-final{
    min-height:470px !important;
  }


  .shield-main-final__inner{
    min-height:470px !important;

    grid-template-columns:
      minmax(350px,.44fr)
      minmax(0,.56fr) !important;
  }


  .shield-main-final__copy{
    padding-top:52px !important;
  }


  .shield-main-final h2{
    font-size:48px !important;
  }


  .shield-main-final__cards{
    top:42px !important;

    width:56% !important;
  }


  .shield-main-final__visual{
    width:58% !important;
  }


  .shield-main-final__visual img{
    width:min(100%,680px) !important;

    right:-5% !important;
    bottom:-34px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:780px){

  .shield-main-final{
    padding:
      0
      17px !important;
  }


  .shield-main-final__inner{
    display:block !important;

    min-height:930px !important;
  }


  .shield-main-final__copy{
    max-width:none !important;

    padding-top:40px !important;
  }


  .shield-main-final__cards{
    position:relative !important;

    top:auto !important;
    right:auto !important;

    width:100% !important;

    margin-top:28px !important;

    grid-template-columns:1fr !important;
  }


  .shield-main-final__visual{
    top:auto !important;
    right:-20% !important;
    bottom:0 !important;

    width:120% !important;
    height:430px !important;
  }


  .shield-main-final__visual img{
    right:0 !important;
    bottom:-30px !important;

    width:min(100%,720px) !important;
  }

}


/* SHIELD FINAL GEOMETRY V7 END */

/* SHIELD FINAL V8 START */

/* карточки опускаем ниже */
.shield-main-final__cards{
  top:88px !important;
}


/* картинку не двигаем и не масштабируем —
   только возвращаем нормальную яркость */
.shield-main-final__visual img{
  opacity:1 !important;

  filter:
    brightness(1.08)
    contrast(1.10)
    saturate(1.03)
    drop-shadow(
      0 26px 40px
      rgba(76,49,174,.20)
    ) !important;
}


@media(max-width:1150px){

  .shield-main-final__cards{
    top:82px !important;
  }

}

/* SHIELD FINAL V8 END */

/* SHIELD FINAL CARDS BOTTOM V10 START */

/* карточки располагаем именно ВНИЗУ блока */
.shield-main-final__cards{
  top:auto !important;
  bottom:24px !important;

  right:0 !important;

  width:56% !important;

  margin:0 !important;

  transform:none !important;

  z-index:9 !important;
}


/* на ноутбуке тоже снизу */
@media(max-width:1150px){

  .shield-main-final__cards{
    top:auto !important;
    bottom:22px !important;

    width:57% !important;
  }

}

/* SHIELD FINAL CARDS BOTTOM V10 END */