/* Единый стиль внутренних страниц UNITRAMP (Claude): тот же язык, что на новой главной.
   Подключается последним, действует только при body.rd-site. Разметку страниц не меняет. */
.rd-site{
  --rd-blue:#1557ff;--rd-cyan:#2bd4ff;--rd-pink:#ff3f8e;--rd-lime:#c9ff45;--rd-sun:#ffcd38;--rd-violet:#7a4dff;
  --rd-paper:#f3f5fb;--rd-ink:#0d1324;--rd-muted:#56627a;--rd-radius:28px;
}
.rd-site main h1,.rd-site main h2,.rd-site main h3{font-family:var(--headline);font-weight:800;color:var(--rd-ink)}
.rd-site main h2{font-size:clamp(28px,3.9vw,54px);line-height:1.03;letter-spacing:-.045em;word-spacing:.06em}
.rd-site main h3{letter-spacing:-.03em;word-spacing:.1em}

/* метка над заголовком — плашка с точкой */
.rd-site main .eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:7px 14px 7px 11px;border:1px solid #0d132422;border-radius:999px;background:#fff;color:var(--rd-ink);font:700 12.5px/1 var(--headline);letter-spacing:.08em;text-transform:uppercase}
.rd-site main .eyebrow i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--rd-blue);box-shadow:0 0 0 4px #1557ff26}

