/* «Співпраця з нами» — нефритова (рішення Віктора 01.10), у тоні блоку співпраці на головній.
   Поверх v2.css + about.css (.pg-dark: шапка, футер, форми, кнопки .ab-*). Тут — нефритові кольори й блоки сторінки. */

/* ---------- Тема ---------- */
.pg-jade{
  --j0:#071E22; --j1:#0C2F36; --j2:#0E4442; --jcell:#123F40; --jcell-2:#164A49; --jline:rgba(170,230,210,.18);
  --jtxt:#CFE4DC; --jtxt-2:#8FB3A8;
  --bg:#0C2F36; --card:#123F40; --line:rgba(170,230,210,.14); --line-2:rgba(170,230,210,.26); --ink-2:#8FB3A8;
  background:var(--j0)
}
.pg-jade .hdr{background:rgba(9,36,41,.55);box-shadow:0 1px 0 rgba(170,230,210,.08),0 10px 30px rgba(0,0,0,.25)}
.pg-jade .hdr__tag{color:var(--jtxt-2)}
.pg-jade .hdr .hdr__cta{background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(4,20,23,.55),0 0 0 5px rgba(170,230,210,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 6px rgba(0,0,0,.35)}
.pg-jade .ftr{background:#061A1E;border-top-color:rgba(170,230,210,.08)}
.pg-jade .soc::before,.pg-jade .lead-form::before,.pg-jade .ff::after{background:#0B2A30}
.pg-jade .soc:hover::before{background:#0F363C}
.pg-jade .lead__f input,.pg-jade .ff__f input{background:#071E22}
.pg-jade .cta__btn,.pg-jade .cta__list a,.pg-jade .cta__list button{background:#0B2A30}
.pg-jade .cta__btn:hover{background:#0F363C}
.pg-jade .ab-p{color:var(--jtxt)}
.pg-jade .ab-btn--ghost{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(170,230,210,.32)}
.pg-jade .ab-btn--ghost:hover{background:rgba(255,255,255,.09)}

.pt{position:relative}
.pt-sec{position:relative;padding:clamp(80px,10vw,136px) 0;background:var(--j1)}
.pt-sec--deep{background:var(--j0)}
.pt-sec + .pt-sec{border-top:1px solid rgba(170,230,210,.07)}
.pt-head{max-width:820px;margin-bottom:48px}
.pt-mt{margin-top:30px}
.pt-small{margin-top:12px;color:var(--jtxt-2);font-size:.86rem}
.pt-lead{margin-top:24px;color:var(--jtxt);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6;max-width:34em}

/* ---------- 1. Перший екран ---------- */
.pt-hero{position:relative;overflow:hidden;min-height:92vh;min-height:92svh;display:flex;align-items:center;padding:calc(var(--hdr-h) + 60px) 0 90px;
  background:radial-gradient(70% 80% at 85% 30%,rgba(26,108,98,.55),transparent 65%),radial-gradient(60% 70% at 0% 100%,rgba(248,180,36,.08),transparent 60%),linear-gradient(160deg,#0E4442,#0C2F36 45%,#071E22)}
/* фонова сітка «комірок», що повільно пливе */
.pt-hero::before{content:"";position:absolute;inset:-64px;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(170,230,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(170,230,210,.07) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask:radial-gradient(70% 70% at 70% 40%,#000,transparent 75%);mask:radial-gradient(70% 70% at 70% 40%,#000,transparent 75%);
  animation:pt-grid 24s linear infinite}
@keyframes pt-grid{to{transform:translate(64px,64px)}}
.pt-hero__grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,6vw,90px);align-items:center}
.pt-hero h1{font:800 clamp(36px,6vw,90px)/1.12 var(--f-head);overflow-wrap:normal;hyphens:none;text-transform:uppercase;letter-spacing:-.025em;color:#fff;margin-top:22px}
.pt-hero h1 em{font-style:normal;color:var(--y)}
.pt-hero__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}

/* промокод-квиток: комірка з вирізами з боків і пунктирною лінією відриву */
.ticket{--c:22px;position:relative;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));transform:rotate(-3deg);transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}
@media (hover:hover) and (pointer:fine){.ticket:hover{transform:rotate(0) translateY(-6px)}}
.ticket>*{position:relative}
.ticket__top,.ticket__bottom{background:var(--y);color:#0A0A0A;padding:30px 32px}
.ticket__top{clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%,0 var(--c));display:flex;flex-direction:column;gap:6px;padding-bottom:26px}
.ticket__bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)));display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:22px}
.ticket__cut{height:22px;background:
  radial-gradient(circle at 0 50%,transparent 11px,var(--y) 12px) left/50% 100% no-repeat,
  radial-gradient(circle at 100% 50%,transparent 11px,var(--y) 12px) right/50% 100% no-repeat}
.ticket__cut::after{content:"";position:absolute;left:22px;right:22px;top:50%;border-top:2px dashed rgba(10,10,10,.35)}
.ticket__kicker{font:700 .78rem/1 var(--f-display);letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.ticket__what{font:800 clamp(1.3rem,2vw,1.7rem)/1 var(--f-head);text-transform:uppercase;margin-top:10px}
.ticket__price{font:800 clamp(64px,7.5vw,108px)/.9 var(--f-head);letter-spacing:-.04em}
.ticket__price small{font-size:.32em;letter-spacing:0;margin-left:4px}
/* замість ціни — хук (Pastel 02.10: ціну на сайті не показуємо) */
.ticket__hook{display:flex;flex-direction:column;gap:8px;font:800 clamp(42px,4.6vw,70px)/.9 var(--f-head);letter-spacing:-.035em;text-transform:uppercase;margin-top:6px}
.ticket__hook small{font:700 clamp(.95rem,1.3vw,1.15rem)/1.2 var(--f-display);letter-spacing:.02em;text-transform:none;opacity:.8}
.ticket__code{display:inline-flex;align-items:center;gap:8px;font:700 1.15rem/1 var(--f-display);letter-spacing:.2em;background:rgba(10,10,10,.1);padding:10px 14px}
.ticket__btn{display:inline-flex;align-items:center;gap:8px;color:#0A0A0A;font:700 .95rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;white-space:nowrap}
.ticket__btn i{transition:transform .25s}
@media (hover:hover) and (pointer:fine){.ticket__btn:hover i{transform:translateX(4px)}}
.ticket__note{position:absolute;left:0;right:0;bottom:-30px;text-align:center;color:var(--jtxt-2);font-size:.8rem}

/* ---------- 2. Що ви отримуєте ---------- */
.perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.perks li{--c:22px;--sweep:0deg;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:4px;align-items:center;padding:28px 26px;min-height:128px;
  background:conic-gradient(from -90deg,var(--y) var(--sweep),var(--jline) var(--sweep));
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
  transition:--sweep .7s cubic-bezier(.6,.05,.3,1)}
.perks li::before{content:"";position:absolute;inset:1.5px;background:var(--jcell);transition:background .3s;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.perks li>*{position:relative}
.perks li:hover{--sweep:360deg}
.perks li:hover::before{background:var(--jcell-2)}
.perks i{grid-row:1 / 3;font-size:2.4rem;color:var(--y)}
.perks b{font:800 1.08rem/1.2 var(--f-head);color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.perks span{color:var(--jtxt);font-size:.93rem;line-height:1.4}

/* ---------- 3. Сходинки обсягу ---------- */
.ladder-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:end}
.ladder-box{position:relative}
.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end;height:clamp(300px,34vw,420px)}
.ladder li{--c:14px;position:relative;height:var(--h);display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px 16px;
  background:linear-gradient(180deg,var(--jcell-2),var(--jcell));
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%,0 var(--c));
  transform-origin:50% 100%;transform:scaleY(.05);transition:transform .8s cubic-bezier(.2,.9,.3,1.1)}
.ladder-box.is-in .ladder li{transform:none}
.ladder-box.is-in .ladder li:nth-child(2){transition-delay:.12s}
.ladder-box.is-in .ladder li:nth-child(3){transition-delay:.24s}
.ladder-box.is-in .ladder li:nth-child(4){transition-delay:.36s}
.ladder li:last-child{background:linear-gradient(180deg,var(--y-hi),var(--y))}
.ladder li:last-child b,.ladder li:last-child span{color:#0A0A0A}
.ladder b{font:800 1.05rem/1.15 var(--f-head);color:#fff;text-transform:uppercase}
.ladder span{color:var(--jtxt-2);font-size:.82rem;line-height:1.3}
.ladder-box{padding-top:36px}
.ladder__vol{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;color:var(--jtxt-2);font:700 .78rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase}
/* спадна лінія ціни поверх стовпців обсягу */
.ladder__line{position:absolute;left:0;right:0;top:36px;height:clamp(300px,34vw,420px);width:100%;overflow:visible;pointer-events:none}
.ladder__line path{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:7 6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
  stroke-dashoffset:400;transition:stroke-dashoffset 1.4s ease .5s}
.ladder-box:not(.is-in) .ladder__line path{opacity:0}
.ladder__price{position:absolute;right:0;top:calc(36px + clamp(300px,34vw,420px) * .44 + 12px);display:flex;align-items:center;gap:6px;color:#fff;
  font:800 .82rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;background:#0A0A0A;padding:6px 10px}
.ladder__price i{font-size:1.2rem;color:var(--y)}

/* ---------- 4. Бот ---------- */
.bot{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,96px);align-items:center}
/* ескіз iPhone: титанова рамка, бокові кнопки, Dynamic Island, рядок стану, Telegram на iOS */
.phone{position:relative;justify-self:center;width:min(330px,100%);aspect-ratio:330 / 690;border-radius:58px;padding:11px;
  background:linear-gradient(135deg,#5b6166 0%,#2c3034 18%,#1d2023 50%,#3b4045 82%,#6a7076 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 0 0 0 4px #0b0d0e,0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.6)}
.phone::before,.phone::after{content:"";position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#24282b,#50565b)}
.phone::before{left:-3px;top:150px;height:60px;box-shadow:0 -48px 0 -6px #3a3f43,0 78px 0 0 #3a3f43}   /* кнопка дії й гучність */
.phone::after{right:-3px;top:190px;height:96px}                                                     /* бокова кнопка */
.phone__screen{position:relative;height:100%;border-radius:47px;overflow:hidden;display:flex;flex-direction:column;
  background:#0E1621;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.phone__island{position:absolute;z-index:3;left:50%;top:11px;width:34%;height:31px;transform:translateX(-50%);border-radius:20px;background:#000}
.phone__status{display:flex;justify-content:space-between;align-items:center;padding:16px 28px 0 34px;height:50px;color:#fff;font:600 .9rem/1 -apple-system,'Roboto',sans-serif}
.phone__status span{display:flex;gap:5px;font-size:1rem}
.phone__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 12px 10px;background:rgba(23,33,43,.92);border-bottom:1px solid rgba(255,255,255,.06);color:#fff}
.phone__back{display:flex;align-items:center;gap:2px;color:#5EB5F7;font:500 .9rem -apple-system,'Roboto',sans-serif}
.phone__back i{font-size:1.2rem}
.phone__title{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.phone__title b{font:600 .92rem -apple-system,'Roboto',sans-serif}
.phone__title small{color:#7D8B99;font-size:.72rem}
.phone__ava{justify-self:end;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--y);color:#0A0A0A;font:800 .72rem var(--f-head)}
.phone__chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:14px 10px 10px;overflow:hidden;   /* як у месенджері: повідомлення притиснуті до низу */

  background:radial-gradient(circle at 15% 20%,rgba(94,181,247,.08),transparent 40%),radial-gradient(circle at 85% 70%,rgba(26,108,98,.25),transparent 45%),#0E1621}
.phone__input{display:flex;align-items:center;gap:10px;margin:0 8px;padding:8px 6px 8px 10px;color:#7D8B99;font-size:1.25rem}
.phone__input span{flex:1;padding:8px 14px;border-radius:18px;background:#17212B;border:1px solid rgba(255,255,255,.06);font:400 .85rem -apple-system,'Roboto',sans-serif}
.phone__home{height:26px;display:grid;place-items:center}
.phone__home::after{content:"";width:36%;height:5px;border-radius:3px;background:#fff;opacity:.9}
.cm{align-self:flex-start;max-width:84%;padding:9px 12px;border-radius:16px 16px 16px 4px;background:#182533;color:#EAF4F0;font-size:.88rem;line-height:1.4;
  opacity:0;transform:translateY(10px);transition:opacity .4s,transform .45s}
.cm-date{align-self:center;padding:4px 10px;border-radius:10px;background:rgba(0,0,0,.35);color:#cfd8e0;font-size:.72rem}
.cm--me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#2B5278}
.cm--code{display:inline-flex;align-items:center;gap:8px;background:var(--y);color:#0A0A0A;font:700 1rem/1 var(--f-display);letter-spacing:.2em}
.phone__kbd{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .45s}
.phone__kbd span{padding:10px 6px;border-radius:10px;background:rgba(43,82,120,.45);color:#fff;text-align:center;font:600 .78rem/1.2 var(--f-display)}
.phone__kbd .is-wide{grid-column:1 / -1;background:rgba(248,180,36,.18);color:var(--y)}
.phone.is-in .cm,.phone.is-in .phone__kbd{opacity:1;transform:none}
.phone.is-in .cm:nth-child(2){transition-delay:.5s}
.phone.is-in .cm:nth-child(3){transition-delay:1s}
.phone.is-in .cm:nth-child(4){transition-delay:1.4s}
.phone.is-in .phone__kbd{transition-delay:1.8s}
.bot__list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:4px}
.bot__list li{--c:10px;display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(18,63,64,.7);color:#fff;font-size:.98rem;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transition:background .25s,transform .25s}
@media (hover:hover) and (pointer:fine){.bot__list li:hover{background:var(--jcell-2);transform:translateX(6px)}}
.bot__list i{font-size:1.4rem;color:var(--y)}

/* ---------- 5. Як почати ---------- */
.steps4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:st}
.steps4 li{--c:16px;counter-increment:st;position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 24px 28px;min-height:180px;background:var(--jcell);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.steps4 li::before{content:counter(st,decimal-leading-zero);font:800 2.6rem/1 var(--f-head);color:var(--y);margin-bottom:26px}
.steps4 li:not(:last-child)::after{content:"";position:absolute;right:18px;top:38px;width:30px;height:2px;background:rgba(248,180,36,.5)}
.steps4 b{font:800 1.05rem/1.2 var(--f-head);color:#fff;text-transform:uppercase}
.steps4 span{color:var(--jtxt);font-size:.93rem;line-height:1.4}

/* ---------- 6. Квіз ---------- */
.quiz{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px);align-items:start}
.quiz__card{--c:26px;padding:clamp(24px,3vw,38px);background:var(--jcell);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.quiz__q{border:0;margin:0 0 26px;padding:0}
.quiz__q legend{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:14px;font:700 1.1rem/1.3 var(--f-display);color:#fff}
.quiz__q legend span{font:800 .85rem/1 var(--f-head);color:var(--y)}
.quiz__opts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.quiz__opts label{position:relative;cursor:pointer}
.quiz__opts input{position:absolute;opacity:0;pointer-events:none}
.quiz__opts span{--c:10px;display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 14px;background:rgba(7,30,34,.6);color:#fff;font:700 .98rem/1.15 var(--f-display);
  box-shadow:inset 0 0 0 1px rgba(170,230,210,.2);transition:background .2s,box-shadow .2s,color .2s;
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.quiz__opts small{color:var(--jtxt-2);font:500 .78rem/1.2 var(--f-body)}
.quiz__opts label:hover span{box-shadow:inset 0 0 0 1px rgba(248,180,36,.6)}
.quiz__opts input:checked + span{background:var(--y);color:#0A0A0A;box-shadow:none}
.quiz__opts input:checked + span small{color:#3a2c08}
.quiz__opts input:focus-visible + span{outline:2px solid #fff;outline-offset:2px}
.quiz__sel{width:100%;font:500 1rem var(--f-body);padding:14px 16px;background:rgba(7,30,34,.6);color:#fff;border:1px solid rgba(170,230,210,.25);border-radius:0;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--y) 50%),linear-gradient(135deg,var(--y) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.quiz__sel:focus{outline:none;border-color:var(--y)}
.quiz__sel option{background:#0C2F36}
.quiz__res{padding:18px 20px;margin-bottom:18px;border-left:3px solid var(--y);background:rgba(7,30,34,.55)}
.quiz__fmt{font:800 1.1rem/1.25 var(--f-head);color:#fff;text-transform:uppercase}
.quiz__desc{margin-top:6px;color:var(--jtxt);font-size:.93rem;line-height:1.45}
.quiz__desc:empty{display:none}
.quiz__send.is-off{opacity:.45;pointer-events:none}

/* ---------- 7. Питання ---------- */
.faq-wrap{max-width:980px}
.faq{display:grid;gap:4px}
.faq details{--c:12px;background:var(--jcell);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font:700 1.1rem/1.3 var(--f-display);color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.8rem/1 var(--f-body);color:var(--y);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 26px 22px;color:var(--jtxt);line-height:1.6;max-width:44em}

/* ---------- 8. Зв'язок ---------- */
.reach{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:6px}
.reach a{--c:16px;--sweep:0deg;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:170px;padding:24px;text-decoration:none;color:#fff;
  background:conic-gradient(from -90deg,var(--y) var(--sweep),var(--jline) var(--sweep));transition:--sweep .7s cubic-bezier(.6,.05,.3,1);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.reach a::before{content:"";position:absolute;inset:1.5px;background:var(--jcell);
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.reach a>*{position:relative}
.reach a:hover{--sweep:360deg}
.reach .soc__ico{width:30px;height:30px;background:var(--y);margin-bottom:auto}
.reach a>i{font-size:30px;color:var(--y);margin-bottom:auto}
.reach b{font:700 1.05rem/1.2 var(--f-display)}
.reach span:not(.soc__ico){color:var(--jtxt);font-size:.88rem}
.reach__main::before{background:linear-gradient(140deg,#16524F,var(--jcell))!important}
.reach__main b{font:800 1.6rem/1 var(--f-head);text-transform:uppercase}
.reach__main>i{position:absolute!important;top:22px;right:22px;margin:0!important;font-size:1.5rem!important}

/* ---------- Адаптив ---------- */
@media (max-width:999px){
  .pt-hero__grid,.ladder-wrap,.bot,.quiz{grid-template-columns:minmax(0,1fr)}
  .pt-hero__grid>*,.ladder-wrap>*,.bot>*,.quiz>*{min-width:0}
  .ticket{max-width:420px;margin-top:20px}
  .steps4{grid-template-columns:1fr 1fr}
  .steps4 li::after{display:none}
  .reach{grid-template-columns:1fr 1fr}
  .reach__main{grid-column:1 / -1}
  .phone{order:2}
}
@media (max-width:760px){
  .perks{grid-template-columns:1fr 1fr}
  .perks li:last-child{grid-column:1 / -1}
}
@media (max-width:560px){
  .perks,.steps4{grid-template-columns:1fr}
  .perks li{min-height:0;padding:20px}
  .steps4 li{min-height:0}
  .quiz__opts{grid-template-columns:1fr 1fr}
  .ladder b{font-size:.74rem;letter-spacing:0;text-transform:none}
  .ladder span{font-size:.66rem}
  .ladder li{padding:10px 7px;--c:8px}
  .reach a{min-height:120px;padding:18px}
  /* 13.10.2026: на 375 px «ПРОПОЗИЦІЯ» при 42 px ширша за квиток на ~33 px і зрізалась — шрифт від ширини екрана */
  .ticket__hook{font-size:clamp(24px,8.9vw,42px)}
}
@media (prefers-reduced-motion:reduce){
  .pt-hero::before{animation:none}
  .ladder li,.cm,.phone__kbd,.ticket{transition:none}
}
/* hover-gate: зсуви при наведенні — лише з мишею (06.10) */

/* Промокод: маленьке «тисни» над кнопкою й кнопка, що час від часу сама «натискається» (Віктор 08.10).
   Кнопка — легка «клавіша» (тло й тінь знизу), щоб натискання читалось як натискання. Лише transform, opacity і
   box-shadow на одному елементі; хто вимкнув анімації в системі — бачить статичну кнопку. */
.ticket__bottom{flex-wrap:wrap}
.ticket__go{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto}
.ticket__press{font:700 .72rem/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;opacity:.75;padding-right:4px}
.ticket .ticket__btn{padding:10px 14px;background:rgba(10,10,10,.08);box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.55),0 3px 0 rgba(10,10,10,.55);
  transform-origin:50% 60%;transition:background .2s ease}
.ticket .ticket__btn:hover{background:rgba(10,10,10,.14)}
.ticket .ticket__btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.55),0 0 0 rgba(10,10,10,.55)}
@media (prefers-reduced-motion:no-preference){
  .ticket .ticket__btn{animation:ticketPress 2.8s cubic-bezier(.23,1,.32,1) infinite}
  .ticket__press{animation:ticketHint 2.8s ease infinite}
  .ticket .ticket__btn:hover,.ticket .ticket__btn:focus-visible{animation:none}
}
@keyframes ticketPress{
  0%,60%,100%{transform:none;box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.55),0 3px 0 rgba(10,10,10,.55)}
  67%{transform:translateY(3px) scale(.97);box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.55),0 0 0 rgba(10,10,10,.55)}
  80%{transform:none;box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.55),0 3px 0 rgba(10,10,10,.55)}}
@keyframes ticketHint{0%,54%,100%{opacity:.75;transform:none}62%{opacity:1;transform:translateY(-3px)}78%{opacity:.75;transform:none}}
/* вузький екран: код окремим рядком, кнопка — під ним на всю ширину квитка */
@media (max-width:480px){
  .ticket__go{width:100%;align-items:stretch}
  .ticket__press{align-self:flex-end}
  .ticket .ticket__btn{justify-content:center}
}