:root{--blue-accent:#2895f0;--red-accent:#ff1e44;--title-color:#121b5e;--txt-main:#71769e;--icon-gradient:linear-gradient(135deg,#2895f0,#27c990);--max-gradient:linear-gradient(135deg,#471AFF,#9500FF)}

/* меню: дропдаун услуг (из bitrix-import.css) */
.mod-hero{padding:80px 0}
.mod-hero__inner{display:flex;align-items:center;gap:50px;max-width:1000px}
.mod-hero__info{flex:1;min-width:0}
.mod-hero__image{flex:0 0 320px;max-width:320px;border-radius:12px;overflow:hidden}
.mod-hero__image img{display:block;width:100%;height:auto;border-radius:12px}
.mod-hero__badge{display:inline-flex;align-items:center;gap:10px;background:var(--blue-accent);color:#fff;font-size:13px;font-weight:600;line-height:100%;letter-spacing:.02em;padding:11px 20px;border-radius:100px;margin-bottom:24px}
.mod-hero__title{font-family:Onest,sans-serif;font-size:50px;line-height:128%;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--title-color);margin:0 0 22px}
.mod-lead{font-size:20px;line-height:155%;color:var(--txt-main);max-width:700px;margin:0 0 30px}
.mod-hero__panel{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.mod-hero__tag{background:#fff;border:1px solid var(--blue-accent);border-radius:20px;padding:10px 18px;font-size:14px;line-height:135%;color:var(--title-color);font-weight:600}
.mod-hero__tag strong{color:var(--blue-accent);font-size:17px}
.mod-hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.mod-hero__actions .btn-style{min-width:200px}
.mod-section{padding:80px 0}
.mod-section--soft{background-color:#f0f0f0}
.mod-head{margin-bottom:48px;max-width:820px}
.mod-head--center{margin-left:auto;margin-right:auto;text-align:center}
.mod-title{font-family:Onest,sans-serif;color:var(--title-color);font-size:38px;line-height:128%;font-weight:600;text-transform:uppercase;letter-spacing:.25px;margin:0}
.mod-lead--head{margin-top:16px;font-size:18px;line-height:155%;color:var(--txt-main)}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod-grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.mod-grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mod-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .25s,transform .25s,border-color .25s}
.mod-card:hover{box-shadow:0 24px 48px rgba(18,27,94,.10);transform:translateY(-5px);border-color:var(--blue-accent)}
.mod-card__icon{width:58px;height:58px;border-radius:18px;background:var(--icon-gradient);display:flex;align-items:center;justify-content:center;flex:none;margin-bottom:6px}
.mod-card h3{font-family:Onest,sans-serif;color:var(--title-color);font-size:22px;line-height:130%;font-weight:600}
.mod-card p{color:var(--txt-main);font-size:16px;line-height:155%;margin:0}
.mod-card .mod-card__price{font-family:Onest,sans-serif;color:var(--blue-accent);font-size:22px;font-weight:600;margin-top:auto}
.mod-card .mod-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.mod-card .mod-card__actions .btn-style{flex:1;min-width:120px;text-align:center;font-size:13px;padding:12px 16px}
.mod-card__ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.mod-card__ul li{display:flex;gap:10px;align-items:flex-start;color:var(--title-color);font-size:14px;line-height:140%;font-weight:500}
.mod-card__ul li svg{flex:none;margin-top:2px}
.mod-feature{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;gap:12px}
.mod-feature h3{font-family:Onest,sans-serif;color:var(--title-color);font-size:20px;line-height:130%;font-weight:600}
.mod-feature p{color:var(--txt-main);font-size:15px;line-height:152%;margin:0}
.mod-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mod-step{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:28px 24px;text-align:center}
.mod-step__num{font-family:Onest,sans-serif;font-size:36px;line-height:1;font-weight:600;letter-spacing:.02em;-webkit-text-stroke:1px var(--blue-accent);color:rgba(40,149,240,.18);margin-bottom:14px}
.mod-step h3{font-family:Onest,sans-serif;color:var(--title-color);font-size:17px;line-height:130%;font-weight:600;margin-bottom:8px}
.mod-step p{color:var(--txt-main);font-size:14px;line-height:150%;margin:0}
.mod-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.mod-faq__item{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;transition:border-color .25s}
.mod-faq__item.open{border-color:var(--blue-accent)}
.mod-faq__q{width:100%;background:none;border:0;cursor:pointer;font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;text-align:left;font-size:16px;line-height:140%;font-weight:600;color:var(--title-color)}
.mod-faq__plus{flex:none;width:28px;height:28px;border-radius:50%;background:var(--icon-gradient);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.mod-faq__item.open .mod-faq__plus{transform:rotate(45deg)}
.mod-faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.mod-faq__a-inner{padding:0 24px 20px;color:var(--txt-main);font-size:15px;line-height:155%}
.mod-cta{text-align:center;padding:60px 0}
.mod-cta h2{font-family:Onest,sans-serif;color:var(--title-color);font-size:36px;line-height:128%;font-weight:600;margin:0 0 10px}
.mod-cta p{color:var(--txt-main);font-size:18px;margin:0 0 30px}
.mod-other{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mod-other__card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .25s,transform .25s;text-decoration:none;color:inherit}
.mod-other__card:hover{box-shadow:0 20px 40px rgba(18,27,94,.08);transform:translateY(-3px);border-color:var(--blue-accent)}
.mod-other__card h3{font-family:Onest,sans-serif;color:var(--title-color);font-size:16px;line-height:128%;font-weight:600}
.mod-other__card .mod-card__price{font-family:Onest,sans-serif;color:var(--blue-accent);font-size:18px;font-weight:600}
.mod-other__card:hover h3{color:var(--blue-accent)}
.mod-specs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:center}
.mod-specs__badge{background:#fff;border:1px solid var(--blue-accent);border-radius:100px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--title-color);text-align:center}
.mod-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.mod-reveal.mod-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mod-reveal{opacity:1;transform:none;transition:none}}
@media (max-width:1199px){.mod-hero__title{font-size:42px}.mod-grid--4{grid-template-columns:repeat(2,1fr)}.mod-other{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1080px){.mod-grid{grid-template-columns:repeat(2,1fr)}.mod-steps{grid-template-columns:repeat(2,1fr)}.mod-specs{grid-template-columns:repeat(4,1fr)}}
@media (max-width:780px){.mod-title{font-size:32px}.mod-section{padding:60px 0}.mod-hero{padding:36px 0 60px}.mod-hero__title{font-size:32px}.mod-lead{font-size:17px}.mod-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.mod-title{font-size:26px}.mod-grid,.mod-grid--2,.mod-grid--4,.mod-steps,.mod-other{grid-template-columns:1fr}.mod-hero__title{font-size:28px}.mod-hero__actions{flex-direction:column}.mod-hero__actions .btn-style{min-width:0;width:100%}.mod-specs{grid-template-columns:repeat(2,1fr)}}/* на страницах модулей точки на кнопках не нужны */
.mod-card .btn-style:after,
.mod-hero .btn-style:after{display:none!important}