.direct-page  {
  overflow:clip
}
/* Карточка диагностики рекламы и сайта. */
.audit-stage {height:560px;width:100%;max-width:550px;margin-inline:auto}
.audit-report {padding:24px}
.audit-report-preview {position:relative;overflow:hidden;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg);margin:23px 0 20px}
.audit-preview-top {display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}
.audit-preview-label {font-size:8px;letter-spacing:.08em;color:var(--mint)}
.audit-preview-grid {display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:end;margin-top:20px}
.audit-preview-bars {height:80px;display:flex;gap:8px;align-items:end;border-bottom:1px solid var(--border)}
.audit-preview-bars i {flex:1;height:65%;border-radius:5px 5px 0 0;background:linear-gradient(var(--brand),color-mix(in srgb,var(--brand) 30%,transparent));transform-origin:bottom;animation:audit-bars .8s ease both}
.audit-preview-bars i:nth-child(2) {height:85%;animation-delay:.1s}
.audit-preview-bars i:nth-child(3) {height:45%;animation-delay:.2s}
.audit-preview-bars i:nth-child(4) {height:70%;animation-delay:.3s}
.audit-preview-bars i:nth-child(5) {height:55%;animation-delay:.4s;background:linear-gradient(var(--mint),color-mix(in srgb,var(--mint) 20%,transparent))}
.audit-preview-page {border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);height:86px;display:grid;gap:5px}
.audit-preview-page span {height:22px;border-radius:4px;background:var(--brand-soft)}
.audit-preview-page i {height:3px;border-radius:3px;background:var(--border)}
.audit-preview-page i:nth-of-type(2) {width:65%}
.audit-preview-page b {width:45%;height:10px;background:var(--brand);border-radius:3px}
.audit-scan-line {position:absolute;inset:0;background:linear-gradient(transparent 40%,color-mix(in srgb,var(--mint) 10%,transparent) 49%,color-mix(in srgb,var(--mint) 40%,transparent) 50%,transparent 51%);transform:translateY(-100%);animation:audit-scan 7s ease-in-out infinite;pointer-events:none}
.audit-findings {display:grid;gap:13px}
.audit-findings>div {display:flex;gap:12px;align-items:center;padding:5px 0}
.audit-findings>div>span {width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:9px}
.audit-findings .icon {width:18px;height:18px}
.audit-findings strong {display:block;font-size:12px;color:var(--text)}
.audit-findings small {display:block;color:var(--text-2);margin-top:3px}
.audit-findings i {margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--mint);animation:catalog-pulse 3.5s ease-in-out infinite;flex-shrink:0}
.audit-findings>div:nth-child(2) i {animation-delay:1s}
.audit-findings>div:nth-child(3) i {animation-delay:2s}
.audit-stage .catalog-float-top {top:24px;right:-13px}
.audit-stage .catalog-float-bottom {bottom:-65px;left:-9px}
.audit-page .direct-price-value {font-size:42px}
@keyframes audit-bars {from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes audit-scan {0%,15%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}
@media(max-width:1100px) {.audit-stage{margin-top:20px}}
@media(max-width:600px) {
  .audit-stage{height:530px;margin-top:25px}
  .audit-report{padding:20px 17px}
  .audit-report .catalog-card-header strong{font-size:10px}
  .audit-report .catalog-card-header small{max-width:210px}
  .audit-preview-grid{gap:18px}
  .audit-findings strong{font-size:11px}
  .audit-stage .catalog-float-top{top:-28px;right:-2px}
  .audit-stage .catalog-float-bottom{bottom:-35px;left:3px}
  .audit-page .direct-price-value{font-size:36px}
}
@media(prefers-reduced-motion:reduce) {.audit-preview-bars i,.audit-scan-line,.audit-findings i{animation:none}.audit-scan-line{display:none}}
/* Интерактивный пример квиза в первом экране. */
.quiz-stage {height:570px;width:100%;max-width:550px;margin-inline:auto}
.quiz-demo {padding:24px;transform:none;animation:none}
.quiz-demo-meta {display:flex;justify-content:space-between;font-size:10px;color:var(--text-2);margin:24px 0 10px}
.quiz-demo-progress {height:4px;background:var(--border);border-radius:4px;overflow:hidden}
.quiz-demo-progress i {display:block;height:100%;width:33%;border-radius:4px;background:linear-gradient(90deg,var(--mint),var(--brand));transition:width .5s ease}
.quiz-demo h3 {font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:24px 0 18px;min-height:56px;color:var(--text)}
.quiz-demo-options {border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0;min-height:158px}
.quiz-demo-options label {display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}
.quiz-demo-options label:has(input:checked) {border-color:var(--brand);background:var(--brand-soft)}
.quiz-demo-options label:hover {border-color:var(--brand)}
.quiz-demo-options input {width:17px;height:17px;accent-color:var(--brand);flex-shrink:0}
.quiz-demo-options label:focus-within {outline:2px solid var(--brand);outline-offset:3px}
.quiz-demo-actions {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;min-height:44px}
.quiz-demo-actions>button:first-child {font-size:11px;color:var(--text-2);padding:10px 0;background:none;border:0;cursor:pointer}
.quiz-demo-actions .button {font-size:11px;min-height:44px;padding:12px 18px}
.quiz-demo-actions button:disabled {opacity:.45;cursor:default}
.quiz-demo-result {font-size:13px;line-height:1.85;color:var(--text-2);min-height:158px;padding:18px;border:1px solid color-mix(in srgb,var(--mint) 25%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--mint) 6%,var(--surface))}
.quiz-demo:has(.quiz-demo-result:not([hidden])) .quiz-demo-options {display:none}
.quiz-demo [hidden] {display:none}
.quiz-stage .catalog-float-top {right:-14px;top:-15px}
.quiz-stage .catalog-float-bottom {left:-10px;bottom:-40px}
@media(max-width:1100px) {.quiz-stage{margin-top:25px}}
@media(max-width:600px) {
  .quiz-stage{height:570px;margin-top:35px}
  .quiz-demo{padding:20px 17px}
  .quiz-demo h3{font-size:18px}
  .quiz-demo-options label{font-size:11px;padding:12px}
  .quiz-stage .catalog-float-top{top:-30px;right:-2px}
  .quiz-stage .catalog-float-bottom{left:3px;bottom:-25px}
  .quiz-demo .catalog-card-header strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce) {.quiz-demo-progress i{transition:none}}
