/* Forge · подписка на команду. Поверх blog.css и market.css. */
.sp-hero img{aspect-ratio:16/10}

/* тарифы */
.sp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
@media(max-width:960px){.sp-plans{grid-template-columns:1fr}}
.sp-plan{position:relative;display:flex;flex-direction:column;padding:30px 26px 26px;border-radius:var(--r-xl);background:var(--s1);border:1px solid var(--line-2)}
.sp-plan.rec{border-color:var(--blue);background:radial-gradient(420px 240px at 85% 0%,rgba(61,107,255,.24),transparent 70%),var(--s1);box-shadow:0 40px 90px -50px rgba(61,107,255,.7)}
.sp-plan.rec::before{content:"Выбирают чаще";position:absolute;top:-12px;left:24px;font:700 12px/1 var(--f);padding:7px 10px;border-radius:8px;background:var(--blue);color:#fff}
.sp-plan h3{font-size:24px}
.sp-price{font:700 40px/1 var(--mono);letter-spacing:-.04em;margin:16px 0 8px}
.sp-price small{font:500 15px var(--f);color:var(--muted);margin-left:4px;letter-spacing:0}
.sp-meta{color:var(--read);font-size:15px}
.sp-meta b{color:var(--text)}
.sp-team{color:var(--muted);font-size:14.5px;line-height:1.5;margin:14px 0 18px;padding:12px 14px;border-radius:12px;background:rgba(61,107,255,.07);border:1px solid var(--line)}
.sp-plan .pd-list li{font-size:15px}
.sp-fit{margin:20px 0 22px;padding-top:16px;border-top:1px solid var(--line);flex:1}
.sp-fit small{display:block;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-2);margin-bottom:10px}
.sp-fit .pd-list{gap:8px}
.sp-fit .pd-list li{font-size:14.5px;color:var(--muted)}
.sp-plan .btn{justify-content:center;width:100%}
.sp-note{color:var(--muted);margin-top:16px;font-size:15px}

/* шаги: пять в ряд */
.sp-steps{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.sp-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sp-steps{grid-template-columns:1fr}}

/* конфигуратор */
.sp-cfg{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;align-items:start}
@media(max-width:960px){.sp-cfg{grid-template-columns:1fr}}
.sp-cfg-l{padding:28px;border-radius:var(--r-xl);background:var(--s1);border:1px solid var(--line-2);display:grid;gap:30px}
.sp-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.sp-lbl b{font-size:18px}
.sp-lbl small{color:var(--dim);font-size:13.5px;width:100%}
.sp-lbl output{font:700 34px/1 var(--mono);color:var(--blue-2)}
.sp-row input[type=range]{--p:26%;width:100%;height:28px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.sp-row input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:9px;background:linear-gradient(90deg,var(--blue) var(--p),rgba(170,190,255,.14) var(--p))}
.sp-row input[type=range]::-moz-range-track{height:8px;border-radius:9px;background:linear-gradient(90deg,var(--blue) var(--p),rgba(170,190,255,.14) var(--p))}
.sp-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 0 0 6px rgba(61,107,255,.2)}
.sp-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:5px solid var(--blue)}
.sp-ticks{display:flex;justify-content:space-between;font:500 12px var(--mono);color:var(--dim);margin-top:6px}
.sp-hint{color:var(--muted);font-size:14px;margin-top:10px;min-height:1.5em}
.sp-segs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:640px){.sp-segs{grid-template-columns:1fr}}
.sp-seg{position:relative;cursor:pointer}
.sp-seg input,.sp-chip input{position:absolute;opacity:0;pointer-events:none}
.sp-seg span{display:block;height:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);background:rgba(10,12,21,.5);transition:border-color .2s,background .2s}
.sp-seg b{display:block;font-size:15.5px}
.sp-seg small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:4px}
.sp-seg input:checked+span{border-color:var(--blue);background:rgba(61,107,255,.13)}
.sp-seg input:focus-visible+span,.sp-chip input:focus-visible+span{outline:2px solid var(--blue-2);outline-offset:2px}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px}
.sp-chip{cursor:pointer}
.sp-chip span{display:inline-block;padding:9px 14px;border-radius:99px;border:1px solid var(--line-2);font-size:14px;font-weight:600;color:var(--muted);transition:all .2s}
.sp-chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.sp-cfg-r{position:sticky;top:96px;padding:28px;border-radius:var(--r-xl);border:1px solid var(--blue);
  background:radial-gradient(420px 260px at 90% 0%,rgba(61,107,255,.3),transparent 70%),radial-gradient(300px 200px at 0% 100%,rgba(168,85,247,.16),transparent 70%),var(--s1);
  box-shadow:0 50px 100px -50px rgba(61,107,255,.8)}
