/* Zestaw „Plan AI na 90 dni”: okładka 3D, pływające pliki skilli, mockup czatu.
   Używane na lp/plan-90-dni-ai.html i lp/webinar-ai-w-firmie.html. Animacje tylko transform/opacity,
   wyłączone przy prefers-reduced-motion. JS: js/plan90.js (sekwencja czatu). */

/* ---------- okładka ---------- */
.p90-cover-wrap{position:relative;width:min(340px,82vw);aspect-ratio:3/4;margin:36px auto 18px;perspective:1400px;}
.p90-cover-wrap .p90-page{position:absolute;inset:0;border-radius:14px;background:#17121f;border:1px solid rgba(255,255,255,.06);}
.p90-cover-wrap .p90-page--2{transform:translate(18px,14px) rotate(3deg);opacity:.55;}
.p90-cover-wrap .p90-page--1{transform:translate(9px,7px) rotate(1.5deg);opacity:.8;}
.p90-cover{position:absolute;inset:0;border-radius:14px;overflow:hidden;color:#f5f2f8;
  background:
    radial-gradient(120% 80% at 85% -10%,rgba(253,67,190,.55) 0%,rgba(253,67,190,0) 55%),
    radial-gradient(90% 70% at -10% 110%,rgba(150,80,255,.35) 0%,rgba(150,80,255,0) 60%),
    linear-gradient(160deg,#1f1528 0%,#0d0b12 70%);
  border:1px solid rgba(253,67,190,.45);
  box-shadow:0 40px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);
  padding:28px 26px 24px;display:flex;flex-direction:column;
  transform:rotateY(-14deg) rotateX(6deg);transform-style:preserve-3d;
  transition:transform .8s var(--ease,cubic-bezier(.2,.7,.2,1));}
.p90-cover-wrap:hover .p90-cover{transform:rotateY(-4deg) rotateX(2deg);}
.p90-cover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.10) 48%,rgba(255,255,255,0) 60%);
  transform:translateX(-120%);animation:p90-shine 6s ease-in-out 1.2s infinite;}
