/* =========================================================
   RETACH HOME V3 — первый экран (эффект комплекса), слайдер направлений, заявка
   v3: тезис + цифры, направления слайдами, цветные экраны вместо одинаковых кристаллов
   ========================================================= */

/* ---------- первый экран ---------- */

.home2-hero .home2-hero__copy{
  padding-top:88px;
}

.home2-hero .home2-hero__title{
  font-size:clamp(48px,4.5vw,76px);
  line-height:.95;
}

.home3-hero-nums{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:640px;
  margin:30px 0 0;
  padding:0;
  list-style:none;
}

.home3-hero-nums a{
  display:flex;
  flex-direction:column;
  gap:6px;
  height:100%;
  padding:14px 16px 15px;
  border:1px solid rgba(96,89,211,.14);
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .2s ease, box-shadow .2s ease;
}

.home3-hero-nums a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(75,64,166,.14);
}

.home3-hero-nums b{
  font-size:clamp(34px,2.9vw,46px);
  line-height:.95;
  font-weight:780;
  letter-spacing:-.05em;
  background:linear-gradient(100deg,#4a3cf0,#9b46e0 60%,#e0479f);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.home3-hero-nums span{
  font-size:13px;
  line-height:1.3;
  color:#4f5a8c;
}

.home3-hero-note{
  margin:8px 0 0 4px;
  font-size:12px;
  color:#8a93bd;
}

.home3-hero-idea{
  max-width:640px;
  margin:18px 0 0;
  padding:14px 16px 15px;
  border:1px solid rgba(96,89,211,.14);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.home3-hero-idea__text{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.45;
  color:#3f4a7c;
}

.home3-hero-combo{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0;
}

.home3-hero-combo span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:650;
  color:#2f3678;
  background:#fff;
  border:1px solid rgba(88,78,218,.16);
}

.home3-hero-combo i{
  font-style:normal;
  font-weight:700;
  color:#8b7ff0;
}

.home3-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:24px;
}

.home3-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  font:inherit;
  font-size:15px;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(100deg,#4a3cf0,#7d4ae8 55%,#c94bbd);
  box-shadow:0 12px 30px rgba(92,64,230,.28);
  transition:transform .2s ease, box-shadow .2s ease;
}

.home3-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(92,64,230,.36);
}

.home3-btn--ghost{
  color:#3d3fb8;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(88,78,218,.22);
  box-shadow:none;
}

.home3-btn--ghost:hover{
  box-shadow:0 10px 26px rgba(75,64,166,.12);
}

/* ---------- направления: слайдер ---------- */

.home3-dirs{
  width:min(100%,1540px);
  margin:0 auto 18px;
  padding:26px 26px 26px;
  border:1px solid rgba(96,89,211,.11);
  border-radius:30px;
  background:rgba(255,255,255,.84);
  box-shadow:0 15px 50px rgba(75,64,166,.07);
  scroll-margin-top:110px;
}

.home3-dirs__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:16px 28px;
  padding:4px 8px 18px;
}

.home3-dirs__head .home2-section-lead{
  margin-bottom:0;
}

.home3-dirs__ctrl{
  display:flex;
  align-items:center;
  gap:10px;
}

.home3-dirs__count{
  margin-right:6px;
  font-size:14px;
  font-weight:600;
  color:#8a93bd;
  font-variant-numeric:tabular-nums;
}

.home3-dirs__count b{
  font-size:22px;
  color:#0a0d19;
}

.home3-dirs__arrow{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  padding:0;
  border:1px solid rgba(88,78,218,.2);
  border-radius:50%;
  font-size:22px;
  line-height:1;
  color:#4a3cf0;
  background:#fff;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, opacity .2s ease, transform .2s ease;
}

.home3-dirs__arrow:hover:not(:disabled){
  color:#fff;
  background:#4a3cf0;
  transform:translateY(-1px);
}

.home3-dirs__arrow:disabled{
  opacity:.35;
  cursor:default;
}

