.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2072 .elementor-element.elementor-element-0771c8d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:1;--margin-top:-090px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2072 .elementor-element.elementor-element-0771c8d:not(.elementor-motion-effects-element-type-background), .elementor-2072 .elementor-element.elementor-element-0771c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oksy-roxy.me/wp-content/uploads/2024/06/shapes-5.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2072 .elementor-element.elementor-element-0771c8d::before, .elementor-2072 .elementor-element.elementor-element-0771c8d > .elementor-background-video-container::before, .elementor-2072 .elementor-element.elementor-element-0771c8d > .e-con-inner > .elementor-background-video-container::before, .elementor-2072 .elementor-element.elementor-element-0771c8d > .elementor-background-slideshow::before, .elementor-2072 .elementor-element.elementor-element-0771c8d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2072 .elementor-element.elementor-element-0771c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #F2295B00 100%);}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c svg{width:563px;height:563px;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c.premium-blob-shadow{filter:drop-shadow(0px 0px 20px #00000035);}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c{z-index:1;left:0%;top:12%;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2072 .elementor-element.elementor-element-0d1beae{z-index:5;}.elementor-2072 .elementor-element.elementor-element-0d1beae .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:45px;font-weight:900;color:var( --e-global-color-text );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-shortcode:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-shortcode.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2072 .elementor-element.elementor-element-609851c > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:5px 60px 10px 60px;}.elementor-2072 .elementor-element.elementor-element-609851c.elementor-element{--align-self:center;}.elementor-2072 .elementor-element.elementor-element-609851c{text-align:center;}.elementor-2072 .elementor-element.elementor-element-609851c .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:45px;font-weight:900;color:var( --e-global-color-7d981c1 );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-906cd35 svg{width:284px;height:284px;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-906cd35.premium-blob-shadow{filter:drop-shadow(0px 0px 20px #00000035);}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-906cd35{z-index:2;left:75%;top:29%;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-ce9d95e svg{width:406px;height:406px;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-ce9d95e.premium-blob-shadow{filter:drop-shadow(0px 0px 20px #00000035);}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-ce9d95e{z-index:2;left:60%;top:39%;}.elementor-2072 .elementor-element.elementor-element-fa87ca6{--display:flex;}.elementor-2072 .elementor-element.elementor-element-6537d68{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a4ad8f2{--display:flex;}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2072 .elementor-element.elementor-element-abfeac4{--display:flex;}.elementor-2072 .elementor-element.elementor-element-f9d6178{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a5e11a1{--display:flex;}.elementor-2072 .elementor-element.elementor-element-246ba9d{--display:flex;}.elementor-2072 .elementor-element.elementor-element-977ebd8{--display:flex;}.elementor-2072 .elementor-element.elementor-element-0733e39{--display:flex;}.elementor-2072 .elementor-element.elementor-element-d1e743d{--display:flex;}.elementor-2072 .elementor-element.elementor-element-17a51ca{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2e30b82{--display:flex;}.elementor-2072 .elementor-element.elementor-element-c15b3bc{--display:flex;}.elementor-2072 .elementor-element.elementor-element-e25e37f{--display:flex;}.elementor-2072 .elementor-element.elementor-element-4dfecad{--display:flex;}.elementor-2072 .elementor-element.elementor-element-f2c85e9{--display:flex;}.elementor-2072 .elementor-element.elementor-element-e434d63{--display:flex;}.elementor-2072 .elementor-element.elementor-element-7124287{--display:flex;}.elementor-2072 .elementor-element.elementor-element-c066c4d{--display:flex;}.elementor-2072 .elementor-element.elementor-element-f7b5f6b{--display:flex;}.elementor-2072 .elementor-element.elementor-element-7fecc45{--display:flex;}.elementor-2072 .elementor-element.elementor-element-f1a4396{--display:flex;}.elementor-2072 .elementor-element.elementor-element-789a485{--display:flex;}.elementor-2072 .elementor-element.elementor-element-d642d21{--display:flex;}.elementor-2072 .elementor-element.elementor-element-23a444c{--display:flex;}.elementor-2072 .elementor-element.elementor-element-c9b71af{--display:flex;}.elementor-2072 .elementor-element.elementor-element-3195b87{--display:flex;}.elementor-2072 .elementor-element.elementor-element-428ca59{--display:flex;}.elementor-2072 .elementor-element.elementor-element-cb212ce{--display:flex;}.elementor-2072 .elementor-element.elementor-element-743763f{--display:flex;}.elementor-2072 .elementor-element.elementor-element-58919dd{--display:flex;}.elementor-2072 .elementor-element.elementor-element-d469b73{--display:flex;}.elementor-2072 .elementor-element.elementor-element-1766a7e{--display:flex;}.elementor-2072 .elementor-element.elementor-element-ffa900d{--display:flex;}.elementor-2072 .elementor-element.elementor-element-3eadf26{--display:flex;}.elementor-2072 .elementor-element.elementor-element-d6111f0{--display:flex;}.elementor-2072 .elementor-element.elementor-element-51a651f{--display:flex;}.elementor-2072 .elementor-element.elementor-element-da133c1{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2c60617{--display:flex;}.elementor-2072 .elementor-element.elementor-element-c63cf71{--display:flex;}.elementor-2072 .elementor-element.elementor-element-ca5dff2{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a09ae04{--display:flex;}.elementor-2072 .elementor-element.elementor-element-5afb939{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a546fff{--display:flex;}.elementor-2072 .elementor-element.elementor-element-ac5ec4c{--display:flex;}.elementor-2072 .elementor-element.elementor-element-4bebe02{--display:flex;}.elementor-2072 .elementor-element.elementor-element-ffb1dd6{--display:flex;}.elementor-2072 .elementor-element.elementor-element-767903d{--display:flex;}.elementor-2072 .elementor-element.elementor-element-748d5dd{--display:flex;}.elementor-2072 .elementor-element.elementor-element-40bad25{--display:flex;}.elementor-2072 .elementor-element.elementor-element-8f0a95a{--display:flex;}.elementor-2072 .elementor-element.elementor-element-99c62ca{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2f0a02b{--display:flex;}.elementor-2072 .elementor-element.elementor-element-403d73e{--display:flex;}.elementor-2072 .elementor-element.elementor-element-932294b{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a97e1c4{--display:flex;}.elementor-2072 .elementor-element.elementor-element-1cf4475{--display:flex;}.elementor-2072 .elementor-element.elementor-element-7613530{--display:flex;}.elementor-2072 .elementor-element.elementor-element-1147e1a{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a360d22{--display:flex;}.elementor-2072 .elementor-element.elementor-element-82a0020{--display:flex;}.elementor-2072 .elementor-element.elementor-element-39e2f50{--display:flex;}.elementor-2072 .elementor-element.elementor-element-ee5d7b7{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2f8a5ad{--display:flex;}.elementor-2072 .elementor-element.elementor-element-05b2a29{--display:flex;}.elementor-2072 .elementor-element.elementor-element-22b150c{--display:flex;}.elementor-2072 .elementor-element.elementor-element-5d82c20{--display:flex;}.elementor-2072 .elementor-element.elementor-element-b59327e{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2eda168{--display:flex;}.elementor-2072 .elementor-element.elementor-element-d05b8e8{--display:flex;}.elementor-2072 .elementor-element.elementor-element-12a0e35{--display:flex;}.elementor-2072 .elementor-element.elementor-element-0712707{--display:flex;}.elementor-2072 .elementor-element.elementor-element-2deccee{--display:flex;}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-image:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-image.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2072 .elementor-element.elementor-element-38b742c{--display:flex;}.elementor-2072 .elementor-element.elementor-element-7506358{--display:flex;}.elementor-2072 .elementor-element.elementor-element-5c96706{--display:flex;}.elementor-2072 .elementor-element.elementor-element-48a15d1{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-button.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-button:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-button.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2072 .elementor-element.elementor-element-ff8080f{--display:flex;}.elementor-2072 .elementor-element.elementor-element-336f826{--display:flex;}.elementor-2072 .elementor-element.elementor-element-a495b2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2072 .elementor-element.elementor-element-e486ab5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2072 .elementor-element.elementor-element-0d793af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2072:not(.elementor-motion-effects-element-type-background), body.elementor-page-2072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oksy-roxy.me/wp-content/uploads/2024/06/dot-grid.jpg");background-position:center left;background-repeat:repeat;}:root{--page-title-display:none;}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c{left:-30%;top:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-906cd35{top:46%;}.elementor-2072 .elementor-element.elementor-element-0771c8d{--min-height:80vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c svg{width:300px;height:300px;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-040b96c{left:-30%;top:32%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2072 .elementor-element.elementor-element-0d1beae{text-align:center;}.elementor-2072 .elementor-element.elementor-element-0d1beae .elementor-heading-title{font-size:35px;}.elementor-2072 .elementor-element.elementor-element-609851c{z-index:2;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-906cd35{top:43%;}.elementor-2072 .elementor-element.elementor-element-0771c8d .elementor-repeater-item-ce9d95e{left:54%;top:20%;}.elementor-2072 .elementor-element.elementor-element-0771c8d{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS *//* ==========================================================
   Сніпет: Герой WP Creator — стилі
   Куди: Elementor → Налаштування сторінки → Власний CSS
   Контейнер героя має клас wpc-hero, букви — wpc-letters,
   плашка creator — wpc-creator, заголовок — wpc-h1
   ========================================================== */

/* Шрифт для цифр, міток і промтів (рішення 23.10: з Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap');

/* Контейнер героя: білий фон без плям, висота по контенту */
.wpc-hero{
  --min-height:0px !important; /* перебиваємо 100vh з налаштувань контейнера */
  min-height:0 !important;
  padding:150px 0 60px !important; /* 60 знизу (23.10, екран 2): білий у білий = 120 на стик, 60+60. 150 зверху = місце під липке меню */
  position:relative;
  overflow:hidden;
  background:#fff !important; /* прибираємо фонову картинку shapes-5 */
}
/* Плями Premium Blob і градієнтний ::before вимкнені (рішення 22.10) */
.wpc-hero::before,
.wpc-hero .premium-blob-layer{display:none !important}

