/* SEO landing pages (Тула, доработка 1С-Битрикс / WordPress, модернизация). Loaded only by these pages; shared files stay untouched. */
.page-landing .service-visual .mono{display:block;letter-spacing:.11em}
.page-landing .landing-visual-title{font-size:clamp(24px,2.4vw,37px);font-weight:750;line-height:1.13;letter-spacing:-.045em;max-width:360px;margin-top:26px;color:#f4f4f4}
.page-landing .service-section-head h2 em,.page-landing .start-faq h2 em,.page-landing .location-heading h2 em,.page-landing .service-finale h2 em{display:block}
.page-landing .service-item .text-link{margin-top:18px;justify-self:start}
.page-landing .service-item p a,.page-landing .landing-note a,.page-landing .landing-office-copy a,.page-landing .start-faq-description a{color:#eee;border-bottom:1px solid #ffffff40}
.page-landing .service-item p a:hover,.page-landing .landing-note a:hover,.page-landing .landing-office-copy a:hover,.page-landing .start-faq-description a:hover{color:var(--red)}
.landing-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;border-top:1px solid var(--line)}
.landing-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.landing-prices dt{color:#a5a5a5;font-size:15px;line-height:1.5}
.landing-prices dd{margin:0;color:#f4f4f4;font-size:clamp(18px,1.6vw,22px);font-weight:650;letter-spacing:-.02em;line-height:1.3;text-align:right;white-space:nowrap}
.landing-note{max-width:860px;margin-top:28px;color:#999;font-size:15px;line-height:1.75}
.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:30px}
.landing-example{max-width:860px;margin-top:32px;padding:26px 28px;border:1px solid #ffffff1c;border-radius:14px;background:linear-gradient(135deg,#ffffff03,transparent),#121212}
.landing-example .mono{display:block;margin-bottom:12px;color:#939393;letter-spacing:.11em}
.landing-example p:not(.mono){color:#c4c4c4;font-size:15px;line-height:1.7}
.landing-office-copy{max-width:860px;margin:0 0 30px;color:#aaa;font-size:16px;line-height:1.75}
.landing-related{padding:56px 0 0}
.landing-related .eyebrow{margin-bottom:22px}
.landing-related .related-pages{padding-bottom:0}
/* faq.css styles the question as h4; the landings keep h3 for a correct outline with the same look. */
.start-faq-card h3{margin:0 0 9px;color:#b1b1b1;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:normal}
@media(max-width:900px){
 .page-landing .landing-visual-title{grid-column:1;margin-top:0}
 .page-landing .service-item>:nth-child(n+4){grid-column:2/-1}
}
@media(max-width:760px){.landing-prices{grid-template-columns:1fr}}
@media(max-width:640px){
 .page-landing .landing-visual-title{font-size:28px;max-width:320px;margin-top:18px}
 .page-landing .service-item>:nth-child(n+4){grid-column:2}
 .landing-prices dt{font-size:14px}
 .landing-prices dd{font-size:18px}
 .landing-example{padding:22px}
 .landing-related{padding-top:40px}
}