.elementor-2413 .elementor-element.elementor-element-971e855{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* DoART page styles (moved from HTML widget for Yoast) */

.cs{--red:#E10600;--bg:#0A0A0A;--card:#141414;--line:#232323;--text:#F5F5F5;--mute:#A3A3A3;--bl-blue:#0067BE;--bl-sky1:#1F9DEB;--bl-sky2:#2F7BFF;--bl-green:#0DB88F;--bl-ink:#33373D;--bl-slate:#496B84;--bl-light:#E5F3FC;
  width:100%;background:var(--bg);color:var(--text);font-family:'Geologica',system-ui,-apple-system,sans-serif;overflow:hidden;overflow:clip;-webkit-font-smoothing:antialiased}
.cs *{box-sizing:border-box}
.cs a{color:inherit}
.cs img{display:block;max-width:100%;height:auto}
.cs .wrap{max-width:1320px;margin:0 auto;padding:0 40px}
/* хедер */
.cs .hd{position:sticky;top:var(--cs-top,0px);z-index:40;background:rgba(10,10,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.cs .hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}
.cs .logo{font-weight:900;font-size:30px;letter-spacing:-.065em;text-decoration:none;color:#fff}
.cs .logo span{color:var(--red)}
.cs .hd nav{display:flex;align-items:center;gap:8px}
.cs .pill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s,color .25s}
.cs .pill:hover{transform:translateY(-2px)}
.cs .pill-ghost{background:#161616;border:1px solid #262626;color:#fff}
.cs .pill-ghost:hover{background:#1E1E1E;color:#fff}
.cs .pill-red{background:var(--red);color:#fff}
.cs .pill-red:hover{color:#fff;filter:brightness(1.08)}
.cs .pill-white{background:#fff;color:#0A0A0A}
.cs .pill-white:hover{color:#0A0A0A}
/* типографика секций */
.cs section{padding:120px 0;position:relative}
.cs .num{font-family:'Geologica',sans-serif;font-weight:800;font-size:15px;color:var(--red);letter-spacing:.02em}
.cs .eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;font-size:14px;font-weight:600;color:var(--mute)}
.cs .eyebrow i{width:40px;height:1px;background:#3A3A3A}
.cs h1,.cs h2,.cs h3{margin:0;color:#fff}
.cs h2{font-size:clamp(36px,4.6vw,68px);line-height:1;font-weight:900;letter-spacing:-.05em;max-width:900px}
.cs .lead{margin:22px 0 0;max-width:640px;font-size:18px;line-height:1.6;color:var(--mute)}
.cs .sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:56px}
.cs .sec-head .lead{margin:0}
/* сцена в цветах клиента */
.cs .stage{position:relative;border-radius:40px;overflow:hidden}
.cs .stage-sky{background:linear-gradient(135deg,var(--bl-sky1) 0%,var(--bl-sky2) 100%)}
.cs .stage-light{background:var(--bl-light);color:var(--bl-ink)}
.cs .clouds{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 190px 64px at 10% 90%,rgba(255,255,255,.32),transparent 70%),radial-gradient(ellipse 120px 52px at 18% 84%,rgba(255,255,255,.28),transparent 70%),radial-gradient(ellipse 230px 70px at 90% 16%,rgba(255,255,255,.22),transparent 70%),radial-gradient(ellipse 140px 56px at 82% 22%,rgba(255,255,255,.2),transparent 70%),radial-gradient(ellipse 260px 80px at 52% 104%,rgba(255,255,255,.26),transparent 70%),radial-gradient(ellipse 150px 50px at 40% 12%,rgba(255,255,255,.14),transparent 70%)}
/* список-преимуществ */
.cs .points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.cs .point{padding:28px;border-radius:28px;background:var(--card);border:1px solid var(--line)}
.cs .point b{display:block;margin-bottom:10px;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff}
.cs .point span{font-size:15px;line-height:1.55;color:var(--mute)}
/* появление */
.cs .rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}
.cs .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cs .rv{opacity:1;transform:none;transition:none}}

/* HERO */
.cs .hero{padding:72px 0 40px}
.cs .hero-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:end}
.cs .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.cs .tag{padding:8px 14px;border-radius:999px;background:#161616;border:1px solid #262626;font-size:13px;font-weight:600;color:#D4D4D4}
.cs .tag-red{background:rgba(225,6,0,.14);border-color:rgba(225,6,0,.3);color:#FF5A4F}
.cs h1{font-size:clamp(52px,8.4vw,132px);line-height:.9;font-weight:900;letter-spacing:-.065em}
.cs h1 em{font-style:normal;color:var(--red)}
.cs .hero-sub{margin:0;font-size:19px;line-height:1.6;color:#C8C8C8}
.cs .meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:56px;border-radius:28px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.cs .meta div{padding:22px 24px;background:var(--bg)}
.cs .meta small{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6A6A6A}
.cs .meta span{font-size:16px;line-height:1.45;font-weight:500}
.cs .hero-stage{margin-top:28px;height:clamp(420px,52vw,640px)}
.cs .hero-stage .brand{position:absolute;left:6%;top:12%;width:min(46%,520px);z-index:2}
.cs .hero-stage .brand img{filter:brightness(0) invert(1)}
.cs .hero-stage .brand p{margin:18px 0 0;font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(15px,1.5vw,20px);color:#fff;opacity:.95}
.cs .hero-stage .brand .loc{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 16px;border-radius:999px;background:#FFD23F;color:#1B3A5C;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px}
.cs .hero-stage .phones{position:absolute;right:5%;bottom:-6%;display:flex;gap:18px;z-index:2}
.cs .hero-stage .phones img{width:clamp(130px,15vw,210px);border-radius:26px;box-shadow:0 30px 60px -20px rgba(0,30,80,.55);border:5px solid #fff}
.cs .hero-stage .phones img:nth-child(1){transform:rotate(-6deg) translateY(-30px)}
.cs .hero-stage .phones img:nth-child(2){transform:rotate(3deg)}
.cs .hero-stage .phones img:nth-child(3){transform:rotate(8deg) translateY(-50px)}
.cs .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.cs .fact{padding:26px 26px 24px;border-radius:28px;background:var(--card);border:1px solid var(--line)}
.cs .fact b{display:block;font-size:44px;font-weight:900;letter-spacing:-.05em;line-height:1;color:#fff}
.cs .fact span{display:block;margin-top:10px;font-size:14px;line-height:1.45;color:var(--mute)}
/* 01 логотип */
.cs .logo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.cs .logo-card{display:flex;align-items:center;justify-content:center;min-height:380px;padding:56px;border-radius:40px}
.cs .logo-card img{width:min(100%,420px)}
.cs .logo-card.on-white{background:#fff}
.cs .logo-card.on-sky img{filter:brightness(0) invert(1)}
.cs .logo-card .cap{position:absolute;left:28px;bottom:24px;font-size:13px;font-weight:600}
.cs .logo-card.on-white .cap{color:#8A8A8A}
.cs .logo-card.on-sky .cap{color:rgba(255,255,255,.8)}
.cs .logo-use{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px}
.cs .logo-use .poster{border-radius:40px;overflow:hidden;background:#1a4f9c}
.cs .logo-use .poster img{width:100%;height:100%;object-fit:cover}
.cs .logo-use .points{grid-template-columns:1fr;margin-top:0}
/* 02 UI-kit */
.cs .kit{padding:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;font-family:'Poppins',sans-serif}
.cs .kit h4{margin:0 0 18px;font-family:'Geologica',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bl-slate)}
.cs .sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cs .sw div{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.cs .sw i{display:block;height:84px}
.cs .sw span{display:block;padding:10px 12px 12px;font-family:'Geologica',sans-serif;font-size:12px;line-height:1.35;color:var(--bl-ink)}
.cs .sw span b{display:block;font-size:13px}
.cs .type-a{font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.02em;color:var(--bl-blue)}
.cs .type-b{margin-top:10px;font-weight:600;font-size:22px;color:var(--bl-ink)}
.cs .type-c{margin-top:10px;font-weight:400;font-size:15px;line-height:1.6;color:var(--bl-slate)}
.cs .type-meta{margin-top:14px;font-family:'Geologica',sans-serif;font-size:13px;color:var(--bl-slate)}
.cs .comp{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cs .b-green,.cs .b-blue,.cs .b-out,.cs .b-mint{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase}
.cs .b-green{background:var(--bl-green);color:#fff;box-shadow:0 10px 24px -12px rgba(13,184,143,.8)}
.cs .b-blue{background:var(--bl-blue);color:#fff;text-transform:none;letter-spacing:0}
.cs .b-out{background:#fff;border:1.5px solid #CBD5E1;color:var(--bl-slate)}
.cs .b-mint{background:#9BE3CF;color:#fff}
.cs .chip{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600}
.cs .chip-v{background:#EEE7FB;color:#7C3AED}
.cs .chip-b{background:#E0EDFF;color:#1D4ED8}
.cs .gcard{border:1.5px solid #DCE3EC;border-radius:16px;background:#fff;overflow:hidden}
.cs .gcard.sel{border-color:var(--bl-blue);background:#F2F8FF;box-shadow:0 0 0 3px rgba(0,103,190,.12)}
.cs .gcard .t{padding:14px 16px;border-bottom:1px solid #E8EDF3;font-weight:700;font-size:19px;color:#1F2937;display:flex;justify-content:space-between;align-items:center}
.cs .gcard .l{padding:12px 16px;display:grid;gap:6px;font-size:13px;color:#475569}
.cs .gcard .f{padding:0 12px 12px}
.cs .gcard .f span{display:flex;min-height:40px;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:13px;color:#fff;background:var(--bl-green)}
.cs .gcard.sel .f span{background:var(--bl-blue)}
.cs .pcard{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1.5px solid #DCE3EC;border-radius:16px;background:#fff}
.cs .pcard b{font-size:17px;color:#1F2937}
.cs .pcard small{display:block;margin:4px 0 8px;font-size:12px;color:#64748B}
.cs .pcard strong{font-size:24px;font-weight:800;color:var(--bl-blue)}
.cs .steps{display:flex;align-items:flex-start;justify-content:space-between;gap:0;padding:14px 16px;border-radius:16px;background:#fff}
.cs .steps div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#64748B;position:relative}
.cs .steps div::before{content:"";position:absolute;top:14px;left:calc(-50% + 16px);right:calc(50% + 16px);height:2px;background:#E2E8F0}
.cs .steps div:first-child::before{display:none}
.cs .steps div.ok::before,.cs .steps div.cur::before{background:#22A559}
.cs .steps i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:12px;background:#E2E8F0;color:#475569;position:relative;z-index:1}
.cs .steps .ok i{background:#22A559;color:#fff}
.cs .steps .cur i{background:#2563EB;color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.18)}
.cs .inp{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155}
.cs .inp span{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:10px;border:1.5px solid #CBD5E1;background:#fff;font-weight:400;color:#94A3B8}

/* устройства */
.cs .browser{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -40px rgba(0,0,0,.8);border:1px solid #2A2A2A}
.cs .browser .bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:#1A1A1A}
.cs .browser .bar i{width:11px;height:11px;border-radius:50%;background:#3A3A3A}
.cs .browser .bar i:nth-child(1){background:#FF5F57}.cs .browser .bar i:nth-child(2){background:#FEBC2E}.cs .browser .bar i:nth-child(3){background:#28C840}
.cs .browser .bar span{flex:1;max-width:420px;margin:0 auto;height:28px;border-radius:8px;background:#0F0F0F;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8A8A8A}
.cs .scr{position:relative;overflow:hidden;background:var(--bl-light)}
.cs .scr iframe{position:absolute;left:0;top:0;border:0;max-width:none !important;max-height:none !important;transform-origin:0 0;background:#fff}
.cs .scr .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bl-slate)}
.cs .scr-desk{aspect-ratio:16/9.4}
.cs .live{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(10,10,10,.8);color:#fff;font-size:12px;font-weight:600;pointer-events:none}
.cs .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#28C840;box-shadow:0 0 0 3px rgba(40,200,64,.25)}
.cs .phone{position:relative;width:100%;max-width:330px;border-radius:48px;padding:12px;background:#111;border:1px solid #2E2E2E;box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.cs .phone .scr{aspect-ratio:390/800;border-radius:37px}
.cs .phone::before{content:"";position:absolute;top:22px;left:50%;width:96px;height:26px;margin-left:-48px;border-radius:20px;background:#111;z-index:4}
.cs .desk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.cs .mob-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.cs .mob-grid .phone{margin:0 auto}
.cs .mob-grid .phone:nth-child(2){transform:translateY(60px)}
.cs .hint{margin-top:18px;font-size:14px;color:#6A6A6A;text-align:center}
.cs .mob-copy .points{grid-template-columns:1fr;margin-top:0}
/* 05 бронирование */
.cs .book{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start}
.cs .flow{display:flex;flex-direction:column;gap:10px}
.cs .fstep,.cs .fstep:hover,.cs .fstep:focus{white-space:normal;text-transform:none;letter-spacing:0;box-shadow:none}
.cs .fstep div{min-width:0}
.cs .fstep{display:grid;width:100%;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:20px 22px;border-radius:24px;background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .25s,background-color .25s}
.cs .fstep:hover,.cs .fstep:focus{border-color:#3A3A3A;background:var(--card);color:inherit}
.cs .fstep i{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:18px;background:#1E1E1E;color:#8A8A8A;transition:background-color .25s,color .25s}
.cs .fstep b{display:block;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em}
.cs .fstep small{display:block;margin-top:4px;font-size:13px;color:#6A6A6A}
.cs .fstep p{display:grid;grid-template-rows:0fr;margin:0;overflow:hidden;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.cs .fstep p span{min-height:0;font-size:15px;line-height:1.6;color:var(--mute)}
.cs .fstep.on,.cs .fstep.on:hover,.cs .fstep.on:focus{border-color:rgba(225,6,0,.45);background:#161010}
.cs .fstep.on i{background:var(--red);color:#fff}
.cs .fstep.on p{grid-template-rows:1fr;margin-top:10px}
.cs .book-side{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:18px}
.cs .why{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cs .why .point{padding:24px}
/* 06 печать */
.cs .print{padding:56px}
.cs .print-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.cs .print-row img{width:100%;border-radius:10px;box-shadow:0 24px 40px -20px rgba(0,40,90,.45);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cs .print-row img:hover{transform:translateY(-8px) rotate(-1deg)}
.cs .print-row.posters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
.cs .print-row.posters img{border-radius:18px}
.cs .print-cap{display:flex;justify-content:space-between;gap:16px;margin:0 0 20px;font-size:14px;font-weight:600;color:var(--bl-slate)}
.cs .print-cap + .print-row + .print-cap{margin-top:40px}
/* 07 reels */
.cs .reels{overflow:hidden;padding:10px 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cs .reels-track{display:flex;gap:18px;width:max-content;animation:cs-reels 60s linear infinite}
.cs .reels:hover .reels-track{animation-play-state:paused}
.cs .reel{flex-shrink:0;border-radius:28px;overflow:hidden;border:5px solid #1C1C1C;background:#1C1C1C;position:relative}
.cs .reel img{height:420px;width:auto;max-width:none}
.cs .reel.post::after{display:none}
.cs .reel::after{content:"";position:absolute;left:14px;bottom:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%230A0A0A'/%3E%3C/svg%3E") center/18px no-repeat}
@keyframes cs-reels{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cs .reels-track{animation:none}}
/* 08 экосистема */
.cs .eco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:eco}
.cs .eco-n{position:relative;padding:30px 28px 28px;border-radius:28px;background:var(--card);border:1px solid var(--line);counter-increment:eco}
.cs .eco-n::before{content:"0" counter(eco);display:block;margin-bottom:22px;font-size:13px;font-weight:800;color:var(--red)}
.cs .eco-n b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#fff}
.cs .eco-n span{display:block;margin-top:10px;font-size:15px;line-height:1.55;color:var(--mute)}
.cs .eco-n em{position:absolute;right:24px;top:26px;font-style:normal;font-size:12px;font-weight:600;color:#6A6A6A}
.cs .eco-loop{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px;padding:22px;border-radius:24px;border:1px dashed #333;font-size:15px;font-weight:600;color:#D4D4D4}
.cs .eco-loop span{padding:8px 14px;border-radius:999px;background:#161616}
.cs .eco-loop i{font-style:normal;color:var(--red)}
/* 09 CTA */
.cs .final{padding:0 0 24px}
.cs .final-box{position:relative;padding:96px 56px;border-radius:48px;overflow:hidden;text-align:center;background:linear-gradient(135deg,var(--bl-sky1),var(--bl-sky2))}
.cs .final-box h2{margin:0 auto;max-width:980px;color:#fff}
.cs .final-box p{margin:22px auto 0;max-width:560px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.9)}
.cs .final-box .btns{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:40px}
.cs .final-box .pill{min-height:62px;padding:0 30px;font-size:17px;font-weight:700}
.cs .final-box .clouds{opacity:.9}
.cs .ft{padding:40px 0 48px}
.cs .ft .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;color:#8A8A8A}
.cs .ft a{text-decoration:none;color:#D4D4D4}
.cs .ft a:hover{color:#fff}
.cs .ft nav{display:flex;gap:22px;flex-wrap:wrap}
/* адаптив */
@media (max-width: 1080px){
  .cs .sec-head,.cs .hero-top,.cs .book,.cs .logo-use,.cs .kit{grid-template-columns:minmax(0,1fr)}
  .cs .meta,.cs .facts,.cs .why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs .mob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs .mob-grid .mob-copy{grid-column:1/-1}
  .cs .mob-grid .phone:nth-child(2){transform:none}
  .cs .book-side{position:relative;top:0}
  .cs .eco{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs .print-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 720px){
  .cs .wrap{padding:0 18px}
  .cs section{padding:80px 0}
  .cs .hd .wrap{height:64px}
  .cs .hd .pill-ghost{display:none}
  .cs .pill{min-height:42px;padding:0 16px;font-size:14px}
  .cs .hero{padding:44px 0 24px}
  .cs .hero-sub{font-size:17px}
  .cs .meta{margin-top:36px}
  .cs .meta div{padding:16px}
  .cs .hero-stage{height:auto;padding:36px 22px 0;border-radius:30px}
  .cs .hero-stage .brand{position:relative;left:auto;top:auto;width:100%}
  .cs .hero-stage .phones{position:relative;right:auto;bottom:auto;justify-content:center;margin-top:36px;gap:10px}
  .cs .hero-stage .phones img{width:31%;border-width:3px;border-radius:16px}
  .cs .hero-stage .phones img:nth-child(1){transform:rotate(-5deg) translateY(10px)}
  .cs .hero-stage .phones img:nth-child(3){transform:rotate(6deg) translateY(10px)}
  .cs .fact{padding:20px}.cs .fact b{font-size:34px}
  .cs .stage,.cs .logo-card,.cs .final-box{border-radius:30px}
  .cs .logo-grid,.cs .points,.cs .why,.cs .eco{grid-template-columns:minmax(0,1fr)}
  .cs .logo-card{min-height:220px;padding:36px}
  .cs .kit,.cs .print{padding:26px 18px}
  .cs .sw{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs .type-a{font-size:32px}
  .cs .mob-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .cs .mob-grid .phone:nth-child(2){display:none}
  .cs .print-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cs .print-row.posters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs .reel{border-radius:20px}
  .cs .reel img{height:300px}
  .cs .final-box{padding:64px 22px}
  .cs .steps div{font-size:9px}
}

/* макет формы записи в телефоне */
.cs .bk{aspect-ratio:390/800;background:#E5F3FC;font-family:'Poppins',sans-serif;color:#1F2937}
.cs .bk-top{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px 10px;background:#fff;border-bottom:3px solid #7ED3F7}
.cs .bk-top img{height:24px;width:auto}
.cs .bk-burger{display:flex;flex-direction:column;gap:3px;padding:6px;border:1.5px solid #1F2937;border-radius:5px}
.cs .bk-burger i{width:12px;height:1.5px;background:#1F2937}
.cs .bk-body{position:absolute;left:0;right:0;top:64px;bottom:0;padding:12px 10px}
.cs .bk .steps{padding:8px 6px;border-radius:12px}
.cs .bk .steps div{font-size:8px;gap:4px}
.cs .bk .steps i{width:20px;height:20px;font-size:9px}
.cs .bk .steps div::before{top:10px;left:calc(-50% + 11px);right:calc(50% + 11px)}
.cs .bk-scr{position:absolute;left:10px;right:10px;top:70px;bottom:12px;display:flex;flex-direction:column;gap:6px;padding:14px 12px;border-radius:14px;background:#fff;opacity:0;transform:translateX(26px);pointer-events:none;transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.cs .bk-scr.on{opacity:1;transform:none}
.cs .bk h5{margin:0;font-family:'Poppins',sans-serif;font-size:17px;font-weight:800;line-height:1.15;color:#0067BE;text-align:center}
.cs .bk .sub{margin:0 0 6px;font-size:10px;line-height:1.4;color:#64748B;text-align:center}
.cs .bk .gcard{border-radius:12px}
.cs .bk .gcard .t{padding:8px 10px;font-size:14px}
.cs .bk .gcard .l{padding:7px 10px;gap:3px;font-size:10px}
.cs .bk .pcard{padding:9px 10px;border-radius:12px}
.cs .bk .pcard.sel{border-color:#0067BE;background:#F2F8FF}
.cs .bk .pcard b{font-size:12px}
.cs .bk .pcard small{margin:2px 0 4px;font-size:9px}
.cs .bk .pcard strong{font-size:16px}
.cs .bk .chip{padding:2px 7px;font-size:8px}
.cs .bk .inp{gap:3px;font-size:10px}
.cs .bk .inp span{min-height:32px;padding:0 10px;border-radius:8px;font-size:10px;color:#334155}
.cs .bk-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;background:#0DB88F;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cs .bk-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.cs .bk-cal span{font-size:8px;font-weight:600;color:#64748B;padding-bottom:3px}
.cs .bk-cal i{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:26px;border-radius:6px;font-style:normal;font-size:9px;color:#CBD5E1}
.cs .bk-cal i.av{background:#ECFDF5;border:1px solid #86EFAC;color:#1F2937;font-weight:700}
.cs .bk-cal i.av small{font-size:6px;font-weight:600;color:#16A34A}
.cs .bk-cal i.pick{background:#0067BE;border-color:#0067BE;color:#fff}
.cs .bk-cal i.pick small{color:#DBEAFE}
.cs .bk-sum{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#F1F5F9;font-size:10px;color:#475569}
.cs .bk-sum b{font-size:15px;color:#0067BE}
.cs .bk-done{align-items:center;justify-content:center;text-align:center}
.cs .bk-check{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:#0DB88F;color:#fff;font-size:28px;font-weight:800;box-shadow:0 0 0 8px rgba(13,184,143,.15)}
.cs .bk-done .bk-sum{width:100%;margin:8px 0}
.cs .bk-live{top:auto;bottom:22px;right:50%;transform:translateX(50%)}

/* ===== обновление: живой логотип, ноутбук, облака, мокапы ===== */
.cs .cl{position:absolute;z-index:1;height:auto;pointer-events:none;animation:cs-drift 16s ease-in-out infinite alternate;will-change:transform}
@keyframes cs-drift{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
.cs .cl-a{width:min(22%,240px);left:3%;top:4%;opacity:.9;animation-duration:18s}
.cs .cl-b{width:min(34%,400px);left:-4%;bottom:-3%;animation-duration:22s;animation-direction:alternate-reverse}
.cs .cl-c{width:min(30%,360px);right:30%;top:-6%;opacity:.75;animation-duration:20s}
.cs .cl-d{width:46%;right:-8%;bottom:-6%;opacity:.9}
.cs .cl-e{width:26%;left:6%;top:8%;opacity:.8;animation-direction:alternate-reverse}
.cs .cl-f{width:30%;left:-6%;bottom:-8%;opacity:.9}
.cs .cl-g{width:18%;right:8%;top:10%;opacity:.85;animation-direction:alternate-reverse}
.cs .cl-h{width:26%;right:-5%;bottom:-6%;opacity:.8}
.cs .hero-stage{height:clamp(500px,50vw,660px)}
.cs .hero-stage .brand{left:6%;top:14%;width:min(44%,560px);z-index:3}
.cs .hero-stage .brand img.wm{filter:brightness(0) invert(1)}
.cs .lockup{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px)}
.cs .lockup .lg{flex-shrink:0;width:clamp(84px,9vw,136px)}
.cs .lockup .wm{width:clamp(180px,22vw,330px);height:auto}
.cs .lg svg{display:block;width:100%;height:auto;overflow:visible}
.cs .hero-stage .laptop{position:absolute;z-index:2;right:-1%;bottom:-2%;width:min(60%,800px);height:auto;filter:drop-shadow(0 30px 40px rgba(0,40,110,.35))}
.cs .logo-card.on-white .lockup{justify-content:center}
.cs .lockup-lg .lg{width:clamp(96px,10vw,150px)}
.cs .lockup-lg .wm{width:clamp(180px,20vw,300px)}
.cs .logo-card{position:relative;overflow:hidden}
.cs .logo-card.on-sky img[alt]{z-index:2}
.cs .replay,.cs .replay:hover,.cs .replay:focus{position:absolute;right:22px;bottom:18px;z-index:3;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #E5E7EB !important;background:#F8FAFC !important;color:#334155 !important;font:600 13px 'Geologica',sans-serif;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none}
.cs .replay:hover{background:#EEF2F7 !important}
.cs .final-box .cl{z-index:0}
.cs .logo-card img.cl{filter:none;max-width:none}
.cs .logo-card img.cl-d{width:46%}
.cs .logo-card img.cl-e{width:26%}
.cs .final-box h2,.cs .final-box p,.cs .final-box .eyebrow{z-index:2}
.cs.js-lg [data-logo] svg > g:first-of-type > g > g,.cs.js-lg [data-logo] #book{visibility:hidden}
/* мокапы экосистемы */
.cs .mock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:stretch}
.cs .mock figure{position:relative;margin:0;border-radius:32px;overflow:hidden;background:#141414}
.cs .mock figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cs .mock figure:hover img{transform:scale(1.04)}
.cs .mock figcaption{position:absolute;left:16px;bottom:16px;padding:9px 15px;border-radius:999px;background:rgba(10,10,10,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:600}
.cs .mock-col{display:grid;grid-template-rows:minmax(0,1.13fr) minmax(0,1fr);gap:16px}
@media (max-width: 1080px){
  .cs .hero-stage{height:auto;padding:48px 36px 0}
  .cs .hero-stage .brand{position:relative;left:auto;top:auto;width:100%}
  .cs .hero-stage .laptop{position:relative;right:auto;bottom:auto;display:block;width:min(100%,720px);margin:32px auto -4%}
  .cs .mock{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cs .mock-col{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}
}
@media (max-width: 720px){
  .cs .hero-stage{padding:32px 20px 0}
  .cs .lockup .lg{width:78px}
  .cs .lockup .wm{width:190px}
  .cs .cl-c{display:none}
  .cs .mock,.cs .mock-col{grid-template-columns:minmax(0,1fr)}
  .cs .mock figure{border-radius:24px}
  .cs .replay{right:14px;bottom:12px}
  .cs .logo-card .cap{max-width:55%}
}
@media (prefers-reduced-motion: reduce){.cs .cl{animation:none}}

/* ===== правки v3 ===== */
.cs .wm-split{position:relative;display:block;aspect-ratio:668/167}
.cs .wm-split img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none !important}
.cs .wm-1{clip-path:inset(0 0 57% 0)}
.cs .wm-2{clip-path:inset(40% 0 0 0)}
.cs.js-lg [data-logo] + .wm-split img{visibility:hidden}
.cs .lg img{display:block;width:100% !important;max-width:none !important;height:auto}
.cs .logo-card.on-sky .lg img{filter:none}
.cs .lockup-inv{position:relative;z-index:2;justify-content:center}
.cs .logo-card img.cl-d{width:30%;left:-7%;right:auto;bottom:-12%;top:auto;opacity:.95}
.cs .logo-card img.cl-e{width:30%;right:-7%;left:auto;top:-12%;bottom:auto;opacity:.95}
.cs .hero-stage .brand .hero-claim{margin:28px 0 0;max-width:470px;font-family:'Geologica',sans-serif;font-weight:800;font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:-.025em;color:#fff;opacity:1;text-shadow:0 2px 18px rgba(0,40,120,.25)}
.cs .hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;max-width:520px}
.cs .hero-chips span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.cs .logo-use{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.cs .logo-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cs .lt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:220px;padding:28px 18px;border-radius:32px;overflow:hidden;text-align:center}
.cs .lt > span{font-size:13px;font-weight:600}
.cs .lt-app{background:var(--bl-light);color:var(--bl-slate)}
.cs .app{display:flex;flex-direction:column;align-items:center;gap:8px}
.cs .app img{width:86px;border-radius:20px;box-shadow:0 16px 28px -12px rgba(0,50,120,.5)}
.cs .app b{font-size:12px;font-weight:600;color:#33373D}
.cs .lt-ava{background:linear-gradient(135deg,#1F9DEB,#2F7BFF);color:#fff}
.cs .ava{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,255,255,.22)}
.cs .ava img{width:64%}
.cs .lt-mono{background:#fff;color:#64748B}
.cs .lockup.mono{gap:12px}
.cs .lockup.mono .lg{width:62px}
.cs .lockup.mono .lg img{filter:grayscale(1) contrast(1.4) brightness(.5)}
.cs .wm-mono{width:150px;height:auto}
.cs .lt-sizes{background:#141414;border:1px solid var(--line);color:var(--mute)}
.cs .sizes{display:flex;align-items:flex-end;gap:20px}
.cs .scr img.auto{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;animation:cs-scroll 42s ease-in-out infinite alternate}
.cs .scr img.auto-slow{animation-duration:30s;animation-delay:-6s}
.cs .scr:hover img.auto{animation-play-state:paused}
@keyframes cs-scroll{0%,5%{object-position:50% 0}95%,100%{object-position:50% 100%}}
.cs .final-box img.cl-f{width:24%;left:-6%;bottom:-14%}
.cs .final-box img.cl-g{width:18%;right:-4%;top:-10%}
/* футер с главной */
.cs .dl-foot{--dl-accent:#E10600;font-family:'Geologica',system-ui,sans-serif;color:#F5F5F5}
.cs .dl-foot h2{max-width:none}
.cs .dl-foot .spin{animation:dl-spin 18s linear infinite;transform-origin:50% 50%}
@keyframes dl-spin{to{transform:rotate(360deg)}}
.cs .dl-foot .pl{animation:dl-pl 1.6s ease-in-out infinite}
@keyframes dl-pl{0%,100%{opacity:1}50%{opacity:.3}}
.cs .dl-foot .lift{transition:transform .25s ease}
.cs .dl-foot .lift:hover{transform:translateY(-4px)}
@media (max-width: 1080px){
  .cs .dl-foot [style*="grid-template-columns: minmax"]{grid-template-columns:minmax(0,1fr) !important}
  .cs .logo-use{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 720px){
  .cs .dl-foot [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  .cs .dl-foot [style*="padding: 100px 56px 0"]{padding:64px 22px 0 !important}
  .cs .dl-foot [style*="border-radius: 48px"]{border-radius:30px !important}
  .cs .dl-foot footer{padding:0 10px 10px !important}
  .cs .dl-foot h2{font-size:40px !important}
  .cs .dl-foot [style*="justify-self: end"]{justify-self:start !important;width:150px !important;height:150px !important}
  .cs .dl-foot [style*="justify-self: end"] svg.spin{width:150px;height:150px}
  .cs .dl-foot [style*="justify-content: space-between; align-items: center; gap: 24px; font-size: 14px"]{flex-direction:column;align-items:flex-start !important}
  .cs .dl-foot [aria-hidden="true"]{height:34vw !important;min-height:0 !important;margin:0 -22px !important}
  .cs .dl-foot [aria-hidden="true"] > span{font-size:36vw !important}
  .cs .dl-foot .dl-fcol-m{display:none !important}
  .cs .hero-chips span{font-size:13px;padding:8px 12px}
  .cs .lt{min-height:170px;border-radius:24px}
}
@media (prefers-reduced-motion: reduce){.cs .dl-foot .spin,.cs .dl-foot .pl,.cs .scr img.auto{animation:none}}

/* задача / решение */
.cs .ts{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.cs .ts-card{padding:36px;border-radius:32px;background:var(--card);border:1px solid var(--line)}
.cs .ts-sol{background:linear-gradient(135deg,#1F9DEB,#2F7BFF);border-color:transparent}
.cs .ts-lbl{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(225,6,0,.14);color:#FF5A4F;font-size:13px;font-weight:700}
.cs .ts-sol .ts-lbl{background:rgba(255,255,255,.2);color:#fff}
.cs .ts-card h3{margin:18px 0 14px;font-size:clamp(24px,2.4vw,34px);line-height:1.08;font-weight:800;letter-spacing:-.035em}
.cs .ts-card p{margin:0;font-size:16px;line-height:1.6;color:var(--mute)}
.cs .ts-steps{margin:0;padding:0;list-style:none;counter-reset:ts;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cs .ts-steps li{counter-increment:ts;display:flex;flex-direction:column;gap:4px;padding:14px 16px 14px 48px;border-radius:18px;background:rgba(255,255,255,.14);position:relative}
.cs .ts-steps li::before{content:counter(ts);position:absolute;left:14px;top:14px;width:24px;height:24px;border-radius:50%;background:#fff;color:#0067BE;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cs .ts-steps b{font-size:16px;color:#fff}
.cs .ts-steps span{font-size:13px;line-height:1.4;color:rgba(255,255,255,.85)}
/* другие кейсы */
.cs .more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:4px}
.cs .more-c{display:flex;flex-direction:column;gap:10px;min-height:220px;padding:28px;border-radius:28px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}
.cs .more-c:hover{transform:translateY(-4px);border-color:#3A3A3A}
.cs .more-t{align-self:flex-start;padding:5px 12px;border-radius:999px;background:#1E1E1E;font-size:12px;font-weight:600;color:#A3A3A3}
.cs .more-c b{font-size:30px;font-weight:900;letter-spacing:-.04em;color:#fff}
.cs .more-c span{font-size:15px;line-height:1.5;color:var(--mute)}
.cs .more-c i{margin-top:auto;font-style:normal;font-weight:700;font-size:15px;color:#fff}
.cs .more-c:hover i{color:#FF5A4F}
.cs .more-all{background:var(--red);border-color:transparent}
.cs .more-all span{color:rgba(255,255,255,.85)}
.cs .more-all:hover i{color:#fff}
/* подпись под телефонами */
.cs #mobile .hint{margin-top:100px}
@media (max-width: 1080px){ .cs #mobile .hint{margin-top:28px} .cs .ts{grid-template-columns:minmax(0,1fr)} .cs .more{grid-template-columns:minmax(0,1fr)} .cs .more-c{min-height:0} }
@media (max-width: 720px){ .cs .ts-card{padding:24px;border-radius:24px} .cs .ts-steps{grid-template-columns:minmax(0,1fr)} }

/* статус-бар в мокапах телефонов */
.cs .phone .sb{position:absolute;left:0;right:0;top:0;z-index:3;height:44px;display:flex;align-items:center;justify-content:space-between;padding:2px 22px 0 28px;background:#FFFFFF;color:#111111;font:600 14px -apple-system,'SF Pro Text','Geologica',sans-serif;letter-spacing:-.01em}
.cs .phone .sb-i{display:flex;align-items:center;gap:5px}
.cs .phone .sb svg{display:block}
.cs .phone .scr img.auto{top:44px;height:calc(100% - 44px)}
.cs .bk-top{top:44px;height:46px;align-items:center;padding:0 16px}
.cs .bk-body{top:90px}
.cs .bk-scr{top:66px}
@media (max-width: 720px){
  .cs .logo-card{padding:64px 20px 72px}
  .cs .logo-card .cap{left:20px;right:20px;bottom:22px;max-width:none}
  .cs .replay,.cs .replay:hover,.cs .replay:focus{top:14px;right:14px;bottom:auto}
  .cs .lockup-lg .lg{width:70px}
  .cs .lockup-lg .wm{width:min(170px,60vw)}
  .cs .lt-mono,.cs .lt-sizes{grid-column:1/-1}
  .cs .lockup.mono .lg{width:54px}
  .cs .wm-mono{width:140px}
}

/* переключатель языка */
.cs .hd nav .lang{display:flex;gap:2px;padding:4px;border-radius:999px;background:#161616;border:1px solid #262626}
.cs .hd .lang a{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#8C8C8C;text-decoration:none;transition:color .2s,background-color .2s}
.cs .hd .lang a:hover{color:#FFFFFF}
.cs .hd .lang a[aria-current="true"]{background:#FFFFFF;color:#0A0A0A}
@media (max-width: 720px){ .cs .hd .lang a{min-width:32px;height:32px;font-size:12px} .cs .hd nav{gap:6px} .cs .hd .pill-white{padding:0 14px;font-size:13px} }
.cs .more-c .more-img{display:block;margin:-12px -12px 6px;height:150px;border-radius:20px;background:#1E1E1E center/cover no-repeat}


/* ===== страница «Кейсы» ===== */
.cs .cases-hero{padding:80px 0 32px}
.cs .cases-hero h1{font-size:clamp(64px,10vw,150px)}
.cs .cases-hero .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.cs .filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.cs .flt,.cs .flt:hover,.cs .flt:focus{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #262626 !important;background:#141414 !important;color:#D4D4D4 !important;font:600 14px 'Geologica',sans-serif;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;transition:background-color .2s,color .2s}
.cs .flt:hover{color:#FFFFFF !important;border-color:#3A3A3A !important}
.cs .flt.on,.cs .flt.on:hover{background:#FFFFFF !important;color:#0A0A0A !important;border-color:#FFFFFF !important}
.cs .flt em{font-style:normal;font-size:12px;opacity:.6}
.cs .cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 0 80px}
.cs .cc{display:flex;flex-direction:column;border-radius:32px;background:var(--card);border:1px solid var(--line);padding:12px;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
.cs .cc:hover{transform:translateY(-6px);border-color:#3A3A3A}
.cs .cc-img{position:relative;display:block;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#1E1E1E center/cover no-repeat}
.cs .cc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cs .cc:hover .cc-img img{transform:scale(1.04)}
.cs .cc-afina{position:relative;display:block;overflow:hidden;background:#0A0A12;padding:0}.cs .cc-afina .af-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(55% 75% at 34% 45%,rgba(124,106,255,.55),transparent 70%),radial-gradient(45% 60% at 88% 18%,rgba(192,132,252,.35),transparent 70%),linear-gradient(160deg,#14112B 0%,#0A0A12 100%)}.cs .cc-afina .af-bust{position:absolute;left:9%;bottom:-46%;width:52%;height:128%;z-index:1;background:url(https://doart.uk/wordpress/wp-content/uploads/2026/02/auth-bg-afina-843x1024.png) center top/contain no-repeat;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.cs .cc-afina .af-word{position:absolute;left:22px;top:20px;z-index:3;text-shadow:0 4px 18px rgba(0,0,0,.45);font-family:Unbounded,Geologica,sans-serif;font-weight:800;font-size:24px;letter-spacing:.02em;line-height:1;color:#fff}.cs .cc-afina .af-word em{font-style:normal;color:#fff}.cs .cc-afina .af-ph{position:absolute;bottom:-50px;width:150px;height:252px;padding:6px;border-radius:26px;background:#0D0D12;box-shadow:0 0 0 1.5px #2A2A33 inset,0 30px 50px -20px rgba(0,0,0,.85);z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cs .cc-afina .af-ph::before{content:"";position:absolute;left:50%;top:11px;width:40px;height:10px;margin-left:-20px;border-radius:6px;background:#0D0D12;z-index:2}.cs .cc-afina .af-ph1{right:150px;transform:rotate(-6deg) translateY(10px)}.cs .cc-afina .af-ph2{right:22px;transform:rotate(5deg) translateY(26px)}.cs .cc:hover .cc-afina .af-ph1{transform:rotate(-6deg) translateY(-6px) scale(1.2)}.cs .cc:hover .cc-afina .af-ph2{transform:rotate(5deg) translateY(10px) scale(1.2)}.cs .cc-afina .af-scr{display:block;height:100%;border-radius:21px;background:#F4F2FF;padding:26px 9px 0;color:#1E1B3A;overflow:hidden}.cs .cc-afina .af-t{display:block;font-size:11px;font-weight:800;color:#7C6AFF;margin-bottom:7px}.cs .cc-afina .af-card{display:block;padding:8px 9px;border-radius:11px;background:linear-gradient(135deg,#7C6AFF,#C084FC);color:#fff;box-shadow:0 8px 16px -8px rgba(124,106,255,.8)}.cs .cc-afina .af-card.g{background:linear-gradient(135deg,#17B3B8,#25C489);box-shadow:0 8px 16px -8px rgba(23,179,184,.8)}.cs .cc-afina .af-card small{display:block;font-size:6px;font-weight:800;letter-spacing:.1em;opacity:.9}.cs .cc-afina .af-card b{display:block;margin-top:3px;font-size:15px;font-weight:800;letter-spacing:-.01em}.cs .cc-afina .af-row{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:5px;padding:6px 7px;border-radius:9px;background:#fff;border:1px solid #ECE8FF;font-size:7.5px;font-weight:700;color:#1E1B3A}.cs .cc-afina .af-row i{font-style:normal;color:#EF5A5A;white-space:nowrap}.cs .cc-afina .af-row i.p{color:#17A673}@media (max-width:600px){.cs .cc-afina .af-ph{width:124px;height:220px}.cs .cc-afina .af-ph1{right:116px}}.cs .cc-afina .af-ph{transform-origin:50% 100%}.cs .cc-afina .af-ph1{right:28%;transform:rotate(-6deg) translateY(4px) scale(1.2)}.cs .cc-afina .af-ph2{right:5%;transform:rotate(5deg) translateY(20px) scale(1.2)}.cs .cc-afina .af-word{top:24px;left:24px;font-size:28px}.cs .cc-afina .af-ph b,.cs .cc-afina .af-word em{color:#fff}@media (max-width:600px){.cs .cc-afina .af-ph1{transform:rotate(-6deg) translateY(10px) scale(.95)}.cs .cc-afina .af-ph2{transform:rotate(5deg) translateY(26px) scale(.95)}.cs .cc-afina .af-word{font-size:22px}}
.cs .cc .cc-afina span,.cs .cc .cc-afina b,.cs .cc .cc-afina i,.cs .cc .cc-afina small,.cs .cc .cc-afina em{margin:0;text-transform:none;letter-spacing:normal;line-height:1.25}.cs .cc .cc-afina .af-word{font-size:28px;font-weight:800;letter-spacing:.02em;color:#fff;line-height:1}.cs .cc .cc-afina .af-t{font-size:11px;font-weight:800;color:#7C6AFF}.cs .cc .cc-afina .af-card small{font-size:6px;font-weight:800;letter-spacing:.1em}.cs .cc .cc-afina .af-card b{font-size:15px;font-weight:800;color:#fff;margin-top:3px}.cs .cc .cc-afina .af-row{font-size:7.5px;font-weight:700;color:#1E1B3A}.cs .cc .cc-afina .af-row i{font-size:7.5px;font-weight:700;font-style:normal;color:#EF5A5A}.cs .cc .cc-afina .af-row i.p{color:#17A673}.cs .cc .cc-afina .af-ph1{transform:rotate(-6deg) translateY(4px) scale(1.12)}.cs .cc .cc-afina .af-ph2{transform:rotate(5deg) translateY(20px) scale(1.12)}.cs .cc:hover .cc-afina .af-ph1{transform:rotate(-6deg) translateY(-6px) scale(1.12)}.cs .cc:hover .cc-afina .af-ph2{transform:rotate(5deg) translateY(10px) scale(1.12)}@media (max-width:600px){.cs .cc .cc-afina .af-ph1{transform:rotate(-6deg) translateY(10px) scale(.95)}.cs .cc .cc-afina .af-ph2{transform:rotate(5deg) translateY(26px) scale(.95)}.cs .cc .cc-afina .af-word{font-size:22px}}
@font-face{font-family:'Supermolot';src:url('https://doart.uk/projekts/gtstudio/font/supermolotlight.woff2?v=2') format('woff2'),url('https://doart.uk/projekts/gtstudio/font/supermolotlight.woff?v=2') format('woff');font-weight:300 900;font-display:swap}
.cs .cc-gt{background:#0B0B0B}
.cs .cc-gt .gt-ph{position:absolute;inset:0 0 0 44%;background:url(https://doart.uk/projekts/gtstudio/img/bg.jpg) 58% 64%/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-origin:70% 60%}
.cs .cc-gt .gt-ln{position:absolute;inset:0 0 0 44%;z-index:1;background:#FED700;clip-path:polygon(16% 0,calc(16% + 5px) 0,5px 100%,0 100%)}
.cs .cc-gt .gt-txt{position:absolute;left:24px;top:24px;z-index:2;width:42%;display:flex;flex-direction:column;gap:16px}
.cs .cc-gt .gt-txt img{width:52px;height:auto;object-fit:contain}
.cs .cc .cc-gt .gt-txt b{font-family:'Supermolot',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,30px);line-height:1;text-transform:uppercase;letter-spacing:.01em;color:#fff}
.cs .cc-gt .gt-txt em{font-style:normal;color:#FED700}
.cs .cc-gt .gt-vlt{position:absolute;right:18px;top:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(10,10,10,.82);color:#fff;font-size:13px;font-weight:700}
.cs .cc .cc-gt .gt-vlt i{margin:0;width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}
.cs .cc:hover .cc-gt .gt-ph{transform:scale(1.05)}
@media (max-width:600px){.cs .cc-gt .gt-ph,.cs .cc-gt .gt-ln{left:40%}.cs .cc-gt .gt-txt{left:18px;top:18px;width:50%;gap:12px}.cs .cc-gt .gt-txt img{width:42px}.cs .cc .cc-gt .gt-txt b{font-size:19px}.cs .cc-gt .gt-vlt{display:none}}
@font-face{font-family:'Supermolot';src:url('https://doart.uk/projekts/gtstudio/font/supermolotlight.woff2?v=2') format('woff2'),url('https://doart.uk/projekts/gtstudio/font/supermolotlight.woff?v=2') format('woff');font-weight:300 900;font-display:swap}.cv{position:absolute;inset:0;display:block;overflow:hidden;container-type:inline-size;font-family:'Geologica',system-ui,-apple-system,sans-serif;color:#fff;text-align:left;pointer-events:none}:is(.dl,.cs) .cv span{display:block;margin:0;padding:0;line-height:1;letter-spacing:0;text-transform:none;font-style:normal;box-sizing:border-box;white-space:normal}:is(.dl,.cs) .cv>span{position:absolute}.cv-gt{background:#0B0B0B}:is(.dl,.cs) .cv-gt .cv-ph{inset:0 0 0 42%;overflow:hidden;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.cv-gt .cv-ph::before{content:"";position:absolute;inset:0;background:url(https://doart.uk/projekts/gtstudio/img/bg.jpg) 56% 70%/cover no-repeat;transform-origin:65% 65%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}:is(.dl,.cs) .cv-gt .cv-ln{inset:0 0 0 42%;background:#FED700;clip-path:polygon(20% 0,calc(20% + .9cqw) 0,.9cqw 100%,0 100%)}:is(.dl,.cs) .cv-gt .cv-logo{left:6cqw;top:6cqw;width:8.5cqw;height:8.5cqw;background:url(https://doart.uk/projekts/gtstudio/img/logo.svg) center/contain no-repeat}:is(.dl,.cs) .cv-gt .cv-h{left:6cqw;top:21cqw;width:40cqw;font-family:'Supermolot',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:4.6cqw;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#fff}:is(.dl,.cs) .cv-gt .cv-h span{display:block}:is(.dl,.cs) .cv-gt .cv-h .cv-y{color:#FED700}:is(.dl,.cs) .cv-gt .cv-calc{right:4.5cqw;bottom:4.5cqw;padding:2.2cqw 3cqw 2.2cqw 2.6cqw;background:#FED700;color:#0B0B0B;clip-path:polygon(0 0,100% 0,100% calc(100% - 1.8cqw),calc(100% - 1.8cqw) 100%,0 100%)}:is(.dl,.cs) .cv-gt .cv-ck{font-size:max(1.25cqw,7px);font-weight:800;letter-spacing:.12em;text-transform:uppercase}:is(.dl,.cs) .cv-gt .cv-cv{margin-top:.9cqw;font-size:4.4cqw;font-weight:800;letter-spacing:-.03em}a:hover .cv-gt .cv-ph::before{transform:scale(1.06)}.cv-af{background:radial-gradient(55% 75% at 30% 55%,rgba(124,106,255,.55),transparent 70%),radial-gradient(45% 60% at 90% 12%,rgba(192,132,252,.35),transparent 70%),linear-gradient(160deg,#14112B 0%,#0A0A12 100%)}:is(.dl,.cs) .cv-af .cv-bust{left:5%;bottom:-48%;width:44%;height:120%;background:url(https://doart.uk/wordpress/wp-content/uploads/2026/02/auth-bg-afina-843x1024.png) center top/contain no-repeat;filter:drop-shadow(0 3cqw 5cqw rgba(0,0,0,.5))}:is(.dl,.cs) .cv-af .cv-word{left:6cqw;top:6cqw;font-family:Unbounded,'Geologica',sans-serif;font-weight:800;font-size:4.6cqw;letter-spacing:.03em;color:#fff;text-shadow:0 .6cqw 2.6cqw rgba(0,0,0,.45)}:is(.dl,.cs) .cv-af .cv-sub{left:6cqw;top:12.4cqw;font-size:max(1.7cqw,10px);font-weight:600;color:rgba(255,255,255,.72)}:is(.dl,.cs) .cv-af .cv-phone{width:21cqw;height:43cqw;padding:.9cqw;border-radius:3.6cqw;background:#0D0D12;box-shadow:0 0 0 .25cqw #2A2A33 inset,0 4cqw 7cqw -3cqw rgba(0,0,0,.85);transition:transform .7s cubic-bezier(.2,.8,.2,1)}:is(.dl,.cs) .cv-af .cv-p1{right:27cqw;top:15cqw;transform:rotate(-6deg)}:is(.dl,.cs) .cv-af .cv-p2{right:5cqw;top:22cqw;transform:rotate(5deg)}a:hover .cv-af .cv-p1{transform:rotate(-6deg) translateY(-2cqw)}a:hover .cv-af .cv-p2{transform:rotate(5deg) translateY(-1.2cqw)}:is(.dl,.cs) .cv-af .cv-scr{height:100%;border-radius:2.8cqw;background:#F4F2FF;padding:3.6cqw 1.3cqw 0;overflow:hidden;color:#1E1B3A}:is(.dl,.cs) .cv-af .cv-st{margin-bottom:1.1cqw;font-size:1.55cqw;font-weight:800;color:#7C6AFF}:is(.dl,.cs) .cv-af .cv-card{padding:1.3cqw 1.3cqw 1.5cqw;border-radius:1.7cqw;background:linear-gradient(135deg,#7C6AFF,#C084FC);color:#fff;box-shadow:0 1.2cqw 2.4cqw -1.2cqw rgba(124,106,255,.8)}:is(.dl,.cs) .cv-af .cv-card.g{background:linear-gradient(135deg,#17B3B8,#25C489);box-shadow:0 1.2cqw 2.4cqw -1.2cqw rgba(23,179,184,.8)}:is(.dl,.cs) .cv-af .cv-cl{font-size:.85cqw;font-weight:800;letter-spacing:.1em;opacity:.9}:is(.dl,.cs) .cv-af .cv-cb{margin-top:.6cqw;font-size:2.1cqw;font-weight:800;letter-spacing:-.01em}:is(.dl,.cs) .cv-af .cv-row{display:flex;justify-content:space-between;align-items:center;gap:.6cqw;margin-top:.8cqw;padding:1cqw 1.1cqw;border-radius:1.3cqw;background:#fff;border:.15cqw solid #ECE8FF;font-size:1.1cqw;font-weight:700;color:#1E1B3A;white-space:nowrap;overflow:hidden}:is(.dl,.cs) .cv-af .cv-row span{display:inline;color:#EF5A5A;white-space:nowrap}:is(.dl,.cs) .cv-af .cv-row span.p{color:#17A673}@media (prefers-reduced-motion:reduce){.cv *{transition:none!important}}
.cv-bla{background:linear-gradient(135deg,#1F9DEB 0%,#2F7BFF 100%)}.cs .cc .cc-img .cv-bla img{position:absolute;display:block;max-width:none;height:auto!important;object-fit:contain;transform:none;border-radius:0}.cs .cc .cc-img .cv-bla img.cv-cl1{width:46cqw!important;left:-8cqw;bottom:-5cqw;opacity:.9}.cs .cc .cc-img .cv-bla img.cv-cl2{width:30cqw!important;right:-4cqw;top:-3cqw;opacity:.9}.cs .cc .cc-img .cv-bla img.cv-lap{width:96cqw!important;left:44%;top:53%;transform:translate(-50%,-46%);transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 3.5cqw 5cqw rgba(0,40,110,.35))}.cs .cc:hover .cc-img .cv-bla img.cv-lap{transform:translate(-50%,-49%) scale(1.03)}:is(.dl,.cs) .cv-bla .cv-brand{left:3.8cqw;top:3.8cqw;z-index:2;display:flex;align-items:center;gap:1.8cqw}.cs .cc .cc-img .cv-bla .cv-brand img{position:static;width:7.6cqw!important;border-radius:1.8cqw;box-shadow:0 1.2cqw 2.6cqw -1.2cqw rgba(0,40,110,.5)}.cs .cc .cc-img .cv-bla .cv-brand img.cv-wm{width:22cqw!important;border-radius:0;box-shadow:none;filter:brightness(0) invert(1)}:is(.dl,.cs) .cv-bla .cv-note{right:3.2cqw;top:3.8cqw;z-index:3;display:flex;align-items:center;gap:1.5cqw;padding:1.5cqw 2.1cqw 1.5cqw 1.5cqw;border-radius:2.4cqw;background:#fff;color:#1F2937;box-shadow:0 2.6cqw 5.2cqw -2.4cqw rgba(0,30,90,.55);animation:cvbla-f 5s ease-in-out infinite}:is(.dl,.cs) .cv-bla .cv-ok{display:flex;align-items:center;justify-content:center;flex:none;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#0DB88F;color:#fff;font-weight:800;font-size:2.2cqw}:is(.dl,.cs) .cv-bla .cv-nb{font-size:max(1.9cqw,9px);font-weight:700;line-height:1.25;white-space:nowrap}:is(.dl,.cs) .cv-bla .cv-ns{margin-top:.4cqw;font-size:max(1.6cqw,8px);line-height:1.25;color:#64748B;white-space:nowrap}:is(.dl,.cs) .cv-bla .cv-phone{right:3.2cqw;bottom:3.2cqw;z-index:3;width:19.4cqw;height:41cqw;padding:.75cqw;border-radius:3.2cqw;background:#111;box-shadow:0 3.5cqw 6cqw -2.6cqw rgba(0,30,90,.7);animation:cvbla-f 6s ease-in-out -2s infinite}.cs .cc .cc-img .cv-bla .cv-phone img{position:static;width:100%!important;height:100%!important;object-fit:cover;object-position:top;border-radius:2.5cqw}@keyframes cvbla-f{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2cqw)}}@container (max-width:460px){:is(.dl,.cs) .cv-bla .cv-note{display:none}}@media (prefers-reduced-motion:reduce){:is(.dl,.cs) .cv-bla .cv-note,:is(.dl,.cs) .cv-bla .cv-phone{animation:none}}
.cs .cc-body{display:flex;flex-direction:column;gap:12px;padding:22px 14px 12px}
.cs .cc-tags{display:flex;flex-wrap:wrap;gap:6px}
.cs .cc-tags span{padding:5px 11px;border-radius:999px;background:#1E1E1E;font-size:12px;font-weight:600;color:#A3A3A3}
.cs .cc h3{font-size:clamp(24px,2.3vw,32px);line-height:1.08;font-weight:800;letter-spacing:-.035em}
.cs .cc p{margin:0;font-size:15px;line-height:1.6;color:var(--mute)}
.cs .cc i{margin-top:6px;font-style:normal;font-weight:700;font-size:15px;color:#FFFFFF}
.cs .cc:hover i{color:#FF5A4F}
.cs .cc.hide{display:none}
.cs .cc-empty{grid-column:1/-1;padding:40px;border-radius:28px;border:1px dashed #333;text-align:center;color:var(--mute)}
.cs .cases-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:40px;border-radius:32px;background:var(--card);border:1px solid var(--line)}
.cs .cases-cta h3{font-size:clamp(24px,2.6vw,36px);line-height:1.1;font-weight:800;letter-spacing:-.035em;max-width:620px}
@media (max-width: 900px){ .cs .cgrid{grid-template-columns:minmax(0,1fr)} .cs .cases-hero .row{grid-template-columns:minmax(0,1fr)} .cs .cases-cta{flex-direction:column;align-items:flex-start;padding:28px} }

/* нижняя всплывающая кнопка (как на главной) */
.cs-sticky{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9999;width:min(760px,calc(100% - 24px));transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease;font-family:'Geologica',system-ui,sans-serif}
.cs-sticky.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.cs-sticky .bar{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(14,14,14,.92);border:1px solid #2A2A2A;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px -20px rgba(0,0,0,.7);color:#F5F5F5}
.cs-sticky .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cs-sticky .t b{font-size:15px;font-weight:700;line-height:1.25;color:#FFFFFF}
.cs-sticky .t span{font-size:13px;color:#A3A3A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-sticky a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;flex-shrink:0;transition:filter .2s,transform .25s}
.cs-sticky .go{padding:0 22px;background:#E10600;color:#FFFFFF}
.cs-sticky .go:hover{color:#FFFFFF;filter:brightness(1.08)}
.cs-sticky .tg{width:50px;background:#FFFFFF;color:#0A0A0A}
.cs-sticky .tg:hover{color:#0A0A0A;transform:translateY(-2px)}
@media (max-width: 720px){
  .cs-sticky{bottom:calc(10px + env(safe-area-inset-bottom))}
  .cs-sticky .bar{padding:8px 8px 8px 18px;gap:10px}
  .cs-sticky .t span{display:none}
  .cs-sticky .t b{font-size:13px}
  .cs-sticky .go{padding:0 16px;font-size:14px;min-height:46px}
  .cs-sticky .tg{width:46px;min-height:46px}
}
@media (prefers-reduced-motion: reduce){.cs-sticky{transition:opacity .2s}}

/* DoART: SEO-блок на странице кейсов */
.cs .cases-seo{padding:24px 0 96px}
.cs .cases-seo .seo-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;border-top:1px solid var(--line);padding-top:56px}
.cs .cases-seo h2{margin:0;color:#fff;font-size:clamp(28px,3.4vw,46px);line-height:1.04;letter-spacing:-.035em;font-weight:800}
.cs .cases-seo h2 em{font-style:normal;color:var(--red)}
.cs .cases-seo p{margin:0 0 18px;color:var(--mute);font-size:17px;line-height:1.65}
.cs .cases-seo .seo-sub{margin:34px 0 10px;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em}
.cs .cases-seo ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.cs .cases-seo li{padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--mute);font-size:16px;line-height:1.55}
.cs .cases-seo li a{color:#fff;font-weight:700;text-decoration:none;transition:color .2s}
.cs .cases-seo li a:hover{color:var(--red)}
@media (max-width:900px){.cs .cases-seo{padding:8px 0 64px}.cs .cases-seo .seo-grid{grid-template-columns:1fr;gap:22px;padding-top:40px}.cs .cases-seo p{font-size:16px}}/* End custom CSS */