.home3-dirs__nav{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.home3-dirs__nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 15px;
  border:1px solid rgba(88,78,218,.17);
  border-radius:999px;
  font-size:13.5px;
  font-weight:600;
  color:#4b4fb0;
  text-decoration:none;
  background:#fff;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}

.home3-dirs__nav a b{
  font-size:11px;
  font-weight:700;
  color:#9aa0cf;
}

.home3-dirs__nav a:hover{
  border-color:rgba(88,78,218,.4);
}

.home3-dirs__nav a.is-active{
  color:#fff;
  border-color:transparent;
  background:#0f1330;
}

.home3-dirs__nav a.is-active b{
  color:rgba(255,255,255,.7);
}

.home3-dirs__viewport{
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  border-radius:24px;
  outline:none;
}

.home3-dirs__viewport::-webkit-scrollbar{ display:none; }

.home3-dirs__viewport:focus-visible{
  box-shadow:0 0 0 3px rgba(74,60,240,.35);
}

.home3-dir{
  --tint:#4b3cf5;
  --c1:#4b3cf5;
  --c2:#8b6bff;
  flex:0 0 100%;
  min-width:0;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:stretch;
  border:1px solid rgba(96,89,211,.1);
  border-radius:24px;
  background:#fff;
  overflow:hidden;
}

.home3-dir--direct { --tint:#4b3cf5; --c1:#3f30e8; --c2:#8b6bff; }
.home3-dir--ecom   { --tint:#e2445f; --c1:#ff8a3d; --c2:#f23d74; }
.home3-dir--lead   { --tint:#0d9a73; --c1:#19c08a; --c2:#0a8a86; }
.home3-dir--sites  { --tint:#3a3fd0; --c1:#141833; --c2:#363d78; }
.home3-dir--seg    { --tint:#d9700f; --c1:#ffb321; --c2:#f05f2c; }
.home3-dir--shield { --tint:#1672d0; --c1:#16b7da; --c2:#1d55dd; }
.home3-dir--ai     { --tint:#a33ee0; --c1:#9a3cf2; --c2:#ef4fb3; }

.home3-dir__copy{
  display:flex;
  flex-direction:column;
  padding:38px 40px 34px;
  min-width:0;
}

.home3-dir__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-size:13px;
  font-weight:650;
  letter-spacing:.02em;
  color:var(--tint);
}

.home3-dir__kicker span{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  height:26px;
  padding:0 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:var(--tint);
}

.home3-dir__title{
  margin:0;
  max-width:620px;
  font-size:clamp(28px,2.4vw,40px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:740;
  color:#0a0d19;
}

.home3-dir__lead{
  max-width:620px;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.45;
  color:#525d8c;
}

.home3-dir__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  max-width:640px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.home3-dir__list li{
  position:relative;
  padding-left:28px;
  font-size:14.5px;
  line-height:1.38;
  color:#2c3561;
}

.home3-dir__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  width:18px;
  height:18px;
  border-radius:6px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat,
    var(--tint);
}

.home3-dir__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:auto;
  padding-top:26px;
}

.home3-dir__more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  font-size:14px;
  font-weight:650;
  color:#fff;
  text-decoration:none;
  background:#0f1330;
  transition:transform .2s ease, background .2s ease;
}

.home3-dir__more:hover{
  transform:translateY(-1px);
  background:var(--tint);
}

.home3-dir__sub{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.home3-dir__sub a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(88,78,218,.16);
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  color:#3f4793;
  text-decoration:none;
  background:#fff;
  transition:border-color .2s ease, color .2s ease;
}

.home3-dir__sub a:hover{
  color:var(--tint);
  border-color:var(--tint);
}

/* цветная половина слайда */

.home3-dir__visual{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:440px;
  padding:32px 28px;
  background:
    radial-gradient(60% 55% at 85% 10%, rgba(255,255,255,.28), transparent 70%),
    radial-gradient(50% 50% at 8% 95%, rgba(0,0,0,.16), transparent 70%),
    linear-gradient(145deg,var(--c1),var(--c2));
  overflow:hidden;
}

.home3-dir__visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.22) 1px, transparent 1.2px);
  background-size:18px 18px;
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);
  mask-image:linear-gradient(135deg,#000,transparent 70%);
  pointer-events:none;
}

/* мини-экран */

.home3-mock{
  position:relative;
  z-index:1;
  width:min(100%,360px);
  padding:16px 16px 14px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 50px rgba(10,13,40,.28);
  transform:rotate(-1.5deg);
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
  color:#0a0d19;
}

.home3-dir.is-current .home3-mock{ transform:rotate(0); }

.home3-mock__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
  font-size:13px;
  font-weight:700;
}

.home3-mock__top em{
  padding:3px 9px;
  border-radius:999px;
  font-style:normal;
  font-size:11px;
  font-weight:700;
  color:var(--tint);
  background:color-mix(in srgb, var(--tint) 12%, #fff);
}

.home3-mock__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #eef0f8;
  font-size:12.5px;
  color:#69739f;
}

.home3-mock__row b{ color:#0a0d19; }

/* директ: столбики */
.home3-mock__bars{
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:120px;
}

.home3-mock__bars i{
  flex:1;
  height:var(--h);
  border-radius:7px 7px 3px 3px;
  background:linear-gradient(180deg,var(--c2),var(--c1));
  transform-origin:bottom;
}

.home3-dir.is-current .home3-mock__bars i{ animation:home3-grow .7s cubic-bezier(.2,.7,.2,1) both; }
.home3-mock__bars i:nth-child(2){ animation-delay:.05s !important; }
.home3-mock__bars i:nth-child(3){ animation-delay:.1s !important; }
.home3-mock__bars i:nth-child(4){ animation-delay:.15s !important; }
.home3-mock__bars i:nth-child(5){ animation-delay:.2s !important; }
.home3-mock__bars i:nth-child(6){ animation-delay:.25s !important; }
.home3-mock__bars i:nth-child(7){ animation-delay:.3s !important; }
.home3-mock__bars i:nth-child(8){ animation-delay:.35s !important; }

@keyframes home3-grow{ from{ transform:scaleY(.15); } to{ transform:none; } }

/* магазин: товары */
.home3-mock__goods{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.home3-mock__goods div{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px;
  border:1px solid #eef0f8;
  border-radius:12px;
}

.home3-mock__goods i{
  height:62px;
  border-radius:8px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--c1) 30%,#fff),color-mix(in srgb,var(--c2) 45%,#fff));
}

.home3-mock__goods div:nth-child(2) i{ filter:hue-rotate(-30deg); }
.home3-mock__goods div:nth-child(3) i{ filter:hue-rotate(30deg); }

.home3-mock s,
.home3-mock__page s{
  display:block;
  height:7px;
  border-radius:4px;
  background:#e7e9f4;
  text-decoration:none;
}

.home3-mock s.short{ width:60%; }

.home3-mock u{
  display:block;
  padding:5px 0;
  border-radius:7px;
  font-size:10px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  color:#fff;
  background:var(--tint);
}

/* лидогенерация: путь */
.home3-mock__funnel{
  display:grid;
  gap:8px;
}

.home3-mock__funnel p{
  width:var(--w);
  margin:0 auto;
  padding:10px 12px;
  border-radius:10px;
  font-size:12.5px;
  font-weight:650;
  text-align:center;
  color:#fff;
  background:linear-gradient(90deg,var(--c1),var(--c2));
}

.home3-mock__funnel p:nth-child(2){ opacity:.85; }
.home3-mock__funnel p:nth-child(3){ opacity:.72; }
.home3-mock__funnel p:last-child{ opacity:1; background:#0f1330; }

/* сайт: окно браузера */
.home3-mock--browser{ padding:0; overflow:hidden; }

.home3-mock__dots{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:#f3f4fa;
}

.home3-mock__dots i{ width:9px; height:9px; border-radius:50%; background:#d7dbea; }
.home3-mock__dots i:first-child{ background:#ff6b6b; }
.home3-mock__dots i:nth-child(2){ background:#ffd23f; }
.home3-mock__dots i:nth-child(3){ background:#38d39f; }

.home3-mock__dots span{
  flex:1;
  margin-left:8px;
  padding:3px 10px;
  border-radius:6px;
  font-size:11px;
  color:#8a93bd;
  background:#fff;
}

.home3-mock__page{
  display:grid;
  gap:8px;
  padding:18px 18px 16px;
}

.home3-mock__page s.title{ height:14px; width:85%; background:#141833; }
.home3-mock__page s.title.short{ width:55%; }
.home3-mock__page u{ width:52%; margin-top:6px; padding:8px 0; font-size:11px; color:#141833; background:#ffd23f; }

.home3-mock__tiles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:8px;
}

.home3-mock__tiles i{ height:46px; border-radius:9px; background:#eef0fb; }
.home3-mock__tiles i:nth-child(2){ background:#e4e7fb; }

/* сегтач: сигналы */
.home3-mock__signals,
.home3-mock__log{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}

.home3-mock__signals li{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border-radius:11px;
  font-size:12.5px;
  background:#f6f7fc;
}

.home3-mock__signals i{
  flex:none;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--tint);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--tint) 18%,transparent);
}

.home3-mock__signals b{
  margin-left:auto;
  font-size:11.5px;
  color:var(--tint);
  white-space:nowrap;
}

.home3-mock__signals li.off{ opacity:.5; }
.home3-mock__signals li.off i{ background:#b3b9d6; box-shadow:none; }
.home3-mock__signals li.off b{ color:#8a93bd; }

/* щит: журнал визитов */
.home3-mock__log li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  border-radius:11px;
  font-size:12.5px;
  font-weight:600;
}

.home3-mock__log li b{ font-size:11.5px; }
.home3-mock__log li.ok{ background:#eafaf3; color:#0b6b4f; }
.home3-mock__log li.bad{ background:#fff0f1; color:#b32437; }
.home3-mock__log li.bad{ text-decoration:line-through; text-decoration-color:rgba(179,36,55,.35); }
.home3-mock__log li.bad b{ text-decoration:none; }

/* ии: чат */
.home3-mock--chat p{
  max-width:82%;
  margin:0 0 8px;
  padding:9px 12px;
  border-radius:14px;
  font-size:12.5px;
  line-height:1.35;
}

.home3-mock--chat p.in{ background:#f1f2f8; border-bottom-left-radius:4px; }
.home3-mock--chat p.out{ margin-left:auto; color:#fff; background:linear-gradient(135deg,var(--c1),var(--c2)); border-bottom-right-radius:4px; }
.home3-mock--chat p:last-child{ margin-bottom:0; }

/* плашка с цифрой кейса */

.home3-proof{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  width:min(100%,360px);
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:18px;
  color:#fff;
  text-decoration:none;
  background:rgba(10,13,40,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .2s ease, background .2s ease;
}

a.home3-proof:hover{ transform:translateY(-2px); background:rgba(10,13,40,.4); }

.home3-proof small{
  font-size:12px;
  font-weight:600;
  color:rgba(255,255,255,.8);
}

.home3-proof__nums{
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
}

.home3-proof__nums span{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-size:13px;
  color:rgba(255,255,255,.9);
  white-space:nowrap;
}

.home3-proof__nums b{
  font-size:26px;
  line-height:1;
  font-weight:780;
  letter-spacing:-.03em;
  color:#fff;
}

@media (prefers-reduced-motion:reduce){
  .home3-mock{ transition:none; transform:none; }
  .home3-dir.is-current .home3-mock__bars i{ animation:none; }
}

/* ---------- заявка: что будет после ---------- */

.home3-next{
  padding:34px 36px;
}

.home3-next h2{
  margin:0;
  font-size:clamp(28px,2.4vw,40px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:740;
  color:#0a0d19;
}

.home3-next > p{
  max-width:560px;
  margin:12px 0 0;
  font-size:16px;
  line-height:1.45;
  color:#525d8c;
}

.home3-steps{
  display:grid;
  gap:12px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  counter-reset:step;
}

.home3-steps li{
  position:relative;
  padding:14px 16px 14px 62px;
  border:1px solid rgba(96,89,211,.12);
  border-radius:18px;
  background:#fff;
  counter-increment:step;
}

.home3-steps li::before{
  content:counter(step);
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(135deg,#4a3cf0,#b04bd0);
}

.home3-steps b{
  display:block;
  font-size:15px;
  color:#0a0d19;
}

.home3-steps span{
  display:block;
  margin-top:2px;
  font-size:13.5px;
  line-height:1.35;
  color:#5a6596;
}

/* ---------- планшет ---------- */

@media (max-width:1100px){
  .home3-dir__copy{ padding:30px 28px 28px; }
  .home3-dir__list{ grid-template-columns:1fr; }
  .home3-dir__visual{ min-height:400px; }
}

/* ---------- телефон ---------- */

@media (max-width:820px){
  .home2-hero .home2-hero__title{ font-size:clamp(40px,11vw,52px); }
  .home3-hero-nums{ gap:6px; margin-top:22px; }
  .home3-hero-nums a{ padding:11px 10px 12px; border-radius:14px; }
  .home3-hero-nums b{ font-size:28px; }
  .home3-hero-nums span{ font-size:11.5px; }
  .home3-hero-idea{ margin-top:14px; padding:12px; }
  .home3-hero-idea__text{ font-size:14px; }
  .home3-hero-combo{ gap:4px; }
  .home3-hero-combo span{ min-height:26px; padding:0 9px; font-size:12px; }
  .home3-hero-actions{ margin-top:20px; }
  .home3-hero-actions .home3-btn{ flex:1 1 100%; }

  .home3-next{ padding:24px 18px; }

  .home3-dirs{ padding:18px 12px 14px; border-radius:22px; }
  .home3-dirs__head{ grid-template-columns:1fr auto; padding:4px 6px 14px; }
  .home3-dirs__head > div:first-child{ grid-column:1 / -1; }
  .home3-dirs__ctrl{ grid-column:1 / -1; justify-content:space-between; }
  .home3-dirs__count{ margin-right:auto; }
  .home3-dirs__arrow{ width:44px; height:44px; font-size:20px; }
  .home3-dirs__nav{ flex-wrap:nowrap; overflow-x:auto; margin:0 -18px; padding:0 18px 4px; scrollbar-width:none; }
  .home3-dirs__nav::-webkit-scrollbar{ display:none; }
  .home3-dirs__nav a{ flex:none; }

  .home3-dirs__viewport{ border-radius:20px; }
  .home3-dir{ grid-template-columns:1fr; border-radius:20px; }
  .home3-dir__visual{ order:1; min-height:0; padding:22px 16px 16px; }
  .home3-dir__copy{ order:2; padding:22px 18px 22px; }
  .home3-mock{ width:100%; max-width:340px; }
  .home3-proof{ width:100%; max-width:340px; }
  .home3-dir__title{ font-size:26px; }
  .home3-dir__lead{ font-size:15px; }
  .home3-dir__actions{ padding-top:20px; }
  .home3-dir__more{ flex:1 1 100%; justify-content:center; }
}

@media (max-width:820px){ .home3-hero-note{ white-space:normal; max-width:100%; font-size:11px; } }


/* автопрокрутка: полоска-таймер на активной вкладке */
.home3-dirs__nav a{ position:relative; overflow:hidden; }
.home3-dirs.is-playing .home3-dirs__nav a.is-active::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background:linear-gradient(90deg,#7d6bff,#e0479f);
  transform-origin:left;
  animation:home3-tick 7s linear both;
}
@keyframes home3-tick{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

/* картинки направлений (фарфор на цветном фоне) */
.home3-dir__art{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:auto;
  max-width:78%;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 26px 30px rgba(10,13,40,.32));
  transform:translateY(8px) scale(.96);
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.home3-dir.is-current .home3-dir__art{
  transform:none;
  animation:home3-float 6s ease-in-out .8s infinite;
}
@keyframes home3-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
@media (max-width:820px){
  .home3-dir__art{ max-height:210px; max-width:70%; }
}
@media (prefers-reduced-motion:reduce){
  .home3-dir__art{ opacity:1; transform:none; transition:none; }
  .home3-dir.is-current .home3-dir__art{ animation:none; }
}

/* v7: крупнее картинка, номер на фоне и парящие плашки, чтобы цветная половина не пустовала */
.home3-dir__visual{ min-height:470px; }
.home3-dir__art{ max-width:94%; max-height:360px; }
.home3-dir__num{
  position:absolute;
  right:18px;
  bottom:-34px;
  z-index:0;
  font-size:220px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.06em;
  color:rgba(255,255,255,.13);
  pointer-events:none;
}
.home3-chips{ position:absolute; inset:0; z-index:2; margin:0; padding:0; list-style:none; pointer-events:none; }
.home3-chips li{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  color:#0a0d19;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(10,13,40,.2);
}
.home3-chips li::before{
  content:"";
  width:8px; height:8px; border-radius:50%;
  background:var(--tint);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 22%,transparent);
}
.home3-chips li:nth-child(1){ top:22px; left:22px; transform:rotate(-3deg); }
.home3-chips li:nth-child(2){ top:38px; right:22px; transform:rotate(2deg); }
.home3-chips li:nth-child(3){ top:46%; left:16px; transform:rotate(-1.5deg); }
.home3-dir.is-current .home3-chips li{ animation:home3-bob 5s ease-in-out infinite; }
.home3-dir.is-current .home3-chips li:nth-child(2){ animation-delay:-1.6s; }
.home3-dir.is-current .home3-chips li:nth-child(3){ animation-delay:-3.2s; }
@keyframes home3-bob{ 0%,100%{ translate:0 0; } 50%{ translate:0 -6px; } }
@media (max-width:1100px){ .home3-chips li:nth-child(3){ display:none; } }
@media (max-width:820px){
  .home3-dir__visual{ min-height:0; padding-top:58px; }
  .home3-dir__art{ max-height:230px; max-width:92%; }
  .home3-dir__num{ font-size:130px; bottom:-20px; }
  .home3-chips li{ padding:6px 10px; font-size:11px; }
  .home3-chips li:nth-child(1){ top:14px; left:14px; }
  .home3-chips li:nth-child(2){ top:14px; right:14px; left:auto; }
}
@media (prefers-reduced-motion:reduce){ .home3-dir.is-current .home3-chips li{ animation:none; } }

/* v8: «что стоит за одна команда, все технологии» — компактная полоса из 4 фактов */
.home3-why{
  width:min(100%,1540px);
  margin:0 auto 18px;
  padding:24px 26px 26px;
  border:1px solid rgba(96,89,211,.11);
  border-radius:30px;
  background:rgba(255,255,255,.84);
  box-shadow:0 15px 50px rgba(75,64,166,.07);
}
.home3-why__head{
  display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 24px;
  padding:0 8px 16px;
}
.home3-why__head h2{
  margin:0;
  font-size:clamp(22px,1.8vw,30px);
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:740;
  color:#0a0d19;
}
.home3-why__head p{ margin:0; font-size:14px; color:#69739f; }
.home3-why__list{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
  margin:0; padding:0; list-style:none;
}
.home3-why__list li{
  display:grid; grid-template-columns:auto 1fr; gap:4px 12px; align-items:start;
  padding:16px 16px 17px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(96,89,211,.1);
}
.home3-why__list i{
  grid-row:span 2;
  display:grid; place-items:center;
  width:40px; height:40px;
  border-radius:13px;
  font-style:normal; font-size:18px; font-weight:700;
  color:#fff;
}
.home3-why__list li:nth-child(1) i{ background:linear-gradient(135deg,#ff8a3d,#f23d74); }
.home3-why__list li:nth-child(2) i{ background:linear-gradient(135deg,#19c08a,#0a8a86); }
.home3-why__list li:nth-child(3) i{ background:linear-gradient(135deg,#3f30e8,#8b6bff); }
.home3-why__list li:nth-child(4) i{ background:linear-gradient(135deg,#ffb321,#f05f2c); }
.home3-why__list b{ font-size:15.5px; line-height:1.2; color:#0a0d19; }
.home3-why__list span{ font-size:13.5px; line-height:1.4; color:#525d8c; }
@media (max-width:1100px){ .home3-why__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:820px){
  .home3-why{ padding:18px 12px 14px; border-radius:22px; }
  .home3-why__head{ padding:2px 6px 12px; }
  .home3-why__list{ grid-template-columns:1fr; gap:8px; }
  .home3-why__list li{ padding:13px 14px; }
}

/* слайд Директа: два формата */
.home3-formats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:640px; margin:20px 0 0; }
.home3-format{
  display:flex; flex-direction:column; gap:6px;
  padding:14px 15px;
  border:1px solid rgba(96,89,211,.14);
  border-radius:16px;
  background:#f8f8ff;
}
.home3-format--new{ border-color:color-mix(in srgb,var(--tint) 40%,transparent); background:color-mix(in srgb,var(--tint) 6%,#fff); }
.home3-format b{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:15px; color:#0a0d19; }
.home3-format em{
  padding:2px 8px; border-radius:999px;
  font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.02em;
  color:#fff; background:var(--tint);
}
.home3-format span{ font-size:13.5px; line-height:1.4; color:#525d8c; }
.home3-dir__sub button{
  display:inline-flex; align-items:center; min-height:34px; padding:0 12px;
  border:1px solid rgba(88,78,218,.16); border-radius:999px;
  font:inherit; font-size:13px; font-weight:600; color:#3f4793; background:#fff; cursor:pointer;
  transition:border-color .2s ease, color .2s ease;
}
.home3-dir__sub button:hover{ color:var(--tint); border-color:var(--tint); }
@media (max-width:1100px){ .home3-formats{ grid-template-columns:1fr; } }

@media (max-width:820px){
  .home3-why__list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home3-why__list li{ grid-template-columns:1fr; padding:12px; gap:6px; }
  .home3-why__list i{ grid-row:auto; width:32px; height:32px; border-radius:10px; font-size:15px; }
  .home3-why__list b{ font-size:14px; }
  .home3-why__list span{ font-size:12.5px; }
}

/* v10: картинки в стиле главного экрана (стекло и кристаллы) — светлый фон слайда с лёгким оттенком направления */
.home3-dir__visual{
  background:
    radial-gradient(55% 60% at 70% 30%, color-mix(in srgb,var(--c1) 22%,transparent), transparent 70%),
    radial-gradient(50% 55% at 20% 90%, color-mix(in srgb,var(--c2) 18%,transparent), transparent 70%),
    linear-gradient(160deg,#f7f6ff,#eef0ff) !important;
}
.home3-dir__visual::before{
  background-image:radial-gradient(color-mix(in srgb,var(--tint) 30%,transparent) 1px, transparent 1.2px);
}
.home3-dir__num{ color:color-mix(in srgb,var(--tint) 12%,transparent); }
.home3-dir__art{ filter:drop-shadow(0 24px 30px rgba(60,50,140,.18)); }
.home3-proof{
  color:#0a0d19;
  background:rgba(255,255,255,.78);
  border-color:rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(60,50,140,.14);
}
a.home3-proof:hover{ background:rgba(255,255,255,.95); }
.home3-proof small{ color:#69739f; }
.home3-proof__nums span{ color:#4a5486; }
.home3-proof__nums b{ color:var(--tint); }
.home3-chips li{ box-shadow:0 8px 20px rgba(60,50,140,.12); }