/* H1: «Курс з розробки сайтів з нуля без програмування | з ШІ» */
.wpc-h1 .elementor-heading-title{
  font-size:28px !important; /* перебиваємо розмір з глобальних стилів */
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center;
  color:#28292A !important;
  letter-spacing:-.01em;
}
.wpc-h1{margin-bottom:46px !important} /* відстань до букв, затверджена */
/* Риска-роздільник у заголовку */
.wpc-bar-sep{color:#E24AFE;font-weight:300;margin:0 4px}
/* «з ШІ» градієнтом, як курсор ШІ */
.wpc-ai-word{background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Голографічні букви WORDPRESS: трохи менші на десктопі */
.wpc-letters{position:relative;z-index:2;zoom:.86}
/* Glitch при появі букв (клас додає скрипт) */
.wpc-glitch{animation:wpcGlitch 1s steps(1) both}
@keyframes wpcGlitch{
  0%{opacity:0}
  8%{opacity:1;clip-path:inset(10% 0 70% 0);transform:translateX(-24px);filter:hue-rotate(90deg)}
  16%{clip-path:inset(55% 0 20% 0);transform:translateX(18px)}
  24%{clip-path:inset(30% 0 45% 0);transform:translateX(-10px);filter:hue-rotate(-60deg)}
  32%{clip-path:inset(0);transform:translateX(6px)}
  40%{clip-path:inset(70% 0 5% 0);transform:translateX(-14px)}
  48%{clip-path:inset(0);transform:none;filter:none}
  60%{transform:translateX(3px)}
  68%,100%{transform:none;clip-path:none;opacity:1}
}
/* Плашка creator: над шаром анімації, розчиняється при скролі */
.wpc-creator{position:relative;z-index:4;margin-top:4px !important;will-change:opacity,filter}

/* Сітка на фоні героя, згасає до країв */
.wpc-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(127,67,178,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.08) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask:radial-gradient(ellipse 58% 52% at 50% 45%,#000 30%,transparent 78%);
  mask:radial-gradient(ellipse 58% 52% at 50% 45%,#000 30%,transparent 78%);
}

/* Шар «редактора»: усі плаваючі елементи поверх героя */
.wpc-layer{position:absolute;inset:0;z-index:5;pointer-events:none;font-family:Raleway,sans-serif;color:#28292A}
.wpc-w{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity} /* обгортка для згортання при скролі */

/* Кутики виділення навколо букв */
.wpc-cn{position:absolute;width:22px;height:22px;border:2px solid #7F43B2;opacity:0;scale:.5;transition:opacity .5s ease,scale .6s cubic-bezier(.22,1,.36,1)}
.wpc-cn.on{opacity:1;scale:1}
.wpc-cn.tl{border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.wpc-cn.tr{border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.wpc-cn.bl{border-right:0;border-top:0;border-radius:0 0 0 6px}
.wpc-cn.br{border-left:0;border-top:0;border-radius:0 0 6px 0}
/* Ярличок «✎ Заголовок · Elementor» */
.wpc-lab{position:absolute;background:#7F43B2;color:#fff;font:500 11px 'JetBrains Mono',monospace;padding:5px 9px;border-radius:0 5px 5px 5px;white-space:nowrap;opacity:0;translate:0 -6px;transition:opacity .6s ease,translate .7s cubic-bezier(.22,1,.36,1)}
.wpc-lab.on{opacity:1;translate:0 0}

/* Курсори «ШІ», «ти», «Оксана» */
.wpc-cur{position:absolute;left:0;top:0;opacity:0;will-change:transform}
.wpc-cur span{position:absolute;left:15px;top:17px;font:700 12px Raleway,sans-serif;padding:4px 10px;border-radius:10px;white-space:nowrap;color:#fff}
.wpc-cur.ai span{background:linear-gradient(90deg,#E24AFE,#7F43B2)}
.wpc-cur.me span{background:#E24AFE;color:#28292A}
.wpc-cur.ok span{background:#28292A}

/* Коментар Оксани «✓ прийнято, можна здавати» */
.wpc-com{position:absolute;margin-top:8px;opacity:0;scale:.85;translate:0 8px;transform-origin:0 0;transition:opacity .6s ease,scale .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #EBE1F4;border-radius:4px 14px 14px 14px;padding:9px 13px;box-shadow:0 12px 30px rgba(127,67,178,.18);font-size:14px;font-weight:700;white-space:nowrap}
.wpc-com.on{opacity:1;scale:1;translate:0 0}
.wpc-com em{font-style:normal;color:#E24AFE;margin-right:4px}

/* Картки «Тиждень 03/10» і «AI · промт» */
.wpc-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid #EBE1F4;border-radius:18px;box-shadow:0 14px 40px rgba(127,67,178,.14);padding:14px 16px;opacity:0;scale:.88;translate:0 14px;transition:opacity .8s ease,scale .9s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1)}
.wpc-card.on{opacity:1;scale:1;translate:0 0;animation:wpcFloat 7s ease-in-out infinite 1s}
@keyframes wpcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.wpc-tag{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#7F43B2}
.wpc-t{font-weight:800;font-size:15px;margin:4px 0 10px}
/* Прогрес-бар тижня: заповнюється до 30% */
.wpc-bar{height:6px;border-radius:6px;background:#EBE1F4;overflow:hidden}
.wpc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#E24AFE,#7F43B2);transition:width 2.4s cubic-bezier(.22,1,.36,1) .4s}
.wpc-card.on .wpc-bar i{width:30%}
/* Картка промта: градієнт і текст, що друкується */
.wpc-ai{background:linear-gradient(135deg,#E24AFE,#7F43B2);color:#fff;border:0;box-shadow:0 14px 40px rgba(226,74,254,.35);width:220px}
.wpc-ai .wpc-tag{color:rgba(255,255,255,.85)}
.wpc-ai code{display:block;font:500 13px/1.4 'JetBrains Mono',monospace;margin-top:6px;min-height:36px;background:none;color:#fff;padding:0}
.wpc-ai code:after{content:'▍';animation:wpcBlink 1s steps(1) infinite} /* миготливий курсор набору */
@keyframes wpcBlink{50%{opacity:0}}

/* Вікно браузера «tviy-sait.com.ua · опубліковано»: проявляється на місці creator при скролі */
.wpc-pill{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px dashed #28292A;border-radius:40px;padding:10px 18px 10px 14px;font:500 14px 'JetBrains Mono',monospace;color:#28292A;box-shadow:0 12px 30px rgba(40,41,42,.12);white-space:nowrap;opacity:0;transform-origin:50% 50%;will-change:opacity,transform,filter}
.wpc-pill .dots{display:flex;gap:4px}
.wpc-pill .dots i{width:9px;height:9px;border-radius:50%;background:#EBE1F4}
.wpc-pill .dots i:first-child{background:#E24AFE}
.wpc-pill b{background:#E9FBEF;color:#13914A;font:700 12px Raleway,sans-serif;padding:4px 9px;border-radius:20px}

/* Нижня частина героя: підзаголовок, кнопки, фан-факти */
.wpc-foot{position:relative;z-index:4;text-align:center;font-family:Raleway,sans-serif;color:#28292A;margin-top:30px}
.wpc-foot p.wpc-lead{font-size:17px;line-height:1.55;max-width:720px;margin:0 auto 22px;color:#3A3B3D}
.wpc-btns{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
/* Кнопка броні: маджента в пунктирному кільці */
.wpc-ring{display:inline-flex;padding:6px;border:1.5px dashed #28292A;border-radius:60px}
.wpc-ring a{height:56px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:#E24AFE;color:#28292A !important;font:italic 900 19px Raleway,sans-serif;padding:0 36px;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.wpc-ring a:hover,.wpc-ring a:focus{transform:translateY(-2px);box-shadow:0 10px 24px rgba(226,74,254,.35);color:#28292A !important} /* !important: тема перефарбовує посилання при наведенні */
/* Кнопка програми (десктоп): пунктирна фіолетова, висота = зовнішнє кільце першої */
.wpc-ghost{height:71px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:1.5px dashed #7F43B2;border-radius:60px;padding:0 34px;color:#7F43B2 !important;font:italic 900 17px Raleway,sans-serif;text-decoration:none;transition:background .25s,color .25s}
.wpc-ghost:hover,.wpc-ghost:focus{background:#7F43B2;color:#fff !important}
/* Фан-факти 12 / 240+ / 80+ */
.wpc-meta{display:flex;justify-content:center;margin-top:34px}
.wpc-meta>span{display:flex;flex-direction:column;align-items:center;padding:0 40px;border-left:1.5px dashed #D9C8EC}
.wpc-meta>span:first-child{border-left:0}
.wpc-meta b{font:italic 900 40px/1 Raleway,sans-serif;margin:0 0 8px;background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:4px}
.wpc-meta i{font:500 11px 'JetBrains Mono',monospace;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:#6B6B70}

/* Компактний режим (планшет і мобайл, клас ставить скрипт): без ярличка і картки тижня */
.wpc-compact .wpc-lab,
.wpc-compact .wpc-card:not(.wpc-ai){display:none !important}

/* ===== Мобайл, до 767px (затверджено 23.10) ===== */
@media (max-width:767px){
  .wpc-hero{padding:110px 0 56px !important}
  .wpc-h1 .elementor-heading-title{font-size:21px !important;line-height:1.3 !important;padding:0 8px}
  .wpc-h1{margin-bottom:0 !important;padding-bottom:44px !important}
  .wpc-letters{zoom:1}
  .wpc-creator{zoom:.72} /* плашка creator менша на телефоні */
  .wpc-grid{background-size:28px 28px;-webkit-mask:radial-gradient(ellipse 90% 45% at 50% 38%,#000 30%,transparent 80%);mask:radial-gradient(ellipse 90% 45% at 50% 38%,#000 30%,transparent 80%)}
  .wpc-cn{width:14px;height:14px}
  .wpc-cur svg{width:17px;height:19px}
  .wpc-cur span{font-size:10px;padding:3px 8px;left:12px;top:14px}
  .wpc-com{font-size:12px;padding:7px 10px}
  .wpc-card{padding:9px 11px;border-radius:13px}
  .wpc-ai{width:140px}
  .wpc-ai code{font-size:10px;min-height:28px;margin-top:4px}
  .wpc-tag{font-size:9px}
  .wpc-pill{font-size:11px;padding:8px 12px 8px 10px;gap:7px}
  .wpc-pill b{font-size:10px;padding:3px 7px}
  .wpc-foot{margin-top:58px;padding:0 20px}
  .wpc-foot p.wpc-lead{font-size:15px;margin-bottom:24px}
  .wpc-btns{flex-direction:column;gap:12px}
  .wpc-ring,.wpc-ghost{width:100%;max-width:350px}
  .wpc-ring a{width:100%;font-size:17px;padding:0 16px;height:54px}
  /* Кнопка програми на мобайлі: синя заливка в графітовому кільці, як пара до броні */
  .wpc-ghost{height:69px;font-size:16px;padding:6px !important;border-color:#28292A;background:#0C76CA;background-clip:content-box;color:#fff !important}
  .wpc-ghost:hover,.wpc-ghost:focus{background:#0A62A8;background-clip:content-box;color:#fff !important}
  .wpc-meta{margin-top:30px}
  .wpc-meta>span{padding:0 14px}
  .wpc-meta b{font-size:30px}
  .wpc-meta i{font-size:9px;letter-spacing:.04em}
}

/* Для тих, у кого в системі «зменшити рух»: без анімацій, усе одразу на місцях */
@media (prefers-reduced-motion:reduce){
  .wpc-glitch,.wpc-card.on{animation:none}
  .wpc-cn,.wpc-lab,.wpc-com,.wpc-card{transition:none}
}


/* ============================================================
   Сніпет: Екран 2 «Що в тебе буде через 10 тижнів» — стилі
   Куди: Elementor → Налаштування сторінки → Власний CSS (після героя)
   Контейнер екрана — wpc-s2, сітка — wpc-s2__grid, картки — wpc-s2__card
   (перша — wpc-s2__card--dark), віджети: wpc-s2__tab, wpc-s2__live,
   wpc-s2__num, wpc-s2__t, wpc-s2__p. Скрипт — HTML-віджет «Екран 2 — скрипт»
   ============================================================ */

/* Фон сторінки: прибираємо крапки dot-grid.jpg зі старого дизайну (рішення 23.10).
   Тільки для дубля 2072. Текстуру (сітку) ставимо точково в блоках */
body.page-id-2072{
  background-image:none !important; /* !important: тема задає фон body своїм селектором */
}

/* Контейнер екрана 2: відступи і змінні кольорів */
.wpc-s2.e-con{
  --mg:#E24AFE; --vi:#7F43B2; --gr:#28292A; --lv:#EBE1F4; --gy:#6B6B70;
  position:relative;
  padding:60px 20px 120px !important; /* 60 зверху: білий у білий з героєм = 120 на стик; 120 знизу під наступний блок */
  margin-top:-54px; /* компенсація: скрипт героя піднімає .wpc-foot на 24px + ~30px запасу під фан-фактами, видимий проміжок = 120 */
  overflow:hidden;
  align-items:center;
  --gap:0px; --row-gap:0px; /* відступи між віджетами задаємо самі */
  font-family:Raleway,sans-serif;
}

/* Сітка-фон, що згасає до всіх країв: без чіткої лінії на стику з героєм (варіант А, 23.10) */
.wpc-s2.e-con::before{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background-color:transparent !important;
  background-image:linear-gradient(rgba(127,67,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.09) 1px,transparent 1px) !important;
  background-size:40px 40px !important; /* крок сітки 40px як у дизайн-системі */
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 55%,#000 20%,transparent 80%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 55%,#000 20%,transparent 80%);
  opacity:1 !important; mix-blend-mode:normal !important;
  pointer-events:none; z-index:0;
}
.wpc-s2.e-con > .elementor-element{position:relative; z-index:1} /* вміст над сіткою */

/* Заголовок H2, «10 тижнів» градієнтом акценту */
.wpc-s2__h2.elementor-element{width:100%; margin-bottom:64px !important}
.wpc-s2__h2 .elementor-heading-title{
  font-family:Raleway,sans-serif !important; font-weight:900 !important;
  font-size:clamp(30px,3.6vw,48px) !important; line-height:1.12 !important;
  letter-spacing:0 !important; text-align:center; color:var(--gr) !important; /* перебиваємо глобальні стилі заголовків */
}
.wpc-s2__acc{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

/* Сітка карток 2×2 */
.wpc-s2__grid.e-con{
  display:grid !important; /* контейнер Elementor за замовчуванням flex */
  grid-template-columns:1fr 1fr;
  gap:46px 40px !important; /* 46 по вертикалі: місце під вкладки карток */
  width:100%; max-width:1140px; margin:0 auto; padding:0 !important;
}

/* Картка: біла, тінь, радіус 18 */
.wpc-s2__card.e-con{
  display:block !important; /* віджети всередині йдуть потоком, абсолютні — вкладка, live, номер */
  position:relative; overflow:visible !important;
  background:#fff; border-radius:18px;
  padding:44px 36px 36px !important;
  box-shadow:0 18px 40px -18px rgba(40,41,42,.28);
  transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);
}
/* Пунктирне графітове кільце з відступом 6-7px, як у кнопок героя */
.wpc-s2__card.e-con::before{
  content:"" !important; position:absolute !important; inset:-7px !important;
  width:auto !important; height:auto !important; /* Elementor задає ::before контейнера 100% ширини й висоти, тоді кільце зсувається вліво-вгору */
  border:1.5px dashed var(--gr); border-radius:24px;
  background:none !important; opacity:1 !important; pointer-events:none;
}
.wpc-s2__card > .elementor-element{width:100%} /* скидаємо ширини flex-дітей Elementor */

/* Моно-вкладка зверху картки (day_03.html тощо) */
.wpc-s2__tab.elementor-element{position:absolute !important; top:-15px; left:28px; width:auto !important; margin:0 !important; z-index:2}
.wpc-s2__tab .elementor-heading-title{
  font:700 13px/1.2 'JetBrains Mono',monospace !important; letter-spacing:.02em;
  padding:6px 12px; border-radius:8px; background:var(--lv); color:var(--vi) !important;
}
/* Курсор у вкладці: коротко блимає раз на 7 с, картки по черзі */
.wpc-s2__tab i{display:inline-block; width:7px; height:1em; margin-left:3px; vertical-align:-2px; background:currentColor; opacity:0; animation:wpcS2blink 7s steps(1) infinite}
.wpc-s2__card:nth-child(2) .wpc-s2__tab i{animation-delay:1.8s}
.wpc-s2__card:nth-child(3) .wpc-s2__tab i{animation-delay:3.6s}
.wpc-s2__card:nth-child(4) .wpc-s2__tab i{animation-delay:5.4s}
@keyframes wpcS2blink{0%,100%{opacity:0} 2%,6%,10%{opacity:1} 4%,8%,11%{opacity:0}}

/* Контурний номер 01-04 у кутку картки */
.wpc-s2__num.elementor-element{position:absolute !important; right:18px; bottom:-18px; width:auto !important; margin:0 !important; pointer-events:none; user-select:none; z-index:0}
.wpc-s2__num .elementor-heading-title{
  font:900 150px/1 Raleway,sans-serif !important; color:transparent !important;
  -webkit-text-stroke:1.5px var(--mg); opacity:.22;
}
.wpc-s2__card:nth-child(even) .wpc-s2__num .elementor-heading-title{-webkit-text-stroke-color:var(--vi)} /* парні картки фіолетові */

/* Заголовок картки H3 і текст */
.wpc-s2__t.elementor-element{position:relative; z-index:1; margin-bottom:14px !important}
.wpc-s2__t .elementor-heading-title{
  font:800 22px/1.3 Raleway,sans-serif !important; letter-spacing:0 !important;
  text-transform:none !important; color:var(--gr) !important; margin:0;
}
.wpc-s2__p.elementor-element{position:relative; z-index:1}
.wpc-s2__p, .wpc-s2__p p{font:400 16px/1.65 Raleway,sans-serif !important; color:var(--gy) !important; margin:0 !important}

/* Перша картка темна: графіт, білий текст, вкладка маджентою */
.wpc-s2__card--dark.e-con{background:var(--gr)}
.wpc-s2__card--dark .wpc-s2__t .elementor-heading-title{color:#fff !important}
.wpc-s2__card--dark .wpc-s2__p, .wpc-s2__card--dark .wpc-s2__p p{color:#d4d0da !important}
.wpc-s2__card--dark .wpc-s2__tab .elementor-heading-title{background:var(--mg); color:var(--gr) !important}
.wpc-s2__card--dark .wpc-s2__num .elementor-heading-title{opacity:.4}

/* Мітка «● live» на першій картці, точка пульсує раз на 5 с */
.wpc-s2__live.elementor-element{position:absolute !important; top:18px; right:22px; width:auto !important; margin:0 !important; z-index:2}
.wpc-s2__live .elementor-heading-title{font:700 12px/1 'JetBrains Mono',monospace !important; color:var(--mg) !important; display:flex; align-items:center; gap:7px}
.wpc-s2__live b{position:relative; width:8px; height:8px; border-radius:50%; background:var(--mg)}
.wpc-s2__live b::after{content:""; position:absolute; inset:0; border-radius:50%; background:var(--mg); animation:wpcS2pulse 5s ease-out infinite}
@keyframes wpcS2pulse{0%{transform:scale(1);opacity:.7} 30%,100%{transform:scale(3.2);opacity:0}}

/* Поява карток: ховаємо тільки коли скрипт додав клас wpc-anim */
.wpc-s2.wpc-anim .wpc-s2__card{opacity:0; transform:translateY(26px)}
.wpc-s2.wpc-anim .wpc-s2__card.is-in{opacity:1; transform:none}

/* HTML-віджет зі скриптом не займає місця */
.wpc-s2__js.elementor-element{position:absolute !important; width:0 !important; height:0; overflow:hidden}

/* Екран 2, мобайл */
@media (max-width:767px){
  .wpc-s2.e-con{
    padding:60px 16px 80px !important;
    margin-top:-102px; /* компенсація зсуву героя (.wpc-foot −46px) + мобільний стандарт 23.10: білий у білий = 80 на стик */
  }
  .wpc-s2.e-con::before{background-size:28px 28px !important} /* сітка 28px на мобайлі */
  .wpc-s2__h2.elementor-element{margin-bottom:44px !important}
  .wpc-s2__h2 .elementor-heading-title{font-size:30px !important; line-height:1.15 !important}
  .wpc-s2__grid.e-con{grid-template-columns:1fr; gap:40px !important} /* одна колонка */
  .wpc-s2__card.e-con{padding:38px 22px 26px !important}
  .wpc-s2__num.elementor-element{right:10px; bottom:-12px}
  .wpc-s2__num .elementor-heading-title{font-size:110px !important}
  .wpc-s2__t .elementor-heading-title{font-size:20px !important}
  .wpc-s2__p, .wpc-s2__p p{font-size:15px !important}
}

/* «Зменшити рух»: без блимання і пульсу */
@media (prefers-reduced-motion:reduce){
  .wpc-s2__tab i, .wpc-s2__live b::after{animation:none}
}


/* ============================================================
   Сніпет: Екран 3 «Для кого цей курс» — стилі
   Куди: Elementor → Налаштування сторінки → Власний CSS (після екрана 2)
   Контейнер — wpc-s3 (темний), список — wpc-s3__list, картки — wpc-s3__item
   (+ wpc-s3__item--1..4 для кольору). У картці: wpc-s3__ear (ярлик),
   wpc-s3__t (H3), wpc-s3__body з wpc-s3__now і wpc-s3__aft.
   Ряд вкладок, лічильник, стрілку і плюс додає скрипт «Екран 3 — скрипт».
   Десктоп: вкладки-ярлики. Мобайл: стос папок (рішення 23.10)
   ============================================================ */

/* Контейнер екрана 3: темний фон, контрастний блок = 120 зверху й знизу */
.wpc-s3.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#28292A !important;
  padding:120px 20px !important;
  align-items:center; --gap:0px; --row-gap:0px;
  font-family:Raleway,sans-serif;
}
/* Статичні розмиті плями (свої, не анімовані блоби плагіна; рішення 23.10) */
.wpc-s3.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important; /* Elementor задає ::before 100% розміру */
  background:radial-gradient(38% 45% at 12% 22%,rgba(226,74,254,.30),transparent 70%),
             radial-gradient(34% 42% at 88% 78%,rgba(127,67,178,.38),transparent 70%),
             radial-gradient(26% 30% at 70% 8%,rgba(12,118,202,.16),transparent 70%) !important;
  filter:blur(10px); opacity:1 !important; mix-blend-mode:normal !important;
  pointer-events:none; z-index:0;
}
/* Зерно поверх плям */
.wpc-s3.e-con::after{
  content:"" !important; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:220px;
  opacity:.16; mix-blend-mode:overlay; pointer-events:none; z-index:0;
}
.wpc-s3.e-con > .elementor-element{position:relative; z-index:1} /* вміст над текстурою */

/* Заголовок H2, білий */
.wpc-s3__h2.elementor-element{width:100%}
.wpc-s3__h2 .elementor-heading-title{
  font-family:Raleway,sans-serif !important; font-weight:900 !important;
  font-size:clamp(30px,3.6vw,48px) !important; line-height:1.12 !important;
  letter-spacing:0 !important; text-align:center; color:#fff !important;
}

/* Список карток */
.wpc-s3__list.e-con{display:block !important; width:100%; max-width:1140px; margin:60px auto 0; padding:0 !important}

/* Кольори карток: жовтий, фіолет, лаванда, білий (маджента на картці погано читалась) */
.wpc-s3__item--1{--c:#FFF799; --fg:#28292A; --plate:#fff; --lbl:#7F43B2}
.wpc-s3__item--2{--c:#7F43B2; --fg:#fff; --plate:rgba(255,255,255,.13); --lbl:#fff}
.wpc-s3__item--3{--c:#EBE1F4; --fg:#28292A; --plate:#fff; --lbl:#7F43B2}
.wpc-s3__item--4{--c:#fff; --fg:#28292A; --plate:#F6F1FA; --lbl:#7F43B2}

/* ---------- Десктоп: вкладки-ярлики ---------- */
.wpc-s3__tabs{display:flex; gap:8px; align-items:flex-end; position:relative; z-index:2}
/* Ярлик-кнопка: тема робить кнопки «пігулками», тому все з !important */
.wpc-s3 button.wpc-s3__tab{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:10px;
  height:40px !important; min-height:0 !important; padding:0 24px !important;
  border:0 !important; border-radius:14px 14px 0 0 !important; box-shadow:none !important;
  font:700 14px/1 'JetBrains Mono',monospace !important; font-style:normal !important;
  text-transform:none !important; letter-spacing:0 !important; white-space:nowrap; cursor:pointer;
  opacity:.55; transition:opacity .3s, height .3s cubic-bezier(.65,0,.35,1);
}
.wpc-s3 button.wpc-s3__tab:hover{opacity:.8; height:43px !important}
/* Активний ярлик: без тіні, лінії й зазору, на 1px заходить на картку, щоб не було шва */
.wpc-s3 button.wpc-s3__tab.on{opacity:1; height:47px !important; margin-bottom:-1px}
.wpc-s3 button.wpc-s3__tab:focus,.wpc-s3 button.wpc-s3__tab:focus-visible{outline:none !important} /* контур фокусу не потрібен (рішення 23.10) */
.wpc-s3 button.wpc-s3__tab b{opacity:.6}
.wpc-s3__bar{position:absolute; left:0; bottom:0; height:3px; width:0; background:currentColor; opacity:.35} /* таймер автоперемикання */
.wpc-s3 button.wpc-s3__tab--1{background:#FFF799 !important; color:#28292A !important}
.wpc-s3 button.wpc-s3__tab--2{background:#7F43B2 !important; color:#fff !important}
.wpc-s3 button.wpc-s3__tab--3{background:#EBE1F4 !important; color:#28292A !important}
.wpc-s3 button.wpc-s3__tab--4{background:#fff !important; color:#28292A !important}

/* Картка на десктопі: заголовок + лічильник, під ними «зараз → після курсу» */
.wpc-s3__item.e-con{
  display:grid !important; grid-template-columns:1fr auto; align-items:baseline;
  position:relative; background:var(--c); color:var(--fg);
  border-radius:0 18px 18px 18px; /* лівий верхній кут прямий: перший ярлик стоїть на краю */
  padding:40px 44px 44px !important; margin-bottom:30px;
}
.wpc-s3.wpc-ready .wpc-s3__item{margin-bottom:0}
.wpc-s3.wpc-ready .wpc-s3__item:not(.is-active){display:none !important} /* без скрипта видно всі 4 */
.wpc-s3__item.is-active{animation:wpcS3in .55s cubic-bezier(.22,1,.36,1)}
@keyframes wpcS3in{from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none}}
.wpc-s3__item > .elementor-element{width:auto}
.wpc-s3__ear.elementor-element{display:none} /* ярлики на десктопі в ряду вкладок */
.wpc-s3__t.elementor-element{grid-column:1; grid-row:1}
.wpc-s3__t .elementor-heading-title{font:900 30px/1.2 Raleway,sans-serif !important; letter-spacing:0 !important; color:inherit !important; margin:0}
.wpc-s3__cnt{grid-column:2; grid-row:1; font:700 13px 'JetBrains Mono',monospace; opacity:.65}
.wpc-s3__pl{display:none}
.wpc-s3__body.e-con{
  grid-column:1 / -1; grid-row:2;
  display:grid !important; grid-template-columns:1fr 64px 1.25fr; align-items:stretch;
  margin-top:28px; padding:0 !important; --gap:0px;
}
.wpc-s3__body > .elementor-element{width:auto}
/* «Зараз»: той самий відступ зверху, що й у плашки, щоб тексти стояли в одну лінію */
.wpc-s3__now.elementor-element{grid-column:1; padding-top:22px}
.wpc-s3__now, .wpc-s3__now p{font:400 17px/1.65 Raleway,sans-serif !important; color:inherit !important; margin:0 !important}
.wpc-s3__now .elementor-widget-container{opacity:.8}
.wpc-s3__now .elementor-widget-container::before{content:"// зараз"; display:block; font:700 13px 'JetBrains Mono',monospace; margin-bottom:12px; opacity:.85}
.wpc-s3__arr{grid-column:2; display:flex; align-items:center; justify-content:center}
.wpc-s3__arr svg{width:34px; height:34px}
.wpc-s3__item--2 .wpc-s3__arr path{stroke:#fff} /* на фіолеті градієнт не видно */
/* «Після курсу»: плашка */
.wpc-s3__aft.elementor-element{grid-column:3; background:var(--plate); border-radius:14px; padding:22px 24px}
.wpc-s3__aft, .wpc-s3__aft p{font:600 17px/1.65 Raleway,sans-serif !important; color:inherit !important; margin:0 !important}
.wpc-s3__aft .elementor-widget-container::before{content:"// після курсу"; display:block; font:700 13px 'JetBrains Mono',monospace; margin-bottom:12px; color:var(--lbl)}

/* ---------- Мобайл: стос папок ---------- */
@media (max-width:767px){
  .wpc-s3.e-con{padding:80px 16px !important} /* мобільний стандарт 80 (рішення 23.10) */
  .wpc-s3__h2 .elementor-heading-title{font-size:30px !important; line-height:1.15 !important}
  .wpc-s3__tabs{display:none}
  .wpc-s3__list.e-con{margin-top:30px; padding-top:34px !important} /* 34: місце під вушко першої папки */
  .wpc-s3__item.e-con, .wpc-s3.wpc-ready .wpc-s3__item:not(.is-active){
    display:grid !important; grid-template-columns:1fr auto; align-items:center;
    margin:-22px 0 0 !important; /* наступна папка насувається на попередню */
    padding:20px 20px 56px !important; /* 56: під вушко наступної папки */
    border-radius:0 18px 18px 18px; cursor:pointer; -webkit-tap-highlight-color:transparent;
    box-shadow:0 -10px 24px -14px rgba(0,0,0,.55);
    animation:none;
  }
  .wpc-s3__item.e-con:first-of-type{margin-top:0 !important}
  .wpc-s3__item--1.e-con{margin-top:0 !important}
  .wpc-s3__item--4.e-con{padding-bottom:22px !important; border-radius:18px 0 18px 18px} /* остання: без запасу під вушко; її вушко справа */
  /* Вушко папки зі зсувом */
  .wpc-s3__ear.elementor-element{display:block; position:absolute !important; top:-30px; height:31px; width:auto !important; margin:0 !important}
  .wpc-s3__ear .elementor-heading-title{
    display:flex; align-items:center; gap:8px; height:31px; padding:0 16px; border-radius:12px 12px 0 0;
    background:var(--c); color:var(--fg) !important; font:700 13px/1 'JetBrains Mono',monospace !important;
  }
  .wpc-s3__item--1 .wpc-s3__ear{left:0}
  .wpc-s3__item--2 .wpc-s3__ear{left:22%}
  .wpc-s3__item--3 .wpc-s3__ear{left:44%}
  .wpc-s3__item--4 .wpc-s3__ear{right:0; left:auto}
  .wpc-s3__t .elementor-heading-title{font-size:20px !important; line-height:1.25 !important}
  .wpc-s3__cnt{display:none}
  .wpc-s3__pl{
    display:grid; place-items:center; grid-column:2; grid-row:1;
    width:30px; height:30px; border-radius:50%; border:1.5px dashed currentColor;
    font:700 18px/1 'JetBrains Mono',monospace; transition:transform .5s cubic-bezier(.65,0,.35,1);
  }
  .wpc-s3__item.open .wpc-s3__pl{transform:rotate(45deg)} /* «+» стає «×» */
  /* Вміст папки згорнутий, поки її не відкрили */
  .wpc-s3__body.e-con{display:block !important; max-height:0; overflow:hidden; margin-top:0; transition:max-height .55s cubic-bezier(.65,0,.35,1), margin-top .55s}
  .wpc-s3:not(.wpc-ready) .wpc-s3__body.e-con, .wpc-s3__item.open .wpc-s3__body.e-con{max-height:1400px; margin-top:16px}
  .wpc-s3__now.elementor-element{padding-top:0; margin-bottom:16px}
  .wpc-s3__now, .wpc-s3__now p, .wpc-s3__aft, .wpc-s3__aft p{font-size:15px !important; line-height:1.6 !important}
  .wpc-s3__now .elementor-widget-container::before, .wpc-s3__aft .elementor-widget-container::before{font-size:12px; margin-bottom:8px}
  .wpc-s3__arr{display:none}
  .wpc-s3__aft.elementor-element{padding:16px; border-radius:12px}
}

/* «Зменшити рух» */
@media (prefers-reduced-motion:reduce){
  .wpc-s3__item.is-active{animation:none}
  .wpc-s3__body.e-con, .wpc-s3__pl{transition:none}
}

/* Картка: Elementor додає row-gap 20px між рядками сітки, прибираємо (відступи задані вручну) */
.wpc-s3__item.e-con{--row-gap:0px; --gap:0px; row-gap:0 !important; column-gap:0 !important}
@media (max-width:767px){
  /* остання папка: без запасу під вушко (селектор сильніший за загальне правило папок) */
  .wpc-s3 .wpc-s3__item--4.e-con, .wpc-s3.wpc-ready .wpc-s3__item--4:not(.is-active){padding-bottom:22px !important}
  .wpc-s3 .wpc-s3__item--1.e-con, .wpc-s3.wpc-ready .wpc-s3__item--1:not(.is-active){margin-top:0 !important}
}

/* HTML-віджет зі скриптом не займає місця */
.wpc-s3__js.elementor-element{position:absolute !important; width:0 !important; height:0; overflow:hidden}


/* ============================================================
   Сніпет: Екран 4 «Кажуть, ШІ замінить веб-майстрів…» — стилі
   Куди: Elementor → Налаштування сторінки → Власний CSS (після екрана 3)
   Контейнер — wpc-s4 (білий із сіткою). Віджети: wpc-s4__h2, wpc-s4__lead,
   HTML «Екран 4 — таблиця» (wpc-s4__table), wpc-s4__end (висновок),
   HTML «Екран 4 — скрипт» (вердикт у рядках)
   ============================================================ */

/* Контейнер: білий, контраст із темним екраном 3 = 120 зверху й знизу */
.wpc-s4.e-con{
  --vi:#7F43B2; --gr:#28292A; --gy:#6B6B70;
  position:relative; overflow:hidden; background:#fff;
  padding:120px 20px !important; align-items:center; --gap:0px; --row-gap:0px;
  font-family:Raleway,sans-serif; color:var(--gr);
}
/* Сітка-фон, що згасає до країв */
.wpc-s4.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important; /* Elementor задає ::before 100% розміру */
  background-color:transparent !important;
  background-image:linear-gradient(rgba(127,67,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.09) 1px,transparent 1px) !important;
  background-size:40px 40px !important;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 80%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 80%);
  opacity:1 !important; pointer-events:none; z-index:0;
}
.wpc-s4.e-con > .elementor-element{position:relative; z-index:1; width:100% !important; max-width:1140px !important} /* !important: Elementor задає віджетам у контейнері max-width 100% */

/* Заголовок і дескриптор */
.wpc-s4__h2.elementor-element{margin-bottom:24px !important}
.wpc-s4__h2 .elementor-heading-title{
  font-family:Raleway,sans-serif !important; font-weight:900 !important;
  font-size:clamp(30px,3.6vw,48px) !important; line-height:1.12 !important; letter-spacing:0 !important;
  text-align:center; color:var(--gr) !important; max-width:900px; margin:0 auto;
}
.wpc-s4__lead.elementor-element{max-width:720px !important; margin-bottom:56px !important}
.wpc-s4__lead, .wpc-s4__lead p{font:400 18px/1.65 Raleway,sans-serif !important; color:var(--gy) !important; text-align:center; margin:0 !important}

/* Таблиця: шапка колонок і рядки-картки */
.wpc-s4__head, .wpc-s4__row{display:grid; grid-template-columns:1.1fr 240px 1.3fr; gap:24px; align-items:center}
.wpc-s4__head{padding:0 28px 14px; font:700 13px 'JetBrains Mono',monospace; color:var(--gy)}
.wpc-s4__head span:nth-child(3){color:var(--vi)}
.wpc-s4__rows{display:flex; flex-direction:column; gap:10px}
.wpc-s4__row{background:#fff; border:1px solid #EFE8F6; border-radius:14px; padding:18px 28px; box-shadow:0 10px 26px -16px rgba(40,41,42,.28)} /* рядки без появи й без наведення (рішення 23.10) */
.wpc-s4__task{font:800 17px/1.35 Raleway,sans-serif}
.wpc-s4__cell{display:flex; flex-wrap:wrap; align-items:center}
.wpc-s4__lbl{display:none; font:700 12px 'JetBrains Mono',monospace; color:var(--gy); margin-bottom:6px}

/* Пігулки: ШІ моноширинним, веб-майстер Raleway */
.wpc-s4__p{
  display:inline-flex; align-items:center; gap:7px; padding:5.5px 10.5px; border-radius:8px;
  border:1.5px solid transparent; /* місце під пунктир, щоб пігулки не стрибали при зміні стану */
  transition:background-color .5s ease, color .5s ease, border-color .5s ease;
}
.wpc-s4__p::before{content:""; width:7px; height:7px; border-radius:50%; flex:none; background:currentColor}
.wpc-s4__p.is-ai{font:700 13px/1.25 'JetBrains Mono',monospace}
.wpc-s4__p.is-pro{font:600 15px/1.35 Raleway,sans-serif}
/* Рівнозначно: біла з пунктиром */
.wpc-s4__p.s-eq{background:#fff; color:var(--gr); border:1.5px dashed #9F94AC}
.wpc-s4__p.s-eq::before{background:var(--vi)}
/* Перевага: фіолетова заливка для обох сторін однаково, жоден рядок окремо не виділяється */
.wpc-s4__p.s-win{background:var(--vi); color:#fff}
.wpc-s4__p.s-win::before{background:#fff}
.wpc-s4__p b{font-weight:800; color:var(--vi)}
.wpc-s4__p.s-win b{color:#fff}
/* Програш: бліда заливка */
.wpc-s4__p.s-lose{background:#F4F1F7; color:#9A93A3}
.wpc-s4__p.s-lose::before{background:#C9C2D1}
/* «Складно»: блідий пунктир без заливки */
.wpc-s4__p.s-hard{background:transparent; color:#9A93A3; border:1.5px dashed #D0C8D9}
.wpc-s4__p.s-hard::before{background:transparent; box-shadow:inset 0 0 0 1.5px currentColor}
/* Мітка «↑ перевага» */
.wpc-s4__win{display:inline-block; margin-left:10px; font:700 11px 'JetBrains Mono',monospace; color:var(--vi); white-space:nowrap; overflow:hidden; max-width:120px}

/* Вердикт (тільки зі скриптом): до класу lit усі пігулки нейтральні, мітка «надрукується» */
.wpc-s4.wpc-anim .wpc-s4__row:not(.lit) .wpc-s4__p:not(.s-eq){background:#fff; color:var(--gr); border:1.5px dashed #9F94AC}
.wpc-s4.wpc-anim .wpc-s4__row:not(.lit) .wpc-s4__p:not(.s-eq)::before{background:var(--vi); box-shadow:none}
.wpc-s4.wpc-anim .wpc-s4__row:not(.lit) .wpc-s4__p b{color:var(--gr)}
.wpc-s4.wpc-anim .wpc-s4__win{max-width:0; transition:max-width .6s steps(10)} /* друк по літерах */
.wpc-s4.wpc-anim .wpc-s4__row.lit .wpc-s4__win{max-width:120px}

/* Висновок: графітовий блок з міткою */
.wpc-s4__end.elementor-element{margin-top:28px !important; background:var(--gr); border-radius:18px; padding:30px 36px}
.wpc-s4__end, .wpc-s4__end p{font:700 20px/1.5 Raleway,sans-serif !important; color:#fff !important; margin:0 !important}
.wpc-s4__end .elementor-widget-container::before{content:"// висновок"; display:block; font:700 13px 'JetBrains Mono',monospace; color:#E24AFE; margin-bottom:10px}

.wpc-s4__js.elementor-element{position:absolute !important; width:0 !important; height:0; overflow:hidden}

/* Екран 4, мобайл */
@media (max-width:767px){
  .wpc-s4.e-con{padding:80px 16px !important} /* мобільний стандарт 80 */
  .wpc-s4.e-con::before{background-size:28px 28px !important}
  .wpc-s4__h2 .elementor-heading-title{font-size:28px !important; line-height:1.18 !important}
  .wpc-s4__lead.elementor-element{margin-bottom:32px !important}
  .wpc-s4__lead, .wpc-s4__lead p{font-size:16px !important}
  .wpc-s4__head{display:none}
  /* Рядок: задача на всю ширину, під нею «ШІ» і «веб-майстер» у дві колонки */
  .wpc-s4__row{grid-template-columns:1fr 1.25fr; grid-template-rows:auto auto auto auto; gap:0 12px; align-items:start; padding:18px}
  .wpc-s4__task{grid-column:1 / -1; grid-row:1; margin-bottom:12px}
  .wpc-s4__cell{display:contents} /* «розчиняємо» комірки, щоб пігулки рядка стали в один ряд сітки й мали однакову висоту */
  .wpc-s4__cell:nth-child(2) > *{grid-column:1}
  .wpc-s4__cell:nth-child(3) > *{grid-column:2}
  .wpc-s4__lbl{display:block; grid-row:2; font-size:11px; margin-bottom:5px}
  .wpc-s4__p{grid-row:3; align-self:stretch; display:flex}
  .wpc-s4__p.is-ai{font-size:12.5px; line-height:1.3}
  .wpc-s4__p.is-pro{font-size:13px; line-height:1.3}
  .wpc-s4__win{grid-row:4; margin:6px 0 0}
  .wpc-s4__end.elementor-element{margin-top:20px !important; padding:24px 20px}
  .wpc-s4__end, .wpc-s4__end p{font-size:17px !important}
}


/* ================================================================
   Екран 5. Програма по тижнях (стос смуг-акордеон), зверстано 23.10
   Тексти в Elementor-віджетах тижнів, смуги будує скрипт «Екран 5 — скрипт»
   ================================================================ */

/* Секція: темний блок, як екран 3 */
.wpc-s5.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#28292A !important; color:#fff;
  padding:120px 20px !important;            /* контраст із білим екраном 4: по 120 у кожного */
  align-items:center; --gap:0px; --row-gap:0px; row-gap:0;
  font-family:Raleway,sans-serif;
}
/* Статичні плями (дзеркально до екрана 3, щоб не повторювались) */
.wpc-s5.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important;  /* Elementor задає ::before 100% розміру */
  background:radial-gradient(38% 45% at 88% 12%,rgba(226,74,254,.26),transparent 70%),
             radial-gradient(34% 42% at 8% 80%,rgba(127,67,178,.36),transparent 70%),
             radial-gradient(26% 30% at 40% 100%,rgba(12,118,202,.14),transparent 70%) !important;
  filter:blur(10px); opacity:1 !important; mix-blend-mode:normal !important;
  pointer-events:none; z-index:0;
}
/* Зерно поверх плям (той самий шум, що на екрані 3) */
.wpc-s5.e-con::after{
  content:"" !important; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:220px;
  opacity:.16; mix-blend-mode:overlay; pointer-events:none; z-index:0;
}
.wpc-s5.e-con > .elementor-element{position:relative; z-index:1; width:100%; max-width:1140px !important} /* вміст над текстурою, ширина 1140 */

/* Заголовок */
.wpc-s5__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif !important; color:#fff !important; margin:0 !important}
.wpc-s5__h2{margin-bottom:56px !important}

/* Список тижнів */
.wpc-s5__list.e-con{padding:0 !important; --gap:0px; --row-gap:0px; row-gap:0 !important; gap:0 !important}

/* Тиждень без скрипта (редактор): проста картка, видно всі віджети */
.wpc-s5__week.e-con{background:#fff; color:#28292A; border-radius:28px; padding:30px 34px !important; margin-bottom:16px; --row-gap:8px}

/* Тиждень зі скриптом: смуга стосу */
.wpc-s5.wpc-ready .wpc-s5__week > .elementor-element{display:none !important} /* сирі віджети ховаємо, текст бере скрипт */
.wpc-s5.wpc-ready .wpc-s5__week.e-con{
  display:block; margin:-26px 0 0; padding:30px 34px 52px !important; /* нижнє поле ховається під наступну смугу */
  border-radius:28px; box-shadow:0 -10px 30px rgba(0,0,0,.28);
  transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;
}
.wpc-s5.wpc-ready .wpc-s5__week.e-con:first-child{margin-top:0}
.wpc-s5.wpc-ready .wpc-s5__week.e-con:last-child{padding-bottom:30px !important}
.wpc-s5 .wpc-s5__week.is-pre{opacity:0; transform:translateY(40px)} /* стан до появи */

/* Кольори смуг: фіолет / лаванда / білий по черзі, практичні жовті */
.wpc-s5 .wpc-s5__week.is-pur{background:#7F43B2 !important; color:#fff}
.wpc-s5 .wpc-s5__week.is-lav{background:#EBE1F4 !important; color:#28292A}
.wpc-s5 .wpc-s5__week.is-wht{background:#fff !important; color:#28292A}
.wpc-s5 .wpc-s5__week.is-yel{background:#FFF799 !important; color:#28292A}

/* Шапка смуги: номер | назва + «у тебе є» | бейджі | кнопка */
.wpc-s5__head{display:grid; grid-template-columns:120px 1fr auto 44px; align-items:center; gap:20px; cursor:pointer; outline:none}
.wpc-s5__num{font:900 64px/1 Raleway,sans-serif; letter-spacing:-.03em}
.wpc-s5__h-title{font:800 26px/1.2 Raleway,sans-serif}
.wpc-s5__h-have{font:600 16px/1.4 Raleway,sans-serif; margin-top:6px}
.wpc-s5__h-have i{font:700 12px 'JetBrains Mono',monospace; font-style:normal; opacity:.65; margin-right:6px}
.wpc-s5__week.is-open .wpc-s5__h-have{display:none} /* у відкритій смузі результат переїжджає в картку */
.wpc-s5__marks{display:flex; align-items:center; gap:8px}
.wpc-s5__ai{font:700 12px/1 'JetBrains Mono',monospace; padding:8px 11px; border-radius:50px; background:#28292A; color:#fff}
.wpc-s5 .is-pur .wpc-s5__ai{background:#fff; color:#7F43B2}  /* на фіолеті бейдж білий */
.wpc-s5__mk{font:700 12px/1 'JetBrains Mono',monospace; padding:8px 12px; border:1.5px dashed currentColor; border-radius:50px; white-space:nowrap} /* незалита пігулка = пунктир */
.wpc-s5__x{width:44px; height:44px; border-radius:50%; border:1.5px dashed currentColor; display:grid; place-items:center; font:400 26px/1 Raleway,sans-serif; transition:transform .4s cubic-bezier(.65,0,.35,1)}
.wpc-s5__week.is-open .wpc-s5__x{transform:rotate(45deg)} /* + стає × */

/* Тіло смуги: розгортання через grid-template-rows 0fr → 1fr */
.wpc-s5__body{display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1)}
.wpc-s5__week.is-open .wpc-s5__body{grid-template-rows:1fr}
.wpc-s5__body > div{overflow:hidden; min-height:0}
.wpc-s5__grid{display:grid; grid-template-columns:1.15fr .85fr; gap:28px 40px; padding:28px 7px 6px 140px} /* 140 = під колонку номера; 7 = місце під кільце картки */
.wpc-s5__lab{font:700 12px/1 'JetBrains Mono',monospace; opacity:.65; margin:0 0 12px}

/* Що робимо: незалиті пунктирні пігулки */
.wpc-s5__tags{display:flex; flex-wrap:wrap; gap:8px}
.wpc-s5__tag{padding:8px 14px; border:1.5px dashed currentColor; border-radius:50px; font:600 14px/1.2 Raleway,sans-serif}

/* Результат тижня: біла інтерфейсна картка з пунктирним кільцем 7 px */
.wpc-s5__res{position:relative; align-self:start; background:#fff; color:#28292A; border-radius:18px; padding:20px 22px 22px 66px; box-shadow:0 14px 30px rgba(0,0,0,.14); margin:7px 0}
.wpc-s5__res::before{content:""; position:absolute; inset:-7px; border:1.5px dashed rgba(40,41,42,.35); border-radius:25px; pointer-events:none}
.wpc-s5 .is-pur .wpc-s5__res::before{border-color:rgba(255,255,255,.55)}
.wpc-s5__ok{position:absolute; left:20px; top:20px; width:30px; height:30px; border-radius:50%; background:#28292A; color:#FFF799; display:grid; place-items:center; font:700 15px/1 Raleway,sans-serif}
.wpc-s5__res b{display:block; font:800 18px/1.35 Raleway,sans-serif}

/* Рядок прайсу з крапковою лінією-лідером */
.wpc-s5__price{border-top:1.5px dashed currentColor; padding-top:16px}
.wpc-s5__row{display:flex; align-items:baseline; gap:10px; font:800 19px/1.3 Raleway,sans-serif; margin:0 0 8px}
.wpc-s5__row::after{content:""; flex:1; border-bottom:2px dotted currentColor; opacity:.35; transform:translateY(-4px)}
.wpc-s5__tx::after{content:"▍"; margin-left:2px; opacity:0}
.wpc-s5__row.is-typing .wpc-s5__tx::after{opacity:1; animation:wpcS5blink .8s steps(1) infinite} /* курсор під час «друкування» */
@keyframes wpcS5blink{50%{visibility:hidden}}

/* Бонуси як вкладення з іконкою за типом */
.wpc-s5__att{display:flex; flex-wrap:wrap; gap:10px}
.wpc-s5__file{display:flex; align-items:center; gap:10px; background:#fff; color:#28292A; border-radius:14px; padding:8px 14px 8px 8px; font:600 14px/1.3 Raleway,sans-serif; max-width:100%}
.wpc-s5 .is-wht .wpc-s5__file{background:#F4F1F7} /* на білій смузі чип блідо-лавандовий */
.wpc-s5__file i{flex:0 0 32px; height:32px; border-radius:9px; background:#28292A; color:#fff; display:grid; place-items:center; font:700 13px/1 'JetBrains Mono',monospace; font-style:normal}
.wpc-s5__file small{display:block; font:700 10px/1 'JetBrains Mono',monospace; opacity:.5; margin-bottom:3px}

/* Зменшити рух: без анімацій */
@media (prefers-reduced-motion:reduce){
  .wpc-s5 .wpc-s5__week, .wpc-s5__body, .wpc-s5__x{transition:none !important}
}

/* Екран 5, мобайл */
@media (max-width:767px){
  .wpc-s5.e-con{padding:80px 0 !important}            /* смуги на всю ширину екрана, відступ 80 */
  .wpc-s5__h2{padding:0 20px; margin-bottom:32px !important}
  .wpc-s5__h2 .elementor-heading-title{font-size:32px !important}
  .wpc-s5.wpc-ready .wpc-s5__week.e-con{border-radius:22px; margin-top:-20px; padding:22px 20px 42px !important} /* внутрішні відступи 20 з обох боків */
  .wpc-s5.wpc-ready .wpc-s5__week.e-con:last-child{padding-bottom:24px !important}
  .wpc-s5__week.e-con{border-radius:22px; padding:22px 20px !important}
  .wpc-s5__head{grid-template-columns:52px 1fr 38px; grid-template-areas:"n t x" ". g ."; gap:6px 12px; align-items:start}
  .wpc-s5__num{grid-area:n; font-size:36px}
  .wpc-s5__head > div:nth-child(2){grid-area:t}
  .wpc-s5__marks{grid-area:g; flex-wrap:wrap; gap:6px}
  .wpc-s5__marks:empty{display:none}
  .wpc-s5__x{grid-area:x; width:38px; height:38px; font-size:22px}
  .wpc-s5__h-title{font-size:19px}
  .wpc-s5__h-have{font-size:14px}
  .wpc-s5__mk{font-size:11px; padding:6px 10px}
  .wpc-s5__grid{grid-template-columns:1fr; gap:24px; padding:22px 0 4px}  /* одна колонка, без відступу під номер */
  .wpc-s5__tag{font-size:13px; padding:7px 12px}
  .wpc-s5__res{margin:7px; padding:18px 18px 18px 58px}               /* 7 = місце під кільце */
  .wpc-s5__res b{font-size:16px}
  .wpc-s5__ok{left:16px; top:18px; width:28px; height:28px}
  .wpc-s5__row{font-size:17px}
  .wpc-s5__att{flex-direction:column}
  .wpc-s5__file{font-size:13px}
}


/* Екран 5, Бонусний модуль: засекречена смуга (без змісту, сюрприз на курсі) */
.wpc-s5__secret{ padding:28px 7px 6px 140px; max-width:760px; } /* відступ як у звичайної сітки тижня, щоб текст стояв під назвою */
.wpc-s5__lock{ font-size:14px; margin-left:4px; } /* замочок біля підпису «// засекречено» */
/* Чорні плашки «засекреченого документа»: ширина з інлайн-змінної --w (у em) */
.wpc-s5__redact{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; }
.wpc-s5__redact span{ display:block; height:18px; width:calc(var(--w,8) * 1em); max-width:100%; border-radius:4px; background-color:currentColor; opacity:.85;
  background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%); background-size:200% 100%; animation:wpcRedact 2.8s linear infinite; } /* легкий відблиск, щоб плашки «жили» */
@keyframes wpcRedact{ from{ background-position:200% 0 } to{ background-position:-200% 0 } }
.wpc-s5__secret-t{ margin:0; font:500 17px/1.5 Raleway,sans-serif; } /* речення про сюрприз */
/* Текст лише для читачів екрана: візуально прихований */
.wpc-s5__sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
/* Для тих, хто вимкнув анімації в системі: без відблиску */
@media (prefers-reduced-motion:reduce){ .wpc-s5__redact span{ animation:none; background-image:none; } }
/* Бонусний модуль: висота згорнутої смуги як у тижнів вище (перебиваємо зменшений нижній відступ :last-child: 30px→52px, мобілка 24px→42px) */
.wpc-s5.wpc-ready .wpc-s5__week--secret.e-con:last-child{ padding-bottom:52px !important; } /* !important, бо базове правило теж з !important */
@media (max-width:767px){ .wpc-s5.wpc-ready .wpc-s5__week--secret.e-con:last-child{ padding-bottom:42px !important; min-height:186px; } } /* мобілка: min-height 186px, бо в бонусної смуги немає плашки-тегу і короткий текст, без нього вона нижча за Т8-Т10 (там 184-206px) */
/* Мобілка: відступ як у мобільної сітки, плашки коротші */
@media (max-width:767px){ .wpc-s5__secret{ padding:22px 0 4px; } .wpc-s5__redact span{ width:calc(var(--w,8) * .7em); } .wpc-s5__secret-t{ font-size:16px; } }

/* ================================================================
   Екран 6. Основна послуга і десять супутніх (вікна браузера), зверстано 23.10
   Тексти в Elementor-віджетах, вікна й стос будує скрипт «Екран 6 — скрипт»
   ================================================================ */

/* Секція: білий фон, сітка згасає до країв (як екран 4) */
.wpc-s6.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#fff !important; color:#28292A;
  padding:120px 20px 60px !important;          /* верх 120: контраст з темним екраном 5; низ 60: білий у білий з екраном 7 (оновлено 23.10) */
  align-items:center; --gap:0px; --row-gap:0px; row-gap:0;
  font-family:Raleway,sans-serif;
}
.wpc-s6.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important;  /* Elementor задає ::before 100% розміру */
  background:linear-gradient(rgba(127,67,178,.09) 1px,transparent 1px),
             linear-gradient(90deg,rgba(127,67,178,.09) 1px,transparent 1px) !important;
  background-size:40px 40px !important; opacity:1 !important;
  -webkit-mask:radial-gradient(70% 60%,#000 20%,transparent 80%); mask:radial-gradient(70% 60%,#000 20%,transparent 80%);
  pointer-events:none; z-index:0;
}
.wpc-s6.e-con > .elementor-element{position:relative; z-index:1; width:100%; max-width:1140px !important} /* ширина 1140 */

/* Заголовок, акцент градієнтом */
.wpc-s6__h2{margin-bottom:48px !important}
.wpc-s6__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif !important; color:#28292A !important; margin:0 !important}
.wpc-s6__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

/* Шапка вікна браузера: крапки + адреса (спільна для всіх вікон) */
.wpc-s6__bar{display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid #EBE1F4; border-radius:18px 18px 0 0}
.wpc-s6__dots{display:flex; gap:6px}
.wpc-s6__dots i{width:10px; height:10px; border-radius:50%; background:#E24AFE}
.wpc-s6__dots i:nth-child(2){background:#7F43B2}
.wpc-s6__dots i:nth-child(3){background:#28292A}
.wpc-s6__u{flex:1; min-width:0; background:#F4F1F7; border-radius:50px; padding:6px 12px; font:500 12px/1.2 'JetBrains Mono',monospace; color:#6B6B70; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wpc-s6__lab{font:700 12px/1 'JetBrains Mono',monospace; opacity:.65; margin:0 0 14px}

/* Без скрипта (редактор): прості блоки з віджетами */
.wpc-s6__main.e-con, .wpc-s6__card.e-con{background:#fff; border:1px solid #EBE1F4; border-radius:18px; padding:20px !important; --row-gap:6px}
.wpc-s6__subrow.e-con{flex-direction:row; justify-content:space-between; align-items:center; gap:20px; padding:0 !important; margin-bottom:22px}
.wpc-s6__grid.e-con{display:grid !important; grid-template-columns:repeat(5,1fr); gap:20px !important; padding:0 !important}
.wpc-s6__grid > .e-con{width:auto !important; max-width:none !important; min-width:0} /* картки не тягнуться на 100% */

/* Зі скриптом сирі віджети ховаємо, текст бере скрипт */
.wpc-s6.wpc-ready .wpc-s6__main > .elementor-element,
.wpc-s6.wpc-ready .wpc-s6__card > .elementor-element{display:none !important}

/* Головне вікно: темне, з пунктирним кільцем 7 px */
.wpc-s6.wpc-ready .wpc-s6__main.e-con{display:block; position:relative; background:#28292A; color:#fff; border:0; padding:0 !important; border-radius:18px; box-shadow:0 14px 34px rgba(40,41,42,.12); margin:7px 7px 56px; width:calc(100% - 14px)}
.wpc-s6.wpc-ready .wpc-s6__main.e-con::after{content:"" !important; position:absolute; inset:-7px; border:1.5px dashed rgba(40,41,42,.35); border-radius:25px; pointer-events:none}
.wpc-s6__main .wpc-s6__bar{border-color:rgba(255,255,255,.1)}
.wpc-s6__main .wpc-s6__u{background:rgba(255,255,255,.08); color:rgba(255,255,255,.7)}
.wpc-s6__main .wpc-s6__dots i:nth-child(3){background:#FFF799}   /* на графіті третя крапка жовта */
.wpc-s6__mb{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; padding:40px 44px 44px; align-items:center}
.wpc-s6__mh{font:900 40px/1.1 Raleway,sans-serif !important; color:#fff !important; margin:0 0 18px !important}
.wpc-s6__mp-g{font:500 18px/1.55 Raleway,sans-serif; margin:0 0 24px !important; color:rgba(255,255,255,.85)} /* тема обнуляє відступ абзаців */
.wpc-s6__chips-g{display:flex; flex-wrap:wrap; gap:8px}
.wpc-s6__chip{padding:9px 16px; border-radius:50px; border:1.5px dashed rgba(255,255,255,.6); font:600 14px/1.2 Raleway,sans-serif} /* незалита пігулка = пунктир */
.wpc-s6__path-g{display:flex; align-items:center; gap:10px; margin-top:22px; font:700 13px 'JetBrains Mono',monospace; color:rgba(255,255,255,.7)}
.wpc-s6__path-g b{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:18px} /* градієнт тільки на стрілці */

/* Каркас сайту в головному вікні */
.wpc-s6__wire{background:#fff; border-radius:14px; padding:16px; display:grid; gap:10px; box-shadow:0 20px 40px rgba(0,0,0,.35)}
.wpc-s6__wire i{display:block; border-radius:8px; background:#EBE1F4; transform-origin:left; transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s}
.wpc-s6__wire .w-nav{height:12px; width:60%}
.wpc-s6__wire .w-hero{height:86px; background:linear-gradient(90deg,#E24AFE,#7F43B2)}
.wpc-s6__wire .w-row{display:grid; grid-template-columns:repeat(3,1fr); gap:8px}
.wpc-s6__wire .w-row i{height:52px}
.wpc-s6__wire .w-txt{height:10px; width:85%; background:#F4F1F7}
.wpc-s6__wire .w-txt2{height:10px; width:55%; background:#F4F1F7}
.wpc-s6__wire .w-btn{height:26px; width:34%; background:#FFF799; border-radius:50px}
.wpc-s6.is-pre .wpc-s6__wire i, .wpc-s6.is-pre-wire .wpc-s6__wire i{transform:scaleX(0); opacity:0} /* до появи */

/* Підзаголовок і легенда */
.wpc-s6__sub .elementor-heading-title{font:700 22px/1.35 Raleway,sans-serif !important; color:#28292A !important; margin:0 !important; max-width:680px}
.wpc-s6__legend .elementor-heading-title{font:600 14px/1.3 Raleway,sans-serif !important; color:#6B6B70 !important; display:flex; align-items:center; gap:8px; white-space:nowrap}
.wpc-s6__subrow > .elementor-element{width:auto !important}

/* Маленькі вікна послуг */
.wpc-s6.wpc-ready .wpc-s6__card.e-con{display:flex; flex-direction:column; background:#fff; border:0; padding:0 !important; border-radius:18px; box-shadow:0 14px 34px rgba(40,41,42,.12); transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s}
.wpc-s6__card > .wpc-s6__gen{display:flex; flex-direction:column; flex:1}
.wpc-s6__card .wpc-s6__u{font-size:11px}
.wpc-s6__card--rec .wpc-s6__bar{background:linear-gradient(#FFFBD1,#fff)}   /* жовтувата шапка в послуг із повторним доходом */
.wpc-s6__cb{padding:18px 18px 20px; flex:1; display:flex; flex-direction:column}
.wpc-s6__n{font:900 30px/1 Raleway,sans-serif; color:transparent; -webkit-text-stroke:1.5px #E24AFE; margin:0 0 12px} /* контурні номери, як на екрані 2 */
.wpc-s6__card:nth-child(even) .wpc-s6__n{-webkit-text-stroke-color:#7F43B2}
.wpc-s6__ct{font:800 17px/1.25 Raleway,sans-serif !important; color:#28292A !important; margin:0 0 8px !important}
.wpc-s6__cp{font:500 14px/1.5 Raleway,sans-serif; margin:0 0 16px !important; color:#4A4A50} /* тема обнуляє відступ абзаців */
.wpc-s6.is-pre .wpc-s6__card.e-con{opacity:0; transform:translateY(30px)} /* до появи */

/* Плашка «повторний дохід»: залита жовта, без обводки; у картці прибита до низу */
.wpc-s6__rec{display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:50px; background:#FFF799; font:700 11px/1 'JetBrains Mono',monospace; color:#28292A; white-space:nowrap}
.wpc-s6__cb .wpc-s6__rec{align-self:flex-start; margin-top:auto}
.wpc-s6__rec b{display:inline-block; font-size:13px; transition:transform .9s cubic-bezier(.65,0,.35,1)}
.wpc-s6__rec.is-spin b{transform:rotate(360deg)} /* «пульс життя» */

/* Навігація стосу: тільки на мобайлі; не Elementor-елемент, тому ширину задаємо окремо */
.wpc-s6__nav{display:none; position:relative; z-index:1; width:100%; max-width:1140px}

@media (prefers-reduced-motion:reduce){
  .wpc-s6__wire i, .wpc-s6__card.e-con, .wpc-s6__rec b{transition:none !important}
}

/* Екран 6, мобайл */
@media (max-width:767px){
  .wpc-s6.e-con{padding:80px 16px 40px !important}                /* мобайл: верх 80, низ 40 (білий у білий з екраном 7) */
  .wpc-s6.e-con::before{background-size:28px 28px !important}     /* сітка 28 px */
  .wpc-s6__h2{margin-bottom:32px !important}
  .wpc-s6__h2 .elementor-heading-title{font-size:32px !important; text-align:center}  /* по центру тільки на мобайлі */
  .wpc-s6__h2 .elementor-heading-title span{display:block}         /* «і десять супутніх» з нового рядка */
  .wpc-s6.wpc-ready .wpc-s6__main.e-con{margin:7px 7px 44px}
  .wpc-s6__mb{grid-template-columns:1fr; gap:28px; padding:26px 22px 24px}
  .wpc-s6__mh{font-size:28px !important}
  .wpc-s6__mp-g{font-size:16px}
  .wpc-s6__wire{padding:12px; gap:8px}
  .wpc-s6__wire .w-hero{height:60px}
  .wpc-s6__wire .w-row i{height:36px}
  .wpc-s6__subrow.e-con{flex-direction:column; align-items:flex-start; gap:12px}
  .wpc-s6__sub .elementor-heading-title{font-size:19px !important}
  .wpc-s6__legend .elementor-heading-title{white-space:normal}
  /* Стос вікон: картки лежать одна на одній, 22 px справа під краєчки наступних */
  .wpc-s6.wpc-ready .wpc-s6__grid.e-con{display:block !important; position:relative; margin-right:22px; width:calc(100% - 22px)}
  .wpc-s6.wpc-ready .wpc-s6__card.e-con{position:absolute; left:0; top:0; width:100% !important; touch-action:pan-y; cursor:grab; transform-origin:right center;
     transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s,box-shadow .3s}
  .wpc-s6.wpc-ready .wpc-s6__card.is-drag{transition:none; cursor:grabbing}
  .wpc-s6.wpc-ready .wpc-s6__nav{display:flex; align-items:center; justify-content:space-between; margin-top:22px}
  .wpc-s6__cnt{font:700 13px 'JetBrains Mono',monospace; color:#6B6B70}
  .wpc-s6__cnt b{color:#28292A}
  .wpc-s6__btns{display:flex; gap:10px}
  .wpc-s6 .wpc-s6__btns button{all:unset; box-sizing:border-box; width:44px !important; height:44px !important; border-radius:50% !important; border:1.5px dashed #28292A !important; display:grid; place-items:center; font:700 18px/1 Raleway,sans-serif !important; color:#28292A !important; background:transparent !important; cursor:pointer; padding:0 !important} /* тема перефарбовує кнопки */
  .wpc-s6 .wpc-s6__btns button:disabled{opacity:.3}
  .wpc-s6 .wpc-s6__btns button:focus{outline:none !important}
}


/* ================================================================
   Екран 7. За що ти платиш (чек, що друкується), зверстано 23.10
   Тексти в Elementor-віджетах, чек і голограми будує скрипт «Екран 7 — скрипт»
   ================================================================ */

/* Секція: світлий фон, кольорові зернисті плями, згасають до верху й низу (білий у білий з екранами 6 і 8) */
.wpc-s7.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#fff !important; color:#28292A;
  padding:60px 20px 120px !important;          /* верх 60: білий у білий з екраном 6 */
  align-items:center; --gap:0px; --row-gap:0px; row-gap:0;
  font-family:Raleway,sans-serif;
}
/* Кольорові плями */
.wpc-s7.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important;  /* Elementor задає ::before 100% розміру */
  background:radial-gradient(30% 34% at 14% 30%,rgba(226,74,254,.22),transparent 70%),
             radial-gradient(28% 32% at 86% 62%,rgba(127,67,178,.22),transparent 70%),
             radial-gradient(22% 26% at 70% 14%,rgba(69,146,191,.18),transparent 70%),
             radial-gradient(22% 24% at 24% 88%,rgba(255,247,153,.5),transparent 70%) !important;
  filter:blur(8px); opacity:1 !important; mix-blend-mode:normal !important;
  -webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent); mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);
  pointer-events:none; z-index:-2;
}
/* Зерно поверх плям */
.wpc-s7.e-con::after{
  content:"" !important; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity:.22; mix-blend-mode:multiply;
  -webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent); mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);
}
.wpc-s7.e-con > .elementor-element{position:relative; z-index:1; width:100%; max-width:1140px !important}

/* Заголовок по центру, акцент градієнтом */
.wpc-s7__h2{margin-bottom:48px !important}
.wpc-s7__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif !important; color:#28292A !important; text-align:center; margin:0 !important}
.wpc-s7__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

/* Без скрипта (редактор): пункти простими картками */
.wpc-s7__list.e-con{padding:0 !important; gap:12px !important}
.wpc-s7__item.e-con{background:#fff; border:1px solid #EBE1F4; border-radius:14px; padding:16px 20px !important; --row-gap:4px}
/* Зі скриптом сирі віджети ховаємо, текст бере скрипт */
.wpc-s7.wpc-ready > .wpc-s7__hl, .wpc-s7.wpc-ready > .wpc-s7__hr, .wpc-s7.wpc-ready > .wpc-s7__list,
.wpc-s7.wpc-ready > .wpc-s7__note, .wpc-s7.wpc-ready > .wpc-s7__code{display:none !important}

/* Голограми: шар на ширину контенту, фігурки по своїх місцях */
.wpc-s7__holos{position:absolute; top:60px; bottom:120px; left:50%; width:min(1140px,100%); transform:translateX(-50%); z-index:0; pointer-events:none}
.wpc-s7__holo{position:absolute; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(127,67,178,.22));
  animation:wpcS7float 9s cubic-bezier(.65,0,.35,1) infinite alternate;
  transition:scale .55s cubic-bezier(.34,1.7,.64,1),opacity .2s}   /* перескок розміру = «бульбашка» */
@keyframes wpcS7float{to{translate:0 -18px; rotate:8deg}}
.wpc-s7__holo--1{left:8%;  top:14%; width:70px; height:70px; rotate:-14deg}
.wpc-s7__holo--2{left:3%;  top:52%; width:86px; height:86px; rotate:-8deg;  animation-duration:11s; animation-delay:-2.6s}
.wpc-s7__holo--3{left:15%; top:72%; width:52px; height:52px; rotate:18deg;  animation-duration:8s;  animation-delay:-3.9s}
.wpc-s7__holo--4{right:9%; top:10%; width:62px; height:62px; rotate:16deg;  animation-duration:10s; animation-delay:-6.5s}
.wpc-s7__holo--5{right:15%;top:55%; width:78px; height:78px; rotate:8deg;   animation-duration:12s; animation-delay:-9.1s}
.wpc-s7__holo--6{right:5%; top:76%; width:50px; height:50px; rotate:-16deg; animation-delay:-10.4s}
.wpc-s7.is-pre .wpc-s7__holo{scale:0; opacity:0}

/* Принтер: темна щілина, з якої виходить чек */
.wpc-s7__receipt{position:relative; z-index:1; width:100%; max-width:1140px}
.wpc-s7__printer{position:relative; z-index:2; width:700px; max-width:100%; height:26px; margin:0 auto; background:#28292A; border-radius:14px; box-shadow:0 10px 24px rgba(40,41,42,.25)}
.wpc-s7__printer::after{content:""; position:absolute; left:24px; right:24px; bottom:7px; height:4px; border-radius:4px; background:#111}
.wpc-s7__printer i{position:absolute; right:14px; top:9px; width:8px; height:8px; border-radius:50%; background:#E24AFE; box-shadow:0 0 8px #E24AFE; animation:wpcS7led 1.6s steps(1) infinite}
.wpc-s7.is-done .wpc-s7__printer i{animation:none; background:#7F43B2; box-shadow:none}  /* друк завершено: вогник гасне */
@keyframes wpcS7led{50%{opacity:.25}}

/* Папір із зубчастим низом */
.wpc-s7__wrap{position:relative; z-index:1; width:640px; max-width:calc(100% - 40px); margin:-10px auto 0; overflow:hidden}
.wpc-s7__paper{position:relative; background:#fff; padding:40px 44px 56px;
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 14px) no-repeat,radial-gradient(circle at 10px 100%,transparent 8px,#000 8.5px) bottom/20px 14px repeat-x;
  mask:linear-gradient(#000,#000) top/100% calc(100% - 14px) no-repeat,radial-gradient(circle at 10px 100%,transparent 8px,#000 8.5px) bottom/20px 14px repeat-x;
  transition:transform 2.4s cubic-bezier(.65,0,.35,1)}
.wpc-s7.is-pre .wpc-s7__paper{transform:translateY(-100%)}   /* до друку папір схований у принтері */
.wpc-s7__ph{display:flex; justify-content:space-between; gap:12px; font:700 12px/1 'JetBrains Mono',monospace; color:#6B6B70; padding-bottom:18px; border-bottom:1.5px dashed #BDB5C6; margin-bottom:6px}

/* Рядок чека: номер | назва ···· значення | пояснення */
.wpc-s7__ln{display:grid; grid-template-columns:34px 1fr; gap:4px 12px; padding:20px 0; border-bottom:1.5px dashed #E1DAE8; transition:opacity .4s}
.wpc-s7.is-pre .wpc-s7__ln{opacity:0}
.wpc-s7__ln-n{font:700 12px/1.6 'JetBrains Mono',monospace; color:#7F43B2}
.wpc-s7__ln-h{display:flex; align-items:baseline; gap:10px; font:800 19px/1.3 Raleway,sans-serif}
.wpc-s7__ln-h::after{content:""; flex:1; order:1; border-bottom:2px dotted #C9C0D3; transform:translateY(-4px); min-width:20px}  /* крапкова лінія-лідер */
.wpc-s7__ln-v{order:2; font:700 13px/1 'JetBrains Mono',monospace; white-space:nowrap; padding:6px 10px; border-radius:50px; background:#F4F1F7}
.wpc-s7__ln.is-zero .wpc-s7__ln-v{background:#FFF799}   /* «0 грн» жовтим */
.wpc-s7__ln-p{grid-column:2; font:500 15px/1.55 Raleway,sans-serif; color:#4A4A50; margin:0 !important}  /* тема обнуляє / змінює відступи абзаців */
.wpc-s7__note-g{font:500 12px/1.5 Raleway,sans-serif; color:#6B6B70; margin:18px 0 0 !important}

/* Штрихкод */
.wpc-s7__pf{display:flex; flex-direction:column; align-items:center; gap:10px; padding-top:26px}
.wpc-s7__bar{width:220px; height:46px; background:repeating-linear-gradient(90deg,#28292A 0 2px,transparent 2px 4px,#28292A 4px 7px,transparent 7px 9px,#28292A 9px 10px,transparent 10px 13px)}
.wpc-s7__pf span{font:700 11px/1 'JetBrains Mono',monospace; color:#6B6B70; letter-spacing:.2em}

/* Стан «до друку» ставиться миттєво */
.wpc-s7.is-reset .wpc-s7__paper, .wpc-s7.is-reset .wpc-s7__ln, .wpc-s7.is-reset .wpc-s7__holo{transition:none !important}

@media (prefers-reduced-motion:reduce){
  .wpc-s7__holo, .wpc-s7__printer i{animation:none !important}
}

/* Екран 7, мобайл */
@media (max-width:767px){
  .wpc-s7.e-con{padding:40px 16px 80px !important}           /* білий у білий: 40 + 40 = 80 */
  .wpc-s7__h2{margin-bottom:32px !important}
  .wpc-s7__h2 .elementor-heading-title{font-size:32px !important}
  .wpc-s7__printer{height:22px; border-radius:12px}
  .wpc-s7__printer::after{left:16px; right:16px; bottom:6px}
  .wpc-s7__wrap{max-width:calc(100% - 20px); margin-top:-8px}
  .wpc-s7__paper{padding:26px 18px 44px}
  .wpc-s7__ph{font-size:11px}
  .wpc-s7__ln{grid-template-columns:24px 1fr; gap:4px 8px; padding:16px 0}
  .wpc-s7__ln-h{flex-wrap:wrap; gap:8px; font-size:17px}          /* назва на всю ширину, значення під нею */
  .wpc-s7__ln-h > span:first-child{flex:1 1 100%}
  .wpc-s7__ln-h::after{display:none}                              /* лінія-лідер не вміщається */
  .wpc-s7__ln-v{order:0; font-size:12px; padding:5px 9px}
  .wpc-s7__ln-p{font-size:14px; margin-top:4px !important}
  .wpc-s7__bar{width:180px; height:40px}
  /* Голограми: 4 маленькі, заходять на краї чека */
  .wpc-s7__holos{top:40px; bottom:80px; z-index:3}
  .wpc-s7__holo--1{left:-4px; top:120px; width:46px; height:46px}
  .wpc-s7__holo--3{left:-8px; top:62%;  width:44px; height:44px}
  .wpc-s7__holo--4{right:-6px; top:300px; width:40px; height:40px}
  .wpc-s7__holo--5{right:-4px; top:84%; width:50px; height:50px}
  .wpc-s7__holo--2, .wpc-s7__holo--6{display:none}
}


/* ================================================================
   Екран 9. Як проходить навчання (bento «платформа зсередини»), зверстано 23.10
   Тексти карток в Elementor-віджетах, міні-інтерфейси будує скрипт «Екран 9 — скрипт»
   ================================================================ */

/* Секція: темний блок, плями і зерно (зерна більше, ніж на екрані 3: .28) */
.wpc-s9.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#28292A !important; color:#fff;
  padding:120px 20px !important;               /* контраст зі світлим екраном 7: по 120 */
  align-items:center; --gap:0px; --row-gap:0px; row-gap:0;
  font-family:Raleway,sans-serif;
}
.wpc-s9.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important;  /* Elementor задає ::before 100% розміру */
  background:radial-gradient(36% 40% at 10% 16%,rgba(226,74,254,.26),transparent 70%),
             radial-gradient(32% 40% at 92% 50%,rgba(127,67,178,.36),transparent 70%),
             radial-gradient(26% 30% at 30% 96%,rgba(12,118,202,.16),transparent 70%) !important;
  filter:blur(10px); opacity:1 !important; mix-blend-mode:normal !important; pointer-events:none; z-index:-2;
}
.wpc-s9.e-con::after{content:"" !important; position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.28; mix-blend-mode:overlay; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wpc-s9.e-con > .elementor-element{position:relative; z-index:1; width:100%; max-width:1140px !important}

/* Заголовок */
.wpc-s9__h2{margin-bottom:48px !important}
.wpc-s9__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif !important; color:#fff !important; margin:0 !important}
.wpc-s9__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

/* Bento-сітка: 5+7 / 4+4+4 / 6+3+3 */
.wpc-s9__grid.e-con{display:grid !important; grid-template-columns:repeat(12,1fr); gap:20px !important; padding:0 !important}
.wpc-s9__grid > .e-con{width:auto !important; max-width:none !important; min-width:0}
.wpc-s9__card--1{grid-column:span 5}.wpc-s9__card--2{grid-column:span 7}
.wpc-s9__card--3,.wpc-s9__card--4,.wpc-s9__card--5{grid-column:span 4}
.wpc-s9__card--6{grid-column:span 7}.wpc-s9__card--7{grid-column:span 5} /* 23.10: картку 8 «Після випуску» прибрано (дублювала екран 10) */

/* Картка */
.wpc-s9__card.e-con{position:relative; background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.09); border-radius:22px; padding:22px !important;
  display:flex; flex-direction:column; justify-content:flex-start; gap:0; --row-gap:0px; row-gap:0; backdrop-filter:blur(6px);
  transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s}
.wpc-s9.is-pre .wpc-s9__card.e-con{opacity:0; transform:translateY(30px)}
.wpc-s9__t .elementor-heading-title{font:800 19px/1.3 Raleway,sans-serif !important; color:#fff !important; margin:0 0 6px !important}
.wpc-s9__p, .wpc-s9__p p{font:500 15px/1.55 Raleway,sans-serif !important; color:rgba(255,255,255,.75) !important; margin:0 !important}
.wpc-s9__num{position:absolute; top:18px; right:20px; font:700 12px 'JetBrains Mono',monospace; color:rgba(255,255,255,.35)}
.wpc-s9__ui{flex:1; display:flex; flex-direction:column; justify-content:center; gap:12px; margin-bottom:18px; min-height:110px}

/* Міні-вікно */
.wpc-s9__win{background:#fff; color:#28292A; border-radius:14px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.35)}
.wpc-s9__bar{display:flex; align-items:center; gap:6px; padding:9px 12px; border-bottom:1px solid #EBE1F4}
.wpc-s9__bar i{width:8px; height:8px; border-radius:50%; background:#E24AFE}
.wpc-s9__bar i:nth-child(2){background:#7F43B2}.wpc-s9__bar i:nth-child(3){background:#28292A}
.wpc-s9__bar span{margin-left:8px; font:700 11px 'JetBrains Mono',monospace; color:#6B6B70}
.wpc-s9__bar .url{flex:1; background:#F4F1F7; border-radius:50px; padding:4px 10px; font-weight:500}

/* 1: плеєр і модулі */
.wpc-s9__player{position:relative; height:150px; background:linear-gradient(120deg,#E24AFE,#7F43B2); display:grid; place-items:center}
.wpc-s9__play{width:54px; height:54px; border-radius:50%; background:#fff; color:#7F43B2; display:grid; place-items:center; font-size:20px; padding-left:4px; box-shadow:0 0 0 8px rgba(255,255,255,.25)}
.wpc-s9__prog{position:absolute; left:14px; right:14px; bottom:12px; height:5px; border-radius:5px; background:rgba(255,255,255,.35); overflow:hidden}
.wpc-s9__prog i{display:block; height:100%; width:64%; background:#FFF799; border-radius:5px; transform-origin:left; transition:transform 1.4s cubic-bezier(.65,0,.35,1) .4s}
.wpc-s9.is-pre .wpc-s9__prog i{transform:scaleX(0)}
.wpc-s9__mods{padding:10px 12px 14px; display:grid; gap:6px}
.wpc-s9__mods .m{display:grid; grid-template-columns:28px 1fr 20px; align-items:center; font:600 13px Raleway,sans-serif; padding:8px 10px; border-radius:10px; background:#F4F1F7}
.wpc-s9__mods .m span{font:700 11px 'JetBrains Mono',monospace; color:#7F43B2}
.wpc-s9__mods .m em{font-style:normal; text-align:right; font-size:12px}
.wpc-s9__mods .m.now{background:#28292A; color:#fff}.wpc-s9__mods .m.now span{color:#FFF799}
.wpc-s9__mods .m.lock{opacity:.5}

/* 2: тижні */
.wpc-s9__weeks{display:grid; grid-template-columns:repeat(10,1fr); gap:6px}
.wpc-s9__weeks .w{display:flex; flex-direction:column; align-items:center; gap:8px}
.wpc-s9__weeks .w b{position:relative; display:block; width:100%; height:46px; border-radius:10px; background:rgba(255,255,255,.08); overflow:hidden}
.wpc-s9__weeks .w b::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg,#E24AFE,#7F43B2); transform-origin:bottom; transition:transform .45s cubic-bezier(.22,1,.36,1) var(--d,0ms)}
.wpc-s9__weeks .w.svc b::after{content:""; position:absolute; top:6px; right:6px; width:8px; height:8px; border-radius:50%; background:#FFF799; transition:opacity .3s var(--d,0ms)}  /* жовта крапка = нова послуга (тижні 3-10) */
.wpc-s9.is-pre .wpc-s9__weeks .w b::before{transform:scaleY(0)}
.wpc-s9.is-pre .wpc-s9__weeks .w.svc b::after{opacity:0}
.wpc-s9__weeks .w span{font:700 11px 'JetBrains Mono',monospace; color:rgba(255,255,255,.5)}
.wpc-s9__legend{display:flex; flex-wrap:wrap; gap:8px 18px; font:600 12px Raleway,sans-serif; color:rgba(255,255,255,.7)}
.wpc-s9__legend b{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px}
.wpc-s9__legend .lg-ok{background:linear-gradient(#E24AFE,#7F43B2)}
.wpc-s9__legend .lg-svc{background:#FFF799; border-radius:50%}
.wpc-s9__legend .hrs{margin-left:auto; font:700 12px 'JetBrains Mono',monospace; color:#FFF799}

/* 3: файл і фідбек */
.wpc-s9__file{display:flex; align-items:center; gap:10px; background:#fff; color:#28292A; border-radius:12px; padding:9px 12px 9px 9px}
.wpc-s9__file i{width:32px; height:32px; border-radius:8px; background:#28292A; color:#fff; display:grid; place-items:center; font:700 13px 'JetBrains Mono',monospace; font-style:normal}
.wpc-s9__file span{flex:1; font:700 13px 'JetBrains Mono',monospace}
.wpc-s9__file small{display:block; font:500 11px Raleway,sans-serif; color:#6B6B70}
.wpc-s9__file em{font-style:normal; font:700 10px 'JetBrains Mono',monospace; padding:5px 8px; border-radius:50px; background:#FFF799; white-space:nowrap}
.wpc-s9__fb{background:#7F43B2; border-radius:14px 14px 14px 4px; padding:10px 14px 12px; margin-left:18px}
.wpc-s9__fb .who{font:700 11px 'JetBrains Mono',monospace; color:rgba(255,255,255,.7); margin-bottom:4px}
.wpc-s9__fb p{font:600 13px/1.5 Raleway,sans-serif !important; margin:0 !important; white-space:pre-line; min-height:40px; color:#fff}

/* 4: питання і чати */
.wpc-s9__q{display:grid; gap:8px}
.wpc-s9__q div{display:flex; gap:8px; align-items:flex-start; font:600 13px/1.4 Raleway,sans-serif; padding:9px 12px; border-radius:12px}
.wpc-s9__q b{flex:0 0 22px; height:22px; border-radius:50%; display:grid; place-items:center; font:700 11px 'JetBrains Mono',monospace}
.wpc-s9__q .q{background:rgba(255,255,255,.08)}.wpc-s9__q .q b{background:#fff; color:#28292A}
.wpc-s9__q .a{background:#fff; color:#28292A; margin-left:16px; transition:opacity .4s .9s,transform .4s .9s}
.wpc-s9__q .a b{background:#E24AFE; color:#28292A}
.wpc-s9.is-pre .wpc-s9__q .a{opacity:0; transform:translateY(8px)}
.wpc-s9__chips{display:flex; flex-wrap:wrap; gap:8px}
.wpc-s9__chips span{padding:7px 12px; border-radius:50px; border:1.5px dashed rgba(255,255,255,.5); font:700 11px 'JetBrains Mono',monospace}

/* 5: хостинг */
.wpc-s9__site{padding:12px; display:grid; gap:7px}
.wpc-s9__site i{display:block; border-radius:6px; background:#EBE1F4; height:9px}
.wpc-s9__site .h{height:42px; background:linear-gradient(90deg,#E24AFE,#7F43B2)}.wpc-s9__site .r2{width:60%}
.wpc-s9__online{display:flex; align-items:center; gap:8px; font:700 11px 'JetBrains Mono',monospace; color:rgba(255,255,255,.75)}
.wpc-s9__online b{width:8px; height:8px; border-radius:50%; background:#4ade80; animation:wpcS9pulse 2.4s infinite}
@keyframes wpcS9pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%,100%{box-shadow:0 0 0 8px rgba(74,222,128,0)}}

/* 6: замок відкривається після двох галочок */
.wpc-s9__lock{display:flex; align-items:center; gap:20px}
.wpc-s9__lock .lk{flex:0 0 74px; height:74px; border-radius:20px; background:#FFF799; color:#28292A; display:grid; place-items:center}
.wpc-s9__lock .sh{transform-origin:30px 20px; transform:translateY(-5px) rotate(28deg); transition:transform .5s cubic-bezier(.34,1.6,.64,1) 1.5s}
.wpc-s9.is-pre .wpc-s9__lock .sh{transform:none}
.wpc-s9__checks{display:grid; gap:7px}
.wpc-s9__checks .c{display:flex; gap:8px; align-items:center; font:600 13px Raleway,sans-serif; transition:opacity .35s}
.wpc-s9__checks b{width:20px; height:20px; border-radius:50%; background:#7F43B2; display:grid; place-items:center; font-size:11px}
.wpc-s9__checks .res{color:#FFF799}.wpc-s9__checks .res b{background:#FFF799; color:#28292A}
.wpc-s9__checks .c:nth-child(1){transition-delay:.6s}.wpc-s9__checks .c:nth-child(2){transition-delay:1s}.wpc-s9__checks .c:nth-child(3){transition-delay:1.7s}
.wpc-s9.is-pre .wpc-s9__checks .c{opacity:0}

/* 7: сертифікат, печатка-зірка з набору Оксани */
.wpc-s9__cert{position:relative; background:#fff; color:#28292A; border-radius:12px; padding:18px 18px 22px; box-shadow:0 18px 40px rgba(0,0,0,.35); outline:1.5px dashed #BDB5C6; outline-offset:-8px}
.wpc-s9__cert span{display:block; font:700 10px 'JetBrains Mono',monospace; letter-spacing:.2em; text-transform:uppercase; color:#7F43B2}
.wpc-s9__cert b{display:block; font:900 22px/1.2 Raleway,sans-serif; margin:6px 0 12px}
.wpc-s9__cert i{display:block; height:7px; width:70%; border-radius:4px; background:#EBE1F4; margin-top:6px}.wpc-s9__cert i.s{width:45%}
.wpc-s9__cert img{position:absolute; right:10px; bottom:6px; width:62px; height:62px; object-fit:contain; transition:scale .55s cubic-bezier(.34,1.7,.64,1) 1s}
.wpc-s9.is-pre .wpc-s9__cert img{scale:0}

/* 8: нескінченність */
.wpc-s9__inf{font:900 84px/1 Raleway,sans-serif; background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

.wpc-s9.is-reset *{transition:none !important}
@media (prefers-reduced-motion:reduce){.wpc-s9__online b{animation:none}}

/* Екран 9, мобайл */
@media (max-width:767px){
  .wpc-s9.e-con{padding:80px 16px !important}
  .wpc-s9__h2{margin-bottom:32px !important}
  .wpc-s9__h2 .elementor-heading-title{font-size:32px !important}
  .wpc-s9__grid.e-con{grid-template-columns:1fr 1fr; gap:14px !important}
  .wpc-s9__grid > .wpc-s9__card{grid-column:span 2}
  .wpc-s9__card.e-con{padding:18px !important; border-radius:20px}
  .wpc-s9__ui{min-height:0; margin-bottom:14px}
  .wpc-s9__t .elementor-heading-title{font-size:17px !important}
  .wpc-s9__p, .wpc-s9__p p{font-size:14px !important}
  .wpc-s9__player{height:120px}
  .wpc-s9__weeks{gap:4px}.wpc-s9__weeks .w b{height:38px; border-radius:8px}.wpc-s9__weeks .w span{font-size:9px}
  .wpc-s9__legend{gap:6px 12px}.wpc-s9__legend .hrs{margin-left:0}
  .wpc-s9__lock{gap:14px}.wpc-s9__lock .lk{flex-basis:60px; height:60px; border-radius:16px}
  .wpc-s9__cert{padding:12px 12px 16px; outline-offset:-6px}.wpc-s9__cert b{font-size:16px; margin:4px 0 8px}
  .wpc-s9__cert img{width:40px; height:40px; right:6px; bottom:4px}
  .wpc-s9__inf{font-size:60px}
  .wpc-s9__card--8 .wpc-s9__chips{gap:5px}
  .wpc-s9__card--8 .wpc-s9__chips span{font-size:9.5px; padding:4px 7px; border-width:1.2px}  /* пігулки у 2 ряди */
}


/* ================================================================
   Екран 10. Що лишається після курсу (пункти + чат спільноти), зверстано 23.10
   Тексти пунктів в Elementor-віджетах, номери й чат будує скрипт «Екран 10 — скрипт»
   ================================================================ */

/* Секція: білий фон, сітка згасає до країв */
.wpc-s10.e-con{
  position:relative; isolation:isolate; overflow:hidden;
  background:#fff !important; color:#28292A;
  padding:120px 20px !important;               /* контраст із темним екраном 9: по 120 */
  align-items:center; --gap:0px; --row-gap:0px; row-gap:0;
  font-family:Raleway,sans-serif;
}
.wpc-s10.e-con::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  width:auto !important; height:auto !important;  /* Elementor задає ::before 100% розміру */
  background:linear-gradient(rgba(127,67,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.09) 1px,transparent 1px) !important;
  background-size:40px 40px !important; opacity:1 !important;
  -webkit-mask:radial-gradient(70% 60%,#000 20%,transparent 80%); mask:radial-gradient(70% 60%,#000 20%,transparent 80%);
  pointer-events:none; z-index:-1;
}
.wpc-s10.e-con > .elementor-element{position:relative; z-index:1; width:100%; max-width:1140px !important}

/* Заголовок */
.wpc-s10__h2{margin-bottom:56px !important}
.wpc-s10__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif !important; color:#28292A !important; margin:0 !important}
.wpc-s10__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2); -webkit-background-clip:text; background-clip:text; color:transparent}

/* Дві колонки: пункти | чат, по центру по вертикалі */
.wpc-s10__cols.e-con{display:grid !important; grid-template-columns:1fr 1fr; gap:56px !important; align-items:center; padding:0 !important}
.wpc-s10__cols > .e-con{width:auto !important; max-width:none !important; min-width:0}
.wpc-s10__list.e-con{padding:0 !important; --row-gap:0px; row-gap:0; gap:0 !important}

/* Пункт: номер | заголовок / текст */
.wpc-s10__item.e-con{display:grid !important; grid-template-columns:44px 1fr; gap:0 14px !important; padding:18px 0 !important; border-bottom:1.5px dashed #E1DAE8}
.wpc-s10__item.e-con:first-child{padding-top:0 !important}
.wpc-s10__item > .elementor-element{grid-column:2; width:auto !important}
.wpc-s10__n{grid-column:1; grid-row:1 / span 2; font:700 13px/24.7px 'JetBrains Mono',monospace; padding-top:1px; color:#7F43B2}  /* висота рядка як у H3 (19 × 1.3): номер у лінію із заголовком */
.wpc-s10__n::after{content:""; display:block; width:8px; height:8px; border-radius:50%; background:#E24AFE; margin-top:8px; transform:scale(0); transition:transform .4s cubic-bezier(.34,1.7,.64,1)}
.wpc-s10__item.is-on .wpc-s10__n::after{transform:scale(1)}  /* загорається, коли приходить повідомлення цього пункту */
.wpc-s10__t .elementor-heading-title{font:800 19px/1.3 Raleway,sans-serif !important; color:#28292A !important; margin:0 0 6px !important}
.wpc-s10__p, .wpc-s10__p p{font:500 15px/1.55 Raleway,sans-serif !important; color:#4A4A50 !important; margin:0 !important}

/* Чат-телефон із пунктирним кільцем */
.wpc-s10__chatwrap{position:relative; width:380px; justify-self:center; isolation:isolate}
.wpc-s10__chatwrap::before{content:""; position:absolute; inset:0; border:1.5px dashed rgba(40,41,42,.3); border-radius:48px; pointer-events:none}
.wpc-s10__glow{position:absolute; inset:-90px -110px; z-index:-1; pointer-events:none; border-radius:50%;
  background:radial-gradient(50% 50% at 40% 40%,rgba(226,74,254,.35),transparent 70%),radial-gradient(50% 50% at 65% 65%,rgba(127,67,178,.38),transparent 70%); filter:blur(14px)}
.wpc-s10__glow::after{content:""; position:absolute; inset:0; border-radius:50%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity:.35; mix-blend-mode:multiply;
  -webkit-mask:radial-gradient(closest-side,#000 40%,transparent); mask:radial-gradient(closest-side,#000 40%,transparent)}  /* зерно тільки в плямі */
.wpc-s10__chat{position:relative; margin:8px; background:#F4F1F7; border-radius:40px; box-shadow:0 24px 50px rgba(40,41,42,.14); overflow:hidden}
.wpc-s10__ch-h{display:flex; align-items:center; gap:12px; padding:22px 20px 14px; background:#28292A; color:#fff}
.wpc-s10__ch-h .av{width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#E24AFE,#7F43B2); display:grid; place-items:center; font:900 13px Raleway,sans-serif}
.wpc-s10__ch-h b{display:block; font:800 15px Raleway,sans-serif}
.wpc-s10__ch-h small{font:500 12px Raleway,sans-serif; color:rgba(255,255,255,.6)}
.wpc-s10__ch-b{padding:16px 14px 22px; display:flex; flex-direction:column; gap:10px}
.wpc-s10__msg{display:flex; gap:8px; align-items:flex-end; max-width:94%; transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.wpc-s10__msg.is-pre{opacity:0; transform:translateY(12px) scale(.98)}
.wpc-s10__msg .av{flex:0 0 28px; height:28px; border-radius:50%; display:grid; place-items:center; font:800 11px Raleway,sans-serif; color:#fff}
.wpc-s10__msg .av.ok{background:#E24AFE; color:#28292A}.wpc-s10__msg .av.u1{background:#7F43B2}.wpc-s10__msg .av.u2{background:#0C76CA}.wpc-s10__msg .av.u3{background:#28292A}
.wpc-s10__msg .bub{background:#fff; border-radius:16px 16px 16px 4px; padding:9px 13px 10px; box-shadow:0 2px 6px rgba(40,41,42,.06)}
.wpc-s10__msg .who{font:700 11px 'JetBrains Mono',monospace; color:#7F43B2; margin-bottom:3px}
.wpc-s10__msg p{font:500 13.5px/1.45 Raleway,sans-serif !important; margin:0 !important; color:inherit}
.wpc-s10__msg.pin .bub{background:#FFF799}                                   /* закріплене */
.wpc-s10__msg.post .bub{background:#28292A; color:#fff}.wpc-s10__msg.post .who{color:#FFF799}  /* пост про новий урок */
.wpc-s10__msg .tag{align-self:center; font:700 10px 'JetBrains Mono',monospace; color:#9A93A3; margin-left:2px}
.wpc-s10__typing{display:flex; gap:4px; padding:10px 14px; background:#fff; border-radius:16px; align-self:flex-start; margin-left:36px; opacity:0; transition:opacity .2s}
.wpc-s10__typing.is-on{opacity:1}
.wpc-s10__typing i{width:6px; height:6px; border-radius:50%; background:#9A93A3; animation:wpcS10dot 1s infinite}
.wpc-s10__typing i:nth-child(2){animation-delay:.15s}.wpc-s10__typing i:nth-child(3){animation-delay:.3s}
@keyframes wpcS10dot{50%{transform:translateY(-4px); opacity:.4}}
@media (prefers-reduced-motion:reduce){.wpc-s10__typing i{animation:none}.wpc-s10__msg,.wpc-s10__n::after{transition:none}}

/* Екран 10, мобайл */
@media (max-width:767px){
  .wpc-s10.e-con{padding:80px 16px !important}
  .wpc-s10.e-con::before{background-size:28px 28px !important}
  .wpc-s10__h2{margin-bottom:32px !important}
  .wpc-s10__h2 .elementor-heading-title{font-size:32px !important}
  .wpc-s10__h2 .elementor-heading-title span{display:block}        /* «після курсу» з нового рядка */
  .wpc-s10__cols.e-con{grid-template-columns:1fr; gap:40px !important}  /* спершу пункти, під ними чат */
  .wpc-s10__item.e-con{grid-template-columns:34px 1fr; gap:0 10px !important; padding:16px 0 !important}
  .wpc-s10__t .elementor-heading-title{font-size:17px !important}
  .wpc-s10__n{font-size:12px; line-height:22.1px}                    /* у лінію з H3 17 × 1.3 */
  .wpc-s10__p, .wpc-s10__p p{font-size:14px !important}
  .wpc-s10__chatwrap{width:100%; max-width:340px}
  .wpc-s10__chat{border-radius:34px}.wpc-s10__chatwrap::before{border-radius:42px}
  .wpc-s10__glow{inset:-60px -40px}
}

/* =====================================================================
   Екран 11. Відгуки учнів (карусель відео)
   Контейнер wpc-s11 на всю ширину. Скрипт «Екран 11 — скрипт» збирає
   шапку (H2 + посилання + стрілки), вмикає стрілки й модалку з плеєром.
   ===================================================================== */

/* Контейнер: темний блок (графіт + плями + зерно, як екран 9), відступи 120 */
.wpc-s11{position:relative;background:#28292A!important;padding:120px 0!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Плями: ::before Elementor тягне на 100%, тому розміри перебиваємо з !important */
.wpc-s11::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;opacity:1!important;background:radial-gradient(34% 40% at 88% 12%,rgba(226,74,254,.24),transparent 70%),radial-gradient(34% 44% at 4% 62%,rgba(127,67,178,.34),transparent 70%),radial-gradient(24% 30% at 70% 98%,rgba(12,118,202,.16),transparent 70%)!important}
/* Зерно поверх: SVG-шум, overlay, прозорість .28 (як екран 9) */
.wpc-s11::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Шапка (будує скрипт): H2 зліва, посилання й навігація справа */
.wpc-s11__hd{width:1140px;max-width:calc(100% - 40px);margin:0 auto 48px;display:flex;align-items:flex-end;gap:24px}
.wpc-s11__hd > .elementor-widget{margin:0!important;width:auto!important;max-width:none!important}
.wpc-s11__hd .wpc-s11__h2{margin-right:auto!important}

/* H2: акцент «учнів» градієнтом */
.wpc-s11__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif!important;color:#fff!important;margin:0!important}
.wpc-s11__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Посилання «Переглянути роботи учнів» на десктопі: друга кнопка, світлий пунктир, висота 52 як у стрілок */
.wpc-s11__more .elementor-heading-title a{display:inline-flex!important;align-items:center;height:52px;padding:0 26px;border-radius:50px;border:1.5px dashed #EBE1F4;color:#fff!important;font:italic 900 16px/1 Raleway,sans-serif!important;text-decoration:none!important;transition:background .25s,border-color .25s}
.wpc-s11__more .elementor-heading-title a:hover{background:#7F43B2;border-color:#7F43B2;color:#fff!important}

/* Навігація: лічильник і дві стрілки (з'являються тільки зі скриптом) */
.wpc-s11__nav{display:flex;align-items:center;gap:14px}
.wpc-s11__cnt{font:500 14px/1 'JetBrains Mono',monospace;color:rgba(255,255,255,.6);min-width:70px;text-align:right}
.wpc-s11__cnt b{color:#fff;font-weight:600}
/* Стрілка: незалите коло з пунктиром; тема перефарбовує button, тому все з !important */
.wpc-s11__ar{all:unset;box-sizing:border-box!important;width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;border:1.5px dashed rgba(255,255,255,.55)!important;background:transparent!important;display:grid!important;place-items:center;cursor:pointer;transition:background .25s,border-color .25s,opacity .25s}
.wpc-s11__ar svg{width:20px;height:20px}
.wpc-s11__ar:hover{background:#E24AFE!important;border-color:#E24AFE!important}
.wpc-s11__ar:hover path{stroke:#28292A}
.wpc-s11__ar[disabled]{opacity:.3;pointer-events:none}
.wpc-s11__ar:focus{outline:none}

/* HTML-віджет зі скриптом нічого не показує, ховаємо, щоб не давав зайвої висоти */
.wpc-s11__js{display:none!important}

/* HTML-віджет карток на всю ширину */
.wpc-s11__cards{width:100%!important;max-width:none!important;margin:0!important}

/* Стрічка: scroll-snap, починається по лінії контенту і вилазить праворуч до краю екрана */
.wpc-s11__trk{--side:max(20px,calc((100vw - 1140px)/2));display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:9px 9px 9px var(--side);margin-top:-9px;scroll-padding-left:var(--side)}
.wpc-s11__trk::-webkit-scrollbar{display:none}
/* Хвіст праворуч, щоб остання картка доїжджала до лінії контенту */
.wpc-s11__trk::after{content:"";flex:0 0 calc(var(--side) - 28px)}

/* Картка = вікно плеєра */
.wpc-s11__c{box-sizing:border-box;flex:0 0 361px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding-bottom:20px;outline:1.5px dashed rgba(255,255,255,.3);outline-offset:7px;text-decoration:none!important;color:inherit!important;cursor:pointer;transition:background .3s}
.wpc-s11__c:hover{background:rgba(255,255,255,.09)}
.wpc-s11__c:focus-visible{outline-color:#E24AFE}
/* Рядок вікна: три крапки, назва файлу, тривалість */
.wpc-s11__bar{display:flex;align-items:center;gap:6px;padding:12px 14px;font:500 12px/1 'JetBrains Mono',monospace;color:rgba(255,255,255,.6)}
.wpc-s11__bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}
.wpc-s11__bar i:first-child{background:#E24AFE}
.wpc-s11__bar span{margin-left:8px}
.wpc-s11__bar em{margin-left:auto;font-style:normal}
/* Кадр: своя обкладинка WebP 1280×720 */
.wpc-s11__fr{position:relative;display:block;aspect-ratio:16/9;background:#111;overflow:hidden}
.wpc-s11__fr img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wpc-s11__c:hover .wpc-s11__fr img{transform:scale(1.04)}
/* Play: маджента + пунктирне кільце, як головна кнопка; у правому нижньому куті, щоб не закривати обличчя */
.wpc-s11__pl{position:absolute;right:20px;bottom:18px;width:48px;height:48px;border-radius:50%;background:#E24AFE;display:grid;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.wpc-s11__pl::after{content:"";position:absolute;inset:-6px;border:1.5px dashed rgba(255,255,255,.85);border-radius:50%}
.wpc-s11__pl::before{content:"";border-left:13px solid #28292A;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.wpc-s11__c:hover .wpc-s11__pl{transform:scale(1.08)}
/* Тексти картки; тема обнуляє відступи абзаців, тому margin з !important */
.wpc-s11__tx{display:block;padding:18px 20px 0}
.wpc-s11__nm{display:block;font:800 20px/1.2 Raleway,sans-serif;color:#fff;margin:0!important}
.wpc-s11__cp{display:block;font:500 15px/1.45 Raleway,sans-serif;color:rgba(255,255,255,.72);margin:6px 0 0!important}
/* Мітка менторства: моно маджентою */
.wpc-s11__mk{display:block;margin-top:12px;font:500 12px/1 'JetBrains Mono',monospace;color:#E24AFE}
.wpc-s11__mk::before{content:"// "}

/* Поява один раз (клас is-in ставить скрипт); без скрипта картки видно одразу */
.wpc-s11.js .wpc-s11__c{opacity:0;transform:translateY(24px)}
.wpc-s11.js.is-in .wpc-s11__c{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),background .3s}

/* ===== Модалка з плеєром (додається в body скриптом) ===== */
.wpc-s11-modal{position:fixed;inset:0;z-index:99999;display:none;place-items:center;background:rgba(20,20,22,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:Raleway,sans-serif}
.wpc-s11-modal.is-open{display:grid}
.wpc-s11-modal__w{width:min(1040px,calc(100vw - 48px));background:#28292A;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;outline:1.5px dashed rgba(255,255,255,.3);outline-offset:7px;animation:wpcS11In .45s cubic-bezier(.22,1,.36,1)}
@keyframes wpcS11In{from{opacity:0;transform:scale(.96)}}
.wpc-s11-modal .wpc-s11__bar{font-size:13px;color:rgba(255,255,255,.65)}
/* Хрестик: тема перефарбовує button, тому з !important */
.wpc-s11-modal__x{all:unset;box-sizing:border-box!important;margin-left:auto!important;width:34px!important;height:34px!important;padding:0!important;border-radius:50%!important;border:1.5px dashed rgba(255,255,255,.55)!important;background:transparent!important;display:grid!important;place-items:center;cursor:pointer;color:#fff!important;font:400 20px/1 Raleway,sans-serif!important}
.wpc-s11-modal__x:hover{background:#E24AFE!important;border-color:#E24AFE!important;color:#28292A!important}
.wpc-s11-modal__v{aspect-ratio:16/9;background:#000}
.wpc-s11-modal__v iframe{width:100%;height:100%;border:0;display:block}
.wpc-s11-modal__cap{padding:14px 18px 16px;color:#fff;font:800 17px/1.3 Raleway,sans-serif}
.wpc-s11-modal__cap small{font:500 14px Raleway,sans-serif;color:rgba(255,255,255,.7);margin-left:10px}

/* Усі анімації вимикаються при «зменшити рух» */
@media (prefers-reduced-motion:reduce){
  .wpc-s11.js .wpc-s11__c{opacity:1;transform:none}
  .wpc-s11__fr img,.wpc-s11__pl{transition:none}
  .wpc-s11-modal__w{animation:none}
}

/* ===== Мобайл до 767 px ===== */
@media (max-width:767px){
  /* Відступи 80 (контраст з білим екраном 10) */
  .wpc-s11{padding:80px 0!important}
  .wpc-s11::before{background:radial-gradient(60% 30% at 90% 8%,rgba(226,74,254,.24),transparent 70%),radial-gradient(60% 34% at 0% 60%,rgba(127,67,178,.34),transparent 70%),radial-gradient(50% 24% at 80% 98%,rgba(12,118,202,.16),transparent 70%)!important}
  /* Шапка в стовпчик: H2, під ним посилання */
  .wpc-s11__hd{display:block;max-width:none;width:auto;margin:0 20px 24px}
  .wpc-s11__h2 .elementor-heading-title{font-size:32px!important}
  .wpc-s11__more{margin-top:14px!important}
  /* Посилання на мобайлі: непримітний текст з підкресленням (рішення 23.10) */
  .wpc-s11__more .elementor-heading-title a{display:inline!important;height:auto;padding:0;border:0;border-radius:0;background:none!important;color:rgba(255,255,255,.75)!important;font:600 15px/1.4 Raleway,sans-serif!important;text-decoration:underline!important;text-decoration-color:rgba(235,225,244,.5)!important;text-underline-offset:4px}
  /* Навігація переїжджає під стрічку (переносить скрипт) */
  .wpc-s11__nav{margin:24px 20px 0;gap:10px}
  .wpc-s11__cnt{margin-right:auto;text-align:left;font-size:13px}
  .wpc-s11__ar{width:44px!important;height:44px!important}
  .wpc-s11__ar svg{width:18px;height:18px}
  /* Стрічка: картка 84% ширини, видно краєчок наступної */
  .wpc-s11__trk{--side:20px;gap:16px}
  .wpc-s11__trk::after{flex-basis:4px}
  .wpc-s11__c{flex-basis:84%;padding-bottom:18px;outline-offset:6px}
  .wpc-s11__bar{gap:5px;padding:10px 12px;font-size:11px}
  .wpc-s11__bar i{width:8px;height:8px}
  .wpc-s11__bar span{margin-left:6px}
  .wpc-s11__pl{right:14px;bottom:12px;width:42px;height:42px}
  .wpc-s11__pl::after{inset:-5px}
  .wpc-s11__pl::before{border-left-width:12px;border-top-width:7px;border-bottom-width:7px}
  .wpc-s11__tx{padding:16px 16px 0}
  .wpc-s11__nm{font-size:18px}
  .wpc-s11__cp{font-size:14px;margin-top:5px!important}
  .wpc-s11__mk{margin-top:10px;font-size:11px}
  /* Картки на мобайлі виїжджають збоку */
  .wpc-s11.js .wpc-s11__c{transform:translateX(30px)}
  /* Модалка на всю ширину */
  .wpc-s11-modal{place-items:center;padding:0 10px;background:rgba(20,20,22,.92)}
  .wpc-s11-modal__w{width:100%;border-radius:16px;outline:0}
  .wpc-s11-modal__x{width:36px!important;height:36px!important;font-size:22px!important}
  .wpc-s11-modal__cap{padding:12px 14px 14px;font-size:16px}
  .wpc-s11-modal__cap small{display:block;font-size:13px;margin:3px 0 0}
}

/* =====================================================================
   Екран 13. Хто я
   Контейнер wpc-s13 на всю ширину. Фото — віджет «Зображення», тексти —
   «Заголовок» і «Текстовий редактор». Віконця робочого столу й голограми
   додає скрипт «Екран 13 — скрипт» (тексти віконець правляться там).
   ===================================================================== */

/* Контейнер: білий фон, відступи 120 (контраст із темним екраном 11) */
.wpc-s13{position:relative;background:#fff!important;padding:120px 0!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Сітка-фон, згасає до країв; ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s13::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-2!important;opacity:1!important;background-color:transparent!important;background-image:linear-gradient(rgba(127,67,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.09) 1px,transparent 1px)!important;background-size:40px 40px!important;-webkit-mask:radial-gradient(70% 70% at 50% 50%,#000 40%,transparent 100%);mask:radial-gradient(70% 70% at 50% 50%,#000 40%,transparent 100%)}

/* Дві колонки: фото 460 зліва, текст справа, по центру по вертикалі */
.wpc-s13__in{width:1140px!important;max-width:calc(100% - 40px)!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:460px 1fr;column-gap:80px;row-gap:0!important;--row-gap:0px;align-items:center}

/* HTML-віджет зі скриптом нічого не показує, ховаємо */
.wpc-s13__js{display:none!important}

/* ---- Фото в арці ---- */
.wpc-s13__ph{position:relative!important;height:580px;padding:0!important;--row-gap:0px;row-gap:0!important}
/* Арка: лаванда + фіолетовий пунктир (з варіанта D) */
.wpc-s13__ph::before{content:""!important;position:absolute!important;left:4%!important;right:4%!important;top:auto!important;bottom:0!important;width:auto!important;height:88%!important;z-index:0!important;opacity:1!important;border-radius:240px 240px 0 0;background:#EBE1F4!important;outline:1.5px dashed rgba(127,67,178,.45);outline-offset:8px}
/* Віджет фото: стоїть на нижньому краї арки, трохи ширший за колонку */
.wpc-s13__me{position:absolute!important;left:52%;bottom:0;width:108%!important;max-width:none!important;transform:translateX(-50%);z-index:2;margin:0!important}
.wpc-s13__me img{width:100%!important;height:auto!important;max-width:none!important;display:block;border-radius:0!important;filter:drop-shadow(0 20px 30px rgba(40,41,42,.12))}

/* Віконця робочого столу (будує скрипт) */
.wpc-s13__win{position:absolute;z-index:3;background:#fff;border-radius:14px;box-shadow:0 14px 34px rgba(40,41,42,.14);outline:1.5px dashed rgba(40,41,42,.3);outline-offset:5px;padding:12px 14px;font:600 13px/1.35 Raleway,sans-serif;color:#28292A;width:200px;animation:wpcS13f 6s ease-in-out infinite}
.wpc-s13__win .wpc-s13__lbl{display:block;margin-bottom:6px;font:500 11px/1.1 'JetBrains Mono',monospace;color:#7F43B2}
.wpc-s13__win--1{left:-60px;top:70px;width:230px}
/* Графітове віконце ШІ */
.wpc-s13__win--2{right:-30px;top:190px;background:#28292A;color:#fff;animation-delay:-2s}
.wpc-s13__win--2 .wpc-s13__lbl{color:#E24AFE}
/* Бриф з прогрес-баром */
.wpc-s13__win--3{left:-50px;bottom:120px;width:180px;animation-delay:-4s}
.wpc-s13__bar{height:6px;border-radius:6px;background:#EBE1F4;margin-top:8px;overflow:hidden}
.wpc-s13__bar i{display:block;height:100%;width:72%;background:#7F43B2}
/* Жовте віконце спільноти */
.wpc-s13__win--4{right:-20px;bottom:40px;width:170px;background:#FFF799;animation-delay:-1s}

/* Голограми з набору Оксани (серце й зірка, як на екрані 7) */
.wpc-s13__holo{position:absolute;z-index:4;animation:wpcS13f 7s ease-in-out infinite;pointer-events:none}
.wpc-s13__holo--heart{width:96px;left:-40px;top:250px}
.wpc-s13__holo--star{width:80px;right:20px;top:-6px;animation-delay:-3s}
/* «Пливуть» на 8 px */
@keyframes wpcS13f{50%{transform:translateY(-8px)}}

/* ---- Текст ---- */
.wpc-s13__tx{position:relative!important;padding:0!important;--row-gap:0px;row-gap:0!important}
/* Біла пляма під текстом: глушить сітку */
.wpc-s13__tx::before{content:""!important;position:absolute!important;inset:-90px -110px!important;width:auto!important;height:auto!important;z-index:-1!important;opacity:1!important;background:radial-gradient(closest-side,#fff 62%,rgba(255,255,255,0))!important}
/* H2: акцент «я» градієнтом */
.wpc-s13__h2{margin:0 0 28px!important}
.wpc-s13__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif!important;color:#28292A!important;margin:0!important}
.wpc-s13__h2 .elementor-heading-title span{background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Абзаци; тема обнуляє відступи, тому margin з !important */
.wpc-s13__p{margin:0!important}
.wpc-s13__p p{font:500 18px/1.6 Raleway,sans-serif!important;color:#3a3b3d;margin:0 0 16px!important}
.wpc-s13__p p:last-child{margin-bottom:0!important}
/* Перший абзац більший: ім'я і головні цифри */
.wpc-s13__p p:first-child{font-size:22px!important;font-weight:600!important;color:#28292A}
/* Цифри жирним усередині тексту */
.wpc-s13__p strong,.wpc-s13__p b{font-weight:800;color:#28292A}

/* Усі анімації вимикаються при «зменшити рух» */
@media (prefers-reduced-motion:reduce){.wpc-s13__win,.wpc-s13__holo{animation:none}}

/* ===== Мобайл до 767 px ===== */
@media (max-width:767px){
  /* Відступи 80; сітка дрібніша */
  .wpc-s13{padding:80px 0!important}
  .wpc-s13::before{background-size:28px 28px!important;-webkit-mask:radial-gradient(80% 70% at 50% 40%,#000 40%,transparent 100%);mask:radial-gradient(80% 70% at 50% 40%,#000 40%,transparent 100%)}
  /* Одна колонка: H2 → фото → текст. Колонка тексту «розчиняється», щоб H2 став окремим рядком над фото */
  .wpc-s13__in{grid-template-columns:1fr;max-width:none!important;width:auto!important;margin:0 20px!important}
  .wpc-s13__tx{display:contents!important}
  .wpc-s13__tx::before{display:none!important}
  .wpc-s13__h2{order:-1;margin:0!important}
  .wpc-s13__h2 .elementor-heading-title{font-size:32px!important}
  /* Фото нижче заголовка, щоб перше віконце його не перекривало (правка 23.10) */
  .wpc-s13__ph{height:380px;margin:84px 0 36px!important}
  .wpc-s13__ph::before{left:10%!important;right:10%!important;height:86%!important;border-radius:200px 200px 0 0;outline-offset:6px}
  .wpc-s13__me{left:50%;width:96%!important}
  /* Віконця компактні; бриф на мобайлі не показуємо, бо закриває ноутбук */
  .wpc-s13__win{border-radius:12px;box-shadow:0 10px 24px rgba(40,41,42,.14);outline-offset:4px;padding:8px 10px;font-size:11px;line-height:1.3;width:150px}
  .wpc-s13__win .wpc-s13__lbl{font-size:9px;margin-bottom:4px}
  .wpc-s13__win--1{left:-6px;top:-50px;width:150px}
  .wpc-s13__win--2{right:-6px;top:130px;width:140px}
  .wpc-s13__win--3{display:none}
  .wpc-s13__win--4{right:-4px;bottom:24px;width:130px}
  .wpc-s13__holo--heart{width:58px;left:4px;top:200px}
  .wpc-s13__holo--star{width:50px;right:44px;top:-10px}
  @keyframes wpcS13f{50%{transform:translateY(-6px)}}
  /* Текст під фото з білою плямою */
  .wpc-s13__p{position:relative}
  .wpc-s13__p::before{content:"";position:absolute;inset:-40px;z-index:-1;background:radial-gradient(closest-side,#fff 70%,rgba(255,255,255,0))}
  .wpc-s13__p p{font-size:16px!important;line-height:1.55!important;margin-bottom:14px!important}
  .wpc-s13__p p:first-child{font-size:19px!important}
}

/* =====================================================================
   Екран 14. Тарифи
   Контейнер wpc-s14 (ID price). Ціни, назви, бонуси, списки й кнопки —
   звичайні віджети Elementor у трьох картках. Скрипт «Екран 14 — скрипт»
   збирає «вушко» з ціною, номер [01], розгортання смуг на мобайлі.
   Чого в тарифі немає: у списку закреслити пункт (кнопка «Закреслений»),
   він стане блідим з хрестиком.
   ===================================================================== */

/* Контейнер: темний блок (графіт + плями + зерно), відступи 120 (контраст із білим екраном 13) */
.wpc-s14{position:relative;background:#28292A!important;padding:120px 0!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Плями: ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s14::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;opacity:1!important;background:radial-gradient(34% 40% at 12% 14%,rgba(226,74,254,.22),transparent 70%),radial-gradient(36% 44% at 92% 60%,rgba(127,67,178,.34),transparent 70%),radial-gradient(26% 30% at 40% 100%,rgba(12,118,202,.16),transparent 70%)!important}
/* Зерно поверх */
.wpc-s14::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* HTML-віджет зі скриптом нічого не показує */
.wpc-s14__js{display:none!important}

/* H2 */
.wpc-s14__h2{width:1140px!important;max-width:calc(100% - 40px)!important;margin:0 auto 48px!important}
.wpc-s14__h2 .elementor-heading-title{font:900 48px/1.12 Raleway,sans-serif!important;color:#fff!important;margin:0!important}

/* Три картки поруч */
.wpc-s14__grid{width:1140px!important;max-width:calc(100% - 40px)!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px!important;--row-gap:24px;align-items:stretch}

/* ---- Кольори карток: Старт біла, Експерт лавандова, Гуру жовта ---- */
.wpc-s14__c--s{--bg:#fff;--box:#F4F1F7;--mut:#6B6B70;--wm:rgba(40,41,42,.10);--wm2:rgba(40,41,42,.35);--chk:#28292A;--chkt:#fff;--off:#B3ADBB;--btn:#0C76CA;--btnh:#0A62A8;--btnt:#fff;--ring:#28292A}
.wpc-s14__c--b{--bg:#EBE1F4;--box:#DCCBEB;--mut:#7F43B2;--wm:rgba(127,67,178,.22);--wm2:rgba(127,67,178,.55);--chk:#7F43B2;--chkt:#fff;--off:#A796B8;--btn:#E24AFE;--btnh:#d33cef;--btnt:#28292A;--ring:#7F43B2}
.wpc-s14__c--p{--bg:#FFF799;--box:#F3E97A;--mut:#6B6B70;--wm:rgba(40,41,42,.14);--wm2:rgba(40,41,42,.4);--chk:#28292A;--chkt:#FFF799;--off:#A9A25A;--btn:#28292A;--btnh:#3a3b3d;--btnt:#fff;--ring:#28292A}

/* Картка = «вушко» з ціною + тіло (вушко й тіло будує скрипт) */
.wpc-s14__c{display:flex!important;flex-direction:column!important;gap:6px!important;--row-gap:6px;padding:0!important;color:#28292A;background:none!important}
.wpc-s14__ear,.wpc-s14__body{background:var(--bg);border-radius:18px}
.wpc-s14__ear{position:relative;padding:16px 22px 18px}
.wpc-s14__body{position:relative;flex:1;padding:22px 22px 24px;display:flex;flex-direction:column;overflow:hidden}
.wpc-s14__lbl{display:block;font:500 12px/1 'JetBrains Mono',monospace;color:var(--mut)}
/* Віджети в картці без своїх відступів і ширин */
.wpc-s14__c .elementor-widget{margin:0!important;width:auto!important;max-width:none!important}

/* Ціна: число з віджета, «грн» дописує CSS */
.wpc-s14__price{margin-top:10px!important}
.wpc-s14__price .elementor-heading-title{font:900 40px/1 Raleway,sans-serif!important;letter-spacing:-.5px;color:#28292A!important;margin:0!important}
.wpc-s14__price .elementor-heading-title::after{content:" грн";font:500 14px/1 'JetBrains Mono',monospace;letter-spacing:0;color:var(--mut)}

/* Стікер-бонус під кутом над вушком */
.wpc-s14__stk{position:absolute!important;right:-6px;top:-14px;z-index:2}
.wpc-s14__stk .elementor-heading-title{display:inline-block;font:600 13px/1 'JetBrains Mono',monospace!important;padding:9px 13px;border-radius:50px;box-shadow:0 8px 18px rgba(0,0,0,.25);margin:0!important}
.wpc-s14__c--b .wpc-s14__stk .elementor-heading-title{background:#7F43B2;color:#fff!important;transform:rotate(6deg)}
.wpc-s14__c--p .wpc-s14__stk .elementor-heading-title{background:#E24AFE;color:#28292A!important;transform:rotate(-5deg)}

/* Контурний номер-водяний знак [01] */
.wpc-s14__wm{position:absolute;right:16px;top:6px;font:500 84px/1 'JetBrains Mono',monospace;color:transparent;-webkit-text-stroke:1.5px var(--wm);pointer-events:none}

/* Назва (Старт / Експерт / Гуру) і дескриптор зі старою назвою під нею */
.wpc-s14__nm{position:relative;margin-top:34px!important}
.wpc-s14__nm .elementor-heading-title{font:900 32px/1.1 Raleway,sans-serif!important;color:#28292A!important;margin:0!important}
.wpc-s14__dsc{margin:8px 0 18px!important}
.wpc-s14__dsc .elementor-heading-title{font:500 12px/1 'JetBrains Mono',monospace!important;color:var(--mut)!important;margin:0!important}
.wpc-s14__dsc .elementor-heading-title::before{content:"// "}

/* Обгортка списку й кнопки (на мобайлі розгортається) */
.wpc-s14__more{display:flex;flex-direction:column;flex:1}
.wpc-s14__more > div{display:flex;flex-direction:column;flex:1}

/* Список на підкладці свого відтінку */
.wpc-s14__list{flex:1;margin-bottom:22px!important}
.wpc-s14__list ul{list-style:none!important;margin:0!important;padding:12px 14px!important;border-radius:14px;background:var(--box);height:100%;box-sizing:border-box}
.wpc-s14__list li{position:relative;list-style:none!important;font:600 14px/1.4 Raleway,sans-serif;color:#28292A;padding:6px 0 6px 30px;margin:0!important}
/* Галочка: коло кольору картки */
.wpc-s14__list li::before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--chk);color:var(--chkt);display:grid;place-items:center;font:700 11px/1 Raleway,sans-serif}
/* Чого немає: закреслений пункт стає блідим з пунктирним хрестиком */
.wpc-s14__list li:has(del),.wpc-s14__list li:has(s){color:var(--off);font-weight:500}
.wpc-s14__list li del,.wpc-s14__list li s{text-decoration:none}
.wpc-s14__list li:has(del)::before,.wpc-s14__list li:has(s)::before{content:"✕";background:none;border:1.5px dashed var(--off);color:var(--off);box-sizing:border-box}

/* Кнопка броні: у кожного тарифу свій колір, пунктирне кільце в тон картки; тема перефарбовує кнопки, тому !important */
.wpc-s14__btn{position:relative;margin:6px!important}
.wpc-s14__btn::after{content:"";position:absolute;inset:-6px;border:1.5px dashed var(--ring);border-radius:50px;pointer-events:none}
.wpc-s14__btn .elementor-button{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:56px!important;padding:0 16px!important;border-radius:50px!important;border:0!important;background:var(--btn)!important;color:var(--btnt)!important;font:italic 900 16px/1 Raleway,sans-serif!important;box-shadow:none!important;transition:background .2s}
.wpc-s14__btn .elementor-button:hover,.wpc-s14__btn .elementor-button:focus{background:var(--btnh)!important;color:var(--btnt)!important}
.wpc-s14__btn .elementor-button *{color:inherit!important}

/* Кнопка розгортання і моно-номер потрібні тільки на мобайлі */
.wpc-s14__tg,.wpc-s14__no{display:none}

/* Пігулки під картками */
.wpc-s14__ft{width:1140px!important;max-width:calc(100% - 40px)!important;margin:44px auto 0!important}
.wpc-s14__ft .elementor-widget-container{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.wpc-s14__ft p{font:500 13px/1 'JetBrains Mono',monospace!important;color:#fff;border:1.5px dashed rgba(235,225,244,.6);border-radius:50px;padding:11px 16px;margin:0!important}

/* Поява карток по черзі один раз (клас is-in ставить скрипт) */
.wpc-s14.js .wpc-s14__c{opacity:0;transform:translateY(24px)}
.wpc-s14.js.is-in .wpc-s14__c{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.wpc-s14.js.is-in .wpc-s14__c:nth-child(2){transition-delay:.12s}
.wpc-s14.js.is-in .wpc-s14__c:nth-child(3){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.wpc-s14.js .wpc-s14__c{opacity:1;transform:none}.wpc-s14__more{transition:none!important}}

/* ===== Мобайл до 767 px: стос смуг, як програма (екран 5) ===== */
@media (max-width:767px){
  .wpc-s14{padding:80px 0!important}
  .wpc-s14::before{background:radial-gradient(60% 30% at 90% 8%,rgba(226,74,254,.22),transparent 70%),radial-gradient(60% 34% at 0% 60%,rgba(127,67,178,.34),transparent 70%),radial-gradient(50% 24% at 80% 98%,rgba(12,118,202,.16),transparent 70%)!important}
  .wpc-s14__h2{width:auto!important;max-width:none!important;margin:0 20px 32px!important}
  .wpc-s14__h2 .elementor-heading-title{font-size:32px!important}
  /* Смуги на всю ширину з нахлестом 20 px і тінню вгору */
  .wpc-s14__grid{display:block!important;width:auto!important;max-width:none!important}
  .wpc-s14__c{display:grid!important;grid-template-columns:auto 1fr auto;column-gap:14px;row-gap:0!important;align-items:center;background:var(--bg)!important;border-radius:22px 22px 0 0;padding:20px 20px 40px!important;margin-top:-20px!important;box-shadow:0 -10px 24px rgba(0,0,0,.22);position:relative}
  .wpc-s14__c:first-child{margin-top:0!important}
  .wpc-s14__c:last-child{border-radius:22px;padding-bottom:22px!important}
  /* Вушко й тіло «розчиняються», щоб елементи стали в одну шапку */
  .wpc-s14__ear,.wpc-s14__body{display:contents}
  .wpc-s14__ear > .wpc-s14__lbl,.wpc-s14__wm{display:none}
  /* Шапка: номер | назва, дескриптор, ціна, бонус | кнопка + */
  .wpc-s14__no{display:block;grid-column:1;grid-row:1/5;font:500 34px/1 'JetBrains Mono',monospace;color:transparent;-webkit-text-stroke:1.2px var(--wm2)}
  .wpc-s14__nm{grid-column:2;grid-row:1;margin:0!important}
  .wpc-s14__nm .elementor-heading-title{font-size:24px!important}
  .wpc-s14__dsc{grid-column:2;grid-row:2;margin:4px 0 0!important}
  .wpc-s14__dsc .elementor-heading-title{font-size:11px!important}
  .wpc-s14__price{grid-column:2;grid-row:3;margin-top:6px!important}
  .wpc-s14__price .elementor-heading-title{font:800 15px/1 Raleway,sans-serif!important;color:var(--mut)!important}
  .wpc-s14__price .elementor-heading-title::after{font-size:11px}
  /* Бонус рівно, без нахилу (правка 23.10) */
  .wpc-s14__stk{position:static!important;grid-column:2;grid-row:4;margin-top:10px!important;justify-self:start}
  .wpc-s14__stk .elementor-heading-title{font-size:11px!important;padding:7px 10px;box-shadow:none;transform:none!important}
  .wpc-s14__tg{display:grid;grid-column:3;grid-row:1/5;width:40px;height:40px;border-radius:50%;border:1.5px dashed rgba(40,41,42,.5);place-items:center;font:400 22px/1 Raleway,sans-serif;transition:transform .4s cubic-bezier(.65,0,.35,1)}
  .wpc-s14__c.is-open .wpc-s14__tg{transform:rotate(45deg)}
  /* Список і кнопка розгортаються; за замовчуванням усі смуги закриті (рішення 23.10) */
  .wpc-s14__more{grid-column:1/4;grid-row:5;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1)}
  .wpc-s14__c.is-open .wpc-s14__more{grid-template-rows:1fr}
  .wpc-s14__more > div{overflow:hidden;min-height:0}
  .wpc-s14__list{margin:18px 0 18px!important;flex:none}
  .wpc-s14__list ul{padding:10px 12px!important}
  .wpc-s14__list li{font-size:13.5px;padding:5px 0 5px 30px}
  .wpc-s14__list li::before{top:6px}
  .wpc-s14__btn{margin:6px 6px 8px!important}
  .wpc-s14__btn .elementor-button{height:54px!important;font-size:15px!important}
  /* Шапка смуги клікабельна */
  .wpc-s14__c{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .wpc-s14__more{cursor:auto}
  /* Поява на мобайлі без зсуву, щоб не ламати нахлест */
  .wpc-s14.js .wpc-s14__c{transform:none}
  /* Пігулки зліва, одна під одною */
  .wpc-s14__ft{width:auto!important;max-width:none!important;margin:28px 20px 0!important}
  .wpc-s14__ft .elementor-widget-container{justify-content:flex-start;gap:10px}
  .wpc-s14__ft p{font-size:12px!important;padding:10px 13px}
}


/* Відступи віджетів у картці: правило «.wpc-s14__c .elementor-widget{margin:0}» сильніше, тому тут вища специфічність */
.wpc-s14__c .wpc-s14__price{margin-top:10px!important}
.wpc-s14__c .wpc-s14__nm{margin-top:34px!important}
.wpc-s14__c .wpc-s14__dsc{margin:8px 0 18px!important}
.wpc-s14__c .wpc-s14__list{margin-bottom:22px!important}
.wpc-s14__c .wpc-s14__btn{margin:6px!important}
@media (max-width:767px){
  .wpc-s14__c .wpc-s14__nm{margin:0!important}
  .wpc-s14__c .wpc-s14__dsc{margin:4px 0 0!important}
  .wpc-s14__c .wpc-s14__price{margin-top:6px!important}
  .wpc-s14__c .wpc-s14__stk{margin-top:10px!important}
  .wpc-s14__c .wpc-s14__list{margin:18px 0!important}
  .wpc-s14__c .wpc-s14__btn{margin:6px 6px 8px!important}
}



/* Екран 14 — оплата частинами під ціною (правка 28.10)
   Віджет «Заголовок» wpc-s14__part, скрипт переносить його у вушко під ціну */
.wpc-s14__c .wpc-s14__part{margin-top:8px!important} /* специфічніше за обнулення відступів віджетів у картці */
.wpc-s14__part .elementor-heading-title{font:500 12px/1.3 'JetBrains Mono',monospace!important;color:var(--mut)!important;margin:0!important}
@media (max-width:767px){
  /* Мобайл: рядок під ціною в шапці смуги, бонус і список зсуваються на ряд нижче */
  .wpc-s14__c .wpc-s14__part{grid-column:2;grid-row:4;margin-top:4px!important}
  .wpc-s14__part .elementor-heading-title{font-size:11px!important}
  .wpc-s14__stk{grid-row:5!important}
  .wpc-s14__more{grid-row:6!important}
  .wpc-s14__no,.wpc-s14__tg{grid-row:1/6!important} /* номер і «+» тягнуться на всю висоту шапки */
}

/* ===================================================================
   Екран 15. Менторство (тизер): голо-картка довічного членства
   Розмітка й скрипт в HTML-віджеті «Екран 15 — менторство»
   =================================================================== */

/* Контейнер екрана: світлий фон, відступи 120 (далі темний екран 16) */
.wpc-s15{position:relative;background:#fff!important;padding:120px 20px!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Кольорові плями, згасають до верху й низу. ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s15::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;opacity:1!important;pointer-events:none;background:radial-gradient(30% 34% at 12% 34%,rgba(226,74,254,.2),transparent 70%),radial-gradient(28% 32% at 88% 60%,rgba(127,67,178,.2),transparent 70%),radial-gradient(22% 26% at 72% 12%,rgba(69,146,191,.16),transparent 70%),radial-gradient(22% 24% at 26% 90%,rgba(255,247,153,.5),transparent 70%)!important;-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
/* HTML-віджет на всю ширину контейнера */
.wpc-s15 .wpc-s15__w{width:100%!important;max-width:100%!important}
.wpc-s15__in{max-width:1140px;margin:0 auto;font-family:Raleway,sans-serif;color:#28292A}

/* Шапка: H2 градієнтом, під ним моно-дескриптор */
.wpc-s15__h{text-align:center;margin-bottom:56px}
.wpc-s15__h h2{font-size:48px!important;font-weight:900!important;line-height:1.12!important;margin:0!important;display:inline-block;background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.wpc-s15__h p{font-family:'JetBrains Mono',monospace;font-size:15px;color:#6B6B70;margin:10px 0 0!important}
/* Моно-мітки */
.wpc-s15__mono{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;color:#7F43B2}

/* Сітка: зліва перелік, справа картка. Обидві колонки на всю висоту ряду */
.wpc-s15__grid{display:grid;grid-template-columns:1fr 470px;gap:48px;align-items:stretch}

/* Лівий блок: «інтерфейсна» картка з пунктирним кільцем 7 px */
.wpc-s15__box{position:relative;background:#fff;border-radius:18px;padding:36px 40px;box-shadow:0 24px 60px -24px rgba(40,41,42,.22)}
.wpc-s15__box::after{content:"";position:absolute;inset:-7px;border:1.5px dashed rgba(40,41,42,.35);border-radius:25px;pointer-events:none}
/* Перелік: тема додає відступи спискам, обнуляємо */
.wpc-s15__list{list-style:none!important;margin:22px 0 0!important;padding:0!important;display:grid;gap:16px}
.wpc-s15__list li{position:relative;padding-left:34px;margin:0!important;font-size:17px;line-height:1.45;font-weight:500;list-style:none!important}
/* Галочка: графітове коло з білою галочкою (SVG) */
.wpc-s15__list li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#28292A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.5L10 3.2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* Права колонка: картка вгорі, ціна з кнопкою внизу */
.wpc-s15__side{display:flex;flex-direction:column;perspective:1000px}

/* Голо-картка довічного членства */
.wpc-s15__card{--mx:50%;--my:50%;position:relative;aspect-ratio:1.586;border-radius:22px;padding:26px 28px;background:#efe6fb;box-shadow:0 30px 60px -20px rgba(127,67,178,.45),inset 0 0 0 1px rgba(255,255,255,.7);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}
/* Перелив: градієнт зсувається за мишкою (--mx, --my ставить скрипт) */
.wpc-s15__card::before{content:"";position:absolute;inset:0;border-radius:22px;opacity:.55;background:linear-gradient(115deg,rgba(226,74,254,.75),rgba(127,67,178,.55) 20%,rgba(69,146,191,.6) 40%,rgba(255,247,153,.95) 56%,rgba(226,74,254,.7) 74%,rgba(127,67,178,.55));background-size:240% 240%;background-position:var(--mx) var(--my);transition:background-position .4s}
/* Відблиск у точці курсора */
.wpc-s15__card::after{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.75),transparent 45%);mix-blend-mode:soft-light;pointer-events:none}
.wpc-s15__card>*{position:relative;z-index:1}
.wpc-s15__ctop{display:flex;justify-content:space-between;align-items:flex-start}
.wpc-s15__ctop .wpc-s15__mono{color:#28292A;font-size:13px;font-weight:700;letter-spacing:.12em}
/* Чип картки (декор) */
.wpc-s15__chip{width:46px;height:34px;border-radius:7px;background:linear-gradient(135deg,#fff,#EBE1F4);border:1px solid rgba(40,41,42,.25);margin-top:14px;position:relative}
.wpc-s15__chip::before{content:"";position:absolute;inset:8px 0;border-top:1px solid rgba(40,41,42,.25);border-bottom:1px solid rgba(40,41,42,.25)}
/* Голо-зірка з медіатеки */
.wpc-s15__card img{width:70px!important;height:auto!important;margin:-6px -6px 0 0}
.wpc-s15__ct{margin-top:auto;font-size:30px;font-weight:900;line-height:1.05}
/* Нижній рядок: lifetime member + штрихкод */
.wpc-s15__cb{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em}
.wpc-s15__bar{margin-right:70px;text-align:right}
/* Штрихкод смужками, без картинки */
.wpc-s15__bar i{display:block;width:130px;height:26px;opacity:.8;background:repeating-linear-gradient(90deg,#28292A 0 2px,transparent 2px 4px,#28292A 4px 5px,transparent 5px 9px,#28292A 9px 12px,transparent 12px 14px)}
.wpc-s15__bar span{display:block;font-size:9px;letter-spacing:.2em;margin-top:4px}
/* Печатка «особисто 1:1» на правому нижньому куті картки */
.wpc-s15__stamp{position:absolute!important;right:-26px;bottom:-34px;z-index:3!important;width:104px;height:104px;border-radius:50%;border:2px solid #7F43B2;color:#7F43B2;background:rgba(255,255,255,.55);backdrop-filter:blur(2px);display:grid;place-items:center;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.3;transform:rotate(-14deg)}
.wpc-s15__stamp::before{content:"";position:absolute;inset:4px;border:1px dashed #7F43B2;border-radius:50%}
.wpc-s15__stamp b{display:block;font-size:20px}

/* Опис довічного членства під карткою */
.wpc-s15__desc{font-size:16px;line-height:1.5;margin:44px 4px 0!important}
.wpc-s15__desc b{font-weight:900}

/* Ціна і кнопка, притиснуті до низу колонки */
.wpc-s15__buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:24px 7px 0 0}
.wpc-s15__price{font-size:40px;font-weight:900;line-height:1;white-space:nowrap}
.wpc-s15__price small{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:500;margin-left:6px}
/* Кнопка графітова, без мадженти. Тема перефарбовує кнопки й посилання, тому !important */
.wpc-s15__btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;height:52px;padding:0 22px!important;border-radius:50px!important;background:#28292A!important;color:#fff!important;font-weight:900!important;font-style:italic;font-size:15px!important;text-decoration:none!important;white-space:nowrap;outline:none!important}
.wpc-s15__btn::after{content:"";position:absolute;inset:-6px;border:1.5px dashed rgba(40,41,42,.55);border-radius:50px;pointer-events:none}
.wpc-s15__btn:hover,.wpc-s15__btn:focus{background:#7F43B2!important;color:#fff!important}

/* Поява: тільки коли скрипт запустився (клас is-js), інакше все видно одразу */
.wpc-s15.is-js .wpc-s15__rv{opacity:0;transform:translateY(24px)}
.wpc-s15.is-js.go .wpc-s15__rv{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
/* Картка розвертається, печатка «гупає» наприкінці */
.wpc-s15.is-js .wpc-s15__card{opacity:0}
.wpc-s15.is-js.go .wpc-s15__card{animation:wpcS15fl 1s cubic-bezier(.22,1,.36,1) .3s both}
.wpc-s15.is-js .wpc-s15__stamp{opacity:0;transform:rotate(-14deg) scale(1.8)}
.wpc-s15.is-js.go .wpc-s15__stamp{opacity:1;transform:rotate(-14deg) scale(1);transition:all .35s cubic-bezier(.65,0,.35,1) 1.5s}
@keyframes wpcS15fl{from{transform:rotateY(-28deg) translateY(30px);opacity:0}to{transform:none;opacity:1}}
/* На сенсорних екранах мишки немає: перелив повільно «дихає» сам */
@media (hover:none){.wpc-s15__card::before{animation:wpcS15sh 9s ease-in-out infinite}}
@keyframes wpcS15sh{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}
/* «Зменшити рух»: без анімацій */
@media (prefers-reduced-motion:reduce){.wpc-s15 .wpc-s15__rv,.wpc-s15 .wpc-s15__stamp,.wpc-s15 .wpc-s15__card{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.wpc-s15__card::before{animation:none!important}.wpc-s15 .wpc-s15__stamp{transform:rotate(-14deg)!important}}

/* Мобайл: картка → опис → перелік → ціна й кнопка */
@media (max-width:767px){
  .wpc-s15{padding:80px 20px!important}
  .wpc-s15__h{margin-bottom:36px}
  .wpc-s15__h h2{font-size:32px!important}
  .wpc-s15__h p{font-size:13px;margin-top:6px!important}
  /* display:contents розпускає праву колонку, щоб переставити порядок */
  .wpc-s15__grid{display:flex;flex-direction:column;gap:0}
  .wpc-s15__side{display:contents}
  .wpc-s15__card{order:1;width:100%;padding:20px 20px 18px;border-radius:18px}
  .wpc-s15__card::before,.wpc-s15__card::after{border-radius:18px}
  .wpc-s15__desc{order:2;margin:40px 2px 0!important;font-size:15px}
  .wpc-s15__box{order:3;margin-top:30px;padding:24px 20px}
  .wpc-s15__list{gap:14px;margin-top:18px!important}
  .wpc-s15__list li{font-size:16px;padding-left:32px}
  .wpc-s15__buy{order:4;flex-direction:column;align-items:stretch;gap:18px;margin-top:34px;padding:0 6px}
  .wpc-s15__price{text-align:center}
  .wpc-s15__btn{width:100%;height:54px}
  .wpc-s15__ct{font-size:26px}
  .wpc-s15__card img{width:50px!important}
  .wpc-s15__ctop .wpc-s15__mono{font-size:11px}
  /* Чип ховаємо: стискав заголовок картки */
  .wpc-s15__chip{display:none}
  .wpc-s15__cb{font-size:10px;margin-top:8px}
  .wpc-s15__bar{margin-right:56px}
  .wpc-s15__bar i{width:70px;height:18px}
  .wpc-s15__bar span{font-size:7px}
  .wpc-s15__stamp{width:78px;height:78px;right:-8px;bottom:-36px;font-size:8px}
  .wpc-s15__stamp b{font-size:15px}
}


/* Екран 15 — оплата частинами під ціною (правка 28.10) */
.wpc-s15__part{display:block;margin-top:8px;font:500 12px/1.3 'JetBrains Mono',monospace;color:#6b6c70;white-space:normal} /* рядок під числом, перебиваємо nowrap ціни */

/* ===================================================================
   Екран 16. Гарантії: три гарантійні талони з печатками
   Розмітка й скрипт в HTML-віджеті «Екран 16 — гарантії»
   =================================================================== */

/* Контейнер: темний блок, відступи 120 (далі світлий екран 17) */
.wpc-s16{position:relative;background:#28292A!important;padding:120px 20px!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Плями: ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s16::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-2!important;opacity:1!important;pointer-events:none;background:radial-gradient(34% 40% at 88% 18%,rgba(226,74,254,.22),transparent 70%),radial-gradient(36% 44% at 8% 70%,rgba(127,67,178,.34),transparent 70%),radial-gradient(26% 30% at 60% 100%,rgba(12,118,202,.16),transparent 70%)!important}
/* Зерно поверх плям */
.wpc-s16::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:overlay}
/* HTML-віджет на всю ширину контейнера */
.wpc-s16 .wpc-s16__w{width:100%!important;max-width:100%!important}
.wpc-s16__in{max-width:1140px;margin:0 auto;font-family:Raleway,sans-serif;color:#28292A}
.wpc-s16__h2{font-size:48px!important;font-weight:900!important;line-height:1.12!important;color:#fff!important;margin:0 0 56px!important;text-align:center}

/* Три талони в ряд, однакової висоти */
.wpc-s16__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}

/* Талон. Вирізи по боках на рівні перфорації роблять маски (78 px = висота шапки) */
.wpc-s16__t{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;
  -webkit-mask:radial-gradient(circle 13px at 0 78px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 78px,transparent 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 13px at 0 78px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 78px,transparent 98%,#000) right/51% 100% no-repeat}
/* Кольори талонів, як у тарифах: білий, лаванда, жовтий */
.wpc-s16__t--2{background:#EBE1F4}
.wpc-s16__t--3{background:#FFF799}
/* Шапка талона з номером */
.wpc-s16__hd{height:78px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;font:700 11px/1.3 'JetBrains Mono',monospace;letter-spacing:.14em}
.wpc-s16__hd span:last-child{font-size:13px;color:#7F43B2}
/* Перфорація */
.wpc-s16__perf{height:0;margin:0 18px;border-top:2px dashed rgba(40,41,42,.28)}
.wpc-s16__bd{padding:26px 26px 0;flex:1}
/* Велика позначка (14 днів, 0 грн доплат, до здачі) */
.wpc-s16__big{font:900 44px/1 Raleway,sans-serif;margin-bottom:18px}
.wpc-s16__big small{font:500 16px 'JetBrains Mono',monospace;margin-left:6px}
.wpc-s16__bd h3{font:800 21px/1.25 Raleway,sans-serif!important;margin:0 0 10px!important;color:#28292A!important}
/* Тема обнуляє відступи абзаців з !important */
.wpc-s16__bd p{font:500 15.5px/1.55 Raleway,sans-serif;margin:0!important;color:#3a3a3e}
/* Низ талона: мітка тарифу і підпис, справа місце під печатку */
.wpc-s16__ft{margin-top:auto;padding:22px 26px 24px;min-height:110px;display:flex;flex-direction:column;justify-content:flex-end}
.wpc-s16__tag{font:12px 'JetBrains Mono',monospace;color:#7F43B2}
.wpc-s16__sig{font:11px 'JetBrains Mono',monospace;color:#6B6B70;letter-spacing:.1em}
/* Печатка «Гарантія» */
.wpc-s16__st{position:absolute;right:20px;bottom:18px;width:96px;height:96px;border-radius:50%;border:2px solid #7F43B2;color:#7F43B2;display:grid;place-items:center;text-align:center;font:700 9px/1.3 'JetBrains Mono',monospace;letter-spacing:.12em;transform:rotate(-12deg);mix-blend-mode:multiply;opacity:.92}
.wpc-s16__st::before{content:"";position:absolute;inset:5px;border:1px dashed #7F43B2;border-radius:50%}
.wpc-s16__st b{display:block;font-size:13px;letter-spacing:.06em;margin:2px 0}

/* Поява: тільки коли скрипт запустився (клас is-js), інакше все видно одразу */
.wpc-s16.is-js .wpc-s16__rv{opacity:0;transform:translateY(30px)}
.wpc-s16.is-js.go .wpc-s16__rv{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
/* Печатки «гупають» по черзі після появи талонів */
.wpc-s16.is-js .wpc-s16__st{opacity:0;transform:rotate(-12deg) scale(1.9)}
.wpc-s16.is-js.go .wpc-s16__st{opacity:.92;transform:rotate(-12deg) scale(1);transition:opacity .2s,transform .32s cubic-bezier(.65,0,.35,1)}
.wpc-s16.is-js.go .wpc-s16__t--1 .wpc-s16__st{transition-delay:1s}
.wpc-s16.is-js.go .wpc-s16__t--2 .wpc-s16__st{transition-delay:1.35s}
.wpc-s16.is-js.go .wpc-s16__t--3 .wpc-s16__st{transition-delay:1.7s}
/* Талон ледь здригається від удару печатки (клас ставить скрипт) */
.wpc-s16__t.is-thump{animation:wpcS16th .3s}
@keyframes wpcS16th{40%{transform:translateY(3px) scale(.99)}}
/* «Зменшити рух»: без анімацій */
@media (prefers-reduced-motion:reduce){.wpc-s16 .wpc-s16__rv{opacity:1!important;transform:none!important;transition:none!important}.wpc-s16 .wpc-s16__st{opacity:.92!important;transform:rotate(-12deg)!important;transition:none!important}.wpc-s16__t{animation:none!important}}

/* Мобайл: талони в одну колонку */
@media (max-width:767px){
  .wpc-s16{padding:80px 20px!important}
  .wpc-s16__h2{font-size:32px!important;margin-bottom:36px!important}
  .wpc-s16__grid{grid-template-columns:1fr;gap:22px}
  /* Шапка нижча, тому вирізи на 62 px */
  .wpc-s16__t{-webkit-mask:radial-gradient(circle 11px at 0 62px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 62px,transparent 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 62px,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 62px,transparent 98%,#000) right/51% 100% no-repeat}
  .wpc-s16__hd{height:62px;padding:0 20px;font-size:10px}
  .wpc-s16__hd span:last-child{font-size:12px}
  .wpc-s16__perf{margin:0 14px}
  .wpc-s16__bd{padding:20px 20px 0}
  .wpc-s16__big{font-size:36px;margin-bottom:14px}
  .wpc-s16__big small{font-size:14px}
  .wpc-s16__bd h3{font-size:19px!important}
  .wpc-s16__bd p{font-size:15px}
  .wpc-s16__ft{padding:18px 20px 20px;min-height:96px}
  .wpc-s16__st{width:80px;height:80px;right:16px;bottom:14px;font-size:8px}
  .wpc-s16__st b{font-size:11px}
}

/* ===================================================================
   Екран 17. FAQ: акордеон-картки, 16 питань, розмітка FAQPage
   Розмітка, скрипт і JSON-LD в HTML-віджеті «Екран 17 — FAQ»
   =================================================================== */

/* Контейнер: світлий фон, відступи 120 (далі темний екран 18) */
.wpc-s17{position:relative;background:#fff!important;padding:120px 20px!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Плями + ледь помітна сітка, згасають до верху й низу. ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s17::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-2!important;opacity:1!important;pointer-events:none;background:radial-gradient(30% 30% at 10% 28%,rgba(226,74,254,.2),transparent 70%),radial-gradient(30% 30% at 90% 52%,rgba(127,67,178,.22),transparent 70%),radial-gradient(24% 22% at 18% 82%,rgba(69,146,191,.16),transparent 70%),radial-gradient(22% 20% at 80% 92%,rgba(255,247,153,.5),transparent 70%),linear-gradient(rgba(127,67,178,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.06) 1px,transparent 1px)!important;background-size:auto,auto,auto,auto,40px 40px,40px 40px!important;-webkit-mask:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
/* Зерно поверх плям */
.wpc-s17::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.22;mix-blend-mode:multiply;-webkit-mask:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
/* HTML-віджет на всю ширину контейнера */
.wpc-s17 .wpc-s17__w{width:100%!important;max-width:100%!important}
.wpc-s17__in{max-width:880px;margin:0 auto;font-family:Raleway,sans-serif;color:#28292A}
/* H2: тема перебиває розмір, тому !important */
.wpc-s17__h2{font:900 48px/1.12 Raleway,sans-serif!important;color:#28292A!important;margin:0 0 48px!important;text-align:center}
.wpc-s17__h2 span{background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Список карток */
.wpc-s17__list{display:flex;flex-direction:column;gap:12px}
/* Картка питання */
.wpc-s17__it{background:#fff;border:1.5px solid #EBE1F4;border-radius:14px;transition:background .3s,border-color .3s,box-shadow .3s}
/* Відкрита картка: фіолетова, з пунктирним кільцем */
.wpc-s17__it.is-open{background:#7F43B2;border-color:#7F43B2;box-shadow:0 18px 40px -20px rgba(127,67,178,.6);outline:1.5px dashed rgba(127,67,178,.5);outline-offset:5px}
/* Кнопка-питання. Тема перефарбовує button у «пігулку», тому всі ключові властивості з !important */
.wpc-s17 .wpc-s17__q,.wpc-s17 .wpc-s17__q:hover,.wpc-s17 .wpc-s17__q:focus{box-sizing:border-box;cursor:pointer;width:100%!important;display:grid!important;grid-template-columns:40px 1fr 38px;align-items:center;gap:12px;padding:18px 20px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:12px!important;box-shadow:none!important;color:#28292A!important;font:700 18px/1.35 Raleway,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;height:auto!important;min-height:0!important;outline:none}
.wpc-s17 .wpc-s17__q:focus-visible{outline:2px solid #E24AFE!important;outline-offset:2px}
.wpc-s17 .wpc-s17__it.is-open .wpc-s17__q{color:#fff!important}
/* Моно-номер */
.wpc-s17__n{font:700 13px 'JetBrains Mono',monospace;color:#7F43B2}
.wpc-s17__it.is-open .wpc-s17__n{color:#EBE1F4}
/* «+» у пунктирному колі, у відкритої картки повертається в «×» */
.wpc-s17__pl{width:34px;height:34px;border-radius:50%;border:1.5px dashed #7F43B2;display:grid;place-items:center;color:#7F43B2;font:500 20px/1 'JetBrains Mono',monospace;transition:transform .35s cubic-bezier(.65,0,.35,1),background .2s,color .2s}
.wpc-s17__it.is-open .wpc-s17__pl{transform:rotate(45deg);background:#fff;color:#7F43B2;border:1.5px solid #fff}
/* Тема ставить кнопкам white-space:nowrap: довгі питання вилазили за картку. Дозволяємо перенос, колонка тексту стискається (minmax) */
.wpc-s17 .wpc-s17__q{white-space:normal!important;grid-template-columns:40px minmax(0,1fr) 38px!important}
.wpc-s17__q>span{white-space:normal!important;overflow-wrap:anywhere}
@media (max-width:767px){.wpc-s17 .wpc-s17__q{grid-template-columns:30px minmax(0,1fr) 32px!important}}
/* Відповідь: розгортання через grid-template-rows, без розрахунку висоти */
.wpc-s17__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.65,0,.35,1)}
.wpc-s17__it.is-open .wpc-s17__a{grid-template-rows:1fr}
.wpc-s17__a>div{overflow:hidden}
/* Тема обнуляє відступи абзаців з !important */
.wpc-s17__a p{margin:0!important;padding:0 72px 22px!important;font:500 16px/1.6 Raleway,sans-serif;color:#3a3a3e}
.wpc-s17__it.is-open .wpc-s17__a p{color:rgba(255,255,255,.9)}

/* Поява: заголовок і список цілим блоком, один раз (густий список без появи по рядках) */
.wpc-s17.is-js .wpc-s17__rv{opacity:0;transform:translateY(24px)}
.wpc-s17.is-js.go .wpc-s17__rv{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.wpc-s17 .wpc-s17__rv{opacity:1!important;transform:none!important;transition:none!important}.wpc-s17__a,.wpc-s17__pl{transition:none!important}}

/* Мобайл */
@media (max-width:767px){
  .wpc-s17{padding:80px 20px!important}
  /* Плями вужчі й довші під вузький екран, сітка 28 px */
  .wpc-s17::before{background:radial-gradient(60% 18% at 0% 20%,rgba(226,74,254,.2),transparent 70%),radial-gradient(60% 18% at 100% 50%,rgba(127,67,178,.22),transparent 70%),radial-gradient(50% 14% at 10% 80%,rgba(69,146,191,.16),transparent 70%),radial-gradient(50% 12% at 90% 94%,rgba(255,247,153,.5),transparent 70%),linear-gradient(rgba(127,67,178,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,67,178,.06) 1px,transparent 1px)!important;background-size:auto,auto,auto,auto,28px 28px,28px 28px!important}
  .wpc-s17__h2{font-size:32px!important;margin-bottom:32px!important}
  .wpc-s17 .wpc-s17__q,.wpc-s17 .wpc-s17__q:hover,.wpc-s17 .wpc-s17__q:focus{grid-template-columns:30px 1fr 32px;gap:10px;padding:16px 14px!important;font-size:16px!important}
  .wpc-s17__pl{width:30px;height:30px;font-size:18px}
  .wpc-s17__a p{padding:0 14px 18px 54px!important;font-size:15px}
}

/* ===================================================================
   Екран 18. Залишились питання? Кнопка і вікно чату в Telegram
   Розмітка й скрипт в HTML-віджеті «Екран 18 — питання»
   =================================================================== */

/* Контейнер: темний блок, відступи 120 (останній екран сторінки, далі футер) */
.wpc-s18{position:relative;background:#28292A!important;padding:120px 20px!important;overflow:hidden;isolation:isolate;--row-gap:0px;row-gap:0!important;--gap:0px;gap:0!important}
/* Плями: ::before Elementor тягне на 100%, тому розміри з !important */
.wpc-s18::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-2!important;opacity:1!important;pointer-events:none;background:radial-gradient(34% 44% at 82% 40%,rgba(226,74,254,.26),transparent 70%),radial-gradient(36% 44% at 10% 80%,rgba(127,67,178,.34),transparent 70%),radial-gradient(26% 30% at 50% 0%,rgba(12,118,202,.18),transparent 70%)!important}
/* Зерно поверх плям */
.wpc-s18::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1!important;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;mix-blend-mode:overlay}
.wpc-s18 .wpc-s18__w{width:100%!important;max-width:100%!important}
/* Дві колонки: текст і кнопка зліва, вікно чату справа */
.wpc-s18__in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;font-family:Raleway,sans-serif;color:#fff}
/* H2: тема перебиває розмір, тому !important */
.wpc-s18__h2{font:900 48px/1.12 Raleway,sans-serif!important;color:#fff!important;margin:0 0 18px!important}
.wpc-s18__h2 span{background:linear-gradient(90deg,#E24AFE,#7F43B2);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Тема обнуляє відступи абзаців з !important */
.wpc-s18__p{font:500 18px/1.6 Raleway,sans-serif;color:rgba(255,255,255,.82);margin:0 0 34px!important;max-width:520px}
/* Кнопка: синя з білим текстом (графіт на мадженті погано читається), пунктирне кільце 6 px. Тема перефарбовує посилання, тому !important */
.wpc-s18__btn{position:relative;display:inline-flex!important;align-items:center;gap:10px;height:56px;padding:0 30px!important;margin:6px!important;border-radius:50px!important;background:#0C76CA!important;color:#fff!important;font:italic 900 17px Raleway,sans-serif!important;text-decoration:none!important;outline:none!important}
.wpc-s18__btn::after{content:"";position:absolute;inset:-6px;border:1.5px dashed rgba(255,255,255,.6);border-radius:50px;pointer-events:none}
.wpc-s18__btn:hover,.wpc-s18__btn:focus{background:#0A62A8!important;color:#fff!important}

/* Вікно чату Telegram: усе вікно посилання на t.me */
.wpc-s18__win{position:relative;display:block;text-decoration:none!important;color:#28292A!important;background:#fff;border-radius:22px;box-shadow:0 30px 70px -24px rgba(0,0,0,.6)}
.wpc-s18__win::after{content:"";position:absolute;inset:-8px;border:1.5px dashed rgba(255,255,255,.35);border-radius:30px;pointer-events:none}
/* Шапка чату: аватарка (фото з екрана 13, медіатека ID 2141), ім'я, нік */
.wpc-s18__wh{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #EBE1F4}
.wpc-s18__av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#EBE1F4 url(https://oksy-roxy.me/wp-content/uploads/2026/10/oksana-hto-ya.webp) center 14%/170% auto no-repeat}
.wpc-s18__wh b{display:block;font:800 16px Raleway,sans-serif}
.wpc-s18__wh span{font:12px 'JetBrains Mono',monospace;color:#7F43B2}
/* Тіло чату: світла сітка, повідомлення притиснуті до низу */
.wpc-s18__wb{min-height:190px;padding:26px 18px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(rgba(127,67,178,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(127,67,178,.06) 1px,transparent 1px) 0 0/24px 24px,#F7F3FB}
/* «Друкує…»: три крапки */
.wpc-s18__ty{align-self:flex-start;display:flex;gap:4px;background:#fff;border-radius:16px 16px 16px 4px;padding:12px 16px;box-shadow:0 2px 6px rgba(40,41,42,.08)}
.wpc-s18__ty i{width:7px;height:7px;border-radius:50%;background:#9A93A3;animation:wpcS18dot 1s infinite}
.wpc-s18__ty i:nth-child(2){animation-delay:.15s}
.wpc-s18__ty i:nth-child(3){animation-delay:.3s}
@keyframes wpcS18dot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
/* Повідомлення від Оксани */
.wpc-s18__msg{align-self:flex-start;max-width:82%;background:#fff;border-radius:16px 16px 16px 4px;padding:12px 16px;font:500 16px/1.45 Raleway,sans-serif;box-shadow:0 2px 6px rgba(40,41,42,.08)}
.wpc-s18__msg small{display:block;text-align:right;font:11px 'JetBrains Mono',monospace;color:#9A93A3;margin-top:4px}
/* Поле вводу з кнопкою «надіслати» (декор) */
.wpc-s18__wf{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #EBE1F4}
.wpc-s18__wf span{flex:1;font:15px Raleway,sans-serif;color:#9A93A3}
.wpc-s18__wf i{width:36px;height:36px;border-radius:50%;background:#0C76CA;color:#fff;display:grid;place-items:center}

/* Анімація (клас is-js ставить скрипт): блоки з'являються, у чаті спершу «друкує…», потім повідомлення (клас is-typed) */
.wpc-s18.is-js .wpc-s18__msg{display:none}
.wpc-s18.is-js.is-typed .wpc-s18__ty{display:none}
.wpc-s18.is-js.is-typed .wpc-s18__msg{display:block;animation:wpcS18in .5s cubic-bezier(.22,1,.36,1)}
@keyframes wpcS18in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
/* Без скрипта «друкує…» не показуємо, одразу повідомлення */
.wpc-s18:not(.is-js) .wpc-s18__ty{display:none}
.wpc-s18.is-js .wpc-s18__rv{opacity:0;transform:translateY(24px)}
.wpc-s18.is-js.go .wpc-s18__rv{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.wpc-s18 .wpc-s18__rv{opacity:1!important;transform:none!important;transition:none!important}.wpc-s18__ty i,.wpc-s18__msg{animation:none!important}}

/* Мобайл: текст і кнопка, під ними чат */
@media (max-width:767px){
  .wpc-s18{padding:80px 20px!important}
  .wpc-s18__in{grid-template-columns:1fr;gap:44px}
  .wpc-s18__h2{font-size:32px!important}
  .wpc-s18__p{font-size:16px}
  .wpc-s18__btn{width:calc(100% - 12px);justify-content:center}
}
/* Екран 18: посилання на договір оферти внизу, на всю ширину сітки */
.wpc-s18__legal{grid-column:1/-1;margin:24px 0 0!important;text-align:center;font:12px 'JetBrains Mono',monospace}
/* Тема перефарбовує посилання, тому колір з !important */
.wpc-s18__legal a{color:rgba(255,255,255,.55)!important;text-decoration:underline!important;text-underline-offset:3px}
.wpc-s18__legal a:hover{color:#fff!important}
@media (max-width:767px){.wpc-s18__legal{margin-top:8px!important}}
/* Екран 3, мобайл, правка 26.10: у четвертої папки вушко по правому краю, тому правий верхній кут картки прямий (інакше під вушком видно заокруглення-«сходинку») */
@media (max-width:767px){
  .wpc-s3__item--4.e-con{border-top-right-radius:0!important}
}/* End custom CSS */