/* ============================================================
   sections/final.css — финальный CTA
   Подключается после ways.css, до adaptive.css (см. шапку story.css).
   ============================================================ */

/* ---- Финальный CTA ---- */
.final{position:relative;padding:120px 0}
.final__panel{border-radius:40px;padding:70px 50px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(165deg,#fff 0%,var(--fire-soft) 100%);border:1px solid rgba(255,90,31,.22);box-shadow:var(--sh-lg);perspective:900px}
.final__panel::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 50% 118%,rgba(255,90,31,.16),transparent 60%);pointer-events:none}
.final__panel::after{content:"";position:absolute;top:-30%;left:-8%;width:55%;height:120%;background:radial-gradient(circle,rgba(255,154,61,.12),transparent 60%);animation:floaty 7s ease-in-out infinite;pointer-events:none}
.final h2{
  font-family:var(--font-display);font-size:clamp(40px,6vw,80px);text-transform:uppercase;
  margin-bottom:20px;position:relative;transform-style:preserve-3d;
  animation:text3dTilt 10s var(--ease) infinite;will-change:transform;
  text-shadow:0 3px 0 rgba(23,19,16,.85);
}
.final h2 .grad-text{text-shadow:0 3px 0 rgba(150,36,5,.9)}
.final .lead{max-width:520px;margin:0 auto 40px;position:relative}
.final__row{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center;position:relative}
.final__actions{display:flex;flex-direction:column;gap:14px}
.final .qr-box{width:150px;height:150px}
.final__status{display:inline-flex;align-items:center;gap:10px;margin-top:34px;padding:12px 22px;border-radius:100px;background:var(--lime-bg);border:1px solid rgba(91,191,23,.4);font-weight:800;color:#4a9c12;position:relative}
.final__status .ck{width:22px;height:22px;border-radius:50%;background:var(--lime);color:#fff;display:grid;place-items:center;font-size:14px}