/* Самостоятельная композиция многошаговой воронки. */
.complex-stage {
  height:600px;
  width:100%;
  max-width:550px;
  margin-inline:auto
}
.complex-system {
  padding:24px;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-soft) 25%,var(--surface)))
}
.complex-touchpoints {
  position:relative;
  display:grid;
  gap:14px;
  padding:27px 0 22px
}
.complex-touchpoints::before {
  content:'';
  position:absolute;
  left:33px;
  top:40px;
  bottom:40px;
  width:1px;
  background:linear-gradient(var(--brand),var(--mint));
  opacity:.35
}
.complex-touch {
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:15px;
  background:var(--surface);
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 4%,transparent);
  animation:complex-touch-in .7s ease both
}
.touch-second {margin-left:17px;animation-delay:.2s}
.touch-third {margin-left:34px;animation-delay:.4s;border-color:color-mix(in srgb,var(--mint) 30%,var(--border))}
.complex-touch>span {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex-shrink:0;
  border-radius:10px;
  background:var(--brand-soft);
  color:var(--brand)
}
.complex-touch>span .icon {width:20px;height:20px}
.touch-third>span {color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}
.complex-touch small {color:var(--text-2);letter-spacing:.02em}
.complex-touch strong {display:block;font-size:12px;margin-top:4px}
.complex-touch>b {font-size:11px;color:var(--text-2);margin-left:auto;opacity:.65}
.complex-mini-line {display:block;width:72%;height:3px;background:var(--border);border-radius:3px;margin-top:9px}
.complex-route svg {height:43px}
.complex-stage .catalog-float-top {top:77px;right:-18px}
.complex-stage .catalog-float-bottom {bottom:-60px;left:-8px}
.complex-journey {
  position:relative;
  background:radial-gradient(ellipse at 85% 80%,color-mix(in srgb,var(--mint) 9%,transparent),transparent 60%)
}
.complex-journey-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px
}
.complex-journey-grid article {
  position:relative;
  padding:26px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:18px
}
.complex-step {position:absolute;right:24px;top:31px;color:var(--text-2);font-size:12px;font-weight:700}
.complex-journey-grid h3 {font-size:19px;line-height:1.45;margin-top:23px;color:var(--brand);letter-spacing:-.025em}
.complex-format {display:block;font-size:11px;color:var(--mint);margin-top:14px;font-weight:700}
.complex-journey-grid p {font-size:12px;line-height:1.85;margin-top:10px}
.complex-insight {display:flex;gap:16px;align-items:center;padding:22px 25px;margin-top:22px;border:1px solid var(--border);border-radius:15px;background:var(--brand-soft)}
.complex-insight>.icon {color:var(--brand);flex-shrink:0}
.complex-insight p {font-size:12px;line-height:1.85}
.complex-insight strong {color:var(--text)}
.complex-expectation {margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.complex-expectation strong {font-size:13px;color:var(--text)}
.complex-expectation p {font-size:12px;line-height:1.85;margin-top:9px}
@keyframes complex-touch-in {
  from {opacity:0;transform:translateY(10px)}
  to {opacity:1;transform:translateY(0)}
}
@media(max-width:1100px) {
  .complex-stage {margin-top:15px}
  .complex-journey-grid {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px) {
  .complex-stage {height:580px}
  .complex-system {padding:20px 16px}
  .complex-system .catalog-card-header strong {font-size:10px}
  .complex-system .catalog-card-header small {max-width:210px}
  .complex-touch {padding:12px;gap:9px}
  .complex-touch>span {width:30px;height:30px}
  .complex-touch strong {font-size:10px}
  .touch-second {margin-left:10px}
  .touch-third {margin-left:20px}
  .complex-stage .catalog-float-top {top:35px;right:-2px}
  .complex-stage .catalog-float-bottom {bottom:-45px;left:3px}
  .complex-journey-grid {grid-template-columns:1fr;gap:14px}
  .complex-journey-grid h3 {font-size:18px}
  .complex-insight {align-items:flex-start;padding:20px}
}
@media(prefers-reduced-motion:reduce) {
  .complex-touch {animation:none}
}
/* Общая упаковка страниц услуг и отдельная композиция связки сайта с рекламой. */
.bundle-stage {
  height:510px;
  max-width:550px;
  width:100%;
  margin-inline:auto
}
.bundle-browser {
  padding:0 22px 22px;
  overflow:visible
}
.bundle-browser-bar {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 0;
  font-size:11px;
  color:var(--text-2);
  border-bottom:1px solid var(--border)
}
.bundle-browser-bar>.icon {
  width:17px;
  margin-left:auto;
  color:var(--brand)
}
.bundle-browser-dots {
  display:flex;
  gap:5px
}
.bundle-browser-dots i {
  width:6px;
  height:6px;
  background:var(--border);
  border-radius:50%
}
.bundle-browser-dots i:first-child {background:var(--mint)}
.bundle-browser-dots i:nth-child(2) {background:var(--brand)}
.bundle-preview {
  padding:26px 0 20px
}
.bundle-preview-tag {
  font-size:7px;
  letter-spacing:.08em;
  color:var(--text-2);
  font-weight:700
}
.bundle-preview-hero {
  display:grid;
  grid-template-columns:1.6fr 1fr;
  align-items:center;
  gap:12px;
  margin:18px 0 24px
}
.bundle-preview-hero strong {
  font-size:20px;
  line-height:1.4;
  letter-spacing:-.035em
}
.bundle-preview-hero strong>span {color:var(--brand)}
.bundle-text-line {
  display:block;
  height:4px;
  border-radius:4px;
  width:85%;
  margin-top:12px;
  background:var(--border)
}
.bundle-text-line.short {
  width:65%;
  margin-top:6px
}
.bundle-preview-button {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:8px;
  font-weight:700;
  padding:11px 13px;
  margin-top:18px;
  border-radius:8px;
  color:white;
  background:var(--brand)
}
.bundle-preview-button .icon {width:12px;height:12px}
.bundle-product {
  position:relative;
  height:135px;
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--mint) 18%,transparent),transparent 70%)
}
.bundle-product>span {
  display:grid;
  place-items:center;
  width:88px;
  height:100px;
  border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);
  background:linear-gradient(145deg,var(--brand-soft),var(--surface));
  border-radius:18px;
  transform:rotate(9deg);
  box-shadow:var(--shadow);
  animation:bundle-product-float 7s ease-in-out infinite
}
.bundle-product .icon {width:46px;height:46px;color:var(--brand)}
.bundle-product>i {
  position:absolute;
  border:1px solid color-mix(in srgb,var(--mint) 40%,transparent);
  border-radius:50%;
  width:16px;
  height:16px;
  bottom:12px;
  right:3px
}
.bundle-product>i:last-child {width:9px;height:9px;top:10px;left:4px;background:var(--mint)}
.bundle-preview-benefits {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  font-size:9px;
  color:var(--text-2)
}
.bundle-preview-benefits>span {
  display:flex;
  gap:5px;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border:1px solid var(--border);
  border-radius:7px;
  background:linear-gradient(110deg,var(--brand-soft),var(--surface))
}
.bundle-preview-benefits .icon {width:12px;height:12px;color:var(--mint)}
.bundle-ad {
  top:28px;
  right:-10px;
  --tilt:4deg
}
.bundle-stage .catalog-float-bottom {
  bottom:-64px
}
.bundle-ad>span:nth-child(2) {display:flex;flex-direction:column;gap:2px}
.bundle-ad small {font-size:var(--small-size);letter-spacing:.06em;color:var(--text-2)}
.bundle-ad-icon {
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  border-radius:10px;
  background:color-mix(in srgb,var(--brand) 10%,var(--surface));
  color:var(--brand);
  font-size:21px;
  font-weight:800
}
.bundle-bridge {
  background:radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--mint) 7%,transparent),transparent 55%)
}
.bundle-bridge-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}
.bundle-bridge-grid article {
  position:relative;
  padding:30px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:20px
}
.bundle-bridge-grid small {position:absolute;right:26px;top:34px;color:var(--text-2)}
.bundle-bridge-grid h3 {font-size:20px;margin-top:25px;color:var(--brand);letter-spacing:-.03em}
.bundle-bridge-grid p {font-size:13px;line-height:1.85;margin-top:16px}
@keyframes bundle-product-float {
  0%,100% {transform:translateY(0) rotate(9deg)}
  50% {transform:translateY(-6px) rotate(5deg)}
}
@media(max-width:1100px) {
  .bundle-stage {margin-top:20px}
  .bundle-bridge-grid {gap:16px}
  .bundle-bridge-grid article {padding:24px}
}
@media(max-width:820px) {
  .bundle-bridge-grid {grid-template-columns:1fr}
}
@media(max-width:600px) {
  .bundle-stage {height:480px}
  .bundle-browser {padding:0 17px 20px}
  .bundle-preview-hero strong {font-size:16px}
  .bundle-product>span {width:70px;height:86px}
  .bundle-product .icon {width:36px;height:36px}
  .bundle-ad {top:12px;right:-2px}
  .bundle-browser-bar>span:nth-child(2),
  .bundle-browser-bar>.icon {visibility:hidden}
  .bundle-ad-icon {width:27px;height:27px;font-size:18px}
  .bundle-preview-tag {font-size:6px}
  .bundle-preview-benefits {font-size:8px}
}
@media(prefers-reduced-motion:reduce) {
  .bundle-product>span {animation:none}
}
.direct-stage {
  height:530px;
  width:100%;
  max-width:550px;
  margin-inline:auto
}
.direct-stage .hero-illustration {
  width:100%;
  height:245px;
  min-height:0;
  max-width:none;
  margin:0;
  background:none;
  border:0;
  box-shadow:none;
  overflow:visible
}
.direct-stage .hero-illustration::before,
.direct-stage .hero-illustration::after {
  display:none
}
.direct-stage .hero-illustration img {
  width:280px;
  height:280px;
  max-width:100%;
  object-fit:contain
}
.direct-route svg {
  height:55px
}
.direct-copy .hero-actions {
  margin-bottom:22px
}
.direct-copy .hero-note {
  margin-top:20px
}
.direct-copy .hero-note a:hover {
  color:var(--brand)
}
@media(max-width:1100px) {
  .direct-stage {
    margin-top:10px
  }
}
@media(max-width:600px) {
  .direct-stage {
    height:470px
  }
  .direct-stage .hero-illustration {
    height:210px
  }
  .direct-stage .hero-illustration img {
    width:240px;
    height:240px
  }
  .direct-copy .hero-actions {
    gap:20px
  }
}
.direct-breadcrumb  {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  font-size:11px;
  color:var(--text-2);
  margin-bottom:48px
}
.direct-breadcrumb a:hover  {
  color:var(--brand)
}
.direct-hero  {
  padding-top:28px;
  background:radial-gradient(ellipse at 85% 35%,color-mix(in srgb,var(--mint) 9%,transparent),transparent 55%)
}
.direct-hero-grid  {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:72px;
  align-items:center
}
.direct-copy h1  {
  line-height:1.12;
  letter-spacing:-.055em;
  font-weight:800
}
.direct-copy .eyebrow  {
  font-size:10px;
  letter-spacing:.1em
}
.direct-lead  {
  font-size:15px;
  line-height:1.9;
  max-width:490px;
  margin:26px 0
}
.direct-secondary  {
  display:flex;
  flex-wrap:wrap;
  gap:16px 26px;
  margin-top:22px;
  font-size:11px;
  font-weight:700
}
.direct-secondary a  {
  display:flex;
  align-items:center;
  gap:8px
}
.direct-secondary a:last-child  {
  color:var(--text-2);
  text-decoration:underline;
  text-underline-offset:4px
}
.direct-secondary .icon  {
  width:15px
}
.direct-proof  {
  display:flex;
  gap:36px;
  border-top:1px solid var(--border);
  padding-top:26px;
  margin-top:34px
}
.direct-proof strong  {
  font-size:24px;
  font-weight:800;
  letter-spacing:-.04em;
  display:block
}
.direct-proof span  {
  font-size:10px;
  color:var(--text-2);
  display:block;
  max-width:200px;
  margin-top:5px
}
.direct-fit-grid  {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}
.direct-fit-card  {
  border:1px solid var(--border);
  border-radius:18px;
  padding:30px;
  background:var(--surface)
}
.direct-fit-card>span  {
  font-size:12px;
  color:var(--brand);
  font-weight:800
}
.direct-fit-card h3  {
  font-size:21px;
  line-height:1.4;
  margin-top:28px;
  letter-spacing:-.035em
}
.direct-fit-card p  {
  font-size:13px;
  line-height:1.85;
  margin-top:16px
}
.direct-boundary  {
  display:flex;
  align-items:center;
  gap:20px;
  background:var(--brand-soft);
  border:1px solid var(--border);
  border-radius:14px;
  padding:24px;
  margin-top:24px
}
.direct-boundary>.icon  {
  flex-shrink:0;
  color:var(--brand)
}
.direct-boundary p  {
  font-size:12px;
  line-height:1.8
}
.direct-boundary strong  {
  color:var(--text)
}
.direct-boundary a  {
  margin-left:auto;
  white-space:nowrap;
  font-size:11px
}
.direct-scope  {
  background:var(--surface);
  border-block:1px solid var(--border)
}
.direct-scope-grid  {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}
.direct-scope-card  {
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:18px;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.direct-scope-card h3  {
  font-size:19px;
  margin-top:24px;
  line-height:1.4;
  letter-spacing:-.03em
}
.direct-scope-card p  {
  font-size:12px;
  line-height:1.85;
  margin:14px 0 24px
}
.direct-scope-card small  {
  display:block;
  border-top:1px solid var(--border);
  padding-top:16px;
  margin-top:auto;
  line-height:1.8;
  color:var(--text-2)
}
.direct-work-grid  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
.direct-launch  {
  border:1px solid var(--border);
  padding:36px;
  border-radius:20px;
  background:var(--surface)
}
.direct-monthly  {
  border:1px solid var(--border);
  padding:36px;
  border-radius:20px;
  background:var(--surface)
}
.direct-work-grid h3  {
  font-size:24px;
  letter-spacing:-.035em;
  line-height:1.4;
  margin:22px 0 28px
}
.direct-launch ol  {
  list-style:none;
  padding:0;
  margin:0
}
.direct-launch li  {
  display:flex;
  gap:20px;
  padding:18px 0;
  border-top:1px solid var(--border)
}
.direct-launch li>span  {
  color:var(--brand);
  font-size:13px;
  font-weight:800;
  padding-top:3px
}
.direct-launch h4  {
  font-size:14px
}
.direct-launch li p  {
  font-size:12px;
  line-height:1.8;
  margin-top:8px
}
.direct-small  {
  line-height:1.8;
  margin-top:18px
}
.direct-monthly  {
  background:#152033;
  color:#fff
}
.direct-monthly .tag  {
  color:#9fe9dd;
  background:rgba(94,224,206,.1);
  border-color:rgba(94,224,206,.2)
}
.direct-cycle  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-block:1px solid #ffffff26;
  padding:25px 0;
  font-size:17px;
  font-weight:700;
  color:#e5edf8
}
.direct-cycle span  {
  color:#5ee0ce
}
.direct-monthly ul  {
  list-style:none;
  margin:25px 0 0;
  padding:0
}
.direct-price-card ul  {
  list-style:none;
  margin:25px 0 0;
  padding:0
}
.direct-monthly li  {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:12px;
  line-height:1.8;
  margin:16px 0
}
.direct-price-card li  {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:12px;
  line-height:1.8;
  margin:16px 0
}
.direct-monthly li .icon  {
  width:17px;
  height:17px;
  flex-shrink:0;
  color:#5ee0ce;
  margin-top:3px
}
.direct-price-grid  {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:90px;
  align-items:center
}
.direct-price-copy>p:not(.eyebrow)  {
  font-size:14px;
  line-height:1.9;
  margin-top:25px;
  max-width:450px
}
.direct-responsibilities  {
  border-left:3px solid var(--mint);
  padding:4px 0 4px 22px;
  margin-top:36px
}
.direct-responsibilities h3  {
  font-size:16px
}
.direct-responsibilities p  {
  font-size:12px;
  line-height:1.8;
  margin-top:10px;
  max-width:400px
}
.direct-price-card  {
  padding:36px;
  border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border));
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow)
}
.direct-price-top  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px
}
.direct-price-top>.icon  {
  color:var(--brand)
}
.direct-price-card h3  {
  font-size:24px
}
.direct-price-value  {
  font-size:46px;
  letter-spacing:-.05em;
  font-weight:800;
  margin-top:18px;
  line-height:1.2
}
.direct-price-value>span  {
  font-size:13px;
  color:var(--text-2);
  font-weight:500;
  letter-spacing:0;
  margin-left:10px
}
.direct-price-card>p  {
  font-size:12px;
  margin-top:10px
}
.direct-price-card ul  {
  padding-block:12px;
  border-block:1px solid var(--border);
  margin-bottom:22px
}
.direct-price-card li .icon  {
  width:17px;
  flex-shrink:0;
  color:var(--mint)
}
.direct-price-card>.button  {
  width:100%;
  justify-content:space-between;
  margin-top:16px
}
.direct-price-card>small  {
  display:block;
  line-height:1.8;
  color:var(--text-2);
  margin-top:20px
}
.direct-contact  {
  padding-top:0
}
.direct-contact-panel  {
  background:#152033;
  border-radius:24px;
  color:#fff;
  padding:56px;
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:70px;
  background-image:radial-gradient(ellipse at 95% 0,rgba(23,201,180,.16),transparent 60%)
}
.direct-contact-panel .eyebrow  {
  color:#a7b6cc
}
.direct-contact-panel h2 span  {
  color:#5ee0ce
}
.direct-contact-panel p  {
  color:#b6c3d6;
  font-size:13px;
  line-height:1.9;
  margin:24px 0
}
.direct-contact-form  {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  margin-top:24px;
  color:#dce8f5
}
.direct-contact-form .icon  {
  width:16px
}
.direct-contact-panel aside  {
  align-self:center;
  border:1px solid #ffffff26;
  background:#ffffff08;
  border-radius:16px;
  padding:26px
}
.direct-contact-panel aside>span  {
  font-size:9px;
  letter-spacing:.08em;
  color:#b6c3d6
}
.direct-contact-panel aside>div  {
  display:flex;
  gap:16px;
  align-items:center;
  border-bottom:1px solid #ffffff1a;
  padding:18px 0
}
.direct-contact-panel aside b  {
  font-size:11px;
  color:#5ee0ce
}
.direct-contact-panel aside p  {
  font-size:12px;
  margin:0;
  color:#edf2fa
}
.direct-contact-panel aside small  {
  display:block;
  margin-top:20px;
  color:#b6c3d6
}
@media(max-width:1100px)  {
  .direct-hero-grid  {
    gap:35px
  }
  .direct-price-grid  {
    gap:50px
  }
  .direct-contact-panel  {
    gap:35px;
    padding:40px
  }
  .direct-fit-card  {
    padding:24px
  }
  .direct-scope-card  {
    padding:24px
  }
}
@media(max-width:820px)  {
  .direct-hero-grid  {
    grid-template-columns:1fr;
    gap:40px
  }
  .direct-fit-grid  {
    grid-template-columns:1fr;
    gap:14px
  }
  .direct-fit-card h3  {
    margin-top:12px
  }
  .direct-scope-grid  {
    grid-template-columns:1fr 1fr
  }
  .direct-boundary  {
    flex-wrap:wrap
  }
  .direct-boundary a  {
    margin-left:44px
  }
  .direct-work-grid  {
    grid-template-columns:1fr
  }
  .direct-price-grid  {
    grid-template-columns:1fr
  }
  .direct-contact-panel  {
    grid-template-columns:1fr
  }
  .direct-contact-panel aside  {
    max-width:500px
  }
  .direct-price-card  {
    max-width:580px;
    width:100%
  }
  .direct-breadcrumb  {
    margin-bottom:32px
  }
}
@media(max-width:480px)  {
  .direct-hero  {
    padding-top:22px
  }
  .direct-copy .eyebrow  {
    font-size:8px;
    letter-spacing:.04em
  }
  .direct-lead  {
    font-size:13px;
    margin:22px 0
  }
  .direct-proof  {
    gap:20px
  }
  .direct-proof strong  {
    font-size:22px
  }
  .direct-proof span  {
    font-size:9px
  }
  .direct-fit-card h3  {
    font-size:20px
  }
  .direct-boundary  {
    padding:20px;
    gap:14px
  }
  .direct-boundary>p  {
    flex:1;
    min-width:180px;
    font-size:11px
  }
  .direct-boundary a  {
    margin-left:38px
  }
  .direct-scope-grid  {
    grid-template-columns:1fr;
    gap:14px
  }
  .direct-scope-card h3  {
    margin-top:18px
  }
  .direct-launch  {
    padding:26px 22px
  }
  .direct-monthly  {
    padding:26px 22px
  }
  .direct-work-grid h3  {
    font-size:22px
  }
  .direct-cycle  {
    font-size:14px
  }
  .direct-price-grid  {
    gap:30px
  }
  .direct-price-card  {
    padding:26px 22px
  }
  .direct-price-value  {
    font-size:39px
  }
  .direct-price-value>span  {
    font-size:11px
  }
  .direct-contact-panel  {
    padding:28px 22px;
    gap:30px;
    border-radius:18px
  }
  .direct-contact-panel p  {
    font-size:12px
  }
  .direct-contact-panel aside  {
    padding:22px
  }
}

