@media (min-width:1200px){#integration .band__in,#demo .band__in,.band--tall .band__in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;align-items:center;}#integration .band__mock,#demo .demo__mock,.band--tall .band__mock{justify-self:stretch;max-width:none;}#integration .mock__inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#integration .ui:not(.ui--crm)::after{right:-18px;top:50%;bottom:auto;transform:none}#demo .demo__mock .mock__inner{grid-template-columns:minmax(0,1fr) 220px}#demo .demo__mock .device{grid-column:1;grid-row:1}#demo .demo__mock .handset{grid-column:2;grid-row:1}html .fgrid.fgrid>.fcard:not(.fcard--stack){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto;grid-row:auto;align-content:start;gap:20px;}html .fgrid.fgrid>.fcard:not(.fcard--stack)>.fcard__copy{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;}html .fgrid.fgrid>.fcard:not(.fcard--stack)>.fcard__copy>div{display:contents}html .fgrid.fgrid>.fcard:not(.fcard--stack) .fcard__title{grid-column:2;align-self:center;font-size:1.375rem}html .fgrid.fgrid>.fcard:not(.fcard--stack) .fcard__text{grid-column:1/-1;margin-top:0;line-height:1.5}html .fgrid.fgrid>.fcard:not(.fcard--stack)>.ui--mini{padding:12px;align-self:start}html .fgrid.fgrid>.fcard:not(.fcard--stack)>.ui--bare{padding:0}.fcard--checkout-phone .checkout-preview{padding:0;align-self:start}.checkout-phone{width:min(280px,100%)}.checkout-phone__title{white-space:normal}html .fgrid.fgrid>.fcard--balanced-pair:not(.fcard--stack){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.ui--mini .drow:not(.drow--prod){display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:6px;padding:8px}.ui--mini .drow:not(.drow--prod) .drow__t{min-width:0}.ui--mini.moderation-preview .drow{grid-template-columns:20px minmax(0,1fr)}html .fgrid.fgrid .product-demo .pcardui__gal{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}html .fgrid.fgrid .product-demo .product-demo__main{grid-column:1;grid-row:1;height:180px;align-self:center}.product-demo .product-demo__info{grid-column:2;grid-row:1}.product-demo .pcardui__thumbs{grid-column:1/-1;grid-row:2}html .fgrid.fgrid .product-demo .pcardui__thumbs img{height:36px}.product-demo .pcardui__docs{grid-template-columns:minmax(0,1fr) 4.5rem;gap:8px}.product-demo__price{white-space:normal}.product-demo .pcardui__docs em{padding:6px 4px;gap:3px}.product-demo .pcardui__docs em .i{width:12px;height:12px;flex:none}.product-demo .pcardui__docs .pcardui__yt{overflow-wrap:normal}.fcard:has(+.fcard--product-detail)>.ui--mini>.drow{flex:1}.public .public-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public .public-product{grid-template-rows:76px auto auto auto 32px;gap:4px;padding:8px}.public .public-catalog__side{display:flex;width:120px;padding:12px 8px}#advantages .clear-demo{grid-template-columns:98px minmax(0,1fr)}#advantages .clear-demo__sidebar{display:block}#advantages .clear-demo__menu{display:grid;margin-top:12px}#advantages .clear-demo__nav{white-space:normal;padding:6px 3px}#advantages .clear-demo__buy{flex-wrap:wrap}#advantages .clear-demo__products{grid-template-columns:minmax(0,1fr)}#advantages .clear-demo__product{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;align-content:center}#advantages .clear-demo__photo{grid-column:1;grid-row:1/3;height:90px}#advantages .clear-demo__name,#advantages .clear-demo__buy{grid-column:2}@container (max-width:14rem){html .fgrid.fgrid .product-demo .pcardui__gal{grid-template-columns:minmax(0,1fr)}html .fgrid.fgrid .product-demo .product-demo__main{grid-column:1;grid-row:1}.product-demo .pcardui__thumbs{grid-column:1;grid-row:2}.product-demo .product-demo__info{grid-column:1;grid-row:3}.product-demo .pcardui__docs{grid-template-columns:minmax(0,1fr)}}}@media(min-width:1920px){html .fgrid.fgrid>.fcard:not(.fcard--stack) .fcard__text{font-size:1.125rem}}@media(max-width:1199px){.product-demo .pcardui__docs{grid-template-columns:minmax(0,1fr) 4.5rem}.product-demo .pcardui__docs em{padding:6px 4px;gap:3px}}@container(max-width:14rem){.product-demo .pcardui__docs{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.steps-sec .steps .step[data-step]>.ui{display:flex}}
/* Keep the full header visible; the existing hero spacing includes its height. */
@media screen{:root{--header-height:104px}html{scroll-padding-top:calc(var(--header-height,104px) + 16px)}.hdr,body.is-menu .hdr{position:fixed;top:0;left:0;right:0;z-index:40;background:linear-gradient(160deg,#071d1a,#0b251f)}.hero{padding-top:calc(var(--header-height,104px) + 32px)}}
@media screen and (max-width:900px){:root{--header-height:76px}.hero{padding-top:calc(var(--header-height,76px) + 28px)}.hdr__nav{top:var(--header-height,76px);max-height:max(0px,calc(100dvh - var(--header-height,76px)));overflow-y:auto}}

/* Preserve product-card geometry after shortening product names. */
.mock :is(.pcard,.top-products .pc):has(>.product-photo){container:product-tile/inline-size}.mock :is(.pcard,.top-products .pc)>.product-photo+b{min-block-size:2lh}@container product-tile (max-width:112px){.mock :is(.pcard,.top-products .pc)>.product-photo--headphones+b{min-block-size:3lh}}@container product-tile (max-width:98px){.mock .pcard>.product-photo+b{min-block-size:3lh}}@media(min-width:901px){.demo__mock .prow:has(>.product-photo) b{min-block-size:2lh}}.showcase-product>.product-photo+.showcase-product__name{min-block-size:calc(2.525rem + 1px)}@media(max-width:400px){.showcase-product>.product-photo+.showcase-product__name{min-block-size:calc(3.825rem + 1px)}}
/* Two support requests keep the original preview width without scaling its contents. */
.fcard--managed .managed-preview .minitabs i{flex:1 1 0;min-width:0}
@media(max-width:768px){.fcard--managed .managed-preview .portal__side{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px 8px}.fcard--managed .managed-preview .portal__side>b{width:100%}}
@media(min-width:769px){html .fgrid.fgrid .fcard--managed>.managed-preview{padding:.5rem}.fcard--managed .managed-preview .portal__side{gap:2px;padding:6px 9px}.fcard--managed .managed-preview .portal__side i{padding:1px 5px}.fcard--managed .managed-preview .portal__main{padding:6px 8px;gap:6px}.fcard--managed .managed-preview .minitabs i{padding:4px 6px}.fcard--managed .managed-preview .ticket{grid-template-columns:14px minmax(0,1fr) auto auto;gap:6px}.fcard--managed .managed-preview .ticket u{grid-column:4;white-space:nowrap}.fcard--managed .managed-preview .ticket .badge{grid-column:3;grid-row:1}}
@media(max-width:374px){html .fgrid.fgrid .fcard--managed>.managed-preview{padding:.5rem}.fcard--managed .managed-preview .portal__side{column-gap:4px}.fcard--managed .managed-preview .minitabs i{padding-inline:4px}}
/* Keep six- and eight-digit demo prices legible without shrinking text. */
.ui--mini .invoice-lines :is(.ptable__h,.ptable__r){grid-template-columns:minmax(0,1fr) 2.5rem 3.75rem 5rem;gap:.25rem}
.ui--mini .invoice-lines :is(.ptable__h,.ptable__r)>:not(:first-child){white-space:nowrap}
.ui--mini .invoice-lines .ptable__r--total{grid-template-columns:auto minmax(0,1fr)}
@container(max-width:250px){.ui--mini .invoice-lines .ptable__h{display:none}.ui--mini .invoice-lines .ptable__r:not(.ptable__r--total){grid-template-columns:minmax(0,1fr) max-content;gap:.35rem .5rem;padding-block:.6rem}.invoice-lines .ptable__r:not(.ptable__r--total)>:first-child{grid-column:1/-1}.invoice-lines .ptable__r:not(.ptable__r--total)>:nth-child(2){text-align:left}.invoice-lines .ptable__r:not(.ptable__r--total)>:nth-child(2)::after{content:" шт."}.invoice-lines .ptable__r:not(.ptable__r--total)>:nth-child(3)::before{content:"Цена: "}.invoice-lines .ptable__r:not(.ptable__r--total)>b{grid-column:1/-1;display:flex;justify-content:space-between;gap:.5rem}.invoice-lines .ptable__r:not(.ptable__r--total)>b::before{content:"Сумма:";font-weight:400;color:var(--ink-soft)}}