.elementor-2296 .elementor-element.elementor-element-eb906b4{--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;}.elementor-2296 .elementor-element.elementor-element-3507288{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2296 .elementor-element.elementor-element-eb906b4{--content-width:100%;}}/* Start custom CSS *//* DoART page styles (moved from HTML widget for Yoast) */

@property --mx{syntax:'<length-percentage>';inherits:true;initial-value:68%}
@property --my{syntax:'<length-percentage>';inherits:true;initial-value:42%}
@property --r{syntax:'<length>';inherits:true;initial-value:150px}
.dl .lens{--r:150px;cursor:none}
.dl .lens.full{cursor:default}
.dl .ring{transition:opacity .45s ease}
.dl .lens.full .ring{opacity:0}
.dl .reveal{-webkit-mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0 98.5%,transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0 98.5%,transparent 100%)}
.dl .ring{position:absolute;left:var(--mx);top:var(--my);width:calc(var(--r) * 2);height:calc(var(--r) * 2);transform:translate(-50%,-50%);pointer-events:none}
.dl .dots{background-image:radial-gradient(rgba(14,14,14,.13) 1px,transparent 1.2px);background-size:18px 18px}
.dl .dotsw{background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:22px 22px}
.dl .dotsd{background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:18px 18px}
@keyframes dl-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dl-mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.dl .mq{animation:dl-mq 36s linear infinite}
.dl .mqr{animation:dl-mqr 42s linear infinite}
@keyframes dl-pop{0%,12%{opacity:0;transform:translateY(14px) scale(.96)}20%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-8px)}}
.dl .pop1{animation:dl-pop 6s ease-in-out infinite}
.dl .pop2{animation:dl-pop 6s ease-in-out 2s infinite}
@keyframes dl-pl{0%,100%{opacity:1}50%{opacity:.3}}
.dl .pl{animation:dl-pl 1.4s ease-in-out infinite}
@keyframes dl-spin{to{transform:rotate(360deg)}}
.dl .spin{animation:dl-spin 18s linear infinite}
.dl .lift{transition:transform .25s ease}
.dl .lift:hover{transform:translateY(-4px)}
.dl .flink{color:#A3A3A3;text-decoration:none;transition:color .2s}
.dl .flink:hover{color:#FFFFFF}
@media (prefers-reduced-motion:reduce){.dl .mq,.dl .mqr,.dl .pop1,.dl .pop2,.dl .pl,.dl .spin{animation:none}}
/* ===== DoART landing - scoped styles ===== */
html{scroll-behavior:smooth}
.dl{--dl-accent:#E10600;--dl-glow:rgba(225,6,0,.55);font-family:'Geologica',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.4}
.dl *,.dl *::before,.dl *::after{box-sizing:border-box}
.dl [hidden]{display:none !important}
.dl section,.dl footer{scroll-margin-top:90px}
.dl a{color:#F5F5F5}.dl a:hover{color:#FF5A4F}
.dl button{font:inherit;cursor:pointer}
.dl input{font:inherit}
.dl h1,.dl h2,.dl h3,.dl p{font-family:inherit;color:inherit;text-transform:none}
.dl .dl-opt{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:68px;padding:16px 22px;border-radius:22px;text-align:left;background:#171717;border:1px solid #262626;color:#F5F5F5}
.dl .dl-opt:hover{border-color:var(--dl-accent)}
.dl .dl-price{padding:6px 12px;border-radius:999px;background:#262626;font-size:14px;font-weight:600;white-space:nowrap}
.dl .dl-chip{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:999px;background:#171717;color:#F5F5F5;border:1px solid #2A2A2A;font-weight:500;font-size:15px;transition:background .2s,border-color .2s}
.dl .dl-chip span{font-size:13px;color:#8C8C8C}
.dl .dl-chip[aria-pressed="true"]{background:var(--dl-accent);border-color:var(--dl-accent);color:#FFFFFF;font-weight:600}
.dl .dl-chip[aria-pressed="true"] span{color:#FFFFFF}
.dl .dl-chip[aria-pressed="true"]::before{content:"✓"}
.dl .dl-input{min-height:52px;padding:0 18px;border-radius:16px;border:1px solid #2A2A2A;background:#171717;color:#F5F5F5;font-size:16px;outline:none}
.dl .dl-input:focus{border-color:var(--dl-accent)}
.dl .dl-input::placeholder{color:#6F6F6F}
.dl button:focus-visible,.dl a:focus-visible,.dl .dl-input:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
.dl [data-calc="thanks"]:not([hidden]){display:flex}
/* сброс стилей темы (Hello Elementor ставит кнопкам white-space:nowrap - из-за этого ломалась мобилка) */
.dl button{white-space:normal;text-transform:none;letter-spacing:inherit;line-height:1.3;user-select:auto}
.dl button:hover,.dl button:focus{color:inherit}
.dl .dl-chip{white-space:normal;text-align:left}
.dl img{max-width:100%;height:auto;display:block}
/* хедер: логотип / меню по центру / кнопка */
.dl .dl-hbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.dl .dl-hbar > :last-child{justify-self:end}
.dl .dl-logo{justify-self:start;display:inline-flex;align-items:center;height:48px;font-weight:900;font-size:34px;line-height:1;letter-spacing:-0.065em;color:#0A0A0A;text-decoration:none;transition:transform .25s ease}
.dl .dl-logo:hover{color:#0A0A0A;transform:translateY(-2px)}
.dl .dl-logo span{color:#FFFFFF}
.dl .dl-hright{display:flex;align-items:center;gap:10px}
.dl .dl-lang{display:flex;gap:2px;padding:4px;border-radius:999px;background:#161616;border:1px solid #242424}
.dl .dl-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:0.02em;color:#8C8C8C;text-decoration:none;transition:color .2s,background .2s}
.dl .dl-lang a:hover{color:#FFFFFF}
.dl .dl-lang a[aria-current="true"]{background:#FFFFFF;color:#0A0A0A}
/* кейсы */
.dl .dl-shot{position:relative;overflow:hidden;background-color:#1C1C1C}
.dl .dl-shot img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.dl .dl-case:hover .dl-shot img{transform:scale(1.035)}
.dl .dl-tag{padding:6px 12px;border-radius:999px;background:#242424;white-space:nowrap}
/* нижняя CTA-плашка */
.dl-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}
.dl-sticky.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.dl-sticky .dl-sbar{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}
.dl-sticky .dl-stext{flex:1;min-width:0;font-size:15px;line-height:1.35}
.dl-sticky .dl-stext b{display:block;font-size:16px}
.dl-sticky .dl-stext > span{color:#A3A3A3}
.dl .dl-mshow{display:none}
.dl-sticky a{flex-shrink:0;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}
.dl-sticky .dl-sgo{padding:0 22px;background:var(--dl-accent);color:#FFFFFF}
.dl-sticky .dl-sgo:hover{color:#FFFFFF;filter:brightness(1.08)}
.dl-sticky .dl-stg{width:50px;background:#FFFFFF;color:#0A0A0A}
.dl-sticky .dl-stg:hover{color:#0A0A0A}
@media (max-width: 720px){
  .dl-sticky{bottom:calc(10px + env(safe-area-inset-bottom))}
  .dl-sticky .dl-sbar{padding:8px 8px 8px 18px;gap:10px}
  .dl-sticky .dl-stext > span{display:none}
  .dl .dl-mhide{display:none}
  .dl .dl-mshow{display:inline}
  .dl #d-top a.lift{font-size:15px !important}
  .dl #d-top a.lift:first-child{padding-left:22px !important}
  .dl-sticky .dl-stext b{font-size:13px;line-height:1.25}
  .dl-sticky .dl-sgo{padding:0 16px;font-size:14px;min-height:46px}
  .dl-sticky .dl-stg{width:46px;min-height:46px}
}
@media (prefers-reduced-motion:reduce){.dl-sticky{transition:opacity .2s}.dl .dl-shot img{transition:none}}

/* ===== Фон hero: глубина + зерно ===== */
.dl .dl-herobg{position:absolute;inset:0;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(55% 65% at 76% 42%, rgba(255,112,72,.55) 0%, rgba(255,112,72,0) 70%),
    radial-gradient(70% 60% at 0% 100%, rgba(84,0,0,.55) 0%, rgba(84,0,0,0) 70%),
    radial-gradient(40% 40% at 100% 100%, rgba(84,0,0,.35) 0%, rgba(84,0,0,0) 70%),
    linear-gradient(180deg, #E10600 0%, #D40500 60%, #BF0400 100%)}
.dl .dl-herobg::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.22;mix-blend-mode:overlay}
.dl .dl-blob{display:none;position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
/* вариант «Аврора»: мягкие пятна света медленно плавают */
.dl .dl-bg-aurora .dl-blob{display:block}
.dl .dl-blob1{width:46vw;height:46vw;max-width:680px;max-height:680px;left:48%;top:-12%;background:rgba(255,138,92,.5);animation:dl-drift1 22s ease-in-out infinite alternate}
.dl .dl-blob2{width:38vw;height:38vw;max-width:560px;max-height:560px;left:-8%;top:45%;background:rgba(110,0,0,.55);animation:dl-drift2 26s ease-in-out infinite alternate}
@keyframes dl-drift1{to{transform:translate(-14%,18%) scale(1.12)}}
@keyframes dl-drift2{to{transform:translate(22%,-16%) scale(.9)}}
/* вариант «Сетка»: тонкая инженерная сетка, растворяется к краям */
.dl .dl-bg-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000 0%,transparent 80%);mask-image:radial-gradient(70% 70% at 60% 40%,#000 0%,transparent 80%)}
@media (prefers-reduced-motion:reduce){.dl .dl-blob{animation:none}}

/* ===== Карточка записи в линзе: доп. строки только на высоких экранах ===== */
.dl #dl-lens .dl-x1,.dl #dl-lens .dl-x2{display:none !important}
@media (min-width: 1081px) and (min-height: 840px){.dl #dl-lens .dl-x1{display:flex !important}}
@media (min-width: 1081px) and (min-height: 930px){.dl #dl-lens .dl-x2{display:flex !important}}

/* ===== Интро hero при загрузке ===== */
@keyframes dl-wordup{from{transform:translateY(110%) rotate(3deg)}to{transform:none}}
@keyframes dl-fadeup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes dl-fadedown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes dl-lensin{from{opacity:0;transform:translateY(40px) scale(.94) rotate(1.5deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes dl-badgein{from{opacity:0;transform:scale(.3) rotate(-120deg)}to{opacity:1;transform:none}}
.dl.dl-intro .dl-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.dl.dl-intro .dl-w > span{display:inline-block;animation:dl-wordup 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 55ms + 250ms)}
.dl.dl-intro .dl-i-up{animation:dl-fadeup .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}
.dl.dl-intro header .dl-hbar{animation:dl-fadedown .7s ease both}
.dl.dl-intro #dl-lens{animation:dl-lensin 1.2s cubic-bezier(.16,1,.3,1) .35s both}
.dl.dl-intro .dl-badge{animation:dl-badgein 1s cubic-bezier(.16,1,.3,1) 1s both}

/* ===== Появление блоков при прокрутке ===== */
.dl .dl-rv{opacity:0;transform:translateY(46px) scale(.98);filter:blur(6px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .9s ease;transition-delay:var(--d,0ms)}
.dl .dl-rv.dl-in{opacity:1;transform:none;filter:none}
.dl .dl-rv-scale{transform:scale(.94);border-radius:60px}
.dl .dl-rv-scale.dl-in{transform:none}

/* ===== Кнопки: наведение и нажатие ===== */
.dl .dl-btn{position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease,filter .28s ease !important}
.dl .dl-btn::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.dl .dl-btn:hover::before{transform:translateX(120%)}
.dl .dl-btn:hover{transform:translateY(-3px)}
.dl .dl-btn:active{transform:translateY(0) scale(.96);transition-duration:.08s !important}
.dl .dl-btn .dl-arr{transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s ease}
.dl .dl-btn .dl-arr svg{transition:stroke .25s ease}
.dl .dl-btn:hover .dl-arr{transform:rotate(-45deg);background-color:var(--dl-accent) !important}
.dl .dl-btn:hover .dl-arr svg{stroke:#FFFFFF}
/* варианты */
.dl .dl-b-dark:hover{box-shadow:0 18px 40px -14px rgba(0,0,0,.8) !important}
.dl .dl-b-white-onred:hover{background:#0A0A0A !important;color:#FFFFFF !important}
.dl .dl-b-white-ondark:hover{background:var(--dl-accent) !important;color:#FFFFFF !important}
.dl .dl-b-accent:hover{filter:brightness(1.1);box-shadow:0 16px 36px -12px var(--dl-glow) !important}
.dl .dl-b-outline:hover{background:#FFFFFF !important;color:#0A0A0A !important;border-color:#FFFFFF !important}
.dl .dl-b-ghost:hover{background:#262626 !important}
.dl .dl-b-dark.dl-b-onred:hover{background:#1A1A1A !important}
/* всплеск от клика */
.dl .dl-rip{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.25;transform:scale(0);animation:dl-rip .6s ease-out forwards;z-index:-1}
@keyframes dl-rip{to{transform:scale(1);opacity:0}}
/* меню, FAQ, варианты калькулятора, чипы, ссылки */
.dl .flink{transition:color .2s,background-color .2s}
.dl .flink:hover{background:#262626}
.dl .dl-faq-q .dl-faq-i{transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s}
.dl .dl-faq-q:hover .dl-faq-i{transform:rotate(90deg) scale(1.08)}
.dl .dl-faq-q:hover > span:first-child{color:#FFFFFF}
.dl .dl-faq-q:active .dl-faq-i{transform:scale(.9)}
.dl .dl-opt{transition:transform .25s ease,border-color .25s ease,background-color .25s ease !important}
.dl .dl-opt:hover{background:#1F1F1F;transform:translateX(4px)}
.dl .dl-opt:active{transform:scale(.98)}
.dl .dl-chip:hover{border-color:#5A5A5A}
.dl .dl-chip:active{transform:scale(.95)}
.dl .dl-tlink{background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s ease}
.dl .dl-tlink:hover{background-size:100% 1.5px}
@media (hover: none){.dl .dl-btn:hover{transform:none}.dl .dl-btn::before{display:none}}
@media (prefers-reduced-motion: reduce){
  .dl.dl-intro *{animation:none !important}
  .dl .dl-rv{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}
}

/* ===== Адаптив ===== */
@media (max-width: 1080px){
  .dl header nav{display:none !important}
  .dl [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .dl [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .dl [style*="grid-template-columns: minmax"]{grid-template-columns:minmax(0,1fr) !important}
  .dl [style*="height: calc(100vh - 81px)"]{height:auto !important;min-height:0 !important;max-height:none !important}
  .dl #dl-lens{height:520px !important;flex-grow:0 !important}
  .dl .dl-badge{display:none !important}
  .dl .dl-hbar{grid-template-columns:1fr auto}
}
@media (max-width: 720px){
  .dl [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  .dl [style*="grid-column: span"]{grid-column:auto !important}
  .dl [style*="padding: 110px 56px"],.dl [style*="padding: 100px 56px"],.dl [style*="padding: 90px 56px"]{padding:64px 22px !important}
  .dl [style*="padding: 100px 56px 0"]{padding:64px 22px 0 !important}
  .dl [style*="padding: 110px 36px"],.dl [style*="padding: 100px 36px"]{padding:72px 18px !important}
  .dl [style*="padding: 20px 36px 110px"],.dl [style*="padding: 0 36px 120px"]{padding:24px 18px 72px !important}
  .dl [style*="padding: 36px 56px 156px"]{padding:28px 18px 128px !important;gap:32px !important}
  .dl [style*="gap: 26px; padding-top: 20px"]{flex-wrap:wrap;gap:18px !important}
  .dl [style*="padding: 110px 20px"]{padding:72px 10px !important}
  .dl [style*="padding: 0 20px"]{padding-left:10px !important;padding-right:10px !important}
  .dl [style*="border-radius: 48px"]{border-radius:30px !important}
  .dl [style*="padding: 16px 56px"]{padding:12px 18px !important}
  .dl header .dl-hcta{display:none !important}
  .dl .dl-lang a{min-width:36px;height:34px}
  .dl h1{font-size:40px !important}
  .dl h2{font-size:36px !important}
  .dl footer h2{font-size:42px !important}
  .dl [style*="font-size: 52px"]{font-size:44px !important}
  .dl [style*="font-size: 60px; letter-spacing"]{font-size:48px !important}
  .dl [style*="justify-content: space-between; align-items: end"]{flex-direction:column !important;align-items:flex-start !important}
  .dl [style*="border-radius: 999px; background: #1A1A1A; border: 1px solid #262626; padding: 12px 12px 12px 36px"]{border-radius:28px !important;flex-direction:column !important;align-items:flex-start !important;padding:24px !important}
  .dl [style*="padding: 34px;"],.dl [style*="padding: 36px;"]{padding:24px !important}
  .dl [style*="transform: translateY(-14px)"]{transform:none !important}
  .dl #dl-lens{height:500px !important}
  .dl #dl-lens .dl-side{display:none !important}
  .dl #dl-lens [style*="font-size: 42px"]{font-size:32px !important}
  .dl [style*="gap: 28px; padding-top: 8px"]{flex-wrap:wrap;gap:18px !important}
  .dl [style*="justify-content: space-between; align-items: center; gap: 16px; padding: 0 6px"]{flex-direction:column;align-items:flex-start !important}
  .dl footer [style*="justify-self: end"]{justify-self:start !important;width:150px !important;height:150px !important}
  .dl footer [style*="justify-self: end"] svg.spin{width:150px;height:150px}
  .dl footer [style*="justify-content: space-between; align-items: center; gap: 24px; font-size: 14px"]{flex-direction:column;align-items:flex-start !important}
  .dl footer [aria-hidden="true"]{height:34vw !important;min-height:0 !important;margin:0 -22px !important}
  .dl footer [aria-hidden="true"] > span{font-size:36vw !important}
  .dl [style*="padding: 30px 26px"]{padding:22px 12px !important}
  .dl .dl-logo{font-size:28px;height:42px}
  .dl footer .dl-fcol-m{display:none !important}
  /* линза: мини-сайты внутри не должны ломаться общими мобильными правилами */
  .dl #dl-lens [style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  .dl #dl-lens [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .dl #dl-lens [style*="display: flex; gap: 18px; font-size: 13px"]{display:none !important}
  .dl #dl-lens [style*="font-size: 11px"]:not(.dl-side *){white-space:nowrap}
  .dl #dl-lens [style*="font-size: 15px; color: #A8A6A2"],.dl #dl-lens [style*="font-size: 15px; color: #BDBDBD"]{font-size:14px !important}
  .dl .dl-case .dl-shot{min-height:260px !important}
  .dl .dl-chip{min-height:46px;padding:8px 14px;font-size:14px}
  .dl .dl-opt{padding:14px 16px;min-height:60px}
  .dl .dl-faq-q > span:first-child{font-size:16px !important}
  .dl .dl-faq-q{padding:14px 0 !important;min-height:64px !important}
  .dl [style*="border-radius: 26px; background: #141414; border: 1px solid #222222; padding: 0 26px"]{padding:0 18px !important}
  .dl [data-calc="total"]{font-size:46px !important}
}
@media (max-width: 720px){
  .dl #d-cases h3{font-size:24px !important}
  .dl [style*="align-items: baseline; gap: 14px"]{flex-wrap:wrap}
  .dl [style*="align-items: baseline; gap: 14px"] > span:first-child{font-size:34px !important}
}


/* ===== Хедер: закреплён; над hero красный, дальше тёмное стекло ===== */
.dl header{transition:background-color .45s ease,box-shadow .45s ease}
.dl header.dl-stuck{background:rgba(10,10,10,.8) !important;box-shadow:0 1px 0 rgba(255,255,255,.07),0 22px 44px -26px rgba(0,0,0,.85)}
.dl header .dl-logo{transition:transform .25s ease,color .45s ease}
.dl header.dl-stuck .dl-logo,.dl header.dl-stuck .dl-logo:hover{color:#FFFFFF}
.dl header.dl-stuck .dl-logo span{color:var(--dl-accent)}
.dl section[id],.dl footer[id]{scroll-margin-top:96px}

/* ===== Hero: цифры ===== */
.dl .dl-stats{display:flex;align-items:stretch;gap:0}
.dl .dl-stat{display:flex;flex-direction:column;gap:6px;padding:0 26px}
.dl .dl-stat:first-child{padding-left:0}
.dl .dl-stat + .dl-stat{border-left:1px solid rgba(255,255,255,.28)}
.dl .dl-stat-n{display:flex;align-items:baseline;gap:5px;line-height:1;white-space:nowrap}
.dl .dl-stat-n b{display:inline-block;font-size:34px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.dl .dl-stat-n em{font-style:normal;font-size:17px;font-weight:700;letter-spacing:-.02em;opacity:.8}
.dl .dl-stat-l{font-size:13px;opacity:.85;white-space:nowrap}
@media (max-width: 720px){
  .dl .dl-stat{padding:0 16px}
  .dl .dl-stat-n b{font-size:28px}
  .dl .dl-stat-n em{font-size:14px}
  .dl .dl-stat-l{font-size:12px;white-space:normal;line-height:1.35}
  /* подсказка и кнопка под линзой на мобильном не нужны: линза двигается сама */
  .dl #dl-lens + div{display:none !important}
}

/* ===== Производительность на мобильных ===== */
.dl > section:not(#d-top){content-visibility:auto;contain-intrinsic-size:auto 900px}
@media (max-width: 720px){
  .dl .dl-rv{filter:none !important;transition-property:opacity,transform !important}
  .dl.dl-intro #dl-lens{animation-name:dl-fadeup}
}

/* ===== Попап: сохранить расчёт / бесплатный разбор ===== */
.dl-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:'Geologica',system-ui,-apple-system,sans-serif;color:#F5F5F5;-webkit-font-smoothing:antialiased}
.dl-pop[hidden]{display:none}
.dl-pop *{box-sizing:border-box}
.dl-pop-bg{position:absolute;inset:0;background:rgba(5,5,5,.64);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
.dl-pop-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:32px;background:radial-gradient(120% 70% at 100% 0%,rgba(225,6,0,.26),rgba(225,6,0,0) 60%),#111111;border:1px solid #262626;box-shadow:0 40px 100px -30px rgba(0,0,0,.9);padding:40px 36px 30px;transform:translateY(24px) scale(.97);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s ease}
.dl-pop.on .dl-pop-bg{opacity:1}
.dl-pop.on .dl-pop-card{transform:none;opacity:1}
.dl-pop-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#1E1E1E;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .25s}
.dl-pop-x:hover{background:#2A2A2A;transform:rotate(90deg)}
.dl-pop .dl-pop-x,.dl-pop .dl-pop-x:hover,.dl-pop .dl-pop-x:focus{padding:0 !important;margin:0;min-height:0;border:none !important;background-color:#1E1E1E !important;color:#FFFFFF !important;box-shadow:none;text-transform:none}
.dl-pop .dl-pop-x:hover{background-color:#2A2A2A !important}
.dl-pop .dl-pop-x svg{display:block;flex-shrink:0}
.dl-pop button[type=submit],.dl-pop button[type=submit]:hover,.dl-pop button[type=submit]:focus{padding:0 24px;border:none !important;background-color:#E10600 !important;color:#FFFFFF !important;text-transform:none}
.dl-pop-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(225,6,0,.16);color:#FF5A4F;font-size:13px;font-weight:700}
.dl-pop-tag i{width:7px;height:7px;border-radius:50%;background:#E10600;box-shadow:0 0 0 4px rgba(225,6,0,.25)}
.dl-pop h3{margin:18px 0 12px;font-size:34px;line-height:1.02;font-weight:900;letter-spacing:-.045em;color:#FFFFFF}
.dl-pop p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#A3A3A3}
.dl-pop-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:16px 18px;border-radius:20px;background:#1A1A1A;border:1px solid #262626}
.dl-pop-sum[hidden]{display:none}
.dl-pop-sum span{font-size:14px;line-height:1.4;color:#D4D4D4}
.dl-pop-sum b{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#E10600;white-space:nowrap}
.dl-pop form{display:flex;flex-direction:column;gap:10px;margin:0}
.dl-pop input{width:100%;min-height:56px;padding:0 20px;border-radius:16px;border:1px solid #2A2A2A;background:#0A0A0A;color:#FFFFFF;font:500 16px 'Geologica',system-ui,sans-serif;outline:none;transition:border-color .2s}
.dl-pop input::placeholder{color:#6A6A6A}
.dl-pop input:focus{border-color:#E10600}
.dl-pop input[hidden]{display:none}
.dl-pop button[type=submit]{min-height:58px;margin-top:4px;border-radius:999px;border:none;background:#E10600;color:#FFFFFF;font:700 17px 'Geologica',system-ui,sans-serif;cursor:pointer;transition:filter .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.dl-pop button[type=submit]:hover{filter:brightness(1.08);transform:translateY(-2px)}
.dl-pop button[type=submit]:disabled{opacity:.7;transform:none}
.dl-pop-note{margin-top:4px;font-size:13px;color:#6A6A6A;text-align:center}
.dl-pop-err{font-size:14px;line-height:1.4;color:#FF8A80}
.dl-pop-err a{color:#FFFFFF}
.dl-pop-ok{text-align:left}
.dl-pop-ok[hidden],.dl-pop-body[hidden]{display:none}
.dl-pop-ok .dl-pop-check{width:56px;height:56px;border-radius:50%;background:#E10600;display:flex;align-items:center;justify-content:center}
body.dl-pop-open{overflow:hidden}
body.dl-pop-open .dl-sticky{opacity:0 !important;pointer-events:none !important}
@media (max-width: 720px){
  .dl-pop{align-items:flex-end;padding:0}
  .dl-pop-card{width:100%;max-height:88vh;border-radius:28px 28px 0 0;padding:34px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:1}
  .dl-pop-card::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#333333}
  .dl-pop h3{font-size:28px}
  .dl-pop p{font-size:15px;margin-bottom:18px}
  .dl-pop-sum b{font-size:24px}
}
@media (prefers-reduced-motion: reduce){.dl-pop-card,.dl-pop-bg{transition:opacity .2s ease}}

/* ловушка для ботов */
.dl-hp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}

/* карточка кейса Build & Learn */
.dl .dl-case .bla-shot{position:relative;display:block;overflow:hidden;min-height:460px;border-radius:30px;background:linear-gradient(135deg,#1F9DEB 0%,#2F7BFF 100%);text-decoration:none}
.dl .dl-case .bla-shot img.bla-lap{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:92% !important;height:auto !important;max-width:none;object-fit:contain;transform:translate(-50%,-46%);transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 24px 34px rgba(0,40,110,.35))}
.dl .bla-shot:hover img.bla-lap{transform:translate(-50%,-49%) scale(1.03)}
.dl .dl-case .bla-shot img.bla-cl{position:absolute;inset:auto;height:auto !important;object-fit:contain;opacity:.9;transform:none}
.dl .dl-case .bla-shot img.bla-cl1{width:46% !important;left:-8%;bottom:-6%}
.dl .dl-case .bla-shot img.bla-cl2{width:30% !important;right:-4%;top:-4%}
.dl .bla-go{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(10,10,10,.82);color:#FFFFFF;font-size:14px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .25s}
.dl .bla-shot:hover .bla-go,.dl .bla-shot:focus-visible .bla-go{background:var(--dl-accent)}
.dl .bla-h{color:inherit;text-decoration:none}
.dl .bla-h:hover{color:#FFFFFF;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.dl .bla-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:#FFFFFF;color:#0A0A0A;text-decoration:none;font-weight:700;font-size:15px;transition:transform .25s ease}
.dl .bla-btn:hover{color:#0A0A0A;transform:translateY(-3px)}
@media (max-width: 720px){ .dl .dl-case .bla-shot{min-height:260px} .dl .dl-case .bla-shot img.bla-lap{width:100% !important} }

.dl .dl-case .bla-shot img.bla-lap{width:104% !important;left:44%;top:53%}
.dl .bla-shot:hover img.bla-lap{transform:translate(-50%,-49%) scale(1.03)}
.dl .bla-brand{position:absolute;left:26px;top:26px;z-index:2;display:flex;align-items:center;gap:12px}
.dl .dl-case .bla-shot .bla-brand img{position:static;inset:auto;width:52px !important;height:auto !important;object-fit:contain;transform:none;border-radius:12px;box-shadow:0 8px 18px -8px rgba(0,40,110,.5)}
.dl .dl-case .bla-shot .bla-brand img.bla-wm{width:150px !important;box-shadow:none;border-radius:0;filter:brightness(0) invert(1)}
.dl .bla-note{position:absolute;right:22px;top:26px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#FFFFFF;color:#1F2937;box-shadow:0 18px 36px -16px rgba(0,30,90,.55);animation:bla-float 5s ease-in-out infinite}
.dl .bla-note i{width:30px;height:30px;border-radius:50%;background:#0DB88F;color:#FFFFFF;font-style:normal;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.dl .bla-note b{display:block;font-size:13px;font-weight:700}
.dl .bla-note small{display:block;font-size:11px;color:#64748B}
.dl .bla-phone{position:absolute;right:22px;bottom:22px;z-index:3;width:132px;aspect-ratio:9/19;border-radius:22px;padding:5px;background:#111111;box-shadow:0 24px 40px -18px rgba(0,30,90,.7);animation:bla-float 6s ease-in-out -2s infinite}
.dl .dl-case .bla-shot .bla-phone img{position:static;inset:auto;display:block;width:100% !important;height:100% !important;object-fit:cover;object-position:top;border-radius:17px;transform:none}
@keyframes bla-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width: 720px){
  .dl .dl-case .bla-shot img.bla-lap{width:88% !important;left:46%;top:58%}
  .dl .bla-note{display:none}
  .dl .bla-phone{width:78px;right:14px;bottom:14px;border-radius:16px;padding:4px}
  .dl .dl-case .bla-shot .bla-phone img{border-radius:12px}
  .dl .dl-case .bla-shot .bla-brand img{width:40px !important}
  .dl .dl-case .bla-shot .bla-brand img.bla-wm{width:118px !important}
  .dl .bla-brand{left:16px;top:16px}
}
@media (prefers-reduced-motion: reduce){.dl .bla-note,.dl .bla-phone{animation:none}}

.dl .dl-case .bla-shot{cursor:pointer}
@media (max-width: 720px){ .dl .bla-phone{display:none} }

.dl .af-shot{position:relative;display:block;height:280px;min-height:280px!important;border-radius:28px;overflow:hidden;text-decoration:none;background:#0A0A12!important;background-image:none!important}.dl .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%)}.dl .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))}.dl .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}.dl .af-word em{font-style:normal;color:#fff}.dl .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)}.dl .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}.dl .af-ph1{right:150px;transform:rotate(-6deg) translateY(10px)}.dl .af-ph2{right:22px;transform:rotate(5deg) translateY(26px)}.dl .af-shot:hover .af-ph1{transform:rotate(-6deg) translateY(-2px)}.dl .af-shot:hover .af-ph2{transform:rotate(5deg) translateY(14px)}.dl .af-scr{display:block;height:100%;border-radius:21px;background:#F4F2FF;padding:26px 9px 0;color:#1E1B3A;overflow:hidden}.dl .af-t{display:block;font-size:11px;font-weight:800;color:#7C6AFF;margin-bottom:7px}.dl .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)}.dl .af-card.g{background:linear-gradient(135deg,#17B3B8,#25C489);box-shadow:0 8px 16px -8px rgba(23,179,184,.8)}.dl .af-card small{display:block;font-size:6px;font-weight:800;letter-spacing:.1em;opacity:.9}.dl .af-card b{display:block;margin-top:3px;font-size:15px;font-weight:800;letter-spacing:-.01em}.dl .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}.dl .af-row i{font-style:normal;color:#EF5A5A;white-space:nowrap}.dl .af-row i.p{color:#17A673}.dl .af-shot:hover .bla-go,.dl .af-shot:focus-visible .bla-go{background:var(--dl-accent)}@media (max-width:600px){.dl .af-ph{width:124px;height:220px}.dl .af-ph1{right:116px}}
@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}}.dl .dl-case .cv-shot{position:relative;display:block;height:auto!important;min-height:0!important;aspect-ratio:16/10;border-radius:28px;overflow:hidden;text-decoration:none;background:#0B0B0B!important;background-image:none!important}.dl .cv-shot:hover .bla-go,.dl .cv-shot:focus-visible .bla-go{background:var(--dl-accent)}
@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}.dl .gt-shot{position:relative;display:block;height:280px;min-height:280px!important;border-radius:28px;overflow:hidden;text-decoration:none;background:#0B0B0B!important}.dl .gt-shot .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%}.dl .gt-shot .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%)}.dl .gt-shot .gt-txt{position:absolute;left:22px;top:22px;z-index:2;width:44%;display:flex;flex-direction:column;gap:14px}.dl .gt-shot .gt-txt img{position:static;width:46px!important;height:auto!important;object-fit:contain}.dl .gt-shot .gt-txt b{font-family:'Supermolot',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:24px;line-height:1;text-transform:uppercase;color:#fff;letter-spacing:.01em}.dl .gt-shot .gt-txt em{font-style:normal;color:#FED700}.dl .gt-shot .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;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dl .gt-shot .gt-vlt i{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}.dl .gt-shot:hover .gt-ph{transform:scale(1.05)}.dl .gt-shot:hover .bla-go,.dl .gt-shot:focus-visible .bla-go{background:var(--dl-accent)}@media (max-width:600px){.dl .gt-shot .gt-ph,.dl .gt-shot .gt-ln{left:40%}.dl .gt-shot .gt-txt{width:52%}.dl .gt-shot .gt-txt b{font-size:20px}}

/* Калькулятор на узких экранах: цена переносится под название, чтобы плашка не вылезала */
@media (max-width: 420px) {
  .dl .dl-opt:has(.dl-price) { flex-wrap: wrap; row-gap: 10px; }
  .dl .dl-opt:has(.dl-price) > span:first-child { flex: 1 1 100%; min-width: 0; }
}/* End custom CSS */