/* Вариант разнообразной упаковки разделов услуг. */
.direct-page .direct-fit-grid {gap:36px}
.direct-page .direct-fit-card {position:relative;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:10px 0 28px}
.direct-page .direct-fit-card>span {font-size:42px;line-height:1.2;font-weight:800;letter-spacing:-.06em;color:color-mix(in srgb,var(--brand) 45%,var(--text-2))}
.direct-page .direct-fit-card h3 {margin-top:20px;font-size:22px;line-height:1.45}
.direct-page .direct-fit-card p {margin-top:13px;max-width:380px}
.direct-page .direct-scope {background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--brand-soft) 25%,var(--surface)))}
.direct-page .direct-scope-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;border-top:1px solid var(--border)}
.direct-page .direct-scope-card {display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 18px;align-content:start;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:28px 0;background:none}
.direct-page .direct-scope-card>.service-icon {grid-column:1;grid-row:1/4;width:44px;height:44px;border-radius:50%;background:var(--brand-soft)}
.direct-page .direct-scope-card h3 {grid-column:2;margin:0;font-size:20px;color:var(--text)}
.direct-page .direct-scope-card p {grid-column:2;margin:10px 0 13px;font-size:13px}
.direct-page .direct-scope-card small {grid-column:2;border:0;padding:0;margin:0;color:var(--brand)}
.direct-page .bundle-bridge-grid {gap:0}
.direct-page .bundle-bridge-grid article {border:0;border-left:1px solid var(--border);border-radius:0;background:none;padding:5px 30px 5px 0}
.direct-page .bundle-bridge-grid article+article {padding-left:30px}
.direct-page .bundle-bridge-grid article:first-child {border-left:0}
.direct-page .bundle-bridge-grid small {position:static;display:block;margin-top:22px;color:var(--text-2)}
.direct-page .bundle-bridge-grid h3 {margin-top:10px;font-size:23px}
.direct-page .bundle-bridge-grid .service-icon {border-radius:50%;background:var(--surface);box-shadow:0 8px 30px color-mix(in srgb,var(--brand) 9%,transparent)}
.direct-page .direct-launch {border:0;background:linear-gradient(145deg,var(--brand-soft),var(--surface));border-radius:22px;padding:36px}
.direct-page .direct-launch ol>li {position:relative}
.direct-page .direct-launch ol>li:not(:last-child)::after {content:'';position:absolute;left:17px;top:44px;bottom:-8px;width:1px;background:color-mix(in srgb,var(--brand) 25%,var(--border))}
.direct-page .direct-monthly {border:0;border-top:2px solid var(--mint);border-radius:0;background:none;padding:34px 0 0 30px}
.complex-page .complex-journey-grid {gap:0}
.complex-page .complex-journey-grid article {border:0;border-top:1px solid var(--border);border-radius:0;background:none;padding:28px 24px 0 0}
.complex-page .complex-journey-grid article+article {padding-left:24px}
.complex-page .complex-step {position:static;display:block;font-size:36px;line-height:1.2;color:var(--brand);letter-spacing:-.06em;margin-bottom:22px}
.complex-page .complex-journey-grid .service-icon {display:none}
.complex-page .complex-journey-grid h3 {margin-top:0}

