/* v18.5 — service/contact/solution detail UI */

.service-page-hero{padding-bottom:46px}
.service-page-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:34px;align-items:end}
.service-page-hero__main{max-width:850px}
.service-page-hero__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border-radius:14px;background:#fff0e8;color:var(--primary);font-size:22px}
.service-page-hero h1{margin:5px 0 12px;max-width:850px;font-size:clamp(36px,4vw,55px);line-height:1.06;letter-spacing:-.025em}
.service-page-hero__main>p{max-width:780px;margin:0;color:var(--text-light);font-size:17px;line-height:1.65}
.service-page-hero__aside{display:grid;gap:1px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border);box-shadow:0 12px 34px rgba(45,55,72,.055)}
.service-page-hero__aside>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:1px 10px;padding:13px 14px;background:#fff}
.service-page-hero__aside i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#667085}
.service-page-hero__aside span{color:var(--text-light);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.service-page-hero__aside strong{font-size:.88rem;line-height:1.4}

.service-page-section{padding-top:54px}
.service-page-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:34px;align-items:start}
.service-page-content__intro{margin-bottom:18px}.service-page-content__intro h2{margin:4px 0 0;font-size:28px}
.service-detail__text--modern{max-width:none;padding:0;border:0;background:none;box-shadow:none}
.service-detail__text--modern>h2:first-child{margin-top:0}
.service-detail__text--modern h2{margin-top:34px;font-size:24px}
.service-detail__text--modern h3{margin-top:25px;font-size:18px}
.service-detail__text--modern p,.service-detail__text--modern li{color:#536071;line-height:1.7}
.service-detail__text--modern .advantages-grid,.service-detail__text--modern .support-types,.service-detail__text--modern .seo-directions,.service-detail__text--modern .optimization-areas,.service-detail__text--modern .development-types,.service-detail__text--modern .security-services{gap:9px}
.service-detail__text--modern .advantage-item,.service-detail__text--modern .support-type,.service-detail__text--modern .direction,.service-detail__text--modern .area,.service-detail__text--modern .dev-type,.service-detail__text--modern .security-service{border-radius:11px;box-shadow:none}

.service-included{margin-top:34px;padding-top:30px;border-top:1px solid var(--border)}
.service-included__head span{color:var(--primary-dark);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.service-included__head h2{margin:4px 0 15px}
.service-included__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-included__grid>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:11px;border:1px solid var(--border);border-radius:9px;background:#fff}
.service-included__grid i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#eef8f2;color:#2d7b4f;font-size:10px}
.service-included__grid span{font-size:.86rem;line-height:1.45}

.service-page-sidebar{position:sticky;top:88px;display:grid;gap:10px}
.service-page-sidebar__card{padding:19px;border:1px solid #f0c6b6;border-radius:13px;background:linear-gradient(180deg,#fffaf7,#fff);box-shadow:0 10px 28px rgba(45,55,72,.055)}
.service-page-sidebar__eyebrow{color:var(--primary-dark);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.service-page-sidebar__card h3{margin:7px 0 7px;font-size:19px;line-height:1.3}
.service-page-sidebar__card p{margin:0 0 14px;color:var(--text-light);font-size:.84rem;line-height:1.55}
.service-page-sidebar__card .btn+.btn{margin-top:7px}
.service-page-sidebar__facts{display:grid;gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--border)}
.service-page-sidebar__facts>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:1px 8px;padding:10px 11px;background:#fff}
.service-page-sidebar__facts i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f2f4f7;color:#667085}
.service-page-sidebar__facts strong{font-size:.82rem}.service-page-sidebar__facts span{color:var(--text-light);font-size:.72rem;line-height:1.4}
.service-page-related{padding-top:50px}
.service-card--related{box-shadow:none}
.service-page-marketplace-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:#fff}
.service-page-marketplace-cta>div{display:flex;align-items:center;gap:11px}.service-page-marketplace-cta>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff0e8;color:var(--primary)}
.service-page-marketplace-cta>div>div{display:grid;gap:2px}.service-page-marketplace-cta strong{font-size:.92rem}.service-page-marketplace-cta span{color:var(--text-light);font-size:.8rem}

.contact-page-hero{padding-bottom:38px}.contact-page-hero .container{max-width:980px}.contact-page-hero h1{max-width:900px}.contact-page-hero p{max-width:850px}
.contact-workspace-section{padding-top:30px}
.contact-fast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.contact-fast-card{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);text-decoration:none}
.contact-fast-card:hover{border-color:#d2d9e2;background:#fafbfc;color:var(--text)}
.contact-fast-card>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#5d6877}
.contact-fast-card>i:last-child{color:#98a2b3;font-size:.75rem}.contact-fast-card>div{display:grid;gap:1px;min-width:0}
.contact-fast-card span{color:var(--text-light);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.contact-fast-card strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-fast-card small{color:var(--text-light);font-size:.72rem}

.contact-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}
.contact-form-card--modern{padding:24px;border-radius:14px;box-shadow:0 10px 28px rgba(45,55,72,.055)}
.contact-form-card__head{margin-bottom:17px}.contact-form-card__head h2{margin:4px 0 5px;font-size:25px}.contact-form-card__head p{margin:0;color:var(--text-light);font-size:.86rem}
.contact-form-primary{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.contact-one-contact{display:flex;align-items:center;gap:5px;margin:-4px 0 14px}.contact-task-textarea{min-height:128px}
.contact-extra{margin:2px 0 14px;border:1px solid var(--border);border-radius:10px;background:#fafbfc}
.contact-extra>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;list-style:none}.contact-extra>summary::-webkit-details-marker{display:none}
.contact-extra>summary>span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:1px 8px;align-items:center}.contact-extra>summary>span>i{grid-row:1/3;color:var(--primary)}
.contact-extra strong{font-size:.83rem}.contact-extra small{color:var(--text-light);font-size:.72rem}.contact-extra>summary>i{color:#98a2b3;font-size:.72rem;transition:transform .15s}.contact-extra[open]>summary>i{transform:rotate(180deg)}
.contact-extra__body{padding:12px;border-top:1px solid var(--border);background:#fff}

.contact-context{display:grid;gap:10px}.contact-context__card{padding:17px;border:1px solid var(--border);border-radius:12px;background:#fff}.contact-context__card--accent{border-color:#f0c9b9;background:linear-gradient(180deg,#fffaf7,#fff)}
.contact-context__card>span{display:block;margin-bottom:10px;color:var(--text-light);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.contact-context__card ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:contact-step}.contact-context__card ol li{position:relative;display:grid;gap:2px;padding-left:35px;counter-increment:contact-step}
.contact-context__card ol li:before{content:counter(contact-step);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#fff0e8;color:var(--primary-dark);font-size:.72rem;font-weight:800}
.contact-context__card ol strong{font-size:.83rem}.contact-context__card ol small{color:var(--text-light);font-size:.73rem;line-height:1.4}
.contact-context__rows{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden}.contact-context__rows>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:1px 8px;padding:9px;background:#fff}
.contact-context__rows i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#f2f4f7;color:#667085}.contact-context__rows strong{font-size:.78rem}.contact-context__rows small{color:var(--text-light);font-size:.7rem;line-height:1.4}
.contact-legal-details{margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}.contact-legal-details>summary{display:flex;justify-content:space-between;gap:8px;color:#596473;font-size:.76rem;font-weight:750;cursor:pointer;list-style:none}.contact-legal-details>summary::-webkit-details-marker{display:none}.contact-legal-details p{margin:9px 0;color:var(--text-light);font-size:.74rem;line-height:1.55}.contact-legal-details a{font-size:.75rem;font-weight:800;text-decoration:none}
.contact-context__note{display:flex;gap:8px;align-items:flex-start;padding:11px;border-radius:10px;background:#eef3f7;color:#596473;font-size:.72rem;line-height:1.45}.contact-context__note i{margin-top:2px;color:#667085}

.solution-fact-strip{padding:0;background:#fff}.solution-fact-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--border)}
.solution-fact-strip__grid>div{display:grid;gap:2px;padding:13px 15px;background:#fff}.solution-fact-strip__grid span{color:var(--text-light);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.solution-fact-strip__grid strong{font-size:.86rem;line-height:1.4}
.solution-benefits-section{padding-top:46px}.solution-next-step{padding-top:44px}

@media(max-width:980px){
    .service-page-hero__grid,.service-page-layout,.contact-workspace{grid-template-columns:1fr}
    .service-page-sidebar{position:static}
    .contact-fast-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
    .service-page-hero{padding-bottom:32px}.service-page-hero h1{font-size:34px}.service-page-hero__main>p{font-size:15px}
    .service-included__grid,.contact-form-primary,.solution-fact-strip__grid{grid-template-columns:1fr}
    .service-page-marketplace-cta{align-items:flex-start;flex-direction:column}
    .contact-fast-grid{grid-template-columns:1fr}.contact-form-card--modern{padding:18px}
}
@media(prefers-reduced-motion:reduce){
    .contact-extra>summary>i{transition:none}
}

/* v18.5.1 — resilient fact-card layout */
.service-page-hero__aside>div{position:relative;display:block;padding:13px 14px 13px 58px;min-height:58px}.service-page-hero__aside>div>i{position:absolute;left:14px;top:13px}.service-page-hero__aside>div>span,.service-page-hero__aside>div>strong{display:block}.service-page-hero__aside>div>strong{margin-top:2px}
.service-page-sidebar__facts>div{position:relative;display:block;padding:10px 11px 10px 49px;min-height:48px}.service-page-sidebar__facts>div>i{position:absolute;left:11px;top:10px}.service-page-sidebar__facts>div>strong,.service-page-sidebar__facts>div>span{display:block}.service-page-sidebar__facts>div>span{margin-top:2px}
.contact-context__rows>div{position:relative;display:block;padding:10px 10px 10px 45px;min-height:45px}.contact-context__rows>div>i{position:absolute;left:10px;top:10px}.contact-context__rows>div>strong,.contact-context__rows>div>small{display:block}.contact-context__rows>div>small{margin-top:2px}


/* v18.6 — service hero rebuild */
.service-page-hero{
    position:relative;
    overflow:hidden;
    padding-bottom:38px;
    background:
        radial-gradient(circle at 88% 15%,rgba(255,107,53,.075),transparent 26%),
        linear-gradient(135deg,#f8fafc 0%,#fff 56%,#fff8f4 100%)
}
.service-page-hero:after{
    content:"";
    position:absolute;
    right:-120px;
    top:110px;
    width:360px;
    height:360px;
    border:1px solid rgba(255,107,53,.09);
    border-radius:50%;
    pointer-events:none
}
.service-page-hero__container{position:relative;z-index:1;max-width:1120px!important}
.service-page-hero__content{max-width:860px;padding:34px 0 29px}
.service-page-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#687386;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.service-page-hero__eyebrow-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #f1c8b8;border-radius:8px;background:#fff;color:var(--primary);font-size:11px}
.service-page-hero h1{max-width:820px;margin:0 0 13px;font-size:clamp(38px,4.3vw,56px);line-height:1.05;letter-spacing:-.03em}
.service-page-hero__lead{max-width:760px!important;margin:0!important;color:#647083!important;font-size:17px!important;line-height:1.62!important}
.service-page-hero__actions{margin-top:22px}
.service-page-hero__actions .btn{min-height:48px}
.service-page-hero__micro{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:820px;margin-top:14px;color:#7b8696;font-size:.78rem;line-height:1.45}
.service-page-hero__micro>i{color:#8f99a8;font-size:.72rem}
.service-page-hero__micro>a{color:#4f5e70;font-weight:750;text-decoration:underline;text-decoration-color:#c5cbd2;text-underline-offset:3px}
.service-page-hero__micro>a:hover{color:var(--primary-dark);text-decoration-color:#f0a88e}

.service-page-hero__trust{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    max-width:1040px;
    border:1px solid #dfe5eb;
    border-radius:12px;
    overflow:hidden;
    background:#dfe5eb;
    box-shadow:0 8px 24px rgba(45,55,72,.035)
}
.service-page-hero__trust>div{
    position:relative;
    display:grid;
    gap:2px;
    min-height:77px;
    padding:13px 15px 13px 48px;
    background:rgba(255,255,255,.88)
}
.service-page-hero__trust-num{
    position:absolute;
    left:15px;
    top:15px;
    color:#c0c6ce!important;
    font-size:.69rem!important;
    font-weight:850!important;
    letter-spacing:.03em!important
}
.service-page-hero__trust>div>span:not(.service-page-hero__trust-num){color:#8a94a2;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.service-page-hero__trust strong{max-width:245px;color:#283446;font-size:.84rem;line-height:1.4}

/* neutralize obsolete v18.5 two-column hero rules */
.service-page-hero__grid,.service-page-hero__main,.service-page-hero__icon,.service-page-hero__aside{display:unset;max-width:none}
.service-page-hero__aside{border:0;background:none;box-shadow:none}
.service-page-hero__aside>div{display:block}

/* content follows the hero more tightly */
.service-page-section{padding-top:44px}

@media(max-width:760px){
    .service-page-hero{padding-bottom:24px}
    .service-page-hero:after{display:none}
    .service-page-hero__content{padding:22px 0 22px}
    .service-page-hero h1{font-size:34px}
    .service-page-hero__lead{font-size:15px!important}
    .service-page-hero__actions{display:grid}
    .service-page-hero__actions .btn{width:100%}
    .service-page-hero__micro{align-items:flex-start}
    .service-page-hero__trust{grid-template-columns:1fr}
    .service-page-hero__trust>div{min-height:0;padding:11px 12px 11px 43px}
    .service-page-hero__trust-num{left:12px;top:12px}
}