@keyframes p90-shine{0%,70%{transform:translateX(-120%);}100%{transform:translateX(120%);}}
.p90-cover__brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:-.01em;}
.p90-cover__brand img{width:22px;height:22px;}
.p90-cover__kicker{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta,#FD43BE);}
.p90-cover__title{font-size:44px;line-height:.95;font-weight:800;letter-spacing:-.04em;margin:10px 0 12px;}
.p90-cover__title span{color:var(--lime,#C7F94E);}
.p90-cover__sub{font-size:13.5px;line-height:1.45;color:rgba(245,242,248,.72);margin:0 0 18px;}
.p90-cover__foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;font-size:11.5px;color:rgba(245,242,248,.6);}
.p90-cover__badge{background:var(--lime,#C7F94E);color:#0d0b12;font-weight:800;font-size:11.5px;padding:5px 10px;border-radius:999px;}
/* plik skilla „przyklejony” do okładki */
.p90-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;
  background:rgba(24,19,32,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.45);
  font:600 12.5px/1.2 var(--font,'Sora',sans-serif);color:#f5f2f8;white-space:nowrap;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:p90-float 6s ease-in-out infinite;}
.p90-chip i{font-style:normal;display:inline-flex;width:20px;height:20px;border-radius:6px;align-items:center;justify-content:center;
  background:rgba(253,67,190,.18);color:var(--magenta,#FD43BE);font-size:11px;}
.p90-chip--1{top:12%;left:-22%;animation-delay:0s;}
.p90-chip--2{top:44%;right:-24%;animation-delay:1.4s;}
.p90-chip--3{bottom:30%;left:-18%;animation-delay:2.6s;}
@keyframes p90-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@media(max-width:520px){.p90-chip--1{left:-6%;}.p90-chip--2{right:-6%;}.p90-chip--3{left:-2%;}.p90-chip{font-size:11.5px;padding:7px 10px;}}

/* ---------- mockup czatu ---------- */
.p90-how{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;max-width:1120px;margin:0 auto;}
@media(max-width:940px){.p90-how{grid-template-columns:1fr;gap:30px;}}
.p90-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:s;}
.p90-steps li{position:relative;padding-left:52px;counter-increment:s;}
.p90-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--magenta,#FD43BE);color:#fff;}
.p90-steps b{display:block;color:var(--tx-1);font-size:17px;margin-bottom:3px;}
.p90-steps span{color:var(--tx-3);font-size:14.5px;line-height:1.5;}
.p90-chat{border-radius:18px;overflow:hidden;background:#100d16;border:1px solid rgba(255,255,255,.1);
  box-shadow:0 40px 90px rgba(0,0,0,.35),0 0 0 1px rgba(253,67,190,.08);color:#ece8f1;font-size:14px;}
.p90-chat__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#17121f;border-bottom:1px solid rgba(255,255,255,.07);}
.p90-chat__bar i{width:11px;height:11px;border-radius:50%;background:#3a3344;}
.p90-chat__bar i:nth-child(1){background:#ff5f57;}.p90-chat__bar i:nth-child(2){background:#febc2e;}.p90-chat__bar i:nth-child(3){background:#28c840;}
.p90-chat__bar span{margin-left:10px;font-size:12.5px;color:rgba(236,232,241,.55);}
.p90-chat__body{padding:18px 16px 20px;display:flex;flex-direction:column;gap:12px;min-height:420px;}
.p90-msg{max-width:88%;padding:11px 14px;border-radius:14px;line-height:1.5;opacity:0;transform:translateY(10px);
  transition:opacity .45s ease,transform .45s ease;}
.p90-msg.on{opacity:1;transform:none;}
.p90-msg--u{align-self:flex-end;background:var(--magenta,#FD43BE);color:#fff;border-bottom-right-radius:4px;}
.p90-msg--a{align-self:flex-start;background:#1d1726;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px;}
.p90-msg--a ol{margin:6px 0 0 18px;padding:0;}
.p90-msg--a li{margin:2px 0;}
.p90-typing{align-self:flex-start;display:none;gap:5px;padding:12px 14px;border-radius:14px;background:#1d1726;}
.p90-typing.on{display:inline-flex;}
.p90-typing i{width:7px;height:7px;border-radius:50%;background:rgba(236,232,241,.5);animation:p90-dot 1s infinite;}
.p90-typing i:nth-child(2){animation-delay:.15s;}.p90-typing i:nth-child(3){animation-delay:.3s;}
@keyframes p90-dot{0%,100%{opacity:.25;transform:translateY(0);}50%{opacity:1;transform:translateY(-3px);}}
.p90-file{margin-top:8px;border-radius:12px;border:1px solid rgba(199,249,78,.35);background:rgba(199,249,78,.06);overflow:hidden;}
.p90-file__head{display:flex;align-items:center;gap:8px;padding:9px 12px;font-weight:700;font-size:12.5px;color:var(--lime,#C7F94E);border-bottom:1px solid rgba(199,249,78,.2);}
.p90-file table{width:100%;border-collapse:collapse;font-size:12.5px;}
.p90-file td{padding:7px 12px;border-top:1px solid rgba(255,255,255,.06);vertical-align:top;}
.p90-file td:first-child{color:rgba(236,232,241,.55);white-space:nowrap;width:1%;}

@media (prefers-reduced-motion: reduce){
  .p90-cover,.p90-cover-wrap:hover .p90-cover{transform:none;transition:none;}
  .p90-cover::after,.p90-chip,.p90-typing i{animation:none;}
  .p90-msg{opacity:1;transform:none;transition:none;}
}

/* okładka w hero: na telefonie pod formularzem (lphero__col ma display:contents) */
@media(max-width:940px){.lphero__col > .p90-cover-wrap{order:5;margin:18px auto 30px;}}
.cases .p90-cover-wrap{margin:0 auto 34px;}

/* mini okładka w karcie formularza (widoczna od razu nad zgięciem) */
.p90-mini{display:flex;gap:18px;align-items:center;margin:0 0 20px;}
.p90-mini p{margin:0;color:var(--tx-2);font-size:14.5px;line-height:1.5;}
.p90-cover-wrap--mini{width:112px;flex:none;margin:4px 6px 4px 0;}
.p90-cover-wrap--mini .p90-cover{padding:11px 10px 10px;border-radius:9px;transform:rotateY(-16deg) rotateX(5deg);}
.p90-cover-wrap--mini .p90-page{border-radius:9px;}
.p90-cover-wrap--mini .p90-page--2{transform:translate(9px,7px) rotate(3deg);}
.p90-cover-wrap--mini .p90-page--1{transform:translate(5px,4px) rotate(1.5deg);}
.p90-cover-wrap--mini .p90-cover__brand{font-size:8px;gap:4px;}
.p90-cover-wrap--mini .p90-cover__brand img{width:12px;height:12px;}
.p90-cover-wrap--mini .p90-cover__kicker{font-size:5.5px;letter-spacing:.12em;}
.p90-cover-wrap--mini .p90-cover__title{font-size:19px;margin:4px 0 6px;}
.p90-cover-wrap--mini .p90-cover__sub{display:none;}
.p90-cover-wrap--mini .p90-cover__foot{padding-top:5px;font-size:0;justify-content:flex-end;}
.p90-cover-wrap--mini .p90-cover__badge{font-size:7px;padding:3px 6px;}

/* telefon: lista korzyści pod formularzem, żeby formularz był na pierwszym ekranie */
@media(max-width:940px){.lphero .lphero__col > .lpbul{order:5;margin-top:4px;}}