/* В аудите ситуации показаны списком, а результат - отдельной визуальной панелью. */
.audit-page .direct-fit-grid {display:block;border-top:1px solid var(--border)}
.audit-page .direct-fit-card {display:grid;grid-template-columns:70px .9fr 1.3fr;align-items:center;gap:28px;padding:26px 0}
.audit-page .direct-fit-card>span {font-size:30px}
.audit-page .direct-fit-card h3,.audit-page .direct-fit-card p {margin:0;max-width:none}
.audit-output-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.audit-output-preview {position:relative;padding:25px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.audit-output-toolbar {display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:9px;font-weight:700;letter-spacing:.05em}
.audit-output-toolbar>.icon {width:18px;height:18px;margin-left:auto;color:var(--brand)}
.audit-output-screen {position:relative;height:260px;margin-top:20px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--mint) 12%,transparent),transparent 65%),var(--bg)}
.audit-output-chart {position:absolute;inset:30px 35px 55px;display:flex;gap:14px;align-items:end;border-bottom:1px solid var(--border)}
.audit-output-chart i {flex:1;height:35%;border-radius:6px 6px 0 0;background:linear-gradient(color-mix(in srgb,var(--brand) 65%,transparent),color-mix(in srgb,var(--brand) 8%,transparent))}
.audit-output-chart i:nth-child(2){height:60%}
.audit-output-chart i:nth-child(3){height:43%}
.audit-output-chart i:nth-child(4){height:80%}
.audit-output-chart i:nth-child(5){height:66%}
.audit-output-chart i:nth-child(6){height:95%}
.audit-output-play {position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--border));border-radius:50%;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center}
.audit-output-play::after {content:'';border-left:14px solid var(--brand);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.audit-output-note {position:absolute;bottom:15px;left:15px;right:15px;display:flex;gap:11px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.audit-output-note>span {color:var(--mint)}
.audit-output-note strong {display:block;font-size:12px}
.audit-output-note small {display:block;color:var(--text-2)}
.audit-output-footer {display:flex;gap:15px;justify-content:space-between;color:var(--brand);font-size:10px;padding:15px 0;border-bottom:1px solid var(--border)}
.audit-output-preview>p {font-size:17px;font-weight:700;line-height:1.5;color:var(--text);margin:18px 0 7px}
.audit-output-preview>small {color:var(--text-2)}
.audit-output-list article {display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}
.audit-output-list article:first-child {padding-top:0}
.audit-output-list article:last-child {border-bottom:0;padding-bottom:0}
.audit-output-list article>span {flex-shrink:0;color:var(--brand);padding-top:2px}
.audit-output-list small {color:var(--text-2)}
.audit-output-list h3 {font-size:23px;line-height:1.4;letter-spacing:-.03em;color:var(--brand);margin-top:9px}
.audit-output-list p {font-size:13px;line-height:1.85;margin-top:12px}
.audit-start-route {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}
.audit-start-route::before {content:'';position:absolute;left:35px;right:15%;top:30px;height:1px;background:linear-gradient(90deg,var(--brand),var(--mint));opacity:.35}
.audit-start-route li {position:relative}
.audit-route-marker {position:relative;display:flex;align-items:center;gap:18px;margin-bottom:24px}
.audit-route-marker>span {width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--border));background:var(--bg);color:var(--brand);font-size:20px;font-weight:800}
.audit-route-marker>.icon {background:var(--bg);color:var(--text-2);padding:7px;box-sizing:content-box;width:20px;height:20px}
.audit-start-route h3 {font-size:22px;line-height:1.45;letter-spacing:-.03em;color:var(--text)}
.audit-start-route p {font-size:13px;line-height:1.85;margin-top:12px}
@media(max-width:1100px) {
  .audit-output-layout {gap:30px}
  .audit-page .direct-fit-card {grid-template-columns:55px .9fr 1.2fr;gap:20px}
  .direct-page .direct-scope-grid {gap:0 30px}
  .complex-page .complex-journey-grid {gap:30px}
  .complex-page .complex-journey-grid article+article {padding-left:0}
}
@media(max-width:820px) {
  .direct-page .direct-fit-grid {gap:25px}
  .direct-page .direct-fit-card {padding:8px 0 24px}
  .direct-page .direct-fit-card h3 {font-size:20px}
  .direct-page .bundle-bridge-grid article,.direct-page .bundle-bridge-grid article+article {border-left:0;border-bottom:1px solid var(--border);padding:24px 0}
  .direct-page .bundle-bridge-grid article:first-child {padding-top:0}
  .direct-page .bundle-bridge-grid article:last-child {border-bottom:0}
  .direct-page .direct-monthly {padding:30px 0 0}
  .audit-page .direct-fit-card {grid-template-columns:45px 1fr;gap:10px 20px;padding:24px 0}
  .audit-page .direct-fit-card>span {grid-row:1/3;align-self:start}
  .audit-page .direct-fit-card p {grid-column:2}
  .audit-output-layout {grid-template-columns:1fr;gap:35px}
  .audit-output-preview {max-width:600px;width:100%}
  .audit-start-route {grid-template-columns:1fr;gap:30px}
  .audit-start-route::before {left:29px;right:auto;top:30px;bottom:60px;width:1px;height:auto;background:linear-gradient(var(--brand),var(--mint))}
  .audit-start-route li {padding-left:85px;min-height:90px}
  .audit-route-marker {position:absolute;left:0;top:0;margin:0}
  .audit-route-marker>.icon {display:none}
}
@media(max-width:600px) {
  .direct-page .direct-fit-card>span {font-size:34px}
  .direct-page .direct-scope-grid {grid-template-columns:1fr}
  .direct-page .direct-scope-card {grid-template-columns:36px minmax(0,1fr);gap:0 13px;padding:24px 0}
  .direct-page .direct-scope-card>.service-icon {width:36px;height:36px}
  .direct-page .direct-scope-card h3 {font-size:18px}
  .direct-page .direct-launch {padding:26px 22px}
  .direct-page .bundle-bridge-grid h3,.audit-output-list h3 {font-size:20px}
  .audit-page .direct-fit-card>span {font-size:26px}
  .audit-page .direct-fit-card h3 {font-size:18px}
  .audit-output-preview {padding:19px}
  .audit-output-screen {height:220px}
  .audit-output-chart {inset:25px 20px 55px;gap:10px}
  .audit-output-footer {gap:8px;font-size:9px}
  .audit-output-preview>p {font-size:16px}
  .audit-output-list article {gap:15px}
  .audit-start-route h3 {font-size:18px}
  .audit-start-route li {padding-left:70px}
  .audit-route-marker>span {width:48px;height:48px;font-size:17px}
  .audit-start-route::before {left:23px;top:24px}
}