/* Shared case slider. Keep page-specific styles from changing its layout. */
.shared-cases-slider{min-width:0}
.shared-cases-slider .case-lang{display:none!important}
html[lang^="ru"] .shared-cases-slider .case-lang.ru,
html[lang^="uk"] .shared-cases-slider .case-lang.uk,
html[lang^="en"] .shared-cases-slider .case-lang.en{display:inline!important}

.shared-cases-slider .case-tabs{position:relative;isolation:isolate;display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:30px auto 0;padding:6px;border:1px solid #ffffff20;border-radius:18px;background:#b5e9ff08;backdrop-filter:blur(12px)}
.shared-cases-slider .case-tabs::before{content:"";position:absolute;z-index:0;top:6px;bottom:6px;left:var(--case-tab-indicator-x,6px);width:var(--case-tab-indicator-width,0);border-radius:12px;background:linear-gradient(130deg,#ffffff23,#ffffff09);box-shadow:inset 0 1px 0 #ffffff40,0 3px 12px #0002;backdrop-filter:blur(10px) saturate(130%);opacity:0;pointer-events:none;transition:left .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),opacity .16s ease}
.shared-cases-slider .case-tabs.case-tabs--ready::before{opacity:1}
.shared-cases-slider .case-tab{position:relative;z-index:1;min-height:44px;padding:12px 20px;border:0;border-radius:12px;background:transparent;color:#98acbe;font:500 14px/1 Inter,sans-serif;cursor:pointer;transition:color .2s ease}
.shared-cases-slider .case-tab.active{color:#f7fbff;background:linear-gradient(130deg,#ffffff23,#ffffff09);box-shadow:inset 0 1px 0 #ffffff40,0 3px 12px #0002}
.shared-cases-slider .case-tabs.case-tabs--ready .case-tab.active{background:transparent;box-shadow:none}

.shared-cases-slider .case-stage{position:relative;display:grid;min-height:0;margin-top:32px;overflow:hidden}
.shared-cases-slider .case-card.tp-surface{position:relative;inset:auto;isolation:isolate;grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:38px;min-width:0;padding:38px;border:1px solid var(--tp-line,rgba(174,224,247,.14));border-radius:var(--tp-radius,30px);background:linear-gradient(125deg,#bddfff0d,#1437510d 55%,#ffffff03);box-shadow:0 22px 70px #00000024,inset .5px 1px 0 #ffffff24,inset -.5px -1px 0 #76dfff12;backdrop-filter:blur(15px) saturate(140%);visibility:hidden;opacity:0;transform:translate3d(var(--case-slide-x,100%),0,0) scale(.992);pointer-events:none;transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .78s cubic-bezier(.22,.8,.26,1);will-change:transform}
.shared-cases-slider .case-card.tp-surface::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#ffffff04,transparent 45%,#84deff03);pointer-events:none}
.shared-cases-slider .case-card.tp-surface::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid transparent;border-radius:inherit;background:radial-gradient(240px circle at var(--edge-x,80%) var(--edge-y,0%),rgba(232,248,255,var(--edge-strength,.1)),#b4eaff02 80%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}
.shared-cases-slider .case-card.tp-surface>*{position:relative;z-index:1;min-width:0}
.shared-cases-slider .case-card.active{z-index:2;visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.shared-cases-slider .case-card.case-slide-ready,
.shared-cases-slider .case-card.case-slide-out{visibility:visible}
.shared-cases-slider .case-card.case-slide-ready{transition:none}
.shared-cases-slider .case-card.case-slide-out{z-index:1;opacity:0;transform:translate3d(var(--case-slide-x),0,0) scale(.992)}
.shared-cases-slider .case-card h3{margin:0;color:#f4f8fb;font:800 clamp(28px,3vw,40px)/1.1 Manrope,sans-serif;letter-spacing:-.035em}
.shared-cases-slider .case-card .case-desc{max-width:570px;margin:18px 0 0;color:var(--tp-body,#a5b6c6);font-size:17px;line-height:1.65}

.shared-cases-slider .case-web-copy{display:flex;flex-direction:column;padding-bottom:0}
.shared-cases-slider .case-details{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}
.shared-cases-slider .case-details>span{color:var(--tp-muted,#8195a8);font-size:14px}
.shared-cases-slider .case-details>b{padding:6px 10px;border:1px solid #ffb65738;border-radius:999px;background:#ff9f1c0d;color:#ffc16d;font-size:11px;font-weight:600;letter-spacing:.03em}
.shared-cases-slider .case-context{padding:6px 9px;border:1px solid #bfeaff1c;border-radius:999px;background:#ffffff04;color:#a9becb;font:500 11px/1 Inter,sans-serif;letter-spacing:.025em;font-style:normal;white-space:nowrap}
.shared-cases-slider .case-story{display:grid;gap:10px;margin-top:34px}
.shared-cases-slider .case-story-item{position:relative;overflow:hidden;border:1px solid #bfeaff14;border-radius:14px;background:#ffffff05}
.shared-cases-slider .case-story-item[open]{border-color:#78d9f033;background:linear-gradient(135deg,#49c8f20b,#ffffff05)}
.shared-cases-slider .case-story-item:last-child[open]{border-color:#ffc76735;background:linear-gradient(135deg,#ffbf620b,#ffffff05)}
.shared-cases-slider .case-story-label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:0 16px;color:#d9eef7;font-size:12px;font-weight:650;letter-spacing:.065em;text-transform:uppercase;cursor:pointer;list-style:none}
.shared-cases-slider .case-story-label::-webkit-details-marker{display:none}
.shared-cases-slider .case-story-label::after{content:"+";flex:0 0 auto;color:#75d8f5;font:400 20px/1 Inter,sans-serif;transition:transform .2s ease}
.shared-cases-slider .case-story-item[open] .case-story-label::after{transform:rotate(45deg)}
.shared-cases-slider .case-story-item:last-child .case-story-label{color:#f0c679}
.shared-cases-slider .case-story-item:last-child .case-story-label::after{color:#f0c679}
.shared-cases-slider .case-story-item .case-desc{max-width:none;margin:0;padding:0 16px 16px;font-size:15px;line-height:1.6}
.shared-cases-slider .case-project-link{position:static;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:52px;margin-top:32px;padding:0 24px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff04;color:#f2f7fa;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.shared-cases-slider .case-project-link:hover{transform:translateY(-2px);border-color:#8edff770;background:#49c8f20c;box-shadow:0 14px 30px #49c8f21f}
.shared-cases-slider .case-project-link:focus-visible{outline:2px solid #8edff7;outline-offset:4px}
.shared-cases-slider .case-project-link span{color:#75d8f5}
.shared-cases-slider .case-project-link>span:last-child{font-size:16px}

.shared-cases-slider .case-ad-copy h3{margin:0}
.shared-cases-slider .case-ad-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.shared-cases-slider .case-ad-result{display:grid;gap:6px}
.shared-cases-slider .case-ad-result strong{font:700 clamp(32px,3.2vw,44px)/1 Manrope,sans-serif;letter-spacing:-.05em;background:linear-gradient(100deg,#fff,#dff6ff 45%,#49c8f2);background-clip:text;-webkit-background-clip:text;color:transparent}
.shared-cases-slider .case-ad-result span{color:var(--tp-muted,#8195a8);font-size:14px;line-height:1.35}
.shared-cases-slider .case-ad-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
.shared-cases-slider .case-ad-metrics>div{display:grid;gap:7px;min-height:84px;padding:15px;border:1px solid var(--tp-line-soft,rgba(174,224,247,.08));border-radius:16px;background:#ffffff03}
.shared-cases-slider .case-ad-metrics b{color:#edf8fc;font:600 18px/1 Manrope,sans-serif}
.shared-cases-slider .case-ad-metrics span{color:var(--tp-muted,#8195a8);font-size:11px;line-height:1.35;letter-spacing:.02em}

.shared-cases-slider .case-visual{position:relative;align-self:center;min-height:0;aspect-ratio:1.25;padding:16px;border:1px solid var(--tp-line,rgba(174,224,247,.14));border-radius:26px;background:linear-gradient(125deg,#c5ebff0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff1b,0 16px 48px #0002}
.shared-cases-slider .case-visual-window{position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid #a4d9f91c;border-radius:15px;background:#08162299}
.shared-cases-slider .case-visual-bar{height:34px;border-bottom:1px solid #c1e5ff14;background:#ffffff04}
.shared-cases-slider .case-visual-bar::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#f28d7e;box-shadow:14px 0 #e9cc75,28px 0 #77c2ba;transform:translate(14px,13px)}
.shared-cases-slider .case-visual-body{position:absolute;inset:50px 16px 16px;display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}
.shared-cases-slider .case-visual-body>i{display:block;border:1px solid #bfeaff0a;border-radius:12px;background:linear-gradient(155deg,#34738b36,#132d3c44)}
.shared-cases-slider .case-visual-body>i:last-child{border:0;background:repeating-linear-gradient(180deg,#aacfe329 0 5px,transparent 5px 20px)}

.shared-cases-slider .case-web-visual{isolation:isolate;overflow:visible;aspect-ratio:1.15;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.shared-cases-slider .case-web-visual::before{content:"";position:absolute;inset:7% -2%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at 38% 48%,#49c8f230,transparent 57%),radial-gradient(ellipse at 84% 70%,#7de4ff2b,transparent 49%);filter:blur(30px);pointer-events:none}
.shared-cases-slider .case-web-visual::after{content:"";position:absolute;right:8%;bottom:4%;left:6%;z-index:0;height:20%;border-radius:50%;background:radial-gradient(ellipse,#49c8f22b,transparent 68%);filter:blur(22px);pointer-events:none}
.shared-cases-slider .case-device{position:absolute;z-index:1;padding:10px;border:1px solid #b8e9ff24;background:linear-gradient(145deg,#173647e8,#081722ed);box-shadow:0 24px 46px #0007,inset 0 1px 0 #ffffff1c;transition:border-color .25s ease,box-shadow .25s ease}
.shared-cases-slider .case-device--desktop{top:13%;left:0;width:91%;height:72%;border-radius:20px}
.shared-cases-slider .case-device--desktop .case-visual-window{border-radius:12px;background:#091b27}
.shared-cases-slider .case-device--desktop .case-visual-body{inset:48px 14px 14px}
.shared-cases-slider .case-project-shot{display:block;width:100%;height:100%;border:1px solid #d8edf51f;border-radius:12px;object-fit:cover;object-position:top center;background:#fff}
.shared-cases-slider .case-device--mobile{right:0;bottom:4%;z-index:2;width:31%;height:76%;padding:7px;border-radius:23px;box-shadow:0 26px 54px #0009,0 0 26px #49c8f214,inset 0 1px 0 #ffffff26}
.shared-cases-slider .case-device--mobile .case-project-shot{border-radius:17px}
.shared-cases-slider .case-mobile-screen{position:relative;height:100%;overflow:hidden;border:1px solid #a4d9f91c;border-radius:17px;background:linear-gradient(165deg,#0d2736,#08151f 68%)}
.shared-cases-slider .case-mobile-status{position:relative;height:24px;background:#06131c99}
.shared-cases-slider .case-mobile-status::before{content:"";position:absolute;top:5px;left:50%;width:30%;height:6px;border-radius:999px;background:#02080d;transform:translateX(-50%)}
.shared-cases-slider .case-mobile-status i{position:absolute;top:9px;right:8px;width:3px;height:3px;border-radius:50%;background:#79d9ee;box-shadow:-6px 0 #79d9ee80}
.shared-cases-slider .case-mobile-hero{height:31%;margin:8px;border-radius:10px;background:linear-gradient(145deg,#49c8f226,#173b4d6b)}
.shared-cases-slider .case-mobile-lines{display:grid;gap:7px;margin:12px 9px 0}
.shared-cases-slider .case-mobile-lines i{height:4px;border-radius:99px;background:#9bc9dd34}
.shared-cases-slider .case-mobile-lines i:nth-child(2){width:82%}
.shared-cases-slider .case-mobile-lines i:nth-child(3){width:61%}
.shared-cases-slider .case-mobile-actions{position:absolute;right:9px;bottom:10px;left:9px;display:grid;grid-template-columns:1.3fr .7fr;gap:6px}
.shared-cases-slider .case-mobile-actions i{height:22px;border-radius:7px;background:linear-gradient(90deg,#55cce62e,#49a8c62b)}
.shared-cases-slider .case-mobile-actions i:last-child{background:#ffffff0b}
.shared-cases-slider .case-web-visual:hover .case-device{border-color:#aee8ff3d;box-shadow:0 28px 58px #0008,0 0 28px #49c8f20d,inset 0 1px 0 #ffffff24}
.shared-cases-slider .case-web-visual:hover .case-device--mobile{box-shadow:0 30px 62px #000a,0 0 34px #49c8f21d,inset 0 1px 0 #ffffff2b}

.shared-cases-slider .case-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.shared-cases-slider .case-controls-meta{display:flex;align-items:center;gap:14px}
.shared-cases-slider .case-dots{display:flex;gap:0}
.shared-cases-slider .case-dots button{position:relative;width:30px;height:36px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.shared-cases-slider .case-dots button::after{content:"";position:absolute;left:11px;top:15px;width:7px;height:7px;border-radius:99px;background:#526d80}
.shared-cases-slider .case-dots button.active{width:38px;background:transparent}
.shared-cases-slider .case-dots button.active::after{left:6px;width:26px;background:linear-gradient(90deg,var(--yellow,#ffd84a),var(--cyan,#49c8f2))}
.shared-cases-slider .case-dots button[hidden]{display:none}
.shared-cases-slider .case-arrows{display:flex;gap:8px}
.shared-cases-slider .case-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--tp-line,rgba(174,224,247,.14));border-radius:50%;background:#ffffff04;color:#dce5eb;font:400 22px/1 Inter,sans-serif;backdrop-filter:blur(10px);cursor:pointer}
.shared-cases-slider .case-arrow:hover{background:#ffffff0e}

@media(max-width:1020px){
  .shared-cases-slider .case-card.tp-surface{grid-template-columns:1fr;gap:26px;padding:30px}
  .shared-cases-slider .case-web-copy{padding-bottom:0}
  .shared-cases-slider .case-project-link{margin-top:24px}
  .shared-cases-slider .case-visual{max-height:340px;aspect-ratio:1.8}
  .shared-cases-slider .case-web-visual{max-height:none;aspect-ratio:1.55}
}

@media(max-width:680px){
  .shared-cases-slider .case-tabs{max-width:calc(100vw - 32px);margin-top:24px}
  .shared-cases-slider .case-tab{padding:10px 16px;white-space:nowrap}
  .shared-cases-slider .case-stage{margin-top:24px}
  .shared-cases-slider .case-card.tp-surface{gap:24px;padding:24px 20px;border-radius:24px}
  .shared-cases-slider .case-card h3{font-size:30px}
  .shared-cases-slider .case-card .case-desc{font-size:16px;line-height:1.6}
  .shared-cases-slider .case-story{gap:18px;margin-top:28px}
  .shared-cases-slider .case-visual{min-height:0;aspect-ratio:1.35;padding:12px;border-radius:20px}
  .shared-cases-slider .case-web-visual{aspect-ratio:1.35;padding:0}
  .shared-cases-slider .case-device--desktop{top:12%;left:3%;width:81%;height:72%;padding:7px;border-radius:15px}
  .shared-cases-slider .case-device--mobile{right:3%;bottom:7%;width:27%;height:65%;padding:5px;border-radius:18px}
  .shared-cases-slider .case-device::after{display:none}
  .shared-cases-slider .case-ad-results{gap:12px}
}

@media(prefers-reduced-motion:reduce){
  .shared-cases-slider .case-tabs::before,
  .shared-cases-slider .case-tab,
  .shared-cases-slider .case-card,
  .shared-cases-slider .case-device{transition:none}
}