.services-page{background:#f7f5ed;color:var(--ink)}
.services-page .header{background:rgba(247,245,237,.92)}
.services-page .nav .is-current{color:#678800}
.services-page .nav .is-current:after{content:"";display:block;height:2px;margin-top:5px;background:var(--acid)}
.services-section{padding:120px 0}
.services-heading{max-width:960px;margin-bottom:58px}
.services-heading h2{margin:18px 0 24px;font-size:clamp(58px,6vw,88px);line-height:.96;letter-spacing:-.065em}
.services-heading>p,.services-heading--row>p{max-width:690px;margin:0;color:#4c5355;font-size:20px;line-height:1.5}
.services-heading--row{display:grid;max-width:none;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
.services-heading--row>div h2{margin-bottom:0}
.services-heading--inverse{color:#fff}
.services-heading--inverse>p{color:#bbc3bf}

.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:28px;color:#666e70;font-size:13px}
.breadcrumbs a{border-bottom:1px solid #aab0ad}
.services-hero{position:relative;overflow:hidden;padding-bottom:96px;background:radial-gradient(circle at 80% 30%,rgba(184,227,19,.12),transparent 34%),#f7f5ed}
.services-hero:before{content:"";position:absolute;left:-210px;bottom:-310px;width:620px;height:620px;border:1px solid #e0e1d8;border-radius:50%;box-shadow:0 0 0 90px rgba(17,20,22,.012),0 0 0 180px rgba(17,20,22,.008)}
.services-hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;min-height:720px}
.services-hero__content{position:relative;z-index:2;animation:services-enter .75s ease-out both}
.services-hero h1{max-width:900px;margin:25px 0 28px;font-size:clamp(66px,6.7vw,102px);line-height:.91;letter-spacing:-.075em}
.services-hero__lead{max-width:740px;margin:0;color:#464d50;font-size:22px;line-height:1.52}
.services-hero__actions{display:flex;align-items:center;gap:24px;margin-top:38px}
.services-text-link{padding:10px 0;border:0;border-bottom:1px solid #8c9490;background:transparent;font-weight:750;cursor:pointer}
.services-text-link span{margin-left:8px;color:#719500}
.services-hero__qualifier{display:flex;gap:0;margin:36px 0 0;padding:0;list-style:none;color:#555d60;font-size:14px;font-weight:700}
.services-hero__qualifier span{padding:8px 18px;border:1px solid #d3d7d0;background:rgba(255,255,255,.5)}
.services-hero__qualifier span:first-child{border-radius:8px 0 0 8px}
.services-hero__qualifier span:last-child{border-left:0;border-radius:0 8px 8px 0}

.economy-map{position:relative;width:min(100%,620px);aspect-ratio:1;margin-inline:auto;animation:services-enter .75s .12s ease-out both}
.economy-map:before,.economy-map:after{content:"";position:absolute;inset:6%;border:1px solid #d5d9d0;border-radius:50%}
.economy-map:after{inset:18%;border-style:dashed;animation:services-orbit 36s linear infinite}
.economy-map__step,.economy-map__core{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:18px 22px;border:1px solid #ccd1ca;border-radius:17px;background:#fff;box-shadow:0 18px 44px rgba(17,20,22,.07)}
.economy-map__step small,.economy-map__core small{color:#788083;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.economy-map__step strong,.economy-map__core strong{font-size:22px;letter-spacing:-.025em}
.economy-map__step span,.economy-map__core span{color:#656c6f;font-size:13px}
.economy-map__step--task{top:1%;left:50%;width:230px;transform:translateX(-50%)}
.economy-map__core{top:34%;left:50%;width:270px;min-height:150px;transform:translateX(-50%);border-color:var(--acid);background:var(--acid);box-shadow:0 24px 60px rgba(112,144,0,.2)}
.economy-map__core small,.economy-map__core span{color:#344200}
.economy-map__core strong{font-size:43px;line-height:1.05}
.economy-map__step--channel{left:4%;bottom:12%;width:205px}
.economy-map__step--sales{right:4%;bottom:12%;width:205px}
.economy-map__arrow{position:absolute;z-index:3;color:#728100;font-size:24px;font-weight:850}
.economy-map__arrow--one{top:25%;left:49%}.economy-map__arrow--two{left:34%;bottom:28%;transform:rotate(42deg)}.economy-map__arrow--three{right:32%;bottom:28%;transform:rotate(-42deg)}
.economy-map__channels{position:absolute;z-index:1;inset:0}
.economy-map__channels span{position:absolute;padding:7px 12px;border:1px solid #d2d7cf;border-radius:999px;background:#fdfcf8;font-size:12px;font-weight:750;box-shadow:0 8px 22px rgba(17,20,22,.04);animation:services-float 4s ease-in-out infinite}
.economy-map__channels span:nth-child(1){top:12%;right:4%}.economy-map__channels span:nth-child(2){top:36%;right:0;animation-delay:-.8s}.economy-map__channels span:nth-child(3){right:12%;bottom:2%;animation-delay:-1.6s}.economy-map__channels span:nth-child(4){left:10%;bottom:2%;animation-delay:-2.4s}.economy-map__channels span:nth-child(5){top:36%;left:0;animation-delay:-3.2s}

.services-choice{background:#fff}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.choice-card{position:relative;display:flex;min-height:630px;flex-direction:column;overflow:hidden;padding:52px;border-radius:28px}
.choice-card--commerce{background:var(--acid);color:#111416}
.choice-card--services{background:#111416;color:#fff}
.choice-card:after{content:"";position:absolute;right:-130px;bottom:-190px;width:430px;height:430px;border:1px solid currentColor;border-radius:50%;opacity:.12;box-shadow:0 0 0 60px currentColor,0 0 0 120px currentColor}
.choice-card>*{position:relative;z-index:1}
.choice-card__number{position:absolute;top:28px;right:36px;color:currentColor;font-size:110px;font-weight:850;line-height:1;letter-spacing:-.08em;opacity:.1}
.choice-card__label{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.choice-card h3{margin:58px 0 24px;font-size:clamp(48px,4.2vw,66px);line-height:.96;letter-spacing:-.055em}
.choice-card>p:not(.choice-card__label){max-width:610px;margin:0;color:inherit;font-size:19px;line-height:1.55;opacity:.8}
.choice-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0;padding:0;list-style:none}
.choice-card li{padding:8px 13px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:700;opacity:.76}
.choice-card__links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto}
.choice-card__links a:first-child{padding:14px 18px;border-radius:9px;background:#fff;color:#111416;font-weight:800}
.choice-card--services .choice-card__links a:first-child{background:var(--acid)}
.choice-card__links a:not(:first-child),.choice-card__links button{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-weight:700;cursor:pointer}

.services-catalog{background:#eef0e9}
.services-catalog__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.service-detail{position:relative;display:flex;min-height:640px;grid-column:span 2;flex-direction:column;overflow:hidden;padding:38px;border-radius:25px;background:#fff}
.service-detail:nth-child(n+4){grid-column:span 3;min-height:580px}
.service-detail--direct{background:#111416;color:#fff}.service-detail--vk{background:var(--acid)}.service-detail--avito{background:#fff}.service-detail--seo{background:#dcecff}.service-detail--telegram{background:#fff}
.service-detail:after{content:"";position:absolute;right:-95px;top:115px;width:240px;height:240px;border:1px solid currentColor;border-radius:50%;opacity:.08;box-shadow:0 0 0 45px currentColor,0 0 0 90px currentColor}
.service-detail>*{position:relative;z-index:1}
.service-detail__top{display:flex;align-items:flex-start;justify-content:space-between}
.service-detail__top img{width:56px;height:56px;object-fit:contain}
.service-detail__index{font-size:14px;font-weight:850}
.service-detail__tag{align-self:flex-start;margin-top:28px;padding:7px 10px;border:1px solid currentColor;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;opacity:.72}
.service-detail h3{margin:32px 0 22px;font-size:clamp(42px,3.7vw,58px);line-height:.92;letter-spacing:-.055em}
.service-detail__intro{max-width:480px;margin:0;font-size:18px;line-height:1.5}
.service-detail dl{margin:30px 0 0;padding-top:22px;border-top:1px solid currentColor}
.service-detail dl div+div{margin-top:18px}
.service-detail dt{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;opacity:.55}
.service-detail dd{margin:5px 0 0;font-size:14px;line-height:1.5;opacity:.82}
.service-detail__bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:28px}
.service-detail__bottom p{display:flex;flex-direction:column;margin:0}
.service-detail__bottom strong{font-size:24px}.service-detail__bottom small{font-size:12px;opacity:.65}
.service-detail__bottom a{display:flex;gap:13px;align-items:center;padding-bottom:5px;border-bottom:1px solid currentColor;font-weight:800}

.services-compare{background:#fff}
.compare-table{overflow:auto;border-top:2px solid #111416}
.compare-table table{width:100%;border-collapse:collapse;text-align:left}
.compare-table th,.compare-table td{padding:24px 20px;border-bottom:1px solid #ccd1ce}
.compare-table thead th{color:#71787a;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.compare-table tbody th{width:20%;font-size:21px}.compare-table tbody td{font-size:16px}
.compare-table tbody tr{transition:background .18s}.compare-table tbody tr:hover{background:#f1f6de}
.compare-mobile{display:none}
.compare-note{max-width:720px;margin:25px 0 0;color:#686f72;font-size:13px}

.services-bundles{position:relative;overflow:hidden;background:#111416;color:#fff}
.services-bundles:after{content:"+";position:absolute;right:-35px;top:-155px;color:var(--acid);font-size:600px;font-weight:200;line-height:1;opacity:.035}
.bundle-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border:1px solid #3b423f}
.bundle-grid article{display:flex;min-height:500px;flex-direction:column;padding:46px}
.bundle-grid article+article{border-left:1px solid #3b423f}
.bundle-grid article>span{color:var(--acid);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.bundle-grid h3{margin:54px 0 28px;font-size:clamp(43px,4vw,60px);line-height:1.03;letter-spacing:-.055em}
.bundle-grid h3 i{color:var(--acid);font-style:normal;font-weight:500}
.bundle-grid p{max-width:590px;margin:0;color:#bac2be;font-size:18px;line-height:1.58}
.bundle-grid a{align-self:flex-start;margin-top:auto;padding-bottom:5px;border-bottom:1px solid #6c746f;font-weight:750}.bundle-grid a b{margin-left:9px;color:var(--acid)}

.services-diagnostic{background:var(--acid)}
.diagnostic-panel{display:grid;grid-template-columns:1.15fr .9fr .65fr;gap:50px;align-items:start}
.diagnostic-panel__title>span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.diagnostic-panel__title h2{max-width:740px;margin:18px 0 0;font-size:clamp(48px,4.8vw,70px);line-height:.98;letter-spacing:-.06em}
.diagnostic-panel__columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px;border:1px solid rgba(17,20,22,.2);border-radius:20px;background:rgba(255,255,255,.33)}
.diagnostic-panel__columns small{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.diagnostic-panel__columns p{margin:16px 0 0;padding-bottom:10px;border-bottom:1px solid rgba(17,20,22,.15);font-size:14px;font-weight:650}
.diagnostic-panel__action{display:flex;height:100%;flex-direction:column;justify-content:space-between}
.diagnostic-panel__action p{margin:0;font-size:18px;line-height:1.55}
.diagnostic-panel__action .button{border-color:#111416;background:#111416;color:#fff}

.services-prices{background:#f7f5ed}
.services-price-list{border-top:2px solid #111416}
.services-price-list a,.services-price-list button{display:grid;width:100%;grid-template-columns:70px 1fr 300px 30px;gap:20px;align-items:center;min-height:104px;padding:0 20px;border:0;border-bottom:1px solid #c9ceca;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .2s,padding .2s}
.services-price-list a:hover,.services-price-list button:hover{padding-inline:30px;background:var(--acid)}
.services-price-list span{font-size:12px;font-weight:850}.services-price-list b{font-size:25px}.services-price-list strong{font-size:18px}.services-price-list i{font-style:normal;font-size:24px}
.services-price-list button:first-child{background:#111416;color:#fff}.services-price-list button:first-child strong{color:var(--acid)}
.services-prices__all{display:inline-flex;gap:12px;align-items:center;margin-top:30px;padding-bottom:5px;border-bottom:1px solid #8b9290;font-weight:800}.services-prices__all span{color:#719500}

.services-fit{background:#fff}
.fit-list{margin:0;padding:0;border-top:2px solid #111416;list-style:none}
.fit-list li{display:grid;grid-template-columns:90px .85fr 1.15fr;gap:30px;align-items:start;padding:38px 18px;border-bottom:1px solid #cdd2cf}
.fit-list span{color:#729500;font-size:13px;font-weight:850}.fit-list h3{margin:0;font-size:29px;line-height:1.12;letter-spacing:-.035em}.fit-list p{max-width:650px;margin:0;color:#555d60;font-size:18px;line-height:1.55}

.services-faq{background:#eef0e9}
.services-faq .faq-grid details{border-color:#c5cbc6}
.services-faq .faq-intro{top:118px}

.services-final{background:#fff}
.services-final__panel{position:relative;overflow:hidden;padding:74px;border-radius:30px;background:#111416;color:#fff}
.services-final__panel:after{content:"";position:absolute;right:-140px;bottom:-240px;width:600px;height:600px;border:2px solid var(--acid);border-radius:50%;box-shadow:0 0 0 70px rgba(184,227,19,.07),0 0 0 140px rgba(184,227,19,.04)}
.services-final__panel>*{position:relative;z-index:1}
.services-final__index{color:var(--acid);font-size:12px;font-weight:850;letter-spacing:.08em}
.services-final h2{max-width:900px;margin:30px 0 24px;font-size:clamp(62px,7vw,104px);line-height:.9;letter-spacing:-.075em}
.services-final__panel>p{max-width:680px;margin:0;color:#c7ceca;font-size:20px;line-height:1.5}
.services-final__actions{display:flex;align-items:center;gap:22px;margin-top:38px}
.services-final__actions>button{padding:12px 0;border:0;border-bottom:1px solid #737b77;background:transparent;color:#fff;font-weight:750;cursor:pointer}
.services-final address{display:flex;flex-wrap:wrap;gap:24px;margin-top:58px;color:#dfe4e1;font-style:normal;font-size:14px}
.services-mobile-cta{display:none}

@keyframes services-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes services-orbit{to{transform:rotate(360deg)}}
@keyframes services-float{50%{transform:translateY(-6px)}}

@media (max-width:1280px){
  .services-section{padding:100px 0}.services-hero__grid{gap:30px}.services-hero h1{font-size:76px}.economy-map{max-width:530px}
  .choice-card{padding:42px}.services-catalog__grid{grid-template-columns:1fr 1fr}.service-detail:nth-child(n){grid-column:auto}.service-detail:last-child{grid-column:1/-1}
  .diagnostic-panel{grid-template-columns:1fr 1fr}.diagnostic-panel__action{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.diagnostic-panel__action .button{min-width:260px}
}

@media (max-width:980px){
  .services-section{padding:84px 0}.services-heading--row{grid-template-columns:1fr;gap:25px}.services-heading h2{font-size:64px}
  .services-hero__grid{grid-template-columns:1fr;gap:20px;padding:70px 0}.services-hero h1{font-size:82px}.services-hero__content{max-width:820px}.economy-map{width:620px;max-width:100%}
  .choice-grid{grid-template-columns:1fr}.choice-card{min-height:570px}.services-catalog__grid{grid-template-columns:1fr}.service-detail:nth-child(n){grid-column:auto;min-height:580px}
  .bundle-grid{grid-template-columns:1fr}.bundle-grid article+article{border-top:1px solid #3b423f;border-left:0}.bundle-grid article{min-height:450px}
  .diagnostic-panel{grid-template-columns:1fr}.diagnostic-panel__action{grid-column:auto}.fit-list li{grid-template-columns:60px 1fr}.fit-list p{grid-column:2}
}

@media (max-width:640px){
  .services-page{padding-bottom:72px}.services-page .nav .is-current:after{display:none}.services-section{padding:70px 0}.services-heading{margin-bottom:38px}.services-heading h2{margin-top:15px;font-size:44px}.services-heading>p,.services-heading--row>p{font-size:17px}
  .breadcrumbs{padding-top:18px}.services-hero{padding-bottom:35px}.services-hero__grid{min-height:auto;padding:45px 0 20px}.services-hero h1{margin:20px 0 22px;font-size:48px;line-height:.95}.services-hero__lead{font-size:18px}.services-hero__actions{display:grid;gap:14px;margin-top:28px}.services-hero__actions .button{width:100%}.services-text-link{justify-self:start}.services-hero__qualifier{display:grid;grid-template-columns:1fr;margin-top:27px}.services-hero__qualifier span{border-radius:8px!important}.services-hero__qualifier span+span{margin-top:7px;border-left:1px solid #d3d7d0}
  .economy-map{width:350px;margin-top:24px}.economy-map__step,.economy-map__core{padding:10px 12px;border-radius:11px}.economy-map__step strong,.economy-map__core strong{font-size:15px}.economy-map__step span,.economy-map__core span{font-size:10px}.economy-map__step--task{width:170px}.economy-map__core{top:33%;width:185px;min-height:92px}.economy-map__core strong{font-size:28px}.economy-map__step--channel,.economy-map__step--sales{bottom:9%;width:145px}.economy-map__channels span{padding:4px 7px;font-size:9px}.economy-map__arrow{font-size:17px}.economy-map__arrow--two{left:31%;bottom:26%}.economy-map__arrow--three{right:29%;bottom:26%}
  .choice-card{min-height:600px;padding:28px;border-radius:20px}.choice-card__number{right:22px;font-size:82px}.choice-card h3{margin-top:54px;font-size:42px}.choice-card>p:not(.choice-card__label){font-size:17px}.choice-card__links{align-items:flex-start;flex-direction:column}.choice-card__links a:first-child{width:100%;text-align:center}
  .services-catalog__grid{gap:12px}.service-detail:nth-child(n){min-height:610px;padding:28px;border-radius:20px}.service-detail h3{font-size:45px}.service-detail__intro{font-size:17px}.service-detail__bottom{align-items:flex-start;flex-direction:column}.service-detail__bottom a{align-self:stretch;justify-content:space-between}
  .compare-table{display:none}.compare-mobile{display:block;border-top:2px solid #111416}.compare-mobile details{border-bottom:1px solid #cbd0cd}.compare-mobile summary{display:flex;align-items:center;justify-content:space-between;min-height:76px;font-size:20px;font-weight:800;list-style:none}.compare-mobile summary::-webkit-details-marker{display:none}.compare-mobile details[open] summary span{transform:rotate(45deg)}.compare-mobile summary span{font-size:28px;transition:.2s}.compare-mobile dl{margin:0 0 24px}.compare-mobile dl div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-top:12px}.compare-mobile dt{color:#707779;font-size:11px;font-weight:800;text-transform:uppercase}.compare-mobile dd{margin:0;font-size:14px}
  .bundle-grid article{min-height:520px;padding:28px}.bundle-grid h3{margin-top:46px;font-size:40px}.bundle-grid p{font-size:17px}
  .diagnostic-panel{gap:30px}.diagnostic-panel__title h2{font-size:42px}.diagnostic-panel__columns{grid-template-columns:1fr;padding:22px}.diagnostic-panel__action{display:flex;gap:24px}.diagnostic-panel__action .button{width:100%;min-width:0}
  .services-price-list a,.services-price-list button{grid-template-columns:40px 1fr 24px;gap:10px;min-height:94px;padding:14px 8px}.services-price-list b{font-size:18px}.services-price-list strong{grid-column:2;font-size:14px}.services-price-list i{grid-column:3;grid-row:1/3}.services-price-list a:hover,.services-price-list button:hover{padding-inline:12px}
  .fit-list li{grid-template-columns:42px 1fr;gap:15px;padding:28px 0}.fit-list h3{font-size:23px}.fit-list p{font-size:16px}
  .services-final__panel{padding:42px 25px;border-radius:22px}.services-final h2{font-size:48px}.services-final__panel>p{font-size:17px}.services-final__actions{align-items:stretch;flex-direction:column}.services-final__actions .button{width:100%}.services-final address{align-items:flex-start;flex-direction:column;gap:12px;margin-top:42px}
  .services-mobile-cta{position:fixed;z-index:90;right:12px;bottom:12px;left:12px;display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid #95bb00;border-radius:10px;background:var(--acid);box-shadow:0 12px 35px rgba(40,52,0,.25);font-weight:850}
}

@media (prefers-reduced-motion:reduce){.services-hero__content,.economy-map,.economy-map:after,.economy-map__channels span{animation:none!important}}
