.reviews__container {
    overflow: hidden;
    border-radius: var(--brad);
}
.reviews__container .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    /* gap: 20px; */
}
.reviews__card {
    padding: 50px 40px;
    border-radius: var(--brad);
    background-color: var(--innerBg);
}
.reviews__card > div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.reviews__card > div:first-child > p:first-child {
    color: var(--black) !important;
    font-weight: 700 !important;
}
.reviews__card > div:first-child > p:last-child {
    font-weight: 400 !important;
    color: #999896 !important;
}
.reviews__card > p {
    font-weight: 400 !important;
    color: var(--gray) !important;
}

.reviews__card {
    display: flex !important;
    flex-direction: column !important;
}
.reviews__card > a {
    width: max-content;
    color: var(--accent) !important;
    margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.reviews__controls {
    left: initial !important;
    right: 0;
    width: initial !important;
    gap: 8px;
}

@media (max-width: 768px) {
    .reviews__card {
        height: initial !important;
        padding: 20px;
    }
    .reviews__card > div p:first-child {
        font-size: 24px !important;
    }
    .reviews__card > div p:last-child {
        display: none;
    }
    .reviews__card p:nth-child(1) {
        font-size: 24px !important;
    }
    .reviews__card > p {
        margin-bottom: 22px;
    }
    .reviews__card > a {
        margin-top: auto;
    }
}


/* ============================ */
/* PARTNERS — neon glass style  */
/* ============================ */

.partnerContainer{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:64px;
  flex-wrap:wrap;
}

.partnerLogo{
  position:relative;
  display:block;
  height:min(150px,12rem);
  width:min(150px,12rem);
  padding:1rem;
  border-radius:50%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    color-mix(in srgb, var(--innerBg) 96%, transparent);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 8px 26px rgba(0,0,0,.45),
    0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);
  transition:
    transform .35s cubic-bezier(.075,.82,.165,1),
    box-shadow .35s ease,
    border-color .35s ease,
    filter .35s ease;
  isolation:isolate;            /* для псевдоэлемента-рамки */
  overflow:hidden;
}

/* градиентная «аура» рамки */
.partnerLogo::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:3px; /* толщина рамки */
  background: var(--btn-grad, linear-gradient(100deg, var(--accent), var(--purple)));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity:.9;
  pointer-events:none;
}

/* лёгкое внутреннее свечение */
.partnerLogo::after{
  content:"";
  position:absolute; inset:12%;
  border-radius:inherit;
  background: radial-gradient(60% 60% at 50% 50%,
              color-mix(in srgb, var(--accent) 14%, transparent),
              color-mix(in srgb, var(--purple) 10%, transparent) 60%,
              transparent 72%);
  filter: blur(10px);
  opacity:.7;
  pointer-events:none;
}

.partnerLogo img{
  height:100%;
  width:100%;
  object-fit:contain;
  display:block;
  filter: brightness(0.98) contrast(1.04);
  transition: filter .35s ease;
}

/* hover / active */
.partnerLogo:hover,
.partnerLogo:active{
  transform: translateY(-3px) scale(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow:
    0 12px 36px rgba(0,0,0,.5),
    0 0 28px color-mix(in srgb, var(--accent) 28%, transparent),
    0 0 42px color-mix(in srgb, var(--purple) 24%, transparent);
}
.partnerLogo:hover img{ filter: brightness(1.08) contrast(1.12); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .partnerLogo{ transition:none }
  .partnerLogo:hover{ transform:none }
}

/* mobile */
@media (max-width:768px){
  .partnerContainer{ flex-direction:column; gap:20px; }
}



/* ===== Expert Review — Neon theme with your --btn-grad ===== */


.expertreview .highlight,
.expertreview .mark {
  background: var(--btn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* layout */
.expertReview {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* card */
.review-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015)),
    color-mix(in srgb, var(--innerBg) 96%, transparent);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: var(--brad);
  padding: 28px;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, .55),
    0 0 22px color-mix(in srgb, var(--neon-2) 18%, transparent);
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  transition: transform .28s cubic-bezier(.2, .9, .3, 1),
              box-shadow .28s ease,
              border-color .28s ease,
              background .28s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.review-card p {
  margin: 0 0 18px;
  color: var(--textP);
  font-size: 18px;
  line-height: 1.65;
  font-weight: 500;
}

.review-card span {
  color: var(--textP);
  font-size: 14px;
  font-style: italic;
  margin-top: 8px;
  opacity: .8;
}
/* gradient links — underline always visible */
.review-card p a {
  position: relative;
  display: inline-block;
  background: var(--btn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  text-decoration: none; /* подчёркивание рисуем через ::after */
  padding-bottom: 2px;
  transition: filter .18s ease, opacity .18s ease;
  transform: scaleX(1.06);
  opacity: 1;
  filter: brightness(1.08);
  outline: none;
}

.review-card p a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--btn-grad);
  /* сразу видно */
  opacity: 1;
  transform: none;              /* было scaleX(1); оставляем без анимации ширины */
  box-shadow: 0 6px 18px color-mix(in srgb, var(--neon-2) 20%, transparent);
  transition: opacity .18s ease, box-shadow .18s ease;
}