@media(max-width:960px){.sp-cfg-r{position:static}}
.sp-cfg-r>small{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-2)}
.sp-total{font:700 50px/1 var(--mono);letter-spacing:-.04em;margin-top:14px}
.sp-per{color:var(--muted);margin-top:6px}
.sp-dl{margin:22px 0 14px;display:grid;gap:0}
.sp-dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.sp-dl dt{color:var(--muted)}
.sp-dl dd{margin:0;font-weight:700;text-align:right}
.sp-eq{color:var(--read);font-size:14.5px;line-height:1.55;min-height:3em;margin-bottom:18px}
.sp-cfg-r .btn{width:100%;justify-content:center;height:54px;font-size:16px}
.sp-small{color:var(--dim);font-size:13px;margin-top:10px;text-align:center}

/* задачи */
.sp-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){.sp-tasks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sp-tasks{grid-template-columns:1fr}}
.sp-task{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-m);background:var(--s1);border:1px solid var(--line)}
.sp-task span{font-size:15px;color:var(--read)}
.sp-task b{font-size:14px;color:var(--blue-2);white-space:nowrap}

/* сравнение */
.sp-cmp-wrap{overflow-x:auto;border-radius:var(--r-l);border:1px solid var(--line-2)}
.sp-cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:15px}
.sp-cmp th,.sp-cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.sp-cmp th{font-size:14px;color:var(--muted);font-weight:600;background:rgba(10,12,21,.6)}
.sp-cmp td:first-child{color:var(--muted);width:22%}
.sp-cmp .sp-us{background:rgba(61,107,255,.1);color:var(--text);font-weight:600}
.sp-cmp th.sp-us{color:#fff}
.sp-cmp tr:last-child td{border-bottom:0}

/* модалка подписки */
.sp-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,4,8,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sp-modal[data-on]{display:flex}
.sp-dlg{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 32px);overflow:auto;border-radius:var(--r-xl);background:var(--s2);border:1px solid var(--line-2);box-shadow:0 50px 120px rgba(0,0,0,.65)}
.sp-dlg-head{padding:28px 30px 22px;background:radial-gradient(420px 220px at 90% 0%,rgba(61,107,255,.35),transparent 70%),radial-gradient(300px 200px at 0% 100%,rgba(168,85,247,.18),transparent 70%);border-bottom:1px solid var(--line)}
.sp-dlg-head small{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-2)}
.sp-dlg-head h2{font-size:28px;letter-spacing:-.02em;margin-top:8px;padding-right:40px}
.sp-sum{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:14px}
.sp-sum span{padding:7px 11px;border-radius:9px;background:rgba(5,6,11,.5);border:1px solid var(--line-2);font-size:13.5px;color:var(--read)}
.sp-sum b{margin-left:auto;font-size:22px;letter-spacing:-.02em}
.sp-x{position:absolute;right:16px;top:16px}
.sp-form{padding:24px 30px 28px}
.sp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.sp-grid2{grid-template-columns:1fr}.sp-sum b{margin-left:0;width:100%}}
.sp-check{display:flex!important;grid-template-columns:none!important;flex-direction:row;gap:10px;align-items:flex-start;color:var(--read)!important;font-size:14.5px!important;cursor:pointer}
.sp-check input{width:20px!important;height:20px;flex:none;margin-top:1px;accent-color:var(--blue);padding:0!important}
#sp-ok,#sp-err{margin:24px 30px 28px}
@media(max-width:560px){.mk-head>*{min-width:0}.mk-stat b{font-size:23px}.mk-stat{padding:14px 14px}}
.sp-segs.is-top .sp-seg:not(:first-child){opacity:.45;pointer-events:none}
.sp-segs.is-top .sp-seg:first-child small{font-size:0}.sp-segs.is-top .sp-seg:first-child small::after{content:'от 100 ч — уже максимальная';font-size:13px}
.sp-row input[type=range]{height:44px}