/*
 * BCG Capital — «Услуги при самостоятельной продаже компании».
 * Подключается только на этой странице поверх style.css и theme-overrides.css.
 * Все правила внутри .ss; медиазапросы в классическом виде (max-width) для старых Safari/Chrome.
 */

.ss{--ss-pad:32px;--ss-red:#9b2c2c;--ss-ease:cubic-bezier(.2,.7,.2,1);color:var(--ink);font-variant-numeric:lining-nums}
.ss *,.ss *:before,.ss *:after{box-sizing:border-box}
.ss-wrap{max-width:1384px;margin:0 auto;padding:0 var(--ss-pad)}
.ss section,.ss [id]{scroll-margin-top:104px}
.ss-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ss-kicker:before{content:"";width:34px;height:1px;background:currentColor}
.ss-h2{margin:0;color:var(--navy);font-size:44px;font-size:clamp(30px,3.4vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.04em}
.ss-h1,.ss-h2,.ss-step h3,.ss-terms h3,.ss-thesis{text-wrap:balance}

/* 1. Суть услуги */
.ss-intro{padding:44px 0 0;background:#fff}
.ss-crumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:64px;color:var(--muted);font-size:12px;letter-spacing:.02em}
.ss-crumbs a{color:var(--blue)}
.ss-crumbs a:hover{text-decoration:underline}
.ss-h1{display:flex;align-items:flex-start;gap:16px;max-width:820px;margin:0 0 30px;color:var(--navy);font-size:24px;font-size:clamp(17px,.9vw + 12px,26px);font-weight:700;line-height:1.3;letter-spacing:-.012em}
.ss-h1:before{content:"";flex:0 0 34px;height:2px;margin-top:.62em;background:var(--blue)}
.ss-motto{max-width:1320px;margin:0 0 64px;color:var(--navy);font-size:96px;font-size:clamp(30px,9.2vw,96px);font-weight:800;line-height:.98;letter-spacing:-.05em}
.ss-motto em{display:block;color:var(--blue);font-style:normal}
.ss-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:96px;align-items:start}
.ss-lead{max-width:640px;margin:0 0 22px;color:var(--ink);font-size:20px;line-height:1.6}
.ss-note{max-width:560px;margin:0;padding-left:18px;border-left:2px solid var(--sand);color:var(--muted);font-size:15px;line-height:1.65}

.ss-index{border-top:2px solid var(--navy)}
.ss-index-head{display:flex;justify-content:space-between;margin:0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ss-index ol{margin:0;padding:0;list-style:none}
.ss-index li{border-bottom:1px solid var(--line)}
.ss-index li a{display:flex;align-items:baseline;gap:12px;padding:15px 0;color:var(--navy);font-size:16px;font-weight:700;transition:color .2s}
.ss-index li i{flex:1;min-width:16px;border-bottom:1px dotted #aebcc7;transform:translateY(-4px)}
.ss-index li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.ss-index li:last-child b{color:var(--muted);font-weight:700}
.ss-index li a:hover,.ss-index li a:focus-visible{color:var(--blue)}
.ss-index-more{display:inline-flex;gap:8px;margin-top:16px;color:var(--blue);font-size:13px;font-weight:700}
.ss-index-more span{transition:transform .25s var(--ss-ease)}
.ss-index-more:hover span{transform:translateY(3px)}

.ss-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:96px;border-top:1px solid var(--line)}
.ss-roles-title{grid-column:1/-1;margin:0;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ss-role{padding:30px 32px 44px;border-left:1px solid var(--line)}
.ss-role:nth-child(2){padding-left:0;border-left:0}
.ss-role-who{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ss-role ul{margin:0;padding:0;list-style:none}
.ss-role li{margin-top:10px;color:var(--navy);font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.ss-role-bcg{background:linear-gradient(var(--blue),var(--blue)) 0 0/100% 2px no-repeat}
.ss-role-out{background:repeating-linear-gradient(135deg,#faf7f2 0 10px,#f4efe7 10px 11px)}
.ss-role-out .ss-role-who{color:#8a6d4b}
.ss-role-out li{color:#5d4a36;font-weight:400}
.ss-role-out li:before{content:"×";display:inline-block;width:20px;color:#a88a66;font-weight:700}

/* 2. Стандарт */
.ss-standard{margin-top:0;padding:120px 0;background:var(--navy);color:#fff}
.ss-standard-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start}
.ss-standard-head{position:-webkit-sticky;position:sticky;top:126px}
.ss-standard .ss-kicker{color:#9ec0db}
.ss-standard .ss-h2{color:#fff}
.ss-thesis{margin:18px 0 0;color:#9ec0db;font-size:26px;font-size:clamp(20px,1.9vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.ss-standard-copy{max-width:470px;margin:28px 0 0;color:#c9d7e2;font-size:17px;line-height:1.7}
.ss-steps{margin:0;padding:0;list-style:none;counter-reset:none}
.ss-step{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:8px;padding:30px 0 34px;border-top:1px solid rgba(255,255,255,.14)}
.ss-step:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.ss-step:before{content:"";position:absolute;top:-1px;left:0;width:96px;height:1px;background:#9ec0db;transform-origin:0 0}
.ss-step-num{grid-row:1/3;padding-top:5px;color:#9ec0db;font-size:13px;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.ss-step h3{margin:0 0 10px;color:#fff;font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.015em}
.ss-step p{max-width:560px;margin:0;color:#b9cad8;font-size:16px;line-height:1.65}

/* 3. Тарифы */
.ss-tariffs{padding:120px 0;background:var(--mist)}
.ss-tariffs-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:96px;align-items:end;margin-bottom:56px}
.ss-tariffs-head>p{max-width:520px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.ss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.ss-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 28px 26px;background:#fff}
.ss-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--blue);opacity:0;pointer-events:none;transition:opacity .3s}
.ss-card.is-selected:after{opacity:1}
.ss-scale{display:flex;gap:4px;height:3px;margin-bottom:28px}
.ss-scale i{width:18px;height:3px;background:var(--line)}
.ss-level-1 i:nth-child(-n+1),.ss-level-2 i:nth-child(-n+2),.ss-level-3 i:nth-child(-n+3),.ss-level-4 i:nth-child(-n+4){background:var(--blue)}
.ss-scale-open{width:84px;background:repeating-linear-gradient(90deg,#9ec0db 0 6px,transparent 6px 10px)}
.ss-card-name{margin:0;color:var(--navy);font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.ss-card-price{margin:14px 0 16px;color:var(--navy);font-size:36px;font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ss-card-scope{margin:0 0 22px;padding-left:12px;border-left:2px solid var(--blue);color:var(--navy);font-size:14px;font-weight:700;line-height:1.45}
.ss-card-body{flex:1;padding-top:20px;border-top:1px solid var(--line)}
.ss-card-base{min-height:2.9em;margin:0 0 14px;color:var(--blue);font-size:13.5px;font-weight:700;line-height:1.45}
.ss-list{margin:0;padding:0;list-style:none;counter-reset:ss-item}
.ss-list li{position:relative;margin-bottom:11px;padding-left:24px;color:var(--ink);font-size:14.5px;line-height:1.5;counter-increment:ss-item}
.ss-list li:before{content:counter(ss-item) ".";position:absolute;top:0;left:0;color:var(--blue);font-size:12.5px;font-weight:700;line-height:1.75;font-variant-numeric:tabular-nums}
.ss-list-plain li{padding-left:18px}
.ss-list-plain li:before{content:"";top:.72em;width:9px;height:1px;background:var(--blue)}
.ss-full{margin:18px 0 0;border-top:1px dashed var(--line)}
.ss-full summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;color:var(--blue);font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.ss-full summary::-webkit-details-marker{display:none}
.ss-full summary:after{content:"+";flex:0 0 auto;font-size:18px;font-weight:400;line-height:1;transition:transform .25s var(--ss-ease)}
.ss-full[open] summary:after{transform:rotate(45deg)}
.ss-full-group{margin:8px 0;padding:0;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ss-full .ss-list li{margin-bottom:8px;color:var(--muted);font-size:13.5px}
.ss-card-foot{margin-top:24px}
.ss-card-note{margin:0 0 22px;color:#c9d7e2;font-size:14px;line-height:1.6}
.ss-choose{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--navy);color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.03em;transition:background-color .25s,color .25s}
.ss-choose i{font-style:normal;transition:transform .25s var(--ss-ease)}
.ss-choose:hover,.ss-choose:focus-visible,.ss-card.is-selected .ss-choose{background:var(--navy);color:#fff}
.ss-choose:hover i{transform:translateX(4px)}

/* Индивидуальный: отдельная строка той же сетки */
.ss-card-individual{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto 1fr;column-gap:64px;padding:40px 40px 36px;background:var(--navy);color:#fff}
.ss-card-individual .ss-card-head{grid-column:1;grid-row:1}
.ss-card-individual .ss-card-foot{grid-column:1;grid-row:2;align-self:end}
.ss-card-individual .ss-card-body{grid-column:2;grid-row:1/3;padding:0 0 0 48px;border-top:0;border-left:1px solid rgba(255,255,255,.16)}
.ss-card-individual .ss-card-name{color:#fff}
.ss-card-individual .ss-card-price{margin-top:16px;color:#fff;font-size:24px;letter-spacing:-.015em;white-space:normal}
.ss-card-individual .ss-card-scope{border-left-color:#9ec0db;color:#fff}
.ss-card-individual .ss-card-lead{margin:0;color:#b9cad8;font-size:15px;line-height:1.65}
.ss-card-individual .ss-card-lead strong{display:block;margin-bottom:4px;color:#fff}
.ss-card-individual .ss-card-base{min-height:0;color:#9ec0db}
.ss-card-individual .ss-list{-webkit-columns:2;columns:2;-webkit-column-gap:40px;column-gap:40px}
.ss-card-individual .ss-list li{-webkit-column-break-inside:avoid;break-inside:avoid;color:#fff;font-size:15px}
.ss-card-individual .ss-list li:before{color:#9ec0db}
.ss-card-individual .ss-choose{border-color:#9ec0db;color:#fff}
.ss-card-individual .ss-choose:hover,.ss-card-individual .ss-choose:focus-visible,.ss-card-individual.is-selected .ss-choose{background:#fff;color:var(--navy)}
.ss-card-individual:after{border-color:#9ec0db}

.ss-terms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:20px 96px;margin-top:56px;padding-top:30px;border-top:2px solid var(--navy)}
.ss-terms h3{margin:0;color:var(--navy);font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.ss-terms dl{display:grid;grid-template-columns:1fr 1fr;gap:26px 48px;margin:0}
.ss-terms dt{margin-bottom:8px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ss-terms dd{margin:0;color:var(--ink);font-size:15.5px;line-height:1.6}

/* 4. Заявка */
.ss-request{padding:120px 0 130px;background:#fff}
.ss-request-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start}
.ss-request-copy>p:not(.ss-kicker){max-width:440px;margin:26px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.ss-choice{display:grid;gap:6px;max-width:440px;margin-top:40px;padding:20px 22px;border-left:3px solid var(--blue);background:var(--mist);transition:background-color .6s}
.ss-choice.is-updated{background:#e3edf6}
.ss-choice-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ss-choice strong{color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-.02em}
.ss-choice span[data-choice-price]{color:var(--muted);font-size:14px}

.ss .ss-form{display:grid;grid-template-columns:1fr 1fr;gap:34px 32px;padding:40px;border:1px solid var(--line);background:#fff}
.ss-field{position:relative;min-width:0}
.ss-field-wide{grid-column:1/-1}
.ss .ss-form label{display:block;margin:0 0 2px;color:#5d7184;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ss-optional{margin-left:6px;color:#8fa0ae;font-weight:400;letter-spacing:.04em;text-transform:none}
.ss .ss-form input[type=text],.ss .ss-form input[type=tel],.ss .ss-form select,.ss .ss-form textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #aebcc7;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;letter-spacing:0;text-transform:none;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.ss .ss-form textarea{height:auto;min-height:92px;line-height:1.5;resize:vertical}
.ss .ss-form input::placeholder,.ss .ss-form textarea::placeholder{color:#9aaab7}
.ss .ss-form input:focus,.ss .ss-form select:focus,.ss .ss-form textarea:focus{border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
.ss-select{position:relative}
.ss-select:after{content:"";position:absolute;top:50%;right:4px;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid var(--navy);border-bottom:1.5px solid var(--navy);transform:rotate(45deg);pointer-events:none}
.ss .ss-form select{padding-right:28px;cursor:pointer}
.ss-field.is-invalid input,.ss-field.is-invalid select{border-bottom-color:var(--ss-red);box-shadow:0 1px 0 var(--ss-red)}
.ss-error{margin:8px 0 0;color:var(--ss-red);font-size:13px;line-height:1.4}
.ss .ss-form .ss-consent{display:flex;gap:14px;align-items:flex-start;color:var(--ink);font-size:13.5px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;cursor:pointer}
.ss-consent input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.ss-consent a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(23,79,125,.35);text-underline-offset:3px}
.ss-field.is-invalid .ss-consent{color:var(--ss-red)}
.ss-submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.ss-submit{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-width:280px;padding:20px 26px;border:0;background:var(--navy);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background-color .25s}
.ss-submit i{font-style:normal;transition:transform .25s var(--ss-ease)}
.ss-submit:hover,.ss-submit:focus-visible{background:var(--blue)}
.ss-submit:hover i{transform:translateX(4px)}
.ss-submit[disabled]{opacity:.65;cursor:progress}
.ss-form-hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
.ss-status:empty{display:none}
.ss-status{padding:16px 20px;font-size:14px;line-height:1.55}
.ss-status.is-success{border-left:3px solid #2f7a52;background:#eaf7f0;color:#155d39}
.ss-status.is-error{border-left:3px solid var(--ss-red);background:#fff0f2;color:#8f2635}
.ss-status.is-prototype{border-left:3px solid var(--blue);background:var(--mist);color:var(--navy)}
.ss-status strong{display:block;margin-bottom:2px}
.ss-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.ss a:focus-visible,.ss button:focus-visible,.ss summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.ss-standard a:focus-visible,.ss-card-individual a:focus-visible{outline-color:#9ec0db}

/* Деликатные анимации: только при наличии JS и без prefers-reduced-motion */
.ss-js .ss-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .8s var(--ss-ease),transform .8s var(--ss-ease);transition-delay:var(--ss-delay,0s)}
.ss-js .ss-reveal.is-in{opacity:1;transform:none}
.ss-js .ss-step:before{transform:scaleX(0);transition:transform 1.1s var(--ss-ease) .15s}
.ss-js .ss-step.is-in:before{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  .ss-js .ss-reveal{opacity:1;transform:none;transition:none}
  .ss-js .ss-step:before{transform:none;transition:none}
  .ss *{transition-duration:.01ms!important}
}

/* ≤1240: тарифы 2 × 2 + индивидуальный во всю ширину */
@media (max-width:1240px){
  .ss-intro-grid{grid-template-columns:minmax(0,1fr) 380px;gap:64px}
  .ss-standard-grid,.ss-request-grid{gap:64px}
}

/* ≤1100: тарифы 2 × 2, индивидуальный во всю ширину */
@media (max-width:1100px){
  .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-card-base{min-height:0}
  .ss-card-individual{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
  .ss-card-individual .ss-card-body{padding-left:40px}
  .ss-card-individual .ss-list{-webkit-columns:1;columns:1}
}

@media (max-width:1024px){
  .ss-intro-grid{grid-template-columns:1fr;gap:44px}
  .ss-index{max-width:560px}
  .ss-standard-grid{grid-template-columns:1fr;gap:48px}
  .ss-standard-head{position:static}
  .ss-standard-copy{max-width:640px}
  .ss-tariffs-head{grid-template-columns:1fr;gap:20px}
  .ss-terms{grid-template-columns:1fr;gap:24px}
  .ss-request-grid{grid-template-columns:1fr;gap:44px}
  .ss-choice,.ss-request-copy>p:not(.ss-kicker){max-width:560px}
}

@media (max-width:900px){
  .ss{--ss-pad:20px}
  .ss section,.ss [id]{scroll-margin-top:86px}
  .ss-intro{padding-top:28px}
  .ss-crumbs{margin-bottom:44px}
  .ss-motto{margin-bottom:44px}
  .ss-lead{font-size:18px}
  .ss-roles{grid-template-columns:1fr;margin-top:64px}
  .ss-role,.ss-role:nth-child(2){padding:26px 0 30px;border-left:0}
  .ss-role+.ss-role{border-top:1px solid var(--line)}
  .ss-role-out{margin:0 calc(var(--ss-pad) * -1);padding:26px var(--ss-pad) 34px}
  .ss-standard,.ss-tariffs{padding:88px 0}
  .ss-request{padding:88px 0 96px}
}

@media (max-width:700px){
  .ss-grid{grid-template-columns:1fr}
  .ss-card{padding:26px 22px 22px}
  .ss-card-individual{display:flex;padding:28px 22px 24px}
  .ss-card-individual .ss-card-head{margin-bottom:22px}
  .ss-card-individual .ss-card-body{padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .ss-step{grid-template-columns:56px minmax(0,1fr);padding:26px 0 28px}
  .ss-step:before{width:56px}
  .ss-step h3{font-size:20px}
  .ss-step p{font-size:15.5px}
  .ss-terms dl{grid-template-columns:1fr;gap:20px}
  .ss .ss-form{grid-template-columns:1fr;gap:28px;padding:28px 22px}
  .ss-submit{width:100%;min-width:0}
}

@media (max-width:560px){
  .ss-crumbs{margin-bottom:36px;font-size:11.5px}
  .ss-h1{gap:12px;margin-bottom:22px}
  .ss-h1:before{flex-basis:22px}
  .ss-motto{margin-bottom:36px;letter-spacing:-.045em}
  .ss-lead{font-size:17px}
  .ss-note{font-size:14.5px}
  .ss-index li a{padding:14px 0;font-size:15px}
  .ss-role li{font-size:17px}
  .ss-standard,.ss-tariffs{padding:72px 0}
  .ss-request{padding:72px 0 80px}
  .ss-standard-copy,.ss-tariffs-head>p,.ss-request-copy>p:not(.ss-kicker){font-size:16px}
  .ss-card-price{font-size:32px}
  .ss .ss-form{margin:0 calc(var(--ss-pad) * -1);padding:28px var(--ss-pad);border-right:0;border-left:0}
  .ss-choice strong{font-size:21px}
}