.review-card p a:hover,
.review-card p a:focus {
  filter: brightness(1.12);
  outline: none;
}

.review-card p a:hover::after,
.review-card p a:focus::after {
  opacity: 1;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--neon-4) 32%, transparent);
}

/* responsive */
@media (max-width: 1024px) {
  .expertReview { grid-template-columns: 1fr; gap: 16px; }
  .review-card p { font-size: 16px; }
}
@media (max-width: 640px) {
  .expertreview { padding: 60px 0; }
  .review-card { padding: 20px; }
}

.hero-vertical{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(24px, 4vw, 40px);
  align-items:center;
  padding: clamp(26px, 6vw, 48px);
  border-radius: var(--brad);
  background:
    radial-gradient(800px 420px at 5% -10%, color-mix(in srgb, var(--purple) 22%, transparent), transparent 60%),
    radial-gradient(700px 360px at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%),
    var(--innerBg);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 18px 48px rgba(0,0,0,.45);
  overflow:hidden;
}

.hero-vertical .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border-radius:999px; font-weight:700; font-size:12px;
  color:var(--textMain);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.06);
}

.hero-vertical .ilsn-hero__title{
  margin:18px 0 10px; line-height:1.02; font-weight:800;
  color:var(--textMain); font-size: clamp(34px, 6.2vw, 78px);
}

.hero-vertical .ilsn-hero__title .grad{
  background: var(--btn-grad, linear-gradient(100deg, var(--accent), var(--purple)));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 0 24px color-mix(in srgb, var(--accent) 22%, transparent);
}

.hero-vertical .ilsn-hero__lead{ 
  color:var(--textP); max-width:64ch; margin:16px 0 24px; line-height:1.7; 
}

.hero-vertical .btn--grad{
  display:inline-block; padding:14px 20px; border-radius:999px; font-weight:800; text-decoration:none;
  color:#0b0d10 !important;
  background: var(--btn-grad, linear-gradient(100deg, var(--accent), var(--purple)));
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 8px 22px rgba(134,139,255,.32), 0 0 36px rgba(143,96,255,.28);
  transition: transform .22s cubic-bezier(.2,.9,.3,1), box-shadow .22s ease, filter .22s ease;
}

.hero-vertical .btn--grad:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 0 2px rgba(134,139,255,.28) inset, 0 12px 32px rgba(134,139,255,.45), 0 0 56px rgba(143,96,255,.45);
  filter: saturate(1.06);
}

.hero-vertical .media-card{
  position:relative; border-radius: calc(var(--brad) - 6px);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), color-mix(in srgb, var(--innerBg) 96%, transparent);
  border:1px solid rgba(255,255,255,.06);
  box-shadow: 0 12px 32px rgba(0,0,0,.55), 0 0 28px color-mix(in srgb, var(--accent) 20%, transparent);
  padding: clamp(10px, 1.8vw, 16px);
  overflow:hidden;
}

.hero-swiper .swiper{
  position:relative;
  height: clamp(420px, 58vh, 560px);
  width: 100%;
}

.hero-swiper .swiper-slide{
  display:grid; grid-template-rows: 1fr 1fr; gap:12px;
}

.hero-swiper .swiper-slide img{
  width:100%; height:100%; object-fit:cover; display:block; border-radius:14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.45);
}

/* вертикальный скроллбар */
.hero-swiper .swiper-scrollbar{
  position:absolute; right:8px; top:8px; bottom:8px; width:6px;
  background: rgba(255,255,255,.06); border-radius:999px;
}
.hero-swiper .swiper-scrollbar-drag{
  background: var(--btn-grad, linear-gradient(100deg, var(--accent), var(--purple)));
  border-radius:999px;
  box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent);
}

@media (max-width: 1024px){
  .hero-vertical{ grid-template-columns: 1fr; }
  .media-card{ order:2; }
  .ilsn-hero__left{ order:1; }
}

@media (max-width: 700px){
  .hero-vertical{ padding:22px; }
  .hero-vertical .ilsn-hero__title{ font-size: clamp(28px, 9vw, 44px); }
}




.left p a {
  position: relative;
  display: inline-block;
  background: var(--btn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  text-decoration: none; /* подчёркивание рисуем через ::after */
  padding-bottom: 2px;
  transition: filter .18s ease, opacity .18s ease;
  transform: scaleX(1.06);
  opacity: 1;
  filter: brightness(1.08);
  outline: none;
}

.left p a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--btn-grad);
  /* сразу видно */
  opacity: 1;
  transform: none;              /* было scaleX(1); оставляем без анимации ширины */
  box-shadow: 0 6px 18px color-mix(in srgb, var(--neon-2) 20%, transparent);
  transition: opacity .18s ease, box-shadow .18s ease;
}

.left p a:hover,
.left p a:focus {
  filter: brightness(1.12);
  outline: none;
}

.left p a:hover::after,
.left p a:focus::after {
  opacity: 1;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--neon-4) 32%, transparent);
}