/* экран из design-fable/fresh/pricing.html, префикс p7- */
.p7-btn{height:var(--kl-h-compact);padding:0 var(--kl-space-4);border-radius:var(--kl-radius-ctl);border:var(--kl-border) solid var(--kl-line);background:var(--kl-surface);font-size:var(--kl-ui-size);font-weight:var(--kl-ui-weight);display:inline-flex;align-items:center;gap:var(--kl-space-2);white-space:nowrap;text-decoration:none;color:inherit}
.p7-pr{padding:var(--kl-space-12) 0 var(--kl-space-16);overflow:hidden}
.p7-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--kl-space-8);align-items:end;margin-bottom:var(--kl-space-8)}
#pricing h2{margin:0;font-size:var(--kl-h2-size);font-weight:var(--kl-h2-weight);line-height:var(--kl-h2-leading);letter-spacing:var(--kl-h2-tracking)}
#pricing h2 b{font-weight:inherit;color:var(--kl-brand-orange)}
[data-theme="light"] #pricing h2 b{color:var(--kl-on-warm)}
.p7-head p{margin:0;color:var(--kl-text-muted);justify-self:end;max-width:40ch}
.p7-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kl-space-4)}
#p7-glow{position:absolute;inset:-10% -10%;width:120%;height:120%;z-index:-1;pointer-events:none;display:block;-webkit-mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%);mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%)}
@media (max-width:760px){#p7-glow{display:none}}
.p7-plan{position:relative;display:flex;flex-direction:column;gap:var(--kl-space-4);padding:var(--kl-space-6) var(--kl-space-5,20px);background:var(--kl-surface);border:var(--kl-border) solid var(--kl-line);border-radius:var(--kl-radius-card);box-shadow:var(--kl-shadow-1)}
.p7-plan.p7-alpha{border-color:var(--kl-on-cold);box-shadow:0 0 0 1px var(--kl-on-cold),var(--kl-shadow-2)}
.p7-plan .p7-nm{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-space-2)}
.p7-plan .p7-nm b{font-size:var(--kl-h3-size);font-weight:var(--kl-weight-medium)}
.p7-price{display:flex;align-items:baseline;gap:var(--kl-space-1);min-height:44px}
.p7-price strong{font-size:var(--kl-h2-size);font-weight:var(--kl-h2-weight);letter-spacing:var(--kl-h2-tracking);line-height:1;font-variant-numeric:tabular-nums}
.p7-price span{color:var(--kl-text-muted);font-size:var(--kl-ui-size)}
.p7-sub{min-height:20px;color:var(--kl-text-muted);font-size:var(--kl-caption-size)}
.p7-sub em{font-style:normal;color:var(--kl-on-cold);font-weight:var(--kl-weight-medium)}
.p7-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;border-radius:var(--kl-radius-ctl);background:var(--kl-surface-2)}
.p7-seg button{height:32px;border:0;border-radius:var(--kl-radius-ctl);background:transparent;font-size:var(--kl-caption-size);color:var(--kl-text-muted);transition:background var(--kl-d2,200ms) var(--kl-e-std),color var(--kl-d2,200ms) var(--kl-e-std)}
.p7-seg button[aria-pressed="true"]{background:var(--kl-surface);color:var(--kl-text);box-shadow:var(--kl-shadow-1)}
.p7-feat{list-style:none;margin:0;padding:var(--kl-space-4) 0 0;border-top:var(--kl-border) solid var(--kl-line);display:grid;gap:var(--kl-space-3);font-size:var(--kl-ui-size)}
.p7-feat li{display:flex;justify-content:space-between;gap:var(--kl-space-3)}
.p7-feat li span{color:var(--kl-text-muted)}
.p7-feat li b{font-weight:var(--kl-weight-medium);font-variant-numeric:tabular-nums}
.p7-desc{margin:0;color:var(--kl-text-muted);font-size:var(--kl-caption-size);line-height:1.45}
.p7-feat{margin-top:auto}
.p7-foot{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:var(--kl-space-4);margin-top:var(--kl-space-2);color:var(--kl-text-muted);font-size:var(--kl-ui-size)}
.p7-foot a{color:var(--kl-on-cold);text-decoration:none;font-weight:var(--kl-weight-medium)}
.p7-foot a:hover{text-decoration:underline}
@media (max-width:1024px){.p7-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.p7-pr{padding:var(--kl-space-8) 0 var(--kl-space-12)}
.p7-head{grid-template-columns:minmax(0,1fr);gap:var(--kl-space-3);margin-bottom:var(--kl-space-6)}
.p7-head p{justify-self:start}
.p7-stage{grid-template-columns:minmax(0,1fr);gap:var(--kl-space-3)}
.p7-plan{padding:var(--kl-space-4);gap:var(--kl-space-3)}
.p7-desc{font-size:var(--kl-caption-size)}
.p7-feat{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-space-2);padding-top:var(--kl-space-3)}
.p7-feat li{flex-direction:column-reverse;align-items:flex-start;gap:0}
.p7-feat li span{font-size:var(--kl-caption-size)}
.p7-price{min-height:0}
.p7-price strong{font-size:var(--kl-h3-size)}
.p7-foot{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.p7-seg button{transition:none}}
#pricing{scroll-margin-top:calc(var(--kl-space-16) + var(--kl-space-4))}