/* Рекламная посадка: изолированная визуальная система страницы разработки сайтов. */
.direction-ads-page{--ads-ink:#17171a;--ads-paper:#f8f7f3;--ads-accent:#ee3f2c;color:var(--ads-ink);background:var(--ads-paper);overflow-x:hidden}.direction-ads-page *{box-sizing:border-box}.direction-ads-page .container{width:min(1180px,calc(100% - 40px));margin:0 auto}.direction-ads-header{position:sticky!important;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,23,26,.1)}.direction-ads-header .site-header__inner{max-width:1440px;margin:0 auto;padding:0 30px}.direction-ads-header__cta{min-width:0!important;padding:12px 18px!important;font-size:13px!important;white-space:nowrap}.direction-ads-page .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}.direction-ads-hero{padding:clamp(108px,12vw,166px) 0 clamp(56px,7vw,100px);background:linear-gradient(135deg,#bc1717 0%,#631919 60%,#331919 100%)}.direction-ads-hero .dev-hero__content{max-width:52%}.direction-ads-hero .dev-hero__title,.direction-ads-hero .dev-hero__subtitle{color:#fff}.direction-ads-hero .dev-hero__title{font-size:clamp(48px,6vw,82px)}.direction-ads-eyebrow{color:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;margin:0 0 18px}.direction-ads-hero .direction-ads-eyebrow{color:#fff}.direction-ads-hero .dev-hero__image img{filter:drop-shadow(0 18px 36px rgba(0,0,0,.25))}.direction-ads-clients{padding:clamp(62px,8vw,110px) 0}.direction-ads-clients h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.direction-ads-tariffs,.direction-ads-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.direction-ads-tariff,.direction-ads-benefits article{border:1px solid rgba(23,23,26,.18);border-radius:18px;padding:28px;background:#fff}.direction-ads-tariff h3,.direction-ads-benefits h3{font-size:1.25rem;margin:0 0 36px}.direction-ads-tariff__price{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1;font-weight:700;margin:0 0 12px}.direction-ads-tariff__term{font-weight:600}.direction-ads-centered{text-align:center;margin:32px 0 0}.direction-ads-text-link{color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:600}.direction-ads-section--tint{background:#e8e5dc}.direction-ads-section{padding:clamp(62px,8vw,110px) 0}.direction-ads-section h2,.direction-ads-final h2{font-size:clamp(2.3rem,5.3vw,5.4rem);line-height:.96;letter-spacing:-.055em;margin:0 0 26px;max-width:850px}.direction-ads-stages{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:36px 0 0;padding:0;counter-reset:stage}.direction-ads-stages li{counter-increment:stage;background:#fff;padding:20px;border-radius:14px;min-height:130px;display:flex;flex-direction:column;gap:16px;font-weight:600}.direction-ads-stages li:before{content:'0' counter(stage);font-size:1rem;color:var(--ads-accent)}.direction-ads-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.direction-ads-case{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(23,23,26,.16)}.direction-ads-case img{width:100%;height:210px;object-fit:cover}.direction-ads-case>div{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.direction-ads-case h3{font-size:1.25rem;margin:0 0 12px}.direction-ads-case p{line-height:1.45;flex:1}.direction-ads-section--dark{background:#17171a;color:#fff}.direction-ads-benefits article{background:transparent;border-color:rgba(255,255,255,.28)}.direction-ads-quiz{padding:clamp(65px,8vw,110px) 0;background:#f1ad35}.direction-ads-quiz__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px}.direction-ads-quiz h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;margin:0 0 20px}.direction-ads-quiz__form{background:#fff;border-radius:18px;padding:clamp(22px,4vw,40px)}.direction-ads-quiz__progress{font-weight:700;margin-bottom:22px}.direction-ads-quiz fieldset{border:0;padding:0;margin:0}.direction-ads-quiz legend{font-size:clamp(1.35rem,2.1vw,1.8rem);font-weight:700;margin-bottom:18px}.direction-ads-quiz fieldset>label{display:block;border:1px solid rgba(23,23,26,.18);border-radius:10px;padding:14px 16px;margin:8px 0;cursor:pointer;line-height:1.35}.direction-ads-quiz fieldset>label.is-selected{border-color:#17171a;background:#f8f7f3;box-shadow:inset 4px 0 0 var(--ads-accent)}.direction-ads-quiz input[type=text],.direction-ads-quiz input[type=tel],.direction-ads-quiz textarea{width:100%;border:1px solid #bbb;border-radius:8px;padding:12px;margin:7px 0 14px;font:inherit}.direction-ads-quiz .direction-ads-consent{border:0;padding:0;font-size:.9rem}.direction-ads-quiz__nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.direction-ads-faq{max-width:900px!important}.direction-ads-faq details{border-bottom:1px solid rgba(23,23,26,.2);padding:18px 0}.direction-ads-faq summary{cursor:pointer;font-weight:700;font-size:1.15rem}.direction-ads-faq p{max-width:760px;line-height:1.55}.direction-ads-final{padding:clamp(70px,10vw,130px) 0;background:#ee3f2c}.direction-ads-final p{font-size:1.2rem;max-width:600px;margin-bottom:30px}@media(max-width:960px){.direction-ads-header .site-header__nav{display:none}.direction-ads-header__cta{font-size:11px!important;padding:10px 12px!important}.direction-ads-hero .dev-hero__content{max-width:100%}}@media(max-width:800px){.direction-ads-header .site-header__inner{padding:0 14px}.direction-ads-header .site-header__phone,.direction-ads-header .site-header__social{display:none}.direction-ads-hero{padding-top:104px}.direction-ads-tariffs,.direction-ads-benefits,.direction-ads-cases{grid-template-columns:1fr}.direction-ads-stages{grid-template-columns:repeat(2,1fr)}.direction-ads-section h2,.direction-ads-final h2{letter-spacing:-.04em}}@media(max-width:420px){.direction-ads-page .container{width:min(100% - 28px,1180px)}.direction-ads-stages{grid-template-columns:1fr}.direction-ads-quiz__nav .btn{flex:1}.direction-ads-quiz fieldset>label{font-size:.94rem}.direction-ads-header__cta{max-width:138px;line-height:1.1}}
.direction-ads-page .direction-ads-section:not(.direction-ads-section--dark),.direction-ads-page .direction-ads-section:not(.direction-ads-section--dark) h2,.direction-ads-page .direction-ads-section:not(.direction-ads-section--dark) h3,.direction-ads-page .direction-ads-section:not(.direction-ads-section--dark) p,.direction-ads-page .direction-ads-tariff,.direction-ads-page .direction-ads-case{color:var(--ads-ink)}.direction-ads-page .direction-ads-tariff h3,.direction-ads-page .direction-ads-case h3{color:var(--ads-ink)!important}.direction-ads-page .direction-ads-case img{display:block;opacity:1;visibility:visible;background:#eee}.direction-ads-page .direction-ads-case .btn--outline{color:var(--ads-ink);border-color:var(--ads-ink)}

/* Последний слой: реклама не наследует шум поверх интерфейса и общую типографику направления. */
body.direction-ads-page { isolation:isolate; color:var(--ads-ink); }
body.direction-ads-page::before { z-index:0; opacity:.16; }
body.direction-ads-page > header,
body.direction-ads-page > main,
body.direction-ads-page > footer,
body.direction-ads-page > .site-footer { position:relative; z-index:2; }
.direction-ads-page .direction-ads-header { background:rgba(112,18,21,.96)!important; border-color:rgba(255,255,255,.15); }
.direction-ads-page .direction-ads-header .site-header__nav-link,
.direction-ads-page .direction-ads-header .site-header__phone { color:#fff!important; }
.direction-ads-page .direction-ads-header .site-header__menu-btn img { content:url('../img/dotts-menu.svg'); }
.direction-ads-page .direction-ads-header__nav { gap:26px; }
.direction-ads-page .direction-ads-hero { padding:clamp(118px,10vw,154px) 0 clamp(56px,6vw,86px); }
.direction-ads-page .direction-ads-hero .dev-hero__container { min-height:0; align-items:center; }
.direction-ads-page .direction-ads-hero .dev-hero__content { max-width:min(570px,48%); }
.direction-ads-page .direction-ads-hero .dev-hero__title { font-size:clamp(46px,4.8vw,70px)!important; line-height:.98!important; letter-spacing:-.045em; overflow-wrap:normal; hyphens:none; }
.direction-ads-page .direction-ads-hero .dev-hero__title span { color:#ffd5d0; }
.direction-ads-page .direction-ads-hero .dev-hero__subtitle { max-width:520px; font-size:clamp(16px,1.35vw,20px); line-height:1.45; }
.direction-ads-page .direction-ads-section,
.direction-ads-page .direction-ads-quiz,
.direction-ads-page .direction-ads-final { position:relative; isolation:isolate; }
.direction-ads-page .direction-ads-section:not(.direction-ads-section--dark) { background:var(--ads-paper); }
.direction-ads-page .direction-ads-section--tint { background:#ece9e1; }
.direction-ads-page .direction-ads-section h2,
.direction-ads-page .direction-ads-final h2 { font-size:clamp(38px,4.4vw,64px)!important; line-height:1.02!important; max-width:760px; }
.direction-ads-page .direction-ads-eyebrow,
.direction-ads-page .direction-ads-section .direction-ads-eyebrow { color:#781b1c!important; }
.direction-ads-page .direction-ads-hero .direction-ads-eyebrow,
.direction-ads-page .direction-ads-quiz .direction-ads-eyebrow { color:inherit!important; }
.direction-ads-page .direction-ads-tariff { box-shadow:0 14px 32px rgba(23,23,26,.08); }
.direction-ads-page .direction-ads-case { border:0; border-radius:16px; box-shadow:0 16px 36px rgba(23,23,26,.14); }
.direction-ads-page .direction-ads-case img { height:245px; background:#e9e6df; object-fit:cover; }
.direction-ads-page .direction-ads-case .btn--outline { margin-top:16px; background:transparent; }
.direction-ads-page .direction-ads-section--dark { background:#17171a; color:#fff; }
.direction-ads-page .direction-ads-section--dark h2,
.direction-ads-page .direction-ads-section--dark h3,
.direction-ads-page .direction-ads-section--dark p { color:#fff!important; }
.direction-ads-page .direction-ads-benefits article { overflow:hidden; padding:0 0 26px; border-color:rgba(255,255,255,.2); }
.direction-ads-page .direction-ads-benefits article img { display:block; width:100%; height:145px; object-fit:cover; background:#2a292d; margin:0 0 20px; }
.direction-ads-page .direction-ads-benefits article h3,
.direction-ads-page .direction-ads-benefits article p { padding:0 22px; }
.direction-ads-page .direction-ads-benefits article h3 { margin:0 0 14px; }
.direction-ads-page .direction-ads-benefits article p { margin:0; line-height:1.5; }
.direction-ads-page .direction-ads-quiz { background:linear-gradient(120deg,#f2a825,#d45c22); color:#fff; }
.direction-ads-page .direction-ads-quiz h2,
.direction-ads-page .direction-ads-quiz p { color:#fff!important; }
.direction-ads-page .direction-ads-quiz__intro { min-width:0; }
.direction-ads-page .direction-ads-quiz__intro img { display:block; width:min(100%,330px); max-height:245px; object-fit:contain; object-position:left bottom; margin:24px 0 -32px; }
.direction-ads-page .direction-ads-quiz__form { color:#17171a!important; box-shadow:0 18px 46px rgba(67,27,14,.2); }
.direction-ads-page .direction-ads-quiz__form .direction-ads-quiz__progress,
.direction-ads-page .direction-ads-quiz__form legend,
.direction-ads-page .direction-ads-quiz__form label,
.direction-ads-page .direction-ads-quiz__form .direction-ads-consent,
.direction-ads-page .direction-ads-quiz__form .direction-ads-consent a { color:#17171a!important; opacity:1!important; }
.direction-ads-page .direction-ads-quiz fieldset>label { background:#fff; border-color:rgba(23,23,26,.22); font-weight:500; }
.direction-ads-page .direction-ads-quiz fieldset>label:hover { border-color:#9b241c; background:#fff6ed; }
.direction-ads-page .direction-ads-quiz fieldset>label.is-selected { color:#17171a!important; border-color:#9b241c; background:#fff1df; }
.direction-ads-page .direction-ads-quiz fieldset>label input { accent-color:#9b241c; }
.direction-ads-page .direction-ads-final { background:linear-gradient(105deg,#ef4937,#b9171b); color:#fff; overflow:hidden; }
.direction-ads-page .direction-ads-final h2,
.direction-ads-page .direction-ads-final p { color:#fff!important; }
.direction-ads-page .direction-ads-final__inner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,.75fr); align-items:center; gap:40px; }
.direction-ads-page .direction-ads-final__inner > img { display:block; width:100%; max-height:330px; object-fit:contain; }
@media(max-width:960px) {
  .direction-ads-page .direction-ads-hero .dev-hero__content { max-width:100%; }
  .direction-ads-page .direction-ads-hero .dev-hero__title { font-size:clamp(42px,7vw,58px)!important; }
  .direction-ads-page .direction-ads-final__inner { grid-template-columns:1fr; }
  .direction-ads-page .direction-ads-final__inner > img { max-width:460px; justify-self:center; }
}
@media(max-width:800px) {
  .direction-ads-page .direction-ads-header__nav { display:none; }
  .direction-ads-page .direction-ads-hero { padding-top:calc(var(--header-h,72px) + 48px); }
  .direction-ads-page .direction-ads-hero .dev-hero__title { font-size:clamp(38px,11vw,52px)!important; }
  .direction-ads-page .direction-ads-section h2,
  .direction-ads-page .direction-ads-final h2 { font-size:clamp(34px,10vw,48px)!important; }
  .direction-ads-page .direction-ads-quiz__intro img { margin:16px auto -12px; }
  .direction-ads-page .direction-ads-case img { height:auto; aspect-ratio:4/3; }
}