.shot{margin:0}.shot__frame{background:#0c0f16;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px -40px #000000b3,0 12px 30px -18px #00000080}.shot__frame img{width:100%;height:auto;display:block}.shot__bar{background:linear-gradient(#ffffff17,#ffffff0a);border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.shot__bar i{background:#ffffff38;border-radius:50%;width:9px;height:9px}.shot__bar span{letter-spacing:.02em;color:#f7f8fc99;margin-left:10px;font-size:.72rem}.shot__caption{font-size:var(--fs-small);color:var(--text-on-dark-muted);max-width:52ch;margin-top:12px}.section--light .shot__caption,.section--white .shot__caption,.case--light .shot__caption{color:var(--text-on-light-muted)}.shot--phone{container-type:inline-size}.shot--phone .shot__frame{background:linear-gradient(160deg,#262b35,#0d1016 40%,#1a1e26);border-radius:6cqi;padding:2.3cqi;box-shadow:0 0 0 1px #ffffff2e,inset 0 0 0 1px #ffffff12,0 40px 80px -36px #000000bf}.shot--phone .shot__frame img{border-radius:3.9cqi}.shot--phone .shot__frame:after{content:"";z-index:1;background:#05060a;border-radius:50%;width:3.1cqi;height:3.1cqi;position:absolute;top:4.6cqi;left:50%;translate:-50%;box-shadow:0 0 0 .5cqi #05060a59}.case-hero{isolation:isolate;padding:calc(56px + var(--sp-9)) 0 var(--sp-9);background:var(--bg-canvas);position:relative;overflow:clip}.case-hero__head{gap:var(--sp-6) var(--sp-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid}.case-hero__title{margin:var(--sp-4) 0 var(--sp-4)}.case-hero__lead{max-width:52ch;color:var(--c-white-50)}.case-meta{border-top:1px solid var(--line-on-dark);gap:0;margin:0;display:grid}.case-meta div{gap:var(--sp-4);border-bottom:1px solid var(--line-on-dark);grid-template-columns:9rem 1fr;padding:12px 0;display:grid}.case-meta dt{font-size:var(--fs-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-on-dark-muted)}.case-meta dd{font-size:var(--fs-small);margin:0}.case-hero__actions{margin-top:var(--sp-5);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.case-hero__note{font-size:var(--fs-small);color:var(--text-on-dark-muted);max-width:40ch}.case-hero__shot{z-index:1;width:min(100%,1040px);margin:var(--sp-8) auto 0;position:relative}.case-chip{color:var(--text-on-dark-muted);align-items:center;gap:8px;display:inline-flex}.case-chip:before{content:"";background:var(--case-accent);width:2.5rem;height:1px}.case-text{gap:var(--sp-8);grid-template-columns:minmax(0,4fr) minmax(0,7fr);display:grid}.case-text .text-block p+p{margin-top:1em}.case-text .text-block h3{margin:1.6em 0 .5em}.case-pair{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.case-pair--offset>:nth-child(2){margin-top:var(--sp-9)}.case-wide{margin-top:var(--sp-8)}.case-wide>.shot--desktop,.case-wide>.case-pair,.case-wide>.shot,.case-wide>.shot-set{max-width:1040px;margin-inline:auto}html:not([lang=ru]) .shot[data-shot-lang=ru],html:not([lang=en]) .shot[data-shot-lang=en],html:not([lang=ar]) .shot[data-shot-lang=ar]{display:none}.case-phones{gap:var(--sp-6);grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr);align-items:center;display:grid}.case-phones>:last-child{margin-top:var(--sp-9)}.case-pages{gap:var(--sp-5);margin:var(--sp-6) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.case-pages li{border-top:1px solid var(--case-accent);font-size:var(--fs-small);padding-top:12px}.case-pages b{margin-bottom:4px;font-weight:600;display:block}.case-mosaic{gap:var(--sp-8) var(--sp-7);grid-template-columns:repeat(12,minmax(0,1fr));max-width:1120px;margin-inline:auto;display:grid}.case-mosaic>:first-child{grid-column:span 7}.case-mosaic>:nth-child(2){margin-top:var(--sp-8);grid-column:span 5}.case-mosaic>:nth-child(3){grid-column:span 5}.case-mosaic>:nth-child(4){grid-column:span 7}.case-cta{justify-content:space-between;align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.case-card{color:inherit;text-decoration:none;display:block}.case-card__banner{aspect-ratio:16/10;border-radius:var(--r-lg);background:var(--case-glow-solid,#121722);position:relative;overflow:hidden}.case-card__banner .shot--desktop{width:82%;transition:transform .9s var(--ease-signature);position:absolute;top:9%;left:6%}.case-card__banner .shot--phone{width:23%;transition:transform .9s var(--ease-signature);position:absolute;bottom:-12%;right:5%}.case-card:hover .case-card__banner .shot--desktop{transform:translateY(-6px)}.case-card:hover .case-card__banner .shot--phone{transform:translateY(-14px)}.case-card__meta{margin-top:var(--sp-4)}.case-card__title{margin:6px 0 8px}.case-card__more{margin-top:var(--sp-3);align-items:center;gap:8px;font-weight:500;display:inline-flex}.case-list{gap:var(--sp-7) var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=1023px){.case-hero__head,.case-text{grid-template-columns:1fr}.case-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.case-list,.case-pair{grid-template-columns:1fr}.case-pair--offset>:nth-child(2){margin-top:0}.case-mosaic{gap:var(--sp-7);grid-template-columns:1fr}.case-mosaic>*{grid-column:auto!important;margin-top:0!important}.case-phones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-phones>:first-child{grid-column:1/-1}.case-phones>:last-child{margin-top:var(--sp-7)}.shot__bar{height:22px}.shot__bar span{display:none}}@media (width<=767px){.case-text{gap:var(--sp-5)}.case-wide{margin-top:var(--sp-6)}.case-mosaic{gap:var(--sp-6)}.case-list{row-gap:var(--sp-6)}.case-hero__head{gap:var(--sp-5)}}@media (width<=480px){.case-pages{grid-template-columns:1fr}.case-meta div{grid-template-columns:7rem 1fr}}.case-hero:has(+.section--light,+.section--white){--fade-to:var(--bg-light);background:linear-gradient(180deg in oklab, var(--bg-canvas) 0%, var(--c-steel-600) 30%, var(--c-steel-500) 48%, color-mix(in oklab, var(--c-steel-500) 50%, var(--c-steel-300)) 64%, var(--c-steel-300) 84%, var(--bg-canvas) 100%) 0 calc(100% + 1px) / 100% calc(var(--ramp-len) + 1px) no-repeat, var(--bg-canvas);padding-bottom:calc(var(--sp-9) + var(--ramp-len))}