/* кнопки */
.rd-site main .button,.rd-site header .button{min-height:54px;padding:0 24px;border-radius:999px;font:800 15.5px/1 var(--headline);gap:12px;justify-content:center;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}
.rd-site header .button{min-height:46px;padding:0 20px;font-size:14.5px}
.rd-site main .button.primary{border:0;background:linear-gradient(100deg,var(--rd-blue),var(--rd-violet));color:#fff;box-shadow:0 14px 34px #1557ff40}
.rd-site main .button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px #1557ff5c}
.rd-site main .button.outline-dark,.rd-site main .button.outline-light{border:1.5px solid #c9d5ee;background:#fff;color:var(--rd-ink)}
.rd-site main .button.outline-dark:hover,.rd-site main .button.outline-light:hover{border-color:var(--rd-blue);color:var(--rd-blue);background:#fff}
.rd-site main .button span[aria-hidden]{transition:transform .25s}
.rd-site main .button:hover span[aria-hidden]{transform:translate(3px,-3px)}
.rd-site main .text-link,.rd-site main .home-inline-link{font-family:var(--headline);font-weight:700;color:var(--rd-blue)}

/* первый экран внутренних страниц: светлый, с цветными свечениями */
.rd-site main .hero{position:relative;isolation:isolate;color:var(--rd-ink);background:linear-gradient(150deg,#e4eeff 0,#f3f0ff 55%,#fdeef6 100%)}
.rd-site main .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(34% 44% at 96% 4%,#2bd4ff59,transparent 66%),
  radial-gradient(30% 40% at 46% 104%,#ff3f8e30,transparent 68%),
  radial-gradient(34% 46% at -4% 30%,#7a4dff30,transparent 68%)}
.rd-site main .hero h1{font-size:clamp(32px,4.4vw,64px);line-height:1.03;letter-spacing:-.05em;word-spacing:.06em;color:var(--rd-ink)}
.rd-site main .hero .hero-lead,.rd-site main .hero .hero-note{color:var(--rd-muted)}
.rd-site main .hero .breadcrumbs,.rd-site main .hero .breadcrumbs a{color:var(--rd-muted)}
.rd-site main .hero-photo{border-radius:36px;background:#dfe7f7;box-shadow:0 40px 80px #1557ff33,0 0 0 1px #fff}
.rd-site main .hero-photo figcaption{left:16px;bottom:16px;padding:8px 13px;border-radius:999px;background:var(--rd-blue);color:#fff;font:700 12.5px/1.2 var(--headline)}
.rd-site main .fact-chips li,.rd-site main .card-facts li{border-radius:14px}

/* секции */
.rd-site main .section.tinted,.rd-site main .next-step,.rd-site main .stats-band{background:var(--rd-paper)}
.rd-site main .section-head>p:not(.eyebrow){color:var(--rd-muted)}

/* карточки: скругление, подъём при наведении, приближение кадра */
.rd-site main :is(.project-card,.equipment-card,.solution-card,.category-card,.timeline-card,.design-example){border:0;border-radius:var(--rd-radius);background:#fff;box-shadow:0 0 0 1px #e1e7f2;transition:transform .25s,box-shadow .25s}
.rd-site main .section:not(.tinted) :is(.project-card,.equipment-card,.solution-card,.category-card){background:var(--rd-paper);box-shadow:none}
.rd-site main :is(.project-card,.equipment-card,.solution-card,.category-card):hover{transform:translateY(-6px);box-shadow:0 22px 50px #0d132424;border-color:transparent}
.rd-site main :is(.project-card,.solution-card) .card-media{height:auto;aspect-ratio:16/10;margin:10px 10px 0;border-radius:20px;background:#dfe7f7}
.rd-site main :is(.project-card,.solution-card).is-text .card-media{aspect-ratio:auto}
.rd-site main .card-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rd-site main :is(.project-card,.equipment-card,.solution-card):hover .card-media img{transform:scale(1.06)}
.rd-site main .open-card{width:42px;height:42px;font:800 17px/1 var(--headline);box-shadow:0 6px 16px #0d13241f}
.rd-site main .project-card .card-meta{display:inline-block;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:var(--rd-blue);color:#fff;font:700 12.5px/1 var(--headline)}
.rd-site main .project-card h3{font-size:clamp(20px,1.9vw,26px);line-height:1.1}
.rd-site main .card-copy>p:not(.card-meta){color:var(--rd-muted)}
.rd-site main :is(.route,.detail-grid article,.service-links a,.client-links a){border:0;border-radius:var(--rd-radius);background:#fff;box-shadow:0 0 0 1px #e1e7f2;transition:transform .25s,box-shadow .25s}
.rd-site main .section:not(.tinted) :is(.route,.detail-grid article,.service-links a,.client-links a){background:var(--rd-paper);box-shadow:none}
.rd-site main :is(.service-links a,.client-links a):hover{transform:translateY(-6px);box-shadow:0 22px 50px #0d132424;background:#fff}
.rd-site main .detail-grid article>span{font:800 clamp(34px,3.4vw,52px)/1 var(--headline);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--rd-blue)}
.rd-site main .gallery .zoom,.rd-site main .case-gallery .zoom{border-radius:20px;overflow:hidden}
.rd-site main .video-card{border:0;border-radius:var(--rd-radius);box-shadow:0 0 0 1px #e1e7f2;transition:transform .25s,box-shadow .25s}
.rd-site main .video-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #0d132424}
.rd-site main .video-section{background:var(--rd-paper)}
.rd-site main .video-button{background:linear-gradient(100deg,var(--rd-blue),var(--rd-violet))}

/* «О компании»: кто работает на этапах */
.rd-site main .role-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);border:0}
.rd-site main .role-steps li{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:clamp(18px,2vw,28px);border:0;border-radius:var(--rd-radius);background:var(--rd-paper)}
.rd-site main .role-steps li>span{font:800 clamp(40px,4.2vw,64px)/.9 var(--headline);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--rd-blue)}
.rd-site main .role-steps h3{font-size:clamp(19px,1.7vw,24px);line-height:1.15}
.rd-site main .role-steps .stage-who{display:inline-block;margin:8px 0 6px;padding:6px 11px;border-radius:999px;background:#fff;color:var(--rd-blue);font:700 12.5px/1.2 var(--headline)}
.rd-site main .role-steps p:not(.stage-who){font-size:15px;line-height:1.45;color:var(--rd-muted)}

/* вопросы */
.rd-site main .faq{background:#fff}
.rd-site main .faq details{margin-bottom:10px;border:0;border-radius:22px;background:var(--rd-paper);transition:box-shadow .25s}
.rd-site main .faq details[open]{box-shadow:0 18px 44px #0d13241a}
.rd-site main .faq summary{padding:20px 22px;font:800 clamp(16px,1.5vw,20px)/1.25 var(--headline);letter-spacing:-.02em}
.rd-site main .faq details>p,.rd-site main .faq details>div{padding:0 22px 22px;color:var(--rd-muted)}
.rd-site main .faq .q-num{color:var(--rd-blue)}

/* финальная заявка: цветная панель с формой на белой карточке */
.rd-site main .brief{background:#fff;color:#fff;padding-block:clamp(20px,3vw,40px) clamp(56px,7vw,110px)}
.rd-site main .brief .brief-layout{position:relative;isolation:isolate;overflow:hidden;align-items:center;gap:clamp(22px,4vw,64px);padding:clamp(24px,4.6vw,72px);border-radius:calc(var(--rd-radius) + 14px);background:linear-gradient(300deg,var(--rd-blue),var(--rd-violet) 68%,var(--rd-pink) 135%)}
.rd-site main .brief .brief-layout::before{content:"";position:absolute;z-index:-1;left:-9%;bottom:-46%;width:44%;aspect-ratio:1;border-radius:50%;border:clamp(26px,3.4vw,52px) solid #ffffff17}
.rd-site main .brief h2{color:#fff}
.rd-site main .brief .section-head>p:not(.eyebrow),.rd-site main .brief .form-context{color:#eef2ff}
.rd-site main .brief .eyebrow{border-color:#ffffff55;background:#ffffff1f;color:#fff}
.rd-site main .brief .eyebrow i{background:var(--rd-lime);box-shadow:0 0 0 4px #c9ff4533}
.rd-site main .brief .brief-contacts{gap:10px;color:#fff}
.rd-site main .brief .brief-contacts a{padding:11px 16px;border:1px solid #ffffff59;border-radius:999px;background:#ffffff1f;font:700 15px/1 var(--headline);color:#fff;text-decoration:none}
.rd-site main .brief .brief-contacts a:hover{background:#fff;color:var(--rd-ink)}
.rd-site main .brief form{padding:clamp(18px,2.2vw,30px);border-radius:var(--rd-radius);background:#fff;color:var(--rd-ink);box-shadow:0 30px 70px #0a102666}
.rd-site main .brief form .form-context{color:var(--rd-muted)}
.rd-site main form .button.primary{box-shadow:none}

@media(max-width:860px){
  .rd-site main .role-steps{grid-template-columns:minmax(0,1fr)}
  .rd-site main .brief .brief-layout{border-radius:28px;padding:22px 18px}
  .rd-site main .hero-photo{border-radius:28px}
}
@media(prefers-reduced-motion:reduce){
  .rd-site main *{transition:none!important}
}

.rd-site main .role-steps li::before,.rd-site main .role-steps li::after{display:none}
.rd-site main .about-path .role-steps li{background:#fff}

/* правки по просмотру: карточки всегда белые, горизонтальные карточки, каталог, номера этапов, видео */
.rd-site main .section:not(.tinted) :is(.project-card,.equipment-card,.solution-card,.category-card),
.rd-site main .section:not(.tinted) :is(.route,.detail-grid article,.service-links a,.client-links a){background:#fff;box-shadow:0 0 0 1px #e1e7f2}
.rd-site main :is(.service-links a,.client-links a){padding:clamp(18px,2vw,26px)}
.rd-site main .featured>.project-card .card-media{aspect-ratio:auto;margin:10px}
.rd-site main .featured>.project-card:not(:first-child)>a{align-items:stretch}
.rd-site main .featured>.project-card:not(:first-child) .card-media{margin:10px 0 10px 10px;min-height:150px}
.rd-site main .featured>.project-card:not(:first-child) .card-copy{align-self:center}
.rd-site main .category-card .card-media{margin:10px 10px 0;border-radius:20px;background:#fff}
.rd-site main .category-card .card-media img{object-fit:contain}
.rd-site main .role-steps li>span{display:block;margin-bottom:6px;line-height:1.05}
.rd-site main .video-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.rd-site main .video-list.video-shorts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(18px,2.2vw,28px)}
.rd-site main .video-shorts .video-card{max-width:none}
@media(max-width:900px){.rd-site main .video-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-site main .video-list.video-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rd-site main .video-list:not(.video-shorts){grid-template-columns:minmax(0,1fr)}}

.rd-site main .category-card .card-media{background:#fff!important}

/* раунд 2 по просмотру */
/* вопросы: без линии сверху */
.rd-site main .faq-list{border-top:0}
.rd-site main .faq-list details{border-bottom:0}
.rd-site main .faq-list details p{padding:0 22px 22px 72px}
/* номера этапов без подложки */
.rd-site main .role-steps li>span{width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;justify-self:start}
.rd-site main .role-steps li>span::before,.rd-site main .role-steps li>span::after{display:none}
/* «Исходные данные»: заголовок слева, список с галочками справа */
.rd-site main .rd-checklist>.frame{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(22px,4vw,70px);align-items:start}
.rd-site main .rd-checklist .detail-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:0}
.rd-site main .rd-checklist .detail-grid article{position:relative;display:block;padding:20px 22px 20px 74px;border-radius:22px;background:#fff;box-shadow:none}
.rd-site main .rd-checklist .detail-grid article>span{display:none}
.rd-site main .rd-checklist .detail-grid article::before{content:"✓";position:absolute;left:22px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rd-blue);color:#fff;font:800 15px/1 var(--headline)}
.rd-site main .rd-checklist .detail-grid h3{font-size:clamp(18px,1.6vw,22px);line-height:1.15}
.rd-site main .rd-checklist .detail-grid p{margin-top:6px;font-size:15.5px;line-height:1.45;color:var(--rd-muted)}
/* «Как работаем»: карточки хода проекта */
.rd-site main .project-timeline{gap:clamp(12px,1.6vw,22px)}
.rd-site main .timeline-card{padding:10px 10px 22px;overflow:visible}
.rd-site main .timeline-card .gallery .zoom{border-radius:20px;overflow:hidden}
.rd-site main .timeline-card .gallery .zoom img{aspect-ratio:16/10}
.rd-site main .timeline-card .gallery figcaption{border:0;padding:8px 10px 0;font-size:12.5px;color:var(--rd-muted)}
.rd-site main .timeline-number{top:20px;left:20px;background:var(--rd-blue);color:#fff;box-shadow:none}
.rd-site main .timeline-copy{padding:12px 10px 0}
.rd-site main .timeline-copy h3{font-size:clamp(19px,1.7vw,24px);line-height:1.15}
.rd-site main .timeline-copy p{color:var(--rd-muted)}
.rd-site main .timeline-result{display:inline-block;margin-top:12px;padding:7px 12px;border:0;border-radius:999px;background:var(--rd-paper);color:var(--rd-blue)!important;font:700 13px/1.2 var(--headline)}
.rd-site main .tinted .timeline-result{background:#fff}
@media(max-width:860px){.rd-site main .rd-checklist>.frame{grid-template-columns:minmax(0,1fr)}}

/* контурные цифры без внутренних линий: обводка под заливкой цвета фона */
.rd-site main .role-steps li>span,.rd-site main .detail-grid article>span{color:#fff;-webkit-text-stroke:3px var(--rd-blue);paint-order:stroke fill}
.rd-site main .section:not(.about-path) .role-steps li>span{color:var(--rd-paper)}

/* Сохраняем контраст на тёмной панели калькулятора. */
.rd-site main .design-summary h2{color:#fff}

.rd-site main > section.rd-band-light{background:#fff}
.rd-site main > section.rd-band-muted{background:var(--rd-paper)}
.rd-site main > section.rd-band-light.rd-checklist .detail-grid article{background:var(--rd-paper)}

@media(max-width:560px){
  .rd-site main .spec-layout{grid-template-columns:minmax(0,1fr)}
  .rd-site main .specs>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-site main .specs :is(dt,dd){overflow-wrap:anywhere}
}

/* ---------- Мобильные правки 13.11.2026 ---------- */
/* шапка без просвечивающего текста */
.rd-site .header{background:#fff}
/* слова не рвутся посередине: перенос только если слово не влезает в строку целиком */
.rd-site main .inner-hero .hero-copy h1,
.rd-site main :is(.category-card .card-copy h3,.inventory-grid .card-copy h3,.service-links strong,.contact-grid h3,.design-tier-title),
.rd-site main .specs :is(dt,dd){overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
/* «Смежные этапы» и похожие пары карточек — одна колонка на телефоне */
@media(max-width:700px){.rd-site main .service-links{grid-template-columns:minmax(0,1fr)}}
/* характеристики в первом экране карточки: белые плашки, тёмные подписи */
.rd-site main .hero .fact-chips li{background:#fff;border:1px solid #d9e2f2;box-shadow:0 8px 22px #1557ff14}
.rd-site main .hero .fact-chips small{font-size:12px;color:var(--rd-muted)}
.rd-site main .hero .fact-chips b{color:var(--rd-ink)}
/* форма amoCRM на цветной панели — на белой карточке, чтобы читалось согласие */
.rd-site main .brief .unitramp-phone-form{padding:clamp(16px,2.2vw,28px);border-radius:var(--rd-radius);background:#fff;box-shadow:0 30px 70px #0a102666;color:var(--rd-ink)}
/* форма amoCRM на телефоне: сама занижает высоту при загрузке, кнопка обрезалась */
@media(max-width:600px){#request-phone .amoforms_iframe{min-height:220px!important}}