/* Service-specific structure, using the homepage's typography and colors. */
.about-new .service-intro-tags{padding:0!important;margin:28px 0 36px}
.faq-row .svc-row__head{grid-template-columns:56px minmax(0,1fr) 44px}
@media(min-width:1200px){.service-landing .hero__title{font-size:72px!important}}
@media(max-width:760px){.faq-row .svc-row__head{grid-template-columns:44px minmax(0,1fr)}}
.process-row{border-top:1px solid var(--le-line-on-light);list-style:none}
.process-row:last-child{border-bottom:1px solid var(--le-line-on-light)}
.process-row .svc-row__head{grid-template-columns:56px minmax(0,1fr);cursor:default}
.process-row .svc-row__body{max-height:none;overflow:visible}
.process-row .svc-row__desc{width:100%;max-width:none;padding-bottom:36px}
.process-number{font-family:'Unbounded',sans-serif;font-size:34px;font-weight:700;color:var(--le-accent)}
.related-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.related-services-grid .case-card{grid-column:auto!important;aspect-ratio:4/3}
@media(max-width:760px){.process-row .svc-row__head{grid-template-columns:44px minmax(0,1fr)}.process-number{font-size:28px}.related-services-grid{grid-template-columns:1fr!important}}

/* Poster-inspired introduction, scoped to website development. */
.website-intro .about-new__manifesto{max-width:none;font-size:72px;line-height:1.12;letter-spacing:-.035em}
.website-intro__site{display:inline-flex;align-items:center;gap:.16em;white-space:nowrap}
.website-intro__arrow{width:.78em;height:.78em;flex:none;color:var(--le-accent)}
.website-intro .service-intro-tags{gap:12px}
.website-intro .service-intro-tags span{background:#0a0a0a;color:#fff;border-color:#0a0a0a;padding:12px 20px;font-size:18px;line-height:1.3;border-radius:999px}
@media(max-width:1199px){.website-intro .about-new__manifesto{font-size:52px}}
@media(max-width:760px){.website-intro .about-new__manifesto{font-size:32px;line-height:1.16}.website-intro .service-intro-tags{gap:8px}.website-intro .service-intro-tags span{font-size:14px;padding:10px 14px}}

.service-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;vertical-align:middle}
.service-icon-button img{display:block;width:100%;height:100%;object-fit:contain}
.service-icon-button:focus-visible{outline:2px solid var(--le-accent);outline-offset:4px;border-radius:4px}

.service-all-cases{display:flex;justify-content:center;margin-top:40px}

@media(max-width:760px){.service-landing[data-service="smm"] .hero__title{font-size:32px!important}}

.service-landing #about .about-new__cta{background:#e16b36;color:#fff;border-color:#e16b36}
.service-landing #about .about-new__cta:hover{background:#ca5929;border-color:#ca5929}

@media(min-width:1200px){.service-landing[data-service="razrabotka-saytov"] .hero__title{font-size:68px!important}}

@media(min-width:1024px){.service-landing[data-service="smm"] #about .about-new__lead{width:662px;max-width:662px;flex-shrink:1}}

.service-landing[data-service="targetirovannaya-reklama"] .hero__title{font-size:52px!important}
@media(max-width:760px){.service-landing[data-service="targetirovannaya-reklama"] .hero__title{font-size:24px!important}}
/* Allow the AI introduction to wrap beside its icon on narrow screens. */
body[data-service="ai-agenty-i-avtomatizaciya"] .website-intro__site { white-space:normal;max-width:100%;flex-wrap:wrap; }
@media(max-width:760px){body[data-service="ai-agenty-i-avtomatizaciya"] .about-new__manifesto{font-size:28px;overflow-wrap:break-word}}