/* Яндекс.Директ: изолированная коммерческая витрина. */
.tool-yandex-direct{
  --direct:#9d5dff;
  --direct-soft:#c9a6ff;
  --direct-cyan:#4fd8e0;
  --direct-panel:#12101b;
  --direct-line:rgba(157,93,255,.24);
}
.tool-yandex-direct .hero{
  background:
    radial-gradient(circle at 78% 26%,rgba(157,93,255,.12),transparent 32%),
    radial-gradient(circle at 60% 80%,rgba(79,216,224,.07),transparent 28%);
}
.tool-yandex-direct .hero .eyebrow,
.tool-yandex-direct .hero .tshow__met b{color:var(--direct-soft)}
.tool-yandex-direct .hero .tick{background:var(--direct-cyan);box-shadow:0 0 16px rgba(79,216,224,.55)}
.tool-yandex-direct .hero .display.lit .u,
.tool-yandex-direct .hero .u{color:var(--direct)}
.tool-yandex-direct .hero .btn-primary,
.tool-yandex-direct .direct-plan--featured .btn-primary{
  background:var(--direct);border-color:var(--direct);color:#fff;
  box-shadow:0 12px 36px rgba(157,93,255,.22);
}
.tool-yandex-direct .hero .btn-primary:hover,
.tool-yandex-direct .direct-plan--featured .btn-primary:hover{
  background:#ad78ff;border-color:#ad78ff;transform:translateY(-2px)
}
.tool-yandex-direct .tool-hero__mets .tshow__met{border-color:var(--direct-line)}
.tool-yandex-direct .tool-hero__can li:before{background:var(--direct-cyan);box-shadow:0 0 12px rgba(79,216,224,.55)}

