/* ══════════════════════════════════════════════════════════════════
   JANGERA ART LAYER · «Cubismo Pop» · v1 · 2026-11
   Добавьте этот блок В КОНЕЦ assets/css/jangera.css (или отдельным файлом после него).
   Picasso planes + Kandinsky signs остаются; сверху — кубинский шелкографический плакат
   и американский комикс 30-х: резче и меньше цветов, жёсткие «печатные» тени,
   растр Бен-Дей и лучи только там, где были пустоты. RTL-safe, обе темы.
   ══════════════════════════════════════════════════════════════════ */

/* ---------- 1. палитра: резче, меньше ---------- */
:root{
  --red:#EE3424;--yellow:#FFC400;--sky:#1EA4EA;--blue:#1D3FD0;--green:#089A72;--rose:#F2559B;--orange:#FF5E14;
  --hard:#12100E;                      /* цвет «печатной» тени */
  --ht-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cpattern id='p0' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='1.3'/%3E%3C/pattern%3E%3Cpattern id='p1' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.1'/%3E%3C/pattern%3E%3Cpattern id='p2' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.9'/%3E%3C/pattern%3E%3Cpattern id='p3' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='3.7'/%3E%3C/pattern%3E%3Cpattern id='p4' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3C/pattern%3E%3Cpattern id='p5' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='5.3'/%3E%3C/pattern%3E%3C/defs%3E%3Ccircle r='420' fill='url(%23p0)'/%3E%3Ccircle r='330' fill='url(%23p1)'/%3E%3Ccircle r='255' fill='url(%23p2)'/%3E%3Ccircle r='190' fill='url(%23p3)'/%3E%3Ccircle r='130' fill='url(%23p4)'/%3E%3Ccircle r='76' fill='url(%23p5)'/%3E%3C/svg%3E");           /* растр: точки крупнее в левом верхнем углу */
  --ht-disc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='392' height='392' viewBox='0 0 392 392'%3E%3Cdefs%3E%3Cpattern id='p0' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='1.3'/%3E%3C/pattern%3E%3Cpattern id='p1' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.1'/%3E%3C/pattern%3E%3Cpattern id='p2' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.9'/%3E%3C/pattern%3E%3Cpattern id='p3' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='3.7'/%3E%3C/pattern%3E%3Cpattern id='p4' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3C/pattern%3E%3Cpattern id='p5' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='5.3'/%3E%3C/pattern%3E%3C/defs%3E%3Ccircle cx='196' cy='196' r='200' fill='url(%23p0)'/%3E%3Ccircle cx='196' cy='196' r='168' fill='url(%23p1)'/%3E%3Ccircle cx='196' cy='196' r='136' fill='url(%23p2)'/%3E%3Ccircle cx='196' cy='196' r='104' fill='url(%23p3)'/%3E%3Ccircle cx='196' cy='196' r='72' fill='url(%23p4)'/%3E%3Ccircle cx='196' cy='196' r='40' fill='url(%23p5)'/%3E%3C/svg%3E");               /* растр: точки крупнее в центре */
  --ht-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='112' viewBox='0 0 420 112'%3E%3Cdefs%3E%3Cpattern id='p0' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='1.3'/%3E%3C/pattern%3E%3Cpattern id='p1' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.1'/%3E%3C/pattern%3E%3Cpattern id='p2' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='2.9'/%3E%3C/pattern%3E%3Cpattern id='p3' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='3.7'/%3E%3C/pattern%3E%3Cpattern id='p4' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3C/pattern%3E%3Cpattern id='p5' width='14' height='14' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='7' cy='7' r='5.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' width='420' height='112' fill='url(%23p0)'/%3E%3Crect x='70' width='350' height='112' fill='url(%23p1)'/%3E%3Crect x='140' width='280' height='112' fill='url(%23p2)'/%3E%3Crect x='210' width='210' height='112' fill='url(%23p3)'/%3E%3Crect x='280' width='140' height='112' fill='url(%23p4)'/%3E%3Crect x='350' width='70' height='112' fill='url(%23p5)'/%3E%3C/svg%3E");                     /* растр: точки крупнее справа */
}
html[data-theme="dark"]{--blue:#3D62E0;--hard:rgba(242,236,223,.24)}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .07 0 0 0 0 .06 0 0 0 0 .05 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="dark"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .92 0 0 0 0 .86 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- 2. кнопки: комиксный «оттиск» ---------- */
.pill{border-width:2.5px}
.pill--yellow,.pill--red,.pill--solid,.pill--sky{box-shadow:3px 3px 0 var(--hard)}
.pill:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--hard)}
.pill:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--hard)}
.nav__cta{animation:none;border-color:#12100E;box-shadow:3px 3px 0 var(--hard)}
.nav__cta::before{animation:blip 1.8s ease-in-out infinite}
.finale .pill--ghost:hover,.sos .pill:hover{box-shadow:5px 5px 0 #12100E}

/* ---------- 3. подписи разделов = «плашки» комикса ---------- */
.kicker{display:inline-flex;width:fit-content;max-width:100%;padding:7px 13px 7px 11px;color:var(--fg);background:var(--card);border:2px solid var(--edge);box-shadow:3px 3px 0 var(--hard);border-radius:3px}
.hero .kicker{background:var(--yellow);color:#12100E;border-color:#12100E;transform:rotate(-1.2deg)}
.section--web .kicker{background:var(--yellow);color:#12100E;border-color:#12100E;box-shadow:3px 3px 0 #000}
.bband .kicker{background:#F7F3E8;border-color:#12100E;color:#12100E;box-shadow:3px 3px 0 #12100E}

/* ---------- 4. hero ---------- */
.hero{isolation:isolate}
.hero__h1 span{text-shadow:.045em .045em 0 var(--yellow)}
.hero__h1 .em{text-shadow:.045em .045em 0 #12100E}
html[data-theme="dark"] .hero__h1 span{text-shadow:.045em .045em 0 var(--red)}
html[data-theme="dark"] .hero__h1 .em{text-shadow:.045em .045em 0 var(--yellow)}
.hero__portraitLink{position:relative;isolation:isolate}
.hero__portraitLink::before{content:"";position:absolute;z-index:-1;inset-block-start:-13%;inset-inline-end:-20%;width:66%;aspect-ratio:1;background:var(--sky);-webkit-mask:var(--ht-disc) center/contain no-repeat;mask:var(--ht-disc) center/contain no-repeat;opacity:.6;pointer-events:none}
.livebadge{border-width:2.5px;box-shadow:4px 4px 0 var(--hard)}

/* реплика-баллон: текст по языку страницы, без лишней разметки */
.hero__stage{isolation:isolate}
.hero__stage::before,.hero__stage::after{content:"Hi there!";content:"Hi there!" / "";position:absolute;inset-block-start:4%;inset-inline-end:-4%;padding:.5em .95em .56em;font:800 clamp(1.05rem,1.75vw,1.55rem)/1 var(--f-disp);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;transform-origin:0 0;transform:rotate(5deg);animation:jgSay 5.5s ease-in-out infinite}
.hero__stage::before{z-index:4;color:var(--red);background:#fff;border:3px solid #12100E;border-radius:1.4em;box-shadow:5px 5px 0 #12100E}
.hero__stage::after{z-index:5;color:transparent;border:3px solid transparent;padding-bottom:calc(.56em + 24px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 32'%3E%3Cg %3E%3Cpath d='M9.5 8 C11 16 9 24 3 31 C14 26 21 18 27.5 8 Z' fill='%2312100E' transform='translate(4 3)'/%3E%3Cpath d='M6 0 H30 V8 C23 18 15 25 2 30 C8 23 9.5 15 8.5 8 V0 Z' fill='%23fff'/%3E%3Cpath d='M8.5 7.5 C9.5 15 8 23 2 30 C15 25 23 18 30 7.5' fill='none' stroke='%2312100E' stroke-width='3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 1.9em 100%/34px 32px}
html[lang="es"] .hero__stage::before,html[lang="es"] .hero__stage::after{content:"¡Hola!";content:"¡Hola!" / ""}
html[lang="ru"] .hero__stage::before,html[lang="ru"] .hero__stage::after{content:"Привет!";content:"Привет!" / "";letter-spacing:0}
html[lang="zh"] .hero__stage::before,html[lang="zh"] .hero__stage::after{content:"你好！";content:"你好！" / "";letter-spacing:0;font-weight:900}
html[lang="ar"] .hero__stage::before,html[lang="ar"] .hero__stage::after{content:"مرحبًا!";content:"مرحبًا!" / "";letter-spacing:0;line-height:1.25;padding-block:.35em .45em}
html[dir="rtl"] .hero__stage::before,html[dir="rtl"] .hero__stage::after{transform-origin:100% 0;animation-name:jgSayR}
html[dir="rtl"] .hero__stage::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 32'%3E%3Cg transform='translate(34 0) scale(-1 1)'%3E%3Cpath d='M9.5 8 C11 16 9 24 3 31 C14 26 21 18 27.5 8 Z' fill='%2312100E' transform='translate(4 3)'/%3E%3Cpath d='M6 0 H30 V8 C23 18 15 25 2 30 C8 23 9.5 15 8.5 8 V0 Z' fill='%23fff'/%3E%3Cpath d='M8.5 7.5 C9.5 15 8 23 2 30 C15 25 23 18 30 7.5' fill='none' stroke='%2312100E' stroke-width='3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat calc(100% - 1.9em) 100%/34px 32px}
html[lang="ar"] .hero__stage::after{padding-bottom:calc(.45em + 24px)}
@keyframes jgSay{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-6px)}}
@keyframes jgSayR{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}
@media(max-width:940px){.hero__stage::before,.hero__stage::after{inset-block-start:-2%;inset-inline-end:calc(50% - min(39vw,170px) - 26px);font-size:clamp(.95rem,3.6vw,1.2rem)}}

/* ---------- 5. бегущая лента ---------- */
.marquee{position:relative;isolation:isolate;background:transparent;border-block:0;padding:19px 0}
.marquee::before,.marquee::after{content:"";position:absolute;inset:0;pointer-events:none}
.marquee::before{z-index:-2;background:linear-gradient(var(--red) 0 50%,var(--yellow) 50%);clip-path:polygon(0.00% 1.3px,1.29% 0.4px,2.85% 0.9px,4.44% 1.9px,5.21% 0.0px,5.78% 2.0px,6.91% 0.6px,7.88% 2.7px,9.69% 2.6px,11.31% 1.3px,12.79% 3.1px,14.21% 2.2px,15.78% 0.6px,16.56% 1.2px,17.79% 0.7px,18.59% 2.3px,20.54% 0.8px,21.18% 0.7px,23.00% 1.3px,23.67% 1.8px,25.28% 0.7px,26.36% 1.8px,27.53% 0.3px,29.39% 1.1px,29.97% 1.1px,30.61% 1.5px,32.58% 2.4px,33.92% 2.0px,34.61% 1.5px,36.69% 2.1px,38.71% 0.9px,39.43% 1.9px,40.64% 0.0px,41.40% 2.3px,42.43% 2.3px,43.95% 1.4px,44.75% 1.0px,46.38% 3.1px,47.01% 2.4px,47.82% 1.4px,49.64% 0.3px,50.81% 1.8px,52.01% 0.6px,53.48% 0.8px,54.77% 0.4px,55.92% 3.0px,56.51% 2.0px,58.19% 2.4px,60.24% 0.1px,62.30% 1.2px,63.88% 1.7px,64.98% 0.6px,66.10% 2.5px,67.72% 3.1px,69.31% 0.5px,70.04% 0.6px,70.95% 1.3px,72.06% 0.4px,73.41% 1.6px,75.21% 0.6px,76.54% 2.2px,77.13% 0.6px,78.96% 2.0px,80.17% 1.8px,81.53% 2.5px,82.42% 1.8px,83.63% 1.9px,84.79% 1.3px,86.53% 0.8px,87.24% 0.6px,88.64% 0.7px,89.47% 3.7px,91.10% 2.4px,91.71% 1.0px,92.68% 2.3px,93.77% 0.3px,95.30% 2.2px,95.94% 2.0px,97.20% 1.6px,98.07% 1.1px,99.06% 1.0px,100.00% 2.1px,100.00% calc(100% - 1.4px),99.43% calc(100% - 2.3px),97.70% calc(100% - 1.5px),96.83% calc(100% - 3.9px),95.55% calc(100% - 1.0px),93.56% calc(100% - 3.3px),92.66% calc(100% - 1.1px),92.06% calc(100% - 2.2px),90.04% calc(100% - 0.5px),88.33% calc(100% - 0.3px),86.29% calc(100% - 1.4px),84.25% calc(100% - 2.1px),82.74% calc(100% - 2.0px),81.13% calc(100% - 0.5px),80.41% calc(100% - 1.4px),79.47% calc(100% - 2.4px),78.91% calc(100% - 0.6px),78.27% calc(100% - 2.4px),77.59% calc(100% - 1.3px),76.87% calc(100% - 3.8px),76.22% calc(100% - 0.4px),75.47% calc(100% - 2.8px),73.62% calc(100% - 0.1px),71.90% calc(100% - 0.7px),70.41% calc(100% - 1.1px),69.23% calc(100% - 0.4px),68.02% calc(100% - 2.5px),66.41% calc(100% - 2.1px),64.38% calc(100% - 0.1px),62.76% calc(100% - 0.9px),60.89% calc(100% - 1.6px),59.57% calc(100% - 1.3px),57.59% calc(100% - 1.4px),56.61% calc(100% - 2.0px),54.95% calc(100% - 0.9px),53.60% calc(100% - 1.0px),52.41% calc(100% - 1.2px),51.25% calc(100% - 1.2px),49.72% calc(100% - 1.7px),48.45% calc(100% - 0.5px),46.91% calc(100% - 2.2px),45.58% calc(100% - 1.1px),43.79% calc(100% - 1.8px),42.23% calc(100% - 2.1px),40.86% calc(100% - 0.3px),39.62% calc(100% - 0.2px),38.23% calc(100% - 1.3px),36.62% calc(100% - 1.7px),35.91% calc(100% - 0.8px),34.42% calc(100% - 0.9px),32.54% calc(100% - 0.8px),31.50% calc(100% - 1.0px),30.67% calc(100% - 1.2px),29.82% calc(100% - 0.9px),28.81% calc(100% - 0.9px),27.15% calc(100% - 1.0px),26.35% calc(100% - 1.5px),25.54% calc(100% - 0.4px),24.97% calc(100% - 3.7px),23.94% calc(100% - 1.1px),23.35% calc(100% - 1.9px),21.44% calc(100% - 3.4px),20.56% calc(100% - 1.6px),18.72% calc(100% - 0.6px),16.83% calc(100% - 1.4px),16.06% calc(100% - 0.5px),15.04% calc(100% - 2.6px),13.35% calc(100% - 1.0px),12.24% calc(100% - 2.0px),10.42% calc(100% - 1.9px),8.52% calc(100% - 2.9px),6.67% calc(100% - 1.7px),6.04% calc(100% - 2.4px),4.68% calc(100% - 0.9px),2.63% calc(100% - 2.0px),1.68% calc(100% - 2.5px),0.81% calc(100% - 0.2px),0.00% calc(100% - 0.8px))}
.marquee::after{z-index:-1;background:var(--band);clip-path:polygon(0.00% 4.3px,1.25% 7.7px,2.67% 8.3px,4.65% 5.1px,5.92% 6.7px,7.26% 13.9px,8.72% 4.2px,9.56% 4.6px,10.90% 3.0px,12.43% 11.9px,14.21% 6.4px,14.90% 5.4px,15.92% 5.6px,16.61% 8.1px,18.42% 3.5px,20.04% 7.8px,20.66% 3.7px,22.73% 8.6px,24.78% 8.7px,26.34% 6.4px,27.84% 3.2px,28.64% 13.8px,29.21% 7.1px,30.58% 7.9px,31.22% 4.4px,32.07% 7.2px,32.99% 10.1px,33.59% 8.0px,34.86% 4.3px,36.09% 3.8px,37.95% 10.3px,39.30% 2.9px,40.84% 4.9px,42.17% 3.4px,43.74% 8.3px,45.00% 6.8px,45.98% 6.3px,48.08% 2.7px,50.17% 13.5px,52.03% 8.8px,53.67% 12.1px,54.71% 7.2px,55.62% 9.0px,56.62% 11.7px,57.27% 8.4px,59.01% 7.1px,60.18% 8.4px,62.05% 7.0px,63.19% 8.2px,65.23% 7.6px,67.09% 6.2px,67.64% 5.0px,68.52% 6.5px,70.48% 12.2px,71.76% 8.2px,73.83% 5.0px,74.99% 6.3px,75.66% 7.9px,77.18% 12.7px,78.94% 12.0px,79.91% 4.0px,80.59% 5.7px,81.66% 8.5px,83.70% 2.6px,85.43% 6.9px,86.16% 3.6px,87.09% 6.8px,87.80% 8.3px,88.44% 6.8px,90.23% 5.3px,91.05% 8.4px,92.47% 5.0px,93.71% 4.6px,94.56% 5.7px,96.24% 8.0px,97.00% 8.7px,98.54% 3.6px,99.27% 4.3px,100.00% 5.2px,100.00% calc(100% - 5.8px),99.45% calc(100% - 4.6px),97.49% calc(100% - 5.5px),96.44% calc(100% - 9.3px),94.67% calc(100% - 8.5px),93.28% calc(100% - 8.0px),91.22% calc(100% - 3.7px),89.15% calc(100% - 6.2px),87.21% calc(100% - 11.7px),86.32% calc(100% - 9.5px),84.66% calc(100% - 3.7px),83.12% calc(100% - 5.8px),81.30% calc(100% - 11.5px),79.63% calc(100% - 8.8px),78.76% calc(100% - 6.9px),77.20% calc(100% - 2.6px),75.93% calc(100% - 11.0px),73.92% calc(100% - 7.6px),72.14% calc(100% - 13.1px),70.22% calc(100% - 4.2px),68.79% calc(100% - 4.1px),67.66% calc(100% - 8.3px),65.70% calc(100% - 3.9px),64.18% calc(100% - 4.5px),62.92% calc(100% - 8.4px),62.17% calc(100% - 7.3px),60.50% calc(100% - 8.1px),58.51% calc(100% - 8.0px),57.82% calc(100% - 6.7px),55.87% calc(100% - 3.8px),54.09% calc(100% - 5.9px),52.93% calc(100% - 4.9px),51.21% calc(100% - 5.9px),49.71% calc(100% - 4.1px),48.35% calc(100% - 3.3px),46.72% calc(100% - 3.2px),45.63% calc(100% - 4.8px),44.66% calc(100% - 7.0px),43.83% calc(100% - 10.0px),42.18% calc(100% - 12.9px),40.89% calc(100% - 8.5px),40.33% calc(100% - 3.7px),39.50% calc(100% - 5.6px),38.21% calc(100% - 7.8px),37.35% calc(100% - 3.3px),35.74% calc(100% - 4.2px),33.71% calc(100% - 8.7px),31.91% calc(100% - 11.7px),30.34% calc(100% - 7.0px),28.81% calc(100% - 6.2px),27.57% calc(100% - 5.1px),26.05% calc(100% - 13.8px),25.42% calc(100% - 6.4px),24.66% calc(100% - 6.0px),23.74% calc(100% - 6.2px),21.90% calc(100% - 8.8px),21.31% calc(100% - 3.9px),20.06% calc(100% - 8.0px),19.30% calc(100% - 4.5px),18.72% calc(100% - 8.0px),16.94% calc(100% - 6.7px),15.91% calc(100% - 4.4px),14.48% calc(100% - 10.1px),12.83% calc(100% - 8.7px),12.22% calc(100% - 8.6px),10.31% calc(100% - 8.0px),9.71% calc(100% - 5.9px),9.05% calc(100% - 3.4px),7.80% calc(100% - 4.7px),5.72% calc(100% - 13.0px),3.87% calc(100% - 13.0px),2.84% calc(100% - 5.7px),1.52% calc(100% - 6.1px),0.00% calc(100% - 3.0px))}

/* ---------- 6. «Что мы делаем»: рука-указатель из старого комикса ---------- */
.wwd__row{box-shadow:6px 6px 0 var(--hard)}
.wwd__head::after{content:"";display:block;width:140px;height:80px;margin-top:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 92'%3E%3Cg stroke='%2312100E' stroke-width='3.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 20 H34 V78 H6 Q2 78 2 74 V24 Q2 20 6 20Z' fill='%23FFC400'/%3E%3Cpath d='M34 22 C46 17 60 18 72 24 L72 86 C58 90 44 88 34 80 Z' fill='%23FFFDF5'/%3E%3Cpath d='M62 72 H88 A7 7 0 0 1 88 86 H62 Z' fill='%23FFFDF5'/%3E%3Cpath d='M64 59 H96 A7.5 7.5 0 0 1 96 74 H64 Z' fill='%23FFFDF5'/%3E%3Cpath d='M66 45 H102 A8 8 0 0 1 102 61 H66 Z' fill='%23FFFDF5'/%3E%3Cpath d='M66 26 H148 A9 9 0 0 1 148 44 H66 Z' fill='%23FFFDF5'/%3E%3Cpath d='M50 28 C54 13 74 10 88 18 C93 21 92 28 85 28 L64 28' fill='%23FFFDF5'/%3E%3C/g%3E%3Cpath d='M12 26 V72' stroke='%2312100E' stroke-width='2.4'/%3E%3Ccircle cx='23' cy='34' r='2.6' fill='%2312100E'/%3E%3Ccircle cx='23' cy='64' r='2.6' fill='%2312100E'/%3E%3Cpath d='M156 18 l7 -7 M159 35 h8 M156 52 l7 7' stroke='%23EE3424' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 50%/contain;animation:jgPoint 2.8s ease-in-out infinite}
html[dir="rtl"] .wwd__head::after{transform:scaleX(-1);animation-name:jgPointR}
@keyframes jgPoint{0%,62%,100%{transform:translateX(0)}74%{transform:translateX(10px)}86%{transform:translateX(2px)}}
@keyframes jgPointR{0%,62%,100%{transform:scaleX(-1) translateX(0)}74%{transform:scaleX(-1) translateX(10px)}86%{transform:scaleX(-1) translateX(2px)}}
@media(max-width:980px){.wwd__head::after{display:none}}

/* ---------- 7. тарифы ---------- */
.tier{border-width:2.5px;box-shadow:8px 8px 0 var(--ts,var(--hard))}
.tier:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ts,var(--hard))}
.tier--pro{--ts:var(--yellow)}
.tier--vip{--ts:var(--red)}
.tier__price{text-shadow:.05em .05em 0 var(--ps,#12100E)}
.tier--pro .tier__price{--ps:var(--red)}
html[data-theme="dark"] .tier--light .tier__price{--ps:#000}
.tier--light::before{content:"";position:absolute;z-index:-1;inset-block-end:-46px;inset-inline-end:-46px;width:230px;height:230px;background:var(--green);-webkit-mask:var(--ht-corner) 0 0/100% 100% no-repeat;mask:var(--ht-corner) 0 0/100% 100% no-repeat;transform:rotate(180deg);opacity:.42;pointer-events:none}
.tier--pro::before{content:"";position:absolute;z-index:-1;inset-block-end:-150px;inset-inline-end:-150px;width:400px;height:400px;background:repeating-conic-gradient(var(--yellow) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(closest-side,transparent 18%,#000 30%,transparent 100%);mask:radial-gradient(closest-side,transparent 18%,#000 30%,transparent 100%);opacity:.2;pointer-events:none}
.tier__new{transform:rotate(-7deg);border-color:#12100E!important;box-shadow:2px 2px 0 #12100E}
.tiernote{max-width:72ch}

/* ---------- 8. студия ---------- */
.shape:hover,.shape:focus-visible{box-shadow:6px 6px 0 var(--hard)}
.shape .price{box-shadow:2px 2px 0 var(--hard)}

/* ---------- 9. сценарии: номера как на плакате ---------- */
.scenario{border-width:2.5px;box-shadow:7px 7px 0 var(--c)}
.scenario__num{font-family:'Syne',var(--f-disp);font-weight:800;font-size:3.1rem;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--edge);text-shadow:5px 5px 0 var(--c);margin-bottom:20px}

/* ---------- 10. веб и серверы ---------- */
.section--web{isolation:isolate}
.section--web{background:transparent;border-block:0}
.section--web::before,.section--web::after{content:"";position:absolute;inset:0;pointer-events:none}
.section--web::before{z-index:-3;background:linear-gradient(var(--red) 0 50%,var(--yellow) 50%);clip-path:polygon(0.00% 1.2px,2.04% 0.1px,2.80% 2.7px,3.39% 0.7px,5.49% 0.2px,6.32% 2.8px,7.06% 1.6px,8.62% 1.7px,9.71% 2.0px,11.63% 2.5px,12.54% 2.5px,14.58% 1.2px,15.63% 2.8px,17.11% 3.2px,19.10% 4.3px,20.71% 1.2px,22.70% 2.4px,24.34% 0.9px,24.97% 5.2px,26.89% 0.4px,28.35% 0.9px,29.38% 0.6px,30.23% 0.3px,32.09% 0.7px,33.55% 2.5px,35.55% 2.8px,37.30% 4.1px,39.34% 0.1px,40.77% 1.7px,42.40% 2.6px,43.90% 1.6px,44.85% 0.8px,46.88% 0.2px,47.92% 0.5px,49.68% 2.2px,51.71% 4.3px,53.27% 0.1px,54.04% 0.1px,55.86% 0.0px,57.45% 3.4px,58.29% 0.8px,58.91% 0.5px,60.29% 2.9px,60.89% 0.0px,62.87% 2.2px,64.21% 2.7px,65.56% 1.9px,66.74% 2.9px,68.32% 0.6px,70.29% 0.5px,71.31% 1.7px,72.44% 2.8px,73.90% 0.6px,74.91% 3.0px,76.38% 1.3px,77.77% 0.7px,78.99% 0.2px,80.59% 0.8px,81.96% 3.3px,82.64% 1.9px,84.74% 2.0px,85.84% 2.6px,87.06% 5.2px,88.23% 2.7px,90.22% 0.3px,92.25% 3.7px,93.59% 3.2px,94.76% 1.4px,95.46% 2.5px,97.40% 3.3px,98.22% 2.5px,99.61% 2.7px,100.00% 1.1px,100.00% calc(100% - 2.7px),99.36% calc(100% - 4.7px),97.93% calc(100% - 2.6px),96.32% calc(100% - 0.4px),94.95% calc(100% - 4.3px),94.05% calc(100% - 0.8px),92.28% calc(100% - 3.3px),90.39% calc(100% - 0.5px),89.43% calc(100% - 0.7px),87.61% calc(100% - 1.3px),86.19% calc(100% - 0.2px),84.22% calc(100% - 2.4px),83.04% calc(100% - 2.5px),82.22% calc(100% - 4.0px),80.81% calc(100% - 0.9px),79.64% calc(100% - 2.6px),78.57% calc(100% - 1.6px),76.57% calc(100% - 0.8px),74.95% calc(100% - 0.5px),74.03% calc(100% - 1.2px),73.01% calc(100% - 0.4px),71.56% calc(100% - 0.4px),69.58% calc(100% - 2.9px),69.00% calc(100% - 3.7px),67.47% calc(100% - 1.6px),65.94% calc(100% - 1.8px),64.65% calc(100% - 5.1px),63.77% calc(100% - 2.5px),62.01% calc(100% - 1.0px),60.76% calc(100% - 0.3px),59.97% calc(100% - 0.6px),59.29% calc(100% - 4.3px),58.73% calc(100% - 1.2px),57.73% calc(100% - 2.3px),56.62% calc(100% - 2.1px),55.03% calc(100% - 2.6px),53.23% calc(100% - 3.6px),51.62% calc(100% - 0.6px),50.99% calc(100% - 2.8px),49.47% calc(100% - 4.9px),48.20% calc(100% - 2.2px),46.75% calc(100% - 0.6px),44.78% calc(100% - 2.1px),43.64% calc(100% - 1.3px),42.57% calc(100% - 4.6px),41.91% calc(100% - 1.3px),40.58% calc(100% - 3.1px),38.79% calc(100% - 0.5px),37.49% calc(100% - 2.3px),36.76% calc(100% - 1.7px),34.94% calc(100% - 3.1px),32.85% calc(100% - 1.9px),32.23% calc(100% - 0.1px),31.46% calc(100% - 2.7px),30.43% calc(100% - 2.5px),29.51% calc(100% - 1.1px),28.76% calc(100% - 3.1px),27.87% calc(100% - 4.9px),26.53% calc(100% - 3.6px),24.50% calc(100% - 2.9px),23.89% calc(100% - 0.8px),22.76% calc(100% - 2.4px),20.72% calc(100% - 1.5px),18.81% calc(100% - 4.3px),17.42% calc(100% - 0.6px),16.40% calc(100% - 4.1px),14.59% calc(100% - 0.5px),13.49% calc(100% - 3.2px),12.29% calc(100% - 2.7px),11.01% calc(100% - 0.0px),10.18% calc(100% - 2.2px),9.12% calc(100% - 0.4px),7.88% calc(100% - 2.4px),7.17% calc(100% - 0.4px),6.13% calc(100% - 1.0px),5.54% calc(100% - 0.2px),4.53% calc(100% - 0.4px),2.54% calc(100% - 0.8px),1.91% calc(100% - 3.3px),0.99% calc(100% - 2.7px),0.00% calc(100% - 1.9px))}
.section--web::after{z-index:-2;background:var(--band);clip-path:polygon(0.00% 8.4px,0.81% 3.9px,2.42% 17.4px,3.96% 6.4px,5.25% 9.1px,6.14% 11.6px,7.92% 11.9px,9.72% 8.3px,11.06% 7.4px,12.39% 5.2px,13.31% 4.5px,13.87% 17.3px,14.99% 7.3px,16.45% 3.5px,17.11% 5.6px,18.89% 4.5px,19.80% 14.2px,20.71% 11.9px,21.32% 7.3px,23.42% 11.6px,25.11% 9.6px,27.02% 13.4px,28.52% 10.2px,29.13% 8.4px,30.19% 8.2px,31.51% 5.8px,32.24% 5.5px,34.26% 3.1px,35.38% 11.6px,36.17% 15.9px,37.99% 10.7px,38.73% 5.3px,40.72% 11.6px,41.98% 4.2px,43.38% 12.6px,44.46% 14.9px,45.76% 10.8px,46.60% 4.1px,47.21% 5.9px,49.10% 5.0px,50.02% 4.7px,51.78% 9.4px,52.65% 3.4px,54.70% 10.9px,56.64% 10.1px,58.36% 15.1px,60.09% 17.0px,61.54% 9.4px,63.22% 9.3px,63.96% 3.4px,65.25% 5.8px,67.08% 5.7px,67.94% 7.9px,69.92% 3.9px,71.85% 7.6px,73.03% 11.7px,74.15% 9.3px,75.40% 8.0px,76.55% 17.4px,78.64% 6.2px,79.79% 11.9px,80.38% 12.5px,81.07% 17.4px,82.74% 7.0px,84.83% 3.2px,86.15% 7.0px,87.46% 6.5px,88.86% 5.0px,90.57% 14.9px,91.46% 9.3px,92.96% 9.5px,94.37% 5.1px,95.89% 7.4px,96.72% 11.7px,97.53% 15.2px,98.62% 9.5px,100.00% 10.0px,100.00% calc(100% - 3.7px),99.07% calc(100% - 10.6px),97.89% calc(100% - 11.4px),97.05% calc(100% - 10.0px),96.43% calc(100% - 6.4px),95.06% calc(100% - 10.8px),93.23% calc(100% - 8.4px),91.46% calc(100% - 6.5px),90.70% calc(100% - 7.5px),89.57% calc(100% - 14.4px),87.64% calc(100% - 7.3px),86.38% calc(100% - 9.6px),85.35% calc(100% - 4.8px),84.66% calc(100% - 8.2px),83.26% calc(100% - 16.4px),82.70% calc(100% - 6.5px),81.78% calc(100% - 11.9px),80.14% calc(100% - 9.6px),78.65% calc(100% - 8.3px),78.04% calc(100% - 3.3px),76.71% calc(100% - 7.8px),76.13% calc(100% - 7.4px),74.49% calc(100% - 6.9px),72.49% calc(100% - 8.9px),70.69% calc(100% - 9.9px),70.08% calc(100% - 6.8px),68.04% calc(100% - 4.1px),67.20% calc(100% - 11.1px),66.23% calc(100% - 18.1px),65.08% calc(100% - 4.9px),64.26% calc(100% - 3.2px),63.28% calc(100% - 14.8px),61.77% calc(100% - 4.2px),60.55% calc(100% - 10.3px),59.27% calc(100% - 4.6px),57.26% calc(100% - 3.7px),56.13% calc(100% - 10.9px),55.15% calc(100% - 10.0px),53.67% calc(100% - 12.0px),52.81% calc(100% - 10.9px),51.20% calc(100% - 11.4px),50.42% calc(100% - 8.8px),48.56% calc(100% - 8.5px),47.61% calc(100% - 14.3px),46.56% calc(100% - 10.1px),44.54% calc(100% - 11.5px),43.58% calc(100% - 11.7px),41.98% calc(100% - 7.8px),40.43% calc(100% - 10.0px),39.36% calc(100% - 9.1px),38.49% calc(100% - 10.3px),36.85% calc(100% - 4.5px),34.82% calc(100% - 9.4px),34.10% calc(100% - 8.7px),32.84% calc(100% - 14.3px),31.14% calc(100% - 4.9px),29.12% calc(100% - 3.7px),28.10% calc(100% - 9.6px),27.43% calc(100% - 6.7px),26.02% calc(100% - 18.1px),25.25% calc(100% - 4.4px),24.09% calc(100% - 9.1px),23.06% calc(100% - 12.2px),22.02% calc(100% - 5.4px),21.46% calc(100% - 9.1px),19.38% calc(100% - 12.4px),17.34% calc(100% - 11.0px),15.51% calc(100% - 5.7px),14.01% calc(100% - 5.4px),12.86% calc(100% - 10.2px),10.89% calc(100% - 8.6px),9.96% calc(100% - 17.4px),8.35% calc(100% - 4.7px),6.71% calc(100% - 9.7px),4.83% calc(100% - 3.7px),3.25% calc(100% - 3.2px),1.52% calc(100% - 11.3px),0.00% calc(100% - 10.2px))}
.section--web .web-art{clip-path:inset(16px 0 16px 0)}
.section--web>.wrap{position:relative}
.section--web>.wrap::before{content:"";position:absolute;z-index:-1;inset-block-start:calc(-1 * clamp(44px,6vw,96px));inset-inline-start:calc(-1 * var(--gut) - 30px);width:min(34vw,420px);aspect-ratio:1;background:var(--yellow);-webkit-mask:var(--ht-corner) 0 0/100% 100% no-repeat;mask:var(--ht-corner) 0 0/100% 100% no-repeat;opacity:.2;pointer-events:none}
html[dir="rtl"] .section--web>.wrap::before{transform:scaleX(-1)}
.sos{isolation:isolate;border-width:2.5px;box-shadow:8px 8px 0 var(--yellow)}
.sos p,.finale p{font-weight:400;opacity:1}
.sos::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-conic-gradient(from 0deg at var(--sx,74px) 50%,rgba(18,16,14,.2) 0 1.6deg,transparent 1.6deg 7deg);-webkit-mask:radial-gradient(circle at var(--sx,74px) 50%,transparent 0 70px,#000 150px);mask:radial-gradient(circle at var(--sx,74px) 50%,transparent 0 70px,#000 150px);pointer-events:none}
html[dir="rtl"] .sos{--sx:calc(100% - 74px)}

/* ---------- 10½. клочки старых афиш на скотче — только в трёх пустотах у заголовков ---------- */
#studio .shead,#how .shead,#faq .shead{position:relative}
#studio .shead::after,#how .shead::after,#faq .shead::after{content:"";position:absolute;top:50%;inset-inline-end:3%;width:236px;height:136px;pointer-events:none;clip-path:var(--scrap);transform:translateY(-50%) rotate(var(--rot,-5deg))}
#studio .shead::before,#how .shead::before,#faq .shead::before{content:"";position:absolute;z-index:1;top:calc(50% - 84px);inset-inline-end:calc(3% + 74px);width:92px;height:26px;background:rgba(246,238,214,.82);clip-path:polygon(2.7% 0%,1.6% 18%,1.2% 33%,6.4% 50%,4.0% 66%,4.8% 82%,3.9% 100%,97.3% 100%,94.9% 82%,96.0% 66%,94.5% 50%,95.4% 33%,94.1% 18%,96.9% 0%);transform:rotate(var(--trot,-9deg));pointer-events:none}
#studio .shead::after{--scrap:polygon(0.0% 3.8%,2.2% 1.6%,4.8% 0.9%,8.3% 3.8%,12.8% 4.5%,15.4% 0.1%,18.0% 3.3%,21.0% 3.9%,25.7% 2.9%,28.3% 1.0%,33.0% 3.6%,37.4% 3.3%,40.0% 0.9%,44.0% 2.9%,47.7% 1.0%,51.2% 0.2%,56.7% 1.5%,59.2% 1.5%,61.5% 1.8%,66.8% 2.9%,70.3% 3.8%,73.2% 4.3%,76.5% 4.4%,79.9% 4.5%,85.2% 3.6%,88.1% 1.4%,91.0% 0.8%,95.2% 2.8%,99.2% 2.5%,98.5% 0.0%,97.6% 4.4%,99.2% 6.9%,98.9% 9.8%,98.2% 15.0%,98.1% 19.2%,99.9% 23.7%,99.7% 26.2%,99.6% 29.7%,97.8% 34.9%,97.9% 39.3%,97.1% 44.7%,97.7% 47.6%,99.2% 51.3%,97.7% 56.1%,97.0% 59.8%,99.0% 64.6%,100.0% 68.7%,98.9% 71.2%,99.2% 73.8%,99.5% 79.2%,99.9% 81.8%,99.6% 84.7%,97.4% 88.0%,99.9% 92.5%,98.2% 97.5%,96.8% 99.4%,94.2% 98.3%,89.2% 98.6%,86.4% 98.1%,82.3% 96.8%,77.8% 97.6%,72.5% 98.9%,67.9% 96.5%,63.1% 96.7%,60.5% 96.3%,57.8% 99.9%,54.1% 97.2%,49.5% 96.0%,45.8% 98.8%,41.2% 99.1%,37.3% 96.3%,33.8% 98.4%,28.7% 98.2%,24.8% 96.3%,20.3% 98.3%,16.6% 99.1%,13.8% 99.0%,10.6% 98.4%,5.7% 96.9%,2.9% 98.3%,0.0% 96.5%,0.6% 96.9%,1.1% 94.4%,1.6% 91.1%,2.8% 87.1%,2.0% 82.1%,1.6% 77.9%,2.6% 75.0%,0.9% 70.2%,1.2% 66.7%,2.0% 62.6%,1.7% 57.3%,0.7% 54.2%,1.2% 49.5%,2.5% 46.0%,0.7% 43.8%,2.1% 41.6%,0.1% 37.8%,2.9% 34.6%,2.1% 30.8%,1.0% 28.5%,2.9% 25.7%,2.4% 22.6%,0.2% 17.3%,0.7% 13.5%,1.5% 9.7%,3.0% 5.4%,0.4% 2.4%,0.1% 0.0%);--rot:-5deg;background:radial-gradient(circle at 68% 46%,transparent 0 17%,#12100E 17.5% 23%,transparent 23.5%),radial-gradient(circle,var(--red) 0 2px,transparent 2.5px) 0 0/10px 10px,var(--yellow)}
#how .shead::after{--scrap:polygon(0.0% 0.1%,2.5% 0.2%,5.4% 0.2%,8.6% 1.6%,13.7% 0.7%,17.6% 1.4%,22.1% 4.2%,24.7% 0.8%,28.6% 3.7%,33.5% 3.3%,37.5% 2.6%,42.8% 2.6%,47.9% 3.5%,51.3% 2.6%,53.5% 1.0%,58.2% 1.5%,60.8% 1.1%,63.1% 1.8%,67.7% 4.4%,72.7% 1.9%,77.6% 0.3%,83.0% 2.1%,85.8% 3.7%,88.3% 2.0%,90.9% 3.2%,96.3% 0.4%,98.9% 0.3%,99.3% 0.0%,100.0% 4.4%,99.9% 6.7%,97.1% 9.9%,98.2% 13.4%,97.1% 16.2%,97.7% 18.6%,99.1% 20.8%,97.1% 26.1%,97.2% 30.6%,98.6% 35.9%,99.8% 39.8%,99.0% 45.1%,99.5% 50.2%,98.9% 54.4%,99.8% 58.3%,97.9% 62.2%,97.1% 65.2%,99.4% 68.6%,97.7% 73.2%,98.2% 76.0%,98.6% 81.0%,97.3% 84.9%,98.9% 89.1%,97.5% 94.0%,99.9% 98.4%,98.5% 96.6%,93.1% 99.7%,89.2% 97.3%,84.1% 95.5%,81.6% 97.7%,79.0% 99.7%,75.0% 99.2%,71.9% 95.6%,67.0% 95.6%,64.8% 98.9%,59.6% 98.6%,55.9% 96.8%,52.3% 97.7%,49.3% 99.2%,43.9% 95.6%,38.5% 97.2%,35.3% 98.4%,32.7% 99.9%,29.2% 97.7%,24.5% 96.6%,20.1% 99.2%,15.5% 99.6%,10.4% 96.7%,8.2% 95.9%,5.4% 98.3%,0.0% 97.9%,0.0% 96.6%,1.3% 91.1%,0.4% 87.9%,2.4% 82.7%,1.3% 79.6%,0.3% 76.0%,2.9% 71.3%,2.4% 67.3%,1.8% 64.7%,1.7% 60.7%,0.2% 57.0%,2.9% 52.9%,0.9% 50.2%,1.6% 47.1%,1.5% 42.2%,1.4% 36.8%,0.1% 33.6%,2.7% 28.6%,1.5% 25.7%,1.2% 22.2%,2.6% 19.7%,2.6% 16.8%,2.2% 13.9%,2.7% 10.8%,1.0% 8.2%,0.3% 4.3%,1.0% 0.0%);--rot:4deg;background:linear-gradient(112deg,transparent 0 60%,#F7F3E8 60% 66%,transparent 66%),radial-gradient(circle at 32% 54%,var(--yellow) 0 25%,transparent 25.5%),var(--blue)}
#how .shead::before{--trot:7deg;inset-inline-end:calc(3% + 66px)}
#faq .shead::after{--scrap:polygon(0.0% 2.5%,4.1% 3.1%,8.4% 0.5%,13.3% 0.3%,16.4% 4.4%,20.7% 1.3%,25.9% 1.0%,31.1% 4.0%,33.9% 3.4%,38.2% 0.6%,42.5% 1.4%,46.3% 1.1%,51.7% 1.2%,55.7% 0.0%,59.3% 2.4%,64.6% 1.4%,68.9% 1.8%,72.1% 0.8%,75.4% 0.5%,79.2% 0.1%,81.6% 3.9%,85.8% 3.4%,90.4% 2.5%,94.0% 0.6%,99.0% 0.7%,99.7% 0.0%,98.2% 2.6%,97.8% 5.8%,98.6% 8.2%,98.7% 11.3%,98.5% 14.2%,99.2% 17.0%,97.4% 21.4%,97.1% 25.1%,98.6% 28.9%,99.9% 32.3%,98.8% 36.2%,97.6% 41.0%,99.0% 44.2%,99.7% 46.7%,99.4% 50.5%,97.9% 53.9%,98.1% 58.7%,99.1% 61.3%,98.1% 66.3%,97.7% 68.6%,97.1% 72.6%,97.5% 76.2%,98.7% 79.5%,97.6% 84.6%,97.2% 89.1%,97.4% 91.9%,97.7% 95.7%,98.2% 99.9%,98.2% 96.5%,95.8% 96.4%,93.2% 99.0%,88.3% 99.5%,83.1% 98.4%,79.5% 96.4%,74.2% 96.7%,72.0% 96.1%,67.5% 95.6%,62.0% 96.6%,58.0% 96.2%,53.2% 99.9%,48.0% 100.0%,45.5% 96.1%,40.2% 97.2%,37.4% 98.5%,34.5% 99.4%,30.4% 98.5%,26.3% 98.5%,23.2% 97.8%,20.7% 98.0%,17.7% 99.1%,13.2% 99.6%,8.9% 99.1%,3.9% 99.4%,0.0% 99.5%,1.0% 94.9%,2.4% 90.5%,0.1% 85.1%,0.7% 82.5%,2.4% 79.2%,1.5% 73.8%,2.4% 71.1%,1.2% 68.7%,2.6% 65.8%,0.2% 61.2%,1.9% 58.0%,0.6% 54.6%,0.6% 50.9%,2.6% 48.7%,1.3% 43.7%,2.4% 40.5%,0.9% 37.5%,2.2% 34.1%,2.7% 30.8%,1.9% 28.3%,0.7% 26.0%,2.0% 23.1%,2.9% 18.8%,2.4% 15.0%,1.3% 11.0%,1.2% 6.2%,0.3% 3.6%,2.3% 0.0%);--rot:-3deg;background:radial-gradient(circle at 34% 50%,#12100E 0 9%,transparent 9.5%),linear-gradient(-58deg,transparent 0 56%,#12100E 56% 61%,transparent 61%),radial-gradient(circle,var(--yellow) 0 1.9px,transparent 2.3px) 0 0/9px 9px,var(--red)}
#faq .shead::before{--trot:-14deg}
html[dir="rtl"] #studio .shead::after,html[dir="rtl"] #how .shead::after,html[dir="rtl"] #faq .shead::after{transform:translateY(-50%) rotate(calc(-1 * var(--rot,-5deg))) scaleX(-1)}
@media(max-width:1080px){#studio .shead::after,#how .shead::after,#faq .shead::after,#studio .shead::before,#how .shead::before,#faq .shead::before{display:none}}

/* ---------- 11. конструктор ---------- */
.bband{isolation:isolate;border-width:2.5px;box-shadow:9px 9px 0 var(--hard)}
.bband::before{content:"";position:absolute;z-index:-1;inset-block-start:-24px;inset-inline-end:-24px;width:min(48%,460px);aspect-ratio:1;background:var(--red);-webkit-mask:var(--ht-corner) 0 0/100% 100% no-repeat;mask:var(--ht-corner) 0 0/100% 100% no-repeat;transform:scaleX(-1);opacity:.5;pointer-events:none}
html[dir="rtl"] .bband::before{transform:none}

/* ---------- 12. знания, FAQ ---------- */
.kbg{box-shadow:5px 5px 0 var(--c)}
.faq details{transition:box-shadow .2s,border-radius .2s}
.faq details[open]{box-shadow:6px 6px 0 var(--yellow)}

/* ---------- 13. финал: солнце кубинского плаката ---------- */
.finale{isolation:isolate;border-width:3px;box-shadow:10px 10px 0 var(--hard)}
.finale::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-conic-gradient(from -4deg at 50% 58%,rgba(18,16,14,.11) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle at 50% 58%,transparent 0 14%,#000 42%);mask:radial-gradient(circle at 50% 58%,transparent 0 14%,#000 42%);pointer-events:none}
.finale h2{text-shadow:.045em .045em 0 #12100E}

/* ---------- 14. окна: заявка, инфо, конструктор ---------- */
dialog.dlg{border-width:3px;box-shadow:12px 12px 0 var(--hard),0 30px 80px rgba(0,0,0,.35)}
.dlg__head{position:relative;isolation:isolate;overflow:hidden;background:var(--yellow);color:#12100E;border-bottom-width:3px;border-bottom-color:#12100E}
.dlg__head::after{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-end:0;width:min(40%,280px);background:var(--red);-webkit-mask:var(--ht-x) 100% 50%/auto 140% no-repeat;mask:var(--ht-x) 100% 50%/auto 140% no-repeat;opacity:.5;pointer-events:none}
html[dir="rtl"] .dlg__head::after{transform:scaleX(-1)}
.dlg__head p{color:rgba(18,16,14,.78)}
.dlg__head .xbtn{border-color:#12100E;color:#12100E;background:#FFF8E6}
.dlg__head .xbtn:hover{background:var(--red);color:#fff}
.need{border-width:2px;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}
.need:hover{box-shadow:3px 3px 0 var(--hard);transform:translate(-1px,-1px)}
.need:has(input:checked){box-shadow:3px 3px 0 var(--red)}
.finput,.ftext{transition:box-shadow .16s}
.finput:focus,.ftext:focus{box-shadow:4px 4px 0 var(--yellow)}
.toggle:has(input:checked){box-shadow:4px 4px 0 var(--red)}
.okview{position:relative;isolation:isolate}
.okview::before{content:"";position:absolute;z-index:-1;left:50%;top:-4px;width:180px;height:180px;margin-left:-90px;background:repeating-conic-gradient(var(--yellow) 0 7deg,transparent 7deg 15deg);-webkit-mask:radial-gradient(closest-side,transparent 52%,#000 60%,transparent 88%);mask:radial-gradient(closest-side,transparent 52%,#000 60%,transparent 88%);animation:sp 30s linear infinite;pointer-events:none}
.okview svg{filter:drop-shadow(4px 4px 0 var(--hard))}
.info__price,.bld__tot{box-shadow:3px 3px 0 var(--hard)}
.bitem.on{box-shadow:3px 3px 0 var(--hard)}
.pop{border-width:2.5px;box-shadow:6px 6px 0 var(--hard),0 22px 50px var(--shadow)}

/* ---------- 15. чат: баллоны комикса ---------- */
.launcher{border-width:3px;box-shadow:5px 5px 0 var(--hard),0 12px 26px var(--shadow)}
.chat{border-width:3px;box-shadow:10px 10px 0 var(--hard),0 26px 60px var(--shadow)}
.chat__head{position:relative;isolation:isolate;overflow:hidden;background:var(--yellow);color:#12100E;border-bottom:3px solid #12100E}
.chat__head::after{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-end:0;width:46%;background:var(--red);-webkit-mask:var(--ht-x) 100% 50%/auto 150% no-repeat;mask:var(--ht-x) 100% 50%/auto 150% no-repeat;opacity:.38;pointer-events:none}
html[dir="rtl"] .chat__head::after{transform:scaleX(-1)}
.chat__ava{border:2.5px solid #12100E}
.chat__status{color:rgba(18,16,14,.75)}
.chat__head .xbtn,.chat__clear{border-color:#12100E;color:#12100E;background:#FFF8E6}
.chat__head .xbtn:hover{background:var(--red);color:#fff}
.chat__order{border-color:#12100E;box-shadow:2px 2px 0 #12100E}
.chat__log{gap:22px;padding-bottom:22px;background-image:radial-gradient(circle,color-mix(in srgb,var(--fg) 8%,transparent) 1px,transparent 1.4px);background-size:13px 13px}
.bub{position:relative;border-width:2.5px;border-radius:22px;box-shadow:3px 3px 0 var(--hard)}
.bub::before,.bub::after{content:"";position:absolute;inset-block-start:100%;width:0;height:0;border-style:solid;pointer-events:none}
.bub::before{inset-inline-start:20px;margin-top:0;border-width:15px 0 0 17px;border-color:var(--edge) transparent transparent transparent}
.bub::after{inset-inline-start:23.5px;margin-top:-1px;border-width:9px 0 0 10px;border-color:var(--card) transparent transparent transparent}
.bub--me{background:var(--yellow);color:#12100E;font-weight:400}
.bub--me::before{inset-inline-start:auto;inset-inline-end:20px;border-width:15px 17px 0 0}
.bub--me::after{inset-inline-start:auto;inset-inline-end:23.5px;border-width:9px 10px 0 0;border-color:var(--yellow) transparent transparent transparent}
html[dir="rtl"] .bub::before{border-width:15px 17px 0 0}
html[dir="rtl"] .bub::after{border-width:9px 10px 0 0}
html[dir="rtl"] .bub--me::before{border-width:15px 0 0 17px}
html[dir="rtl"] .bub--me::after{border-width:9px 0 0 10px}
.bub__chips button,.bub__chips a{transition:box-shadow .16s,transform .16s,background-color .16s}
.bub__chips button:hover,.bub__chips a:hover{box-shadow:2px 2px 0 var(--hard);transform:translate(-1px,-1px)}
.bub__chips .pri{border-color:#12100E;box-shadow:2px 2px 0 #12100E}
.chat__form textarea{transition:box-shadow .16s}
.chat__form textarea:focus{box-shadow:4px 4px 0 var(--yellow)}
.chat__send{box-shadow:3px 3px 0 var(--hard)}
.chat__send:hover{transform:translate(-1px,-1px)}

/* ---------- внутренние страницы: подписи на тёмных карточках ---------- */
.bcard--cta .kicker{background:var(--yellow);color:#12100E;border-color:#12100E;box-shadow:3px 3px 0 #000}

/* ---------- 16. cookie ---------- */
.cookiebar{box-shadow:8px 8px 0 var(--hard),0 20px 70px rgba(0,0,0,.28)}
.cookiebar__choices button:hover{box-shadow:3px 3px 0 var(--hard)}

/* ---------- 17. телефоны ---------- */
@media(max-width:700px){.tier{box-shadow:6px 6px 0 var(--ts,var(--hard))}.scenario__num{font-size:2.5rem}}
@media(max-width:600px){dialog.dlg{box-shadow:none}.chat{box-shadow:none}.finale{box-shadow:6px 6px 0 var(--hard)}}

/* Production integration: reserve the paper artwork's space at every language size. */
@media(min-width:1081px){
  #studio .shead,#how .shead,#faq .shead{padding-inline-end:300px;min-height:170px}
  #studio .shead{display:block}
  #studio .shead__p{max-width:64ch;margin-top:24px}
}

/* Keep small type and white text readable on the new print palette. */
.sos,.finale{background-color:#CE2C1E}
.hero__stage::before{color:#C52A1D}
.tier--light .tier__price{color:#067657;text-shadow:none}
html[data-theme="dark"] .tier--light .tier__price{color:#34CDA2}
.tier__new{background-color:#C52A1D}
.shape h3{hyphens:none;overflow-wrap:break-word}
:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #12100E!important}

/* The base stylesheet precedes this layer, so repeat motion preferences last. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .hero__stage::before,.hero__stage::after,.wwd__head::after,
  #studio .shead::before,#studio .shead::after,
  #how .shead::before,#how .shead::after,#faq .shead::before,#faq .shead::after{display:none}
}
@media(hover:none){.need:hover{box-shadow:none;transform:none}.pill:hover,.tier:hover{transform:none}.tier:hover{box-shadow:8px 8px 0 var(--ts,var(--hard))}}