.direct-section-head{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  align-items:end;gap:clamp(26px,5vw,76px);margin-bottom:clamp(34px,5vw,64px)
}
.direct-section-head>*{min-width:0}
.direct-section-head h2{
  max-width:820px;margin:10px 0 0;font-size:clamp(31px,4.5vw,62px);
  line-height:.98;letter-spacing:-.045em
}
.direct-section-head>p{margin:0;color:var(--ink-soft);font-size:clamp(16px,1.35vw,19px);line-height:1.7}
.direct-section-head .section-kick{color:var(--direct-soft)}
.direct-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.direct-plan{
  min-width:0;position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.4vw,34px);
  border:1px solid rgba(201,166,255,.17);border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  overflow:hidden;isolation:isolate
}
.direct-plan:before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,transparent,var(--direct),transparent);opacity:.45
}
.direct-plan--featured{
  border-color:rgba(157,93,255,.52);
  background:linear-gradient(155deg,rgba(157,93,255,.12),rgba(79,216,224,.025) 68%);
  box-shadow:0 24px 70px rgba(0,0,0,.26)
}
.direct-plan__top{display:flex;justify-content:space-between;align-items:center;min-height:29px;margin-bottom:26px}
.direct-plan__index{color:rgba(255,255,255,.44);font:800 12px/1 Manrope,sans-serif;letter-spacing:.18em}
.direct-plan__flag{
  padding:7px 11px;border:1px solid rgba(79,216,224,.38);border-radius:999px;
  background:rgba(79,216,224,.08);color:var(--direct-cyan);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.direct-plan h3{margin:0;font-size:clamp(25px,2.2vw,34px);line-height:1.06;letter-spacing:-.035em}
.direct-plan__fit{min-height:96px;margin:17px 0 24px;color:var(--ink-soft);font-size:15px;line-height:1.62}
.direct-plan__money{display:flex;flex-direction:column;padding:20px 0;border-top:1px solid rgba(255,255,255,.09)}
.direct-plan__money strong{color:#fff;font-size:clamp(29px,3vw,42px);line-height:1;letter-spacing:-.045em}
.direct-plan__money span{margin-top:8px;color:rgba(255,255,255,.52);font-size:12px}
.direct-plan__budget{
  display:flex;flex-direction:column;padding:16px;border:1px solid var(--direct-line);
  border-radius:16px;background:rgba(157,93,255,.055)
}
.direct-plan__budget span{color:var(--direct-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.direct-plan__budget b{margin-top:9px;font-size:19px}
.direct-plan__budget small{margin-top:5px;color:var(--ink-soft)}
.direct-plan__included{display:grid;gap:11px;margin:24px 0 28px;padding:0;list-style:none}
.direct-plan__included li{position:relative;padding-left:23px;color:rgba(255,255,255,.81);font-size:13px;line-height:1.45}
.direct-plan__included li:before{
  content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;border:2px solid var(--direct-cyan);
  border-radius:50%;box-shadow:0 0 10px rgba(79,216,224,.45)
}
.direct-plan__cta{width:100%;justify-content:center;margin-top:auto}
.direct-price-note{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;
  margin-top:18px;padding:22px 26px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)
}
.direct-price-note>*{min-width:0}
.direct-price-note div{display:flex;flex-direction:column;gap:7px}
.direct-price-note b{font-size:17px}.direct-price-note span,.direct-price-note p{color:var(--ink-soft);font-size:13px;line-height:1.58}
.direct-price-note p{margin:0}

.direct-ops{background:linear-gradient(180deg,rgba(157,93,255,.03),rgba(79,216,224,.02))}
.direct-cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:rgba(255,255,255,.1);border-radius:22px;overflow:hidden}
.direct-cycle li{min-width:0;position:relative;padding:clamp(22px,2.5vw,34px);background:#100e18}
.direct-cycle li:not(:last-child):after{
  content:"";position:absolute;right:-7px;top:50%;z-index:2;width:12px;height:12px;
  border-top:1px solid var(--direct);border-right:1px solid var(--direct);background:#100e18;transform:translateY(-50%) rotate(45deg)
}
.direct-cycle span{color:var(--direct-soft);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.direct-cycle h3{margin:18px 0 10px;font-size:19px;line-height:1.18}
.direct-cycle p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}
.direct-control{
  display:flex;align-items:center;gap:16px;max-width:860px;margin:30px auto 0;padding:18px 22px;
  border:1px solid rgba(79,216,224,.22);border-radius:16px;background:rgba(79,216,224,.04)
}
.direct-control__signal{flex:0 0 12px;width:12px;height:12px;border:2px solid var(--direct-cyan);border-radius:50%;box-shadow:0 0 18px rgba(79,216,224,.68)}
.direct-control p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55}
.direct-control b{color:#fff}

.direct-report-layout{
  min-width:0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:clamp(24px,4vw,54px);align-items:start
}
.direct-report-layout>*{min-width:0}
.direct-report-about{display:flex;flex-direction:column;gap:24px}
.direct-report-label{margin:0;color:var(--direct-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.direct-report-tabs{display:grid;gap:9px}
.direct-report-tabs button{
  width:100%;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;
  background:rgba(255,255,255,.025);color:rgba(255,255,255,.68);font:800 14px/1.25 Manrope,sans-serif;text-align:left;cursor:pointer
}
.direct-report-tabs button[aria-selected="true"]{
  border-color:rgba(157,93,255,.52);background:rgba(157,93,255,.1);color:#fff;
  box-shadow:inset 3px 0 0 var(--direct)
}
.direct-report-tabs button:focus-visible{outline:2px solid var(--direct-cyan);outline-offset:3px}
.direct-report-points{display:grid;gap:16px}
.direct-report-points>div{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}
.direct-report-points span{padding-top:4px;color:var(--direct-soft);font:800 10px/1 Manrope,sans-serif;letter-spacing:.12em}
.direct-report-points p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.58}
.direct-report-points b{color:#fff}
.direct-report-caveat{margin:0;padding:16px;border-left:2px solid var(--direct);background:rgba(157,93,255,.045);color:var(--ink-soft);font-size:12px;line-height:1.58}

.direct-telegram{
  min-width:0;border:1px solid rgba(79,216,224,.22);border-radius:26px;background:
    linear-gradient(155deg,rgba(27,43,56,.96),rgba(15,22,31,.98));
  box-shadow:0 34px 90px rgba(0,0,0,.34);overflow:hidden
}
.direct-telegram__bar{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.12)
}
.direct-telegram__avatar{
  display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--direct),var(--direct-cyan));color:#fff;font-weight:900
}
.direct-telegram__bar div{display:flex;min-width:0;flex-direction:column}
.direct-telegram__bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.direct-telegram__bar small{margin-top:4px;color:rgba(255,255,255,.45);font-size:11px}
.direct-telegram__status{color:rgba(79,216,224,.76);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.direct-report-panel{padding:clamp(22px,3.4vw,38px)}
.direct-report-panel[hidden]{display:none!important}
.direct-report__period{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}
.direct-report__period span,.direct-report__block>span,.direct-report__conclusion>span{
  color:var(--direct-soft);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.direct-report__period b{font-size:clamp(20px,2.2vw,28px);line-height:1.16}
.direct-report__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.direct-report__metrics>div{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}
.direct-report__metrics span{display:block;min-height:30px;color:rgba(255,255,255,.5);font-size:10px;line-height:1.35}
.direct-report__metrics b{display:block;margin-top:9px;font-size:clamp(20px,2.3vw,30px);line-height:1;letter-spacing:-.035em}
.direct-report__block{margin-top:20px;padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.12)}
.direct-report__block ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.direct-report__block li{display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.42}
.direct-report__block li b{flex:0 0 auto;color:#fff}
.direct-report__source{margin:18px 0 0;padding:13px;border-radius:12px;background:rgba(157,93,255,.07);color:rgba(255,255,255,.65);font-size:11px;line-height:1.5}
.direct-report__conclusion{margin-top:20px;padding:17px 18px;border-left:2px solid var(--direct-cyan);background:rgba(79,216,224,.045)}
.direct-report__conclusion p{margin:9px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.58}

@media (max-width: 980px){
  .direct-plans{grid-template-columns:1fr}
  .direct-plan__fit{min-height:0}
  .direct-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direct-cycle li:nth-child(2):after{display:none}
  .direct-report-layout{grid-template-columns:1fr}
  .direct-report-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .direct-report-caveat{grid-column:1/-1}
}
@media (max-width: 720px){
  .direct-section-head,.direct-price-note{grid-template-columns:1fr;align-items:start}
  .direct-section-head{gap:18px}
  .direct-section-head h2{font-size:clamp(30px,9vw,45px)}
  .direct-report-about{display:flex}
}
@media (max-width: 560px){
  .direct-cycle{grid-template-columns:1fr}
  .direct-cycle li:after{display:none!important}
  .direct-report__metrics{grid-template-columns:1fr}
  .direct-report__metrics span{min-height:0}
  .direct-report__block li{align-items:flex-start}
  .direct-telegram__status{display:none}
  .direct-telegram__bar{grid-template-columns:38px minmax(0,1fr);padding:15px}
  .direct-telegram__avatar{width:38px;height:38px}
}
@media (max-width: 480px){
  .tool-yandex-direct .tool-hero__mets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-yandex-direct .tool-hero__mets .tshow__met b{font-size:20px;white-space:nowrap}
  .direct-plan{padding:21px;border-radius:19px}
  .direct-plan__fit{font-size:14px}
  .direct-plan__money strong{font-size:31px}
  .direct-plan__budget b{font-size:17px}
  .direct-price-note{padding:18px}
  .direct-control{align-items:flex-start;padding:16px}
  .direct-report-tabs{grid-template-columns:1fr}
  .direct-telegram{border-radius:18px}
  .direct-report-panel{padding:18px 15px}
  .direct-report__metrics b{font-size:25px}
  .direct-report__block{padding:15px}
  .direct-report__block li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
}
@media (prefers-reduced-motion: reduce){
  .tool-yandex-direct .btn,.direct-control__signal{transition:none;animation:none}
}