:root{
  --bg:#FBFBF8; --surface:#FFFFFF;
  --ink:#0E1116; --ink-2:#4B5261; --ink-3:#8B93A2;
  --line:rgba(14,17,22,0.09); --line-2:rgba(14,17,22,0.06);
  --accent:#2551E6; --accent-press:#1B3EC0; --accent-soft:#ECF1FE; --accent-line:#D5E0FC;
  --dark:#0E1116; --dark-2:#161A22;
  --ok:#159D5B;
  --ig:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  --r-xs:10px; --r-sm:14px; --r-md:20px; --r-lg:28px;
  --shadow-sm:0 1px 2px rgba(14,17,22,.04), 0 4px 14px rgba(37,81,230,.05);
  --shadow-md:0 2px 6px rgba(14,17,22,.05), 0 18px 44px rgba(37,81,230,.09);
  --shadow-phone:0 40px 90px rgba(14,17,22,.20), 0 8px 24px rgba(14,17,22,.08);
  --maxw:1180px;
  --ease:cubic-bezier(.32,.72,.28,1);
  --glass:rgba(252,252,253,.78);
  --hairline:rgba(14,17,22,.07);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
::selection{background:var(--accent);color:#fff}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
h1,h2,h3,h4{font-family:'Archivo','Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:1.04;text-wrap:balance}
p,li,.p-lead,.hero-sub{text-wrap:pretty}
body::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27/%3E%3C/svg%3E");background-size:170px 170px}
.hstat b,.mvs-num,.slots-count b,.pc-row i,.res .rtag{font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* shared */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:6px 14px;border-radius:100px}
.h-lead{font-size:clamp(1.9rem,4.6vw,3.15rem);font-weight:900;color:var(--ink)}
.p-lead{font-size:clamp(1.06rem,1.6vw,1.2rem);color:var(--ink-2);max-width:60ch}
.accent{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:700;font-size:1.05rem;line-height:1;padding:15px 26px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);white-space:nowrap}
.btn svg{width:17px;height:17px;flex-shrink:0}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(37,81,230,.28)}
.btn-primary:hover{background:var(--accent-press);transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,81,230,.34)}
.btn-primary:active{transform:translateY(0) scale(.985)}
.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--ink-3);box-shadow:var(--shadow-sm)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.22)}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(251,251,248,.72);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border-bottom:1px solid transparent;transition:border-color .4s var(--ease), background .4s var(--ease);transform:translateZ(0);will-change:backdrop-filter}
.nav.scrolled{border-color:var(--line);background:rgba(251,251,248,.92)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-family:'Archivo';font-weight:900;font-size:1.16rem;letter-spacing:-.04em}
.logo span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a.nlink{font-size:.99rem;font-weight:600;color:var(--ink-2);transition:color .18s}
.nav-links a.nlink:hover{color:var(--ink)}
.nav-cta{padding:11px 20px;font-size:.99rem}
@media(max-width:1080px){.nav-links a.nlink{display:none}}

/* PHONE (shared frame) */
.phone{width:min(310px,84vw);background:#0E1116;border-radius:42px;padding:11px;box-shadow:var(--shadow-phone);position:relative}
.phone-screen{background:#FFFFFF;border-radius:32px;overflow:hidden;position:relative}
.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:20px;background:#0E1116;border-radius:100px;z-index:5}
.pbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 6px;font-size:.72rem;font-weight:800;color:var(--ink)}
.pbar .pico{display:flex;align-items:center;gap:5px}
.pbar svg{width:15px;height:15px}
.pscroll{padding:6px 14px 16px}
/* IG header */
.ig-head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}
.ig-logo{font-family:'Archivo';font-weight:800;font-size:1.12rem;letter-spacing:-.02em}
.ig-actions{display:flex;gap:14px;color:var(--ink)}
.ig-actions svg{width:21px;height:21px}
/* story tray */
.tray-toggle{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:4px;margin:2px auto 4px;width:max-content}
.tray-toggle button{border:none;background:transparent;font-family:inherit;font-weight:700;font-size:.74rem;color:var(--ink-3);padding:7px 16px;border-radius:100px;cursor:pointer;transition:all .2s}
.tray-toggle button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(37,81,230,.28)}
.tray-wrap{transition:opacity .18s ease;padding-top:14px}
.tray{display:flex;gap:11px;overflow:visible}
.tray-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:56px}
.ring{width:54px;height:54px;border-radius:50%;padding:2.5px;display:grid;place-items:center;position:relative}
.ring.live{background:var(--ig)}
.ring.hot{background:var(--ig)}
.ring.hot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(220,39,67,.45);animation:ringPulse 2.4s var(--ease) infinite;pointer-events:none;will-change:transform,opacity}
@keyframes ringPulse{0%{transform:scale(.94);opacity:.75}70%,100%{transform:scale(1.16);opacity:0}}
.ring.off{background:#DBDFE8}
.ring .av{width:100%;height:100%;border-radius:50%;background:#EDEFF4;border:2.5px solid #fff;overflow:hidden}
.ring .av img{width:100%;height:100%;object-fit:cover;display:block}
.ring.off .av img{filter:grayscale(1);opacity:.6}
.tray-item .lbl{font-size:.58rem;color:var(--ink-3);font-weight:600;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tray-item .lbl.you{color:var(--accent);font-weight:800}
.ring .pin{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.5rem;font-weight:800;padding:2px 6px;border-radius:100px;white-space:nowrap;box-shadow:0 3px 8px rgba(37,81,230,.4)}
/* iOS-style frosted notification */
.ig-cap{margin-top:13px;min-height:64px;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:18px;text-align:left;
  background:rgba(252,252,253,.82);
  backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);
  border:1px solid rgba(14,17,22,.06);
  box-shadow:0 10px 30px rgba(14,17,22,.10), inset 0 1px 0 rgba(255,255,255,.85);
}
.ig-cap .cap-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 1px 3px rgba(14,17,22,.18)}
.ig-cap .cap-ico svg{width:18px;height:18px}
.ig-cap .cap-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ig-cap .cap-title{font-size:.8rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.ig-cap .cap-sub{font-size:.75rem;font-weight:500;color:var(--ink-2);line-height:1.4;letter-spacing:-.005em}
.ig-cap.warn .cap-ico{background:linear-gradient(180deg,#FF6961,#E5484D)}
.ig-cap.good .cap-ico{background:linear-gradient(180deg,#4CC38A,#159D5B)}
.ig-profile{display:flex;align-items:center;gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.ig-profile .pa{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#EDEFF4}
.ig-profile .pa img{width:100%;height:100%;object-fit:cover}
.ig-profile .pi b{font-size:.84rem;display:block;line-height:1.2}
.ig-profile .st{font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;margin-top:3px}
.ig-profile .st .d{width:7px;height:7px;border-radius:50%}
.st.off{color:var(--ink-3)} .st.off .d{background:var(--ink-3)}
.st.on{color:var(--ok)} .st.on .d{background:var(--ok);box-shadow:0 0 0 3px rgba(21,157,91,.16)}

/* hero */
.hero{position:relative;padding:clamp(44px,6vw,78px) 0 clamp(40px,5vw,64px)}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(28px,4vw,56px);align-items:center}
.hero-copy{max-width:600px}
.hero h1{font-size:clamp(2.4rem,5.6vw,4rem);font-weight:900;margin:20px 0 18px}
.hero-sub{font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--ink-2);max-width:34ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}
.hero-stats{display:flex;margin-top:38px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm);max-width:520px}
.hstat{flex:1;padding:18px 16px;text-align:center;border-right:1px solid var(--line-2)}
.hstat:last-child{border-right:none}
.hstat b{display:block;font-family:'Archivo';font-weight:800;font-size:clamp(1.5rem,2.5vw,1.9rem);color:var(--accent);letter-spacing:-.03em;line-height:1}
.hstat span{font-size:.88rem;font-weight:600;color:var(--ink-3);display:block;margin-top:6px}
.hero-visual{display:flex;justify-content:center;position:relative}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:12px}
  .hero-visual{order:0;margin-top:34px}
  .hero-sub{max-width:none}
}

/* audience marquee */
.audience{padding:20px 0 8px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);overflow:hidden;background:var(--surface)}
.aud-label{text-align:center;font-size:.86rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.marq{display:flex;width:max-content;gap:12px;animation:marq 34s linear infinite;will-change:transform}
.marq:hover{animation-play-state:paused}
.audience.offscreen .marq{animation-play-state:paused}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:9px 18px;font-size:.95rem;font-weight:600;color:var(--ink-2);white-space:nowrap}
.chip svg{width:15px;height:15px;color:var(--accent)}
@keyframes marq{to{transform:translateX(-50%)}}

/* section scaffolding */
.sec{padding:clamp(56px,8vw,104px) 0}
.sec-head{max-width:720px;margin-bottom:clamp(30px,4vw,52px)}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{margin:16px 0 14px}
.surface-sec{background:var(--surface);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}

/* myth dark */
.myth{background:var(--dark);color:#fff}
.myth .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#9DB4FF}
.myth h2{color:#fff}
.myth-body{font-size:clamp(1.06rem,1.7vw,1.22rem);color:rgba(255,255,255,.7);max-width:70ch;margin:0 0 36px;line-height:1.7}
.myth-body b{color:#fff;font-weight:700}
.myth-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.myth-card{border-radius:var(--r-md);padding:26px 24px;border:1px solid rgba(255,255,255,.1)}
.myth-card.no{background:rgba(255,255,255,.03)}
.myth-card.yes{background:rgba(37,81,230,.14);border-color:rgba(37,81,230,.36)}
.mc-tag{font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.myth-card.no .mc-tag{color:rgba(255,255,255,.5)}
.myth-card.yes .mc-tag{color:#9DB4FF}
.mc-item{display:flex;gap:11px;align-items:flex-start;font-size:.99rem;color:rgba(255,255,255,.74);line-height:1.5;margin-bottom:12px}
.mc-item:last-child{margin-bottom:0}
.mc-ico{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;margin-top:1px}
.myth-card.no .mc-ico{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.myth-card.yes .mc-ico{background:rgba(37,81,230,.3);color:#fff}
.mc-ico svg{width:12px;height:12px}
.myth-truth{margin-top:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:22px 24px;font-size:1.05rem;color:rgba(255,255,255,.78);line-height:1.7}
.myth-truth b{color:#fff}
@media(max-width:640px){.myth-cols{grid-template-columns:1fr}}
.myth-callout{display:flex;gap:14px;align-items:flex-start;background:rgba(246,196,69,.09);border:1px solid rgba(246,196,69,.28);border-radius:var(--r-md);padding:20px 22px;margin-bottom:30px}
.myth-callout .mco-ic{width:30px;height:30px;border-radius:50%;background:rgba(246,196,69,.18);color:#F6C445;font-weight:900;display:grid;place-items:center;flex-shrink:0}
.myth-callout p{font-size:1rem;color:rgba(255,255,255,.78);line-height:1.65}
.myth-callout p b{color:#F6C445}
.myth-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:8px}
.mvs-card{border-radius:var(--r-md);padding:30px 26px;text-align:center;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}
.mvs-card.no{background:rgba(255,255,255,.03)}
.mvs-card.yes{background:rgba(37,81,230,.13);border-color:rgba(37,81,230,.36)}
.mvs-label{font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.mvs-card.no .mvs-label{color:rgba(255,255,255,.5)}
.mvs-card.yes .mvs-label{color:#9DB4FF}
.mvs-num{font-family:'Archivo';font-weight:800;font-size:clamp(2.6rem,7vw,3.6rem);line-height:1;color:#fff;letter-spacing:-.03em}
.mvs-cap{font-size:.95rem;color:rgba(255,255,255,.55);margin-top:8px;max-width:22ch}
.mvs-arrow{color:rgba(255,255,255,.28);margin:16px 0;display:grid;place-items:center}
.mvs-arrow svg{width:22px;height:22px}
.mvs-clients{font-size:1rem;color:rgba(255,255,255,.75);display:flex;align-items:baseline;gap:8px}
.mvs-clients b{font-family:'Archivo';font-size:1.7rem;color:#fff;letter-spacing:-.02em}
.mvs-card.yes .mvs-clients b{color:#9DB4FF}
.mvs-note{font-size:.91rem;color:rgba(255,255,255,.5);line-height:1.55;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.mvs-mid{align-self:center;font-weight:800;color:rgba(255,255,255,.4);font-size:.91rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:680px){.myth-vs{grid-template-columns:1fr}.mvs-mid{padding:6px 0}}

/* services bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease)}
.svc:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}
.svc .num{font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.svc .ico{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;margin:16px 0;color:var(--accent)}
.svc .ico svg{width:24px;height:24px}
.svc h3{font-size:1.24rem;font-weight:800;margin-bottom:10px}
.svc p{font-size:.99rem;color:var(--ink-2);line-height:1.62}
.svc .out{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:7px}
.svc .pill{font-size:.88rem;font-weight:600;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:5px 12px}
.s-7{grid-column:span 7}.s-5{grid-column:span 5}.s-6{grid-column:span 6}
.svc.feat{background:var(--dark);border-color:var(--dark-2);color:#fff;position:relative;overflow:hidden}
.svc.feat::after{content:"";position:absolute;top:-90px;right:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.4),transparent 66%);pointer-events:none}
.svc.feat>*{position:relative;z-index:1}
.svc.feat .num{color:#9DB4FF}
.svc.feat .ico{background:rgba(37,81,230,.22);border-color:rgba(37,81,230,.4);color:#9DB4FF}
.svc.feat h3{color:#fff}
.svc.feat p{color:rgba(255,255,255,.66)}
.svc.feat .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.svc.feat .badge-uniq{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#F6C445;background:rgba(246,196,69,.12);border:1px solid rgba(246,196,69,.32);border-radius:100px;padding:5px 13px;align-self:flex-start;margin-top:8px}
.svc-rings{display:flex;gap:9px;margin-top:16px}
.svc-ring{width:40px;height:40px;border-radius:50%;padding:2px;display:grid;place-items:center}
.svc-ring.on{background:var(--ig)}
.svc-ring.gray{background:#E1E5EE}
.svc-ring .a{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#EDEFF4;border:2px solid var(--surface)}
.svc-ring .a img{width:100%;height:100%;object-fit:cover}
.svc-ring.gray .a img{filter:grayscale(1);opacity:.6}
@media(max-width:900px){.bento{grid-template-columns:1fr}.s-7,.s-5,.s-6{grid-column:auto}}

/* split layout */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.dive-list{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.dive-list li{display:flex;gap:12px;align-items:flex-start;font-size:1.05rem;color:var(--ink-2)}
.dive-list .ck{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.dive-list .ck svg{width:13px;height:13px}
.dive-list li b{color:var(--ink);font-weight:700}

/* notifications */
.notif-stage{max-width:420px;width:100%;margin:0;display:flex;flex-direction:column;gap:12px}
.ncard{display:flex;align-items:flex-start;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:15px 16px;box-shadow:var(--shadow-sm)}
.reveal .ncard{opacity:0;transform:translateY(14px) scale(.97)}
.reveal.in .ncard{opacity:1;transform:none;transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1)}
.reveal.in .ncard:nth-child(1){transition-delay:.05s}
.reveal.in .ncard:nth-child(2){transition-delay:.2s}
.reveal.in .ncard:nth-child(3){transition-delay:.35s}
.reveal.in .ncard:nth-child(4){transition-delay:.5s}
.ncard .ni{width:40px;height:40px;border-radius:11px;overflow:hidden;flex-shrink:0;background:#EDEFF4}
.ncard .ni img{width:100%;height:100%;object-fit:cover}
.ncard .ni.fb{background:#1877F2;display:grid;place-items:center;color:#fff;font-weight:800}
.ncard .nb{flex:1;min-width:0}
.ncard .nrow{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ncard .napp{font-weight:800;font-size:.99rem}
.ncard .nt{font-size:.82rem;color:var(--ink-3);font-weight:600;flex-shrink:0}
.ncard .nm{font-size:.95rem;color:var(--ink-2);line-height:1.4;margin-top:2px}
.ncard .nm b{color:var(--ink);font-weight:700}

/* automation: DM chat + comment->DM */
.auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
@media(max-width:860px){.auto-grid{grid-template-columns:1fr}}
.mock-label{display:flex;align-items:center;gap:9px;font-size:.91rem;font-weight:700;color:var(--ink);margin-bottom:14px}
.mock-label .mi{width:28px;height:28px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;flex-shrink:0}
.mock-label .mi svg{width:15px;height:15px}
.chat-card{background:var(--dark);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-md)}
.chat-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}
.chat-av{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.1)}
.chat-av img{width:100%;height:100%;object-fit:cover}
.chat-who b{display:block;color:#fff;font-size:.9rem;font-weight:800;line-height:1.2}
.chat-who span{font-size:.7rem;color:rgba(255,255,255,.45);font-weight:600}
.chat-tag{margin-left:auto;font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5FE39B;background:rgba(21,157,91,.16);border:1px solid rgba(21,157,91,.32);border-radius:100px;padding:4px 11px}
.chat-body{display:flex;flex-direction:column;gap:11px;min-height:190px;justify-content:flex-end}
.bub{padding:11px 14px;font-size:.86rem;line-height:1.45;max-width:88%;animation:bubIn .35s ease}
.bub.in{align-self:flex-start;background:rgba(255,255,255,.1);color:#fff;border-radius:14px 14px 14px 4px}
.bub.out{align-self:flex-end;background:var(--accent);color:#fff;border-radius:14px 14px 4px 14px;box-shadow:0 6px 16px rgba(37,81,230,.34)}
@keyframes bubIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kw{background:rgba(255,255,255,.22);font-weight:800;padding:1px 7px;border-radius:5px}
.bub .lnk{display:inline-block;margin-top:8px;background:#fff;color:var(--ink);padding:6px 13px;border-radius:100px;font-size:.74rem;font-weight:800}
.typing{align-self:flex-start;background:rgba(255,255,255,.1);border-radius:14px 14px 14px 4px;padding:13px 15px;display:flex;gap:5px}
.typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.65);animation:blink 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.3}30%{opacity:1}}
/* post + comment card */
.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative}
.post-top{display:flex;align-items:center;gap:10px;padding:12px 14px}
.post-top .pa{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#EDEFF4;flex-shrink:0}
.post-top .pa img{width:100%;height:100%;object-fit:cover}
.post-top b{font-size:.85rem}
.post-top .more{margin-left:auto;color:var(--ink-3);font-weight:800;letter-spacing:1px}
.post-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#EDEFF4}
.post-actions{display:flex;gap:16px;padding:11px 14px 6px;color:var(--ink-2)}
.post-actions svg{width:22px;height:22px}
.post-likes{padding:0 14px 8px;font-size:.8rem;font-weight:700}
.comments{padding:2px 14px 84px;display:flex;flex-direction:column;gap:11px}
.cmt{display:flex;gap:9px;align-items:flex-start;font-size:.82rem;line-height:1.4}
.cmt .ca{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#EDEFF4}
.cmt .ca img{width:100%;height:100%;object-fit:cover}
.cmt .cb b{font-weight:700}
.cmt .cb .kw2{color:var(--accent);font-weight:800}
.cmt.reply{margin-left:35px;opacity:0;transform:translateY(6px);transition:opacity .4s ease, transform .4s ease}
.cmt.reply.show{opacity:1;transform:none}
.cmt.reply .cb{color:var(--ink-2)}
.cmt.reply .cb b{color:var(--accent)}
.dm-toast{position:absolute;left:14px;right:14px;bottom:14px;background:var(--dark);color:#fff;border-radius:16px;padding:13px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(120%);transition:opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1)}
.dm-toast.show{opacity:1;transform:translateY(0)}
.dm-toast .dt-ic{width:34px;height:34px;border-radius:10px;background:var(--ig);display:grid;place-items:center;flex-shrink:0}
.dm-toast .dt-ic svg{width:18px;height:18px;color:#fff}
.dm-toast .dt-b{flex:1;min-width:0}
.dm-toast .dt-b b{font-size:.8rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-toast .dt-b span{font-size:.72rem;color:rgba(255,255,255,.6);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-toast .dt-go{font-size:.7rem;font-weight:800;background:var(--accent);color:#fff;padding:6px 12px;border-radius:100px;flex-shrink:0}

/* file upload window */
.win{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:520px;width:100%}
.win-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--bg)}
.win-dots{display:flex;gap:6px}
.win-dots i{width:11px;height:11px;border-radius:50%;background:#DDE1EA;display:block}
.win-url{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:.76rem;color:var(--ink-2);display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.win-url svg{width:13px;height:13px;color:var(--ok);flex-shrink:0}
.win-body{padding:22px}
.lock-row{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:16px;font-size:.84rem;color:var(--ink-2)}
.lock-row svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.lock-row .dots{letter-spacing:3px;color:var(--ink);font-weight:800}
.lock-row .ok-chip{margin-left:auto;font-size:.68rem;font-weight:800;color:var(--ok);background:rgba(21,157,91,.1);border:1px solid rgba(21,157,91,.25);padding:3px 10px;border-radius:100px}
.drop{border:2px dashed var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft);padding:24px;text-align:center;margin-bottom:18px}
.drop .di{width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid var(--accent-line);display:grid;place-items:center;margin:0 auto 12px;color:var(--accent)}
.drop .di svg{width:24px;height:24px}
.drop b{font-size:.92rem;display:block;margin-bottom:4px}
.drop span{font-size:.8rem;color:var(--ink-2)}
.files{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}
.file-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line-2)}
.file-thumb{width:42px;height:42px;border-radius:10px;overflow:hidden;background:#EDEFF4;flex-shrink:0;position:relative}
.file-thumb img{width:100%;height:100%;object-fit:cover}
.file-thumb.vid::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='6 4 20 12 6 20'/%3E%3C/svg%3E") center/16px no-repeat}
.file-meta{flex:1;min-width:0}
.file-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-sub{font-size:.72rem;color:var(--ink-3)}
.file-bar{height:6px;background:var(--bg);border:1px solid var(--line-2);border-radius:4px;margin-top:7px;overflow:hidden}
.file-fill{height:100%;width:0;background:var(--accent);border-radius:4px;transition:width .8s ease}
.file-check{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;flex-shrink:0;opacity:0;transform:scale(.7);transition:opacity .3s ease, transform .3s ease}
.file-check.on{opacity:1;transform:scale(1)}
.file-check svg{width:13px;height:13px}
.up-btn{width:100%;justify-content:center}

/* virtual card (link in bio) */
.vc-screen{background:#F6F7FB}
.vc-addr{display:flex;align-items:center;justify-content:center;gap:8px;background:#E7EAF0;padding:14px 16px 12px;font-size:.82rem;color:var(--ink-2);font-weight:700;border-bottom:1px solid rgba(14,17,22,.05)}
.vc-addr svg{width:13px;height:13px;color:var(--ink-3);flex-shrink:0}
.vc-cover{height:84px;background:linear-gradient(120deg,var(--accent),#5B8CFF 60%,#8AA9FF);position:relative}
.vc-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.35),transparent 55%)}
.vc-av{width:76px;height:76px;border-radius:50%;border:4px solid #F6F7FB;overflow:hidden;margin:-40px auto 0;position:relative;z-index:2;background:#EDEFF4}
.vc-av img{width:100%;height:100%;object-fit:cover}
.vc-body{padding:10px 18px 20px;text-align:center}
.vc-name{font-family:'Archivo';font-weight:900;font-size:1.22rem;margin-top:6px;letter-spacing:-.02em}
.vc-verified{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--accent);margin-top:6px}
.vc-verified svg{width:15px;height:15px}
.vc-bio{font-size:.82rem;color:var(--ink-2);line-height:1.5;margin:10px auto 0;max-width:30ch}
.vc-links{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.vc-btn{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:.9rem;font-weight:800;color:var(--ink);text-align:left;transition:transform .18s ease, box-shadow .18s ease}
.vc-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.vc-btn .bi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.vc-btn .bi svg{width:16px;height:16px}
.vc-btn .bi.booksy{background:#0A1B39}
.vc-btn .bi.fb{background:#1877F2}
.vc-btn .bi.ig{background:var(--ig)}
.vc-btn .arw{margin-left:auto;color:var(--ink-3);font-weight:700}
.vc-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}
.vc-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#EDEFF4}
.vc-foot{margin-top:16px;font-size:.72rem;color:var(--ink-3);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.vc-foot svg{color:var(--accent)}
.vc-foot b{color:var(--accent)}
.vc-frame-clip{height:520px;overflow:hidden;background:#fff}
.vc-frame{display:block;width:125%;height:650px;border:none;background:#fff;transform:scale(.8);transform-origin:0 0}
.vc-example{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.92rem;font-weight:800;color:var(--accent)}
.vc-example:hover{text-decoration:underline}
.vc-example svg{width:16px;height:16px;flex-shrink:0}

/* results */
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.res{border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;background:var(--surface);box-shadow:var(--shadow-sm)}
.res.wide{grid-column:1 / -1}
.res.dark{background:var(--dark);border-color:var(--dark-2);color:#fff;position:relative;overflow:hidden}
.res.dark::after{content:"";position:absolute;bottom:-80px;left:-40px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.28),transparent 66%)}
.res.dark>*{position:relative;z-index:1}
.res .rtag{font-size:.86rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:4px 12px;border-radius:100px;display:inline-block}
.res.dark .rtag{color:#F6C445;background:rgba(246,196,69,.12);border-color:rgba(246,196,69,.3)}
.res h3{font-size:1.34rem;font-weight:800;margin:16px 0 10px}
.res.dark h3{color:#fff}
.res .rp{font-size:1.02rem;color:var(--ink-2);line-height:1.65}
.res.dark .rp{color:rgba(255,255,255,.68)}
.res .rmech{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);font-size:.95rem;color:var(--ink-2);line-height:1.6}
.res.dark .rmech{border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.62)}
.res .rmech b{display:block;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-weight:800}
.res.dark .rmech b{color:rgba(255,255,255,.4)}
@media(max-width:720px){.res-grid{grid-template-columns:1fr}.res.wide{grid-column:auto}}

/* vs */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vs-col{border-radius:var(--r-lg);overflow:hidden}
.vs-them{background:var(--surface);border:1px solid var(--line)}
.vs-me{background:var(--accent);box-shadow:0 18px 44px rgba(37,81,230,.28)}
.vs-h{padding:22px 26px;font-weight:800;font-size:1.05rem;border-bottom:1px solid var(--line-2)}
.vs-them .vs-h{color:var(--ink-3)}
.vs-me .vs-h{color:#fff;border-bottom-color:rgba(255,255,255,.16)}
.vs-row{display:flex;gap:12px;align-items:flex-start;padding:15px 26px;font-size:.99rem;border-bottom:1px solid var(--line-2)}
.vs-row:last-child{border-bottom:none}
.vs-them .vs-row{color:var(--ink-2)}
.vs-me .vs-row{color:rgba(255,255,255,.94);border-bottom-color:rgba(255,255,255,.12)}
.vs-ck{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;margin-top:1px}
.vs-ck svg{width:12px;height:12px}
.vs-them .vs-ck{background:rgba(14,17,22,.06);color:var(--ink-3)}
.vs-me .vs-ck{background:rgba(255,255,255,.22);color:#fff}
@media(max-width:720px){.vs{grid-template-columns:1fr}}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.step{padding:30px 26px;border-right:1px solid var(--line-2)}
.step:last-child{border-right:none}
.step .sn{width:36px;height:36px;border-radius:11px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-family:'Archivo';font-weight:800;display:grid;place-items:center;margin-bottom:16px}
.step h4{font-size:1.06rem;font-weight:700;margin-bottom:9px}
.step p{font-size:.95rem;color:var(--ink-2);line-height:1.6}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:none}.step:nth-child(1),.step:nth-child(2){border-bottom:1px solid var(--line-2)}}
@media(max-width:480px){.steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--line-2)}.step:last-child{border-bottom:none}}

/* cta */
.cta-box{background:var(--dark);border-radius:var(--r-lg);padding:clamp(44px,7vw,80px) clamp(24px,5vw,60px);text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:520px;height:320px;background:radial-gradient(ellipse,rgba(37,81,230,.35),transparent 68%);pointer-events:none}
.cta-box>*{position:relative;z-index:1}
.cta-box h2{color:#fff;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;margin-bottom:16px}
.cta-box p{color:rgba(255,255,255,.68);font-size:clamp(1.06rem,1.7vw,1.2rem);max-width:46ch;margin:0 auto 34px}
.cta-note{margin-top:16px;font-size:.91rem;color:rgba(255,255,255,.45)}

/* footer */
footer{padding:44px 0 40px;border-top:1px solid var(--line)}
.foot-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.foot-inner .logo{font-size:1.1rem}
.foot-inner p{font-size:.91rem;color:var(--ink-3)}
.foot-links{display:flex;gap:20px;font-size:.91rem}
.foot-links a{color:var(--ink-2);font-weight:600}
.foot-links a:hover{color:var(--accent)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .85s var(--ease), transform .85s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}

/* cookie */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:480px;margin:0 auto;background:var(--glass);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid var(--hairline);border-radius:var(--r-md);padding:18px 20px;box-shadow:0 20px 48px rgba(14,17,22,.16), inset 0 1px 0 rgba(255,255,255,.85);transform:translateY(160%);opacity:0;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.cookie.show{transform:translateY(0);opacity:1}
.cookie p{font-size:.91rem;color:var(--ink-2);line-height:1.5;margin-bottom:14px}
.cookie p a{color:var(--accent);font-weight:700}
.cookie-btns{display:flex;gap:10px}
.cookie-btns button{flex:1;border:none;cursor:pointer;font-family:inherit;font-size:.91rem;font-weight:700;padding:11px 16px;border-radius:100px}
.ck-acc{background:var(--accent);color:#fff}
.ck-dec{background:var(--bg);color:var(--ink-2);border:1px solid var(--line) !important}

/* ---- tap feedback: ripple + hint pulse ---- */
.btn,.tray-toggle button,.vc-btn{position:relative;overflow:hidden}
.ripple{position:absolute;border-radius:50%;background:var(--ripple,rgba(37,81,230,.22));transform:scale(0);animation:rippleAnim .6s ease-out;pointer-events:none;z-index:0}
@keyframes rippleAnim{to{transform:scale(2.3);opacity:0}}
.btn-primary,.nav-cta{--ripple:rgba(255,255,255,.5)}
.btn-white{--ripple:rgba(37,81,230,.16)}
.tray-toggle button:active,.vc-btn:active,.btn-ghost:active,.btn-white:active{transform:scale(.965)}
.tray-toggle{position:relative}
.tray-toggle::after{content:"";position:absolute;inset:-4px;border-radius:100px;border:1.5px solid var(--accent);opacity:0;animation:tapRing 3.6s ease-out infinite;pointer-events:none;will-change:transform,opacity}
@keyframes tapRing{0%{transform:scale(1);opacity:.3}55%{opacity:0}100%{transform:scale(1.1);opacity:0}}
@keyframes softBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.up-btn,#upBtn{animation:softBreathe 2.8s ease-in-out infinite;will-change:transform}
/* ---- IG bottom nav (phone realism) ---- */
.ig-bottomnav{display:flex;align-items:center;justify-content:space-between;padding:10px 22px 14px;border-top:1px solid var(--line-2);margin-top:12px}
.ig-bottomnav svg{width:22px;height:22px;color:var(--ink)}
.ig-bottomnav .ig-me{width:24px;height:24px;border-radius:50%;overflow:hidden;border:2px solid var(--ink)}
.ig-bottomnav .ig-me img{width:100%;height:100%;object-fit:cover}

/* ---- audio player ---- */
.audio-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(28px,4vw,44px);box-shadow:var(--shadow-md);text-align:center;position:relative;overflow:hidden}
.audio-card::before{content:"";position:absolute;top:-90px;left:50%;transform:translateX(-50%);width:380px;height:260px;background:radial-gradient(ellipse,rgba(37,81,230,.10),transparent 70%);pointer-events:none}
.audio-card>*{position:relative;z-index:1}
.audio-badge{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:100px;padding:6px 14px;margin-bottom:18px}
.audio-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:live-blink 2.4s ease-in-out infinite}
.audio-card h3{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;margin-bottom:12px}
.audio-card .ad{font-size:1.02rem;color:var(--ink-2);max-width:52ch;margin:0 auto 26px;line-height:1.65}
.player{display:flex;align-items:center;gap:18px;max-width:480px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:12px 22px 12px 12px;box-shadow:var(--shadow-sm)}
.play-btn{width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 18px rgba(37,81,230,.35);transition:transform .3s var(--ease), background .3s var(--ease);animation:softBreathe 2.8s ease-in-out infinite;will-change:transform;position:relative;overflow:hidden}
.play-btn:hover{background:var(--accent-press);transform:scale(1.06)}
.play-btn:active{transform:scale(.95)}
.play-btn svg{width:22px;height:22px}
.player-track{flex:1;display:flex;flex-direction:column;gap:7px}
.pt-bar{height:8px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:5px;cursor:pointer;position:relative}
.pt-fill{height:100%;width:0%;background:var(--accent);border-radius:5px;position:relative}
.pt-fill::after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.pt-time{display:flex;justify-content:flex-end;gap:4px;font-size:.85rem;font-weight:700;color:var(--ink-3)}
.audio-note{font-size:.9rem;color:var(--ink-3);margin-top:14px}
@media(max-width:480px){.player{border-radius:var(--r-md);flex-direction:column;padding:16px;gap:14px}.player-track{width:100%}}

/* ---- price band ---- */
.price-band{background:var(--accent);border-radius:var(--r-lg);padding:clamp(30px,5vw,52px);position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(37,81,230,.3)}
.price-band::before{content:"";position:absolute;top:-90px;right:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.price-band>*{position:relative;z-index:1}
.price-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,44px);align-items:center}
@media(max-width:760px){.price-grid{grid-template-columns:1fr}}
.price-band .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.price-band h2{color:#fff;font-size:clamp(1.6rem,3.8vw,2.5rem);font-weight:900;margin:16px 0 14px;letter-spacing:-.03em}
.price-band p{color:rgba(255,255,255,.82);font-size:1rem;line-height:1.7}
.price-band p b{color:#fff}
.price-points{display:flex;flex-direction:column;gap:12px}
.price-point{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:14px 16px}
.price-point .pk{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.price-point .pk svg{width:14px;height:14px}
.price-point p{font-size:.99rem;color:rgba(255,255,255,.9);line-height:1.55}
.price-point p b{color:#fff}

/* ---- limited slots ---- */
.slots-card{background:var(--dark);border-radius:var(--r-lg);padding:clamp(32px,5vw,56px);position:relative;overflow:hidden;color:#fff}
.slots-card::before{content:"";position:absolute;top:-100px;right:-70px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(246,196,69,.14),transparent 65%);pointer-events:none}
.slots-card::after{content:"";position:absolute;bottom:-90px;left:-50px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.22),transparent 65%);pointer-events:none}
.slots-card>*{position:relative;z-index:1}
.slots-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,48px);align-items:center}
@media(max-width:820px){.slots-grid{grid-template-columns:1fr}}
.slots-badge{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F6C445;background:rgba(246,196,69,.12);border:1px solid rgba(246,196,69,.32);border-radius:100px;padding:6px 15px;margin-bottom:18px}
.slots-badge .d{width:7px;height:7px;border-radius:50%;background:#F6C445;animation:live-blink 1.6s ease-in-out infinite}
@keyframes live-blink{0%,100%{opacity:1}50%{opacity:.3}}
.slots-card h2{color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:900;margin-bottom:16px;letter-spacing:-.03em}
.slots-card .sp{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:14px}
.slots-card .sp b{color:#fff}
.slots-visual{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:28px 26px;backdrop-filter:blur(8px)}
.slots-count{display:flex;align-items:baseline;gap:10px;justify-content:center;margin-bottom:8px}
.slots-count b{font-family:'Archivo';font-weight:900;font-size:clamp(3rem,8vw,4.2rem);color:#fff;letter-spacing:-.04em;line-height:1}
.slots-count span{font-size:1.02rem;font-weight:700;color:rgba(255,255,255,.55)}
.slots-sub{text-align:center;font-size:.91rem;color:rgba(255,255,255,.5);margin-bottom:20px}
.slots-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:22px}
.slot-dot{aspect-ratio:1;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}
.slot-dot svg{width:13px;height:13px;color:rgba(255,255,255,.35)}
.slot-dot.taken{background:rgba(37,81,230,.3);border-color:rgba(37,81,230,.5)}
.slot-dot.taken svg{color:#9DB4FF}
.slots-legend{display:flex;justify-content:center;gap:18px;font-size:.85rem;font-weight:700;color:rgba(255,255,255,.5)}
.slots-legend .lg{display:inline-flex;align-items:center;gap:6px}
.slots-legend .sq{width:10px;height:10px;border-radius:3px}
.slots-legend .sq.a{background:rgba(37,81,230,.55)}
.slots-legend .sq.b{background:rgba(255,255,255,.12)}
.slots-team{display:flex;gap:13px;align-items:flex-start;background:rgba(37,81,230,.12);border:1px solid rgba(37,81,230,.3);border-radius:var(--r-sm);padding:16px 18px;margin-top:18px}
.slots-team .ti{width:34px;height:34px;border-radius:50%;background:rgba(37,81,230,.3);display:grid;place-items:center;flex-shrink:0;color:#9DB4FF}
.slots-team .ti svg{width:17px;height:17px}
.slots-team p{font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.6}
.slots-team p b{color:#fff}

/* ---- honest / about ---- */
.honest-note{background:var(--surface);border:1px solid var(--accent-line);border-left:4px solid var(--accent);border-radius:var(--r-md);padding:26px;box-shadow:var(--shadow-sm)}
.hn-tag{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.hn-tag svg{width:16px;height:16px}
.honest-note h3{font-size:1.15rem;font-weight:800;margin-bottom:10px}
.honest-note p{font-size:1.02rem;color:var(--ink-2);line-height:1.7}
.honest-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.honest-chip{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:700;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:7px 14px}
.honest-chip svg{width:14px;height:14px;color:var(--accent)}
/* ---- a11y: skip link + focus ---- */
.skip-link{position:fixed;top:-70px;left:16px;z-index:200;background:var(--ink);color:#fff;font-weight:700;font-size:.95rem;padding:12px 20px;border-radius:100px;transition:top .3s var(--ease)}
.skip-link:focus{top:14px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.btn:focus-visible,.play-btn:focus-visible,.to-top:focus-visible{outline-offset:4px;border-radius:100px}
section[id],[id^="usluga-"],#auto-dm,#auto-komentarze{scroll-margin-top:84px}

/* ---- scroll progress ---- */
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;will-change:transform;pointer-events:none}

/* ---- nav: active link + burger + mobile menu ---- */
.nav-links a.nlink.active{color:var(--accent)}
.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:12px;cursor:pointer;padding:0;flex-shrink:0}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease)}
.burger.open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.burger.open span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{position:fixed;top:74px;left:12px;right:12px;z-index:59;background:var(--glass);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:0 24px 60px rgba(14,17,22,.16), inset 0 1px 0 rgba(255,255,255,.85);padding:10px;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}
.mobile-menu a{padding:13px 16px;border-radius:12px;font-weight:700;font-size:1.05rem;color:var(--ink);transition:background .2s,color .2s}
.mobile-menu a:not(.btn):hover{background:rgba(37,81,230,.07);color:var(--accent)}
.mobile-menu .btn{margin-top:8px;justify-content:center}
@media(max-width:1080px){.burger{display:flex}}
@media(min-width:1081px){.mobile-menu{display:none}}

/* ---- hero backdrop ---- */
.hero::before{content:"";position:absolute;top:-160px;right:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.09),transparent 62%);pointer-events:none}
.hero::after{content:"";position:absolute;bottom:-140px;left:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.05),transparent 62%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}

/* ---- back to top ---- */
.to-top{position:fixed;right:18px;bottom:18px;z-index:70;width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-md);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease),border-color .25s,color .25s}
.to-top:hover{border-color:var(--accent);color:var(--accent)}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top svg{width:18px;height:18px}

/* ---- FAQ ---- */
.faq{max-width:780px;margin:0 auto;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;font-size:1.02rem;font-weight:700;color:var(--ink);padding:20px 4px;transition:color .2s}
.faq-q:hover{color:var(--accent)}
.faq-q .fx{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;flex-shrink:0;transition:transform .4s var(--ease)}
.faq-q .fx svg{width:13px;height:13px}
.faq-item.open .faq-q{color:var(--accent)}
.faq-item.open .fx{transform:rotate(45deg)}
.faq-a{overflow:hidden;max-height:0;transition:max-height .45s var(--ease)}
.faq-a p{font-size:1.02rem;color:var(--ink-2);line-height:1.7;padding:0 44px 20px 4px;max-width:65ch}

/* ---- team / o nas ---- */
.team-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:stretch}
@media(max-width:820px){.team-grid{grid-template-columns:1fr}}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,4vw,38px) clamp(22px,3.5vw,34px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease)}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}
.tcard.feat{background:var(--dark);border-color:var(--dark-2);color:#fff;position:relative;overflow:hidden}
.tcard.feat::after{content:"";position:absolute;top:-90px;right:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.38),transparent 66%);pointer-events:none}
.tcard.feat>*{position:relative;z-index:1}
.tcard-top{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.tava{width:82px;height:82px;border-radius:50%;padding:3px;background:var(--ig);flex-shrink:0}
.tcard.feat .tava{background:linear-gradient(135deg,#2551E6,#8AA9FF)}
.tava .in{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid var(--surface);background:#EDEFF4}
.tcard.feat .tava .in{border-color:var(--dark)}
.tava img{width:100%;height:100%;object-fit:cover;display:block}
.tname b{font-family:'Archivo';font-weight:800;font-size:1.3rem;letter-spacing:-.02em;display:block;line-height:1.15}
.tcard.feat .tname b{color:#fff}
.trole{font-size:.85rem;font-weight:700;color:var(--accent);margin-top:6px;display:inline-flex;align-items:center;gap:6px}
.tcard.feat .trole{color:#9DB4FF}
.trole .d{width:7px;height:7px;border-radius:50%;background:currentColor}
.tcard p{font-size:1.02rem;color:var(--ink-2);line-height:1.7}
.tcard.feat p{color:rgba(255,255,255,.7)}
.tcard p b{color:var(--ink);font-weight:700}
.tcard.feat p b{color:#fff}
.tchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px}
.tchips .pill{font-size:.88rem;font-weight:600;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:5px 12px}
.tcard.feat .tchips .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.team-duo{display:flex;align-items:center;gap:10px;margin-top:22px;justify-content:center;font-size:.91rem;font-weight:700;color:var(--ink-2)}
.team-duo .avs{display:flex}
.team-duo .avs img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2.5px solid var(--bg)}
.team-duo .avs img:last-child{margin-left:-10px}

/* ---- offer index (skrót oferty): liquid glass ---- */
.offer-idx{margin-top:clamp(38px,5vw,58px);position:relative}
.offer-idx::before{content:"";position:absolute;inset:-40px -20px;background:
  radial-gradient(440px 280px at 12% 16%, rgba(37,81,230,.18), transparent 64%),
  radial-gradient(400px 260px at 90% 28%, rgba(138,169,255,.22), transparent 64%),
  radial-gradient(360px 240px at 26% 92%, rgba(246,196,69,.12), transparent 60%),
  radial-gradient(420px 280px at 74% 80%, rgba(37,81,230,.10), transparent 62%);
  filter:blur(34px);pointer-events:none;animation:oiDrift 16s ease-in-out infinite;will-change:transform}
@keyframes oiDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.03)}}
.oi-head,.oi-grid{position:relative;z-index:1}
.oi-head{text-align:center;max-width:640px;margin:0 auto 24px}
.oi-head h3{font-size:clamp(1.35rem,2.8vw,1.8rem);font-weight:800;letter-spacing:-.02em}
.oi-head p{font-size:1.02rem;color:var(--ink-2);margin-top:8px}
.oi-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oi-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:17px 19px;border-radius:22px;
  background:rgba(255,255,255,.52);
  backdrop-filter:blur(24px) saturate(1.9);-webkit-backdrop-filter:blur(24px) saturate(1.9);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 14px 36px rgba(14,17,22,.08), 0 0 0 .5px rgba(14,17,22,.04), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.25);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease)}
.oi-item::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg, rgba(255,255,255,.6), rgba(255,255,255,0) 44%)}
.oi-item>*{position:relative;z-index:1}
.oi-item:hover{transform:translateY(-3px) scale(1.008);background:rgba(255,255,255,.66);
  box-shadow:0 22px 48px rgba(14,17,22,.12), 0 0 0 .5px rgba(14,17,22,.04), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(255,255,255,.3)}
.oi-item:active{transform:scale(.985)}
.oi-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);
  background:rgba(37,81,230,.12);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 2px 6px rgba(37,81,230,.10)}
.oi-ico svg{width:20px;height:20px}
.oi-b{flex:1;min-width:0}
.oi-b b{display:block;font-size:1.02rem;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.oi-b span{font-size:.88rem;color:var(--ink-2);display:block;margin-top:3px;line-height:1.45}
.oi-arw{color:var(--ink-3);flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:transform .3s var(--ease),color .3s,background .3s}
.oi-arw svg{width:15px;height:15px}
.oi-item:hover .oi-arw{transform:translateX(3px);color:#fff;background:var(--accent);border-color:var(--accent)}
.oi-item.hit{grid-column:1 / -1;
  background:rgba(16,20,28,.86);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 18px 44px rgba(14,17,22,.28), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.05)}
.oi-item.hit::before{background:linear-gradient(118deg, rgba(255,255,255,.14), rgba(255,255,255,0) 46%)}
.oi-item.hit::after{content:"";position:absolute;top:-70px;right:-50px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.45),transparent 66%);pointer-events:none}
.oi-item.hit:hover{background:rgba(16,20,28,.92);
  box-shadow:0 26px 56px rgba(14,17,22,.34), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(255,255,255,.06)}
.oi-item.hit .oi-b b{color:#fff}
.oi-item.hit .oi-b span{color:rgba(255,255,255,.68)}
.oi-item.hit .oi-ico{background:rgba(37,81,230,.32);border-color:rgba(255,255,255,.22);color:#9DB4FF;box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 2px 8px rgba(37,81,230,.3)}
.oi-item.hit .oi-arw{color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.oi-item.hit:hover .oi-arw{color:#fff;background:var(--accent);border-color:var(--accent)}
.oi-uniq{display:inline-flex;align-items:center;gap:6px;font-size:.80rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#F6C445;background:rgba(246,196,69,.12);border:1px solid rgba(246,196,69,.34);border-radius:100px;padding:4px 11px;margin-bottom:8px;width:max-content;max-width:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 14px rgba(246,196,69,.15)}
.oi-uniq svg{width:11px;height:11px;flex-shrink:0}
.oi-wide{grid-column:1 / -1}
.oi-fb{grid-column:1 / -1;background:rgba(37,81,230,.10);border-color:rgba(255,255,255,.6)}
.oi-fb::before{background:linear-gradient(118deg, rgba(255,255,255,.5), rgba(255,255,255,0) 44%)}
.oi-fb{animation:oiFbBreathe 2.8s ease-in-out infinite}
@keyframes oiFbBreathe{
  0%,100%{box-shadow:0 14px 36px rgba(14,17,22,.08), 0 0 0 1px rgba(37,81,230,.10), inset 0 1px 0 rgba(255,255,255,.95)}
  50%{box-shadow:0 16px 44px rgba(37,81,230,.22), 0 0 0 1px rgba(37,81,230,.26), inset 0 1px 0 rgba(255,255,255,1)}
}
.oi-fb:hover{background:rgba(37,81,230,.15);animation-play-state:paused;box-shadow:0 22px 48px rgba(37,81,230,.24), 0 0 0 1px rgba(37,81,230,.3), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.25)}
.oi-fb .oi-ico{background:#1877F2;border-color:rgba(255,255,255,.55);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 4px 12px rgba(24,119,242,.35)}
.oi-fb .oi-b b{color:var(--accent)}
.oi-fb .oi-arw{color:var(--accent);background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.85)}
/* krążąca iskra na obramowaniu przycisku FB */
@property --oi-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.oi-fb{overflow:visible}
.oi-fb::after{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:3px;pointer-events:none;
  background:conic-gradient(from var(--oi-angle),
    transparent 0turn, transparent .55turn,
    rgba(37,81,230,.30) .70turn,
    rgba(37,81,230,.70) .84turn,
    rgba(91,140,255,1) .93turn,
    #FFFFFF .965turn,
    rgba(120,160,255,1) .972turn,
    transparent .98turn, transparent 1turn);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(91,140,255,.95)) drop-shadow(0 0 16px rgba(37,81,230,.55));
  animation:oiOrbit 2.8s linear infinite;will-change:filter}
@keyframes oiOrbit{to{--oi-angle:360deg}}
@supports not (background:conic-gradient(from var(--oi-angle), #000, #fff)){
  .oi-fb::after{display:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .oi-item{background:rgba(255,255,255,.92)}
  .oi-item.hit{background:var(--dark)}
  .oi-fb{background:var(--accent-soft)}
}


/* ---- oferta i cena ---- */
.pc-pos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-md);padding:20px 24px;margin-bottom:clamp(28px,4vw,46px);box-shadow:var(--shadow-sm)}
.pc-pos p{font-size:1.05rem;color:var(--ink-2);line-height:1.65;flex:1;min-width:280px}
.pc-pos p b{color:var(--ink);font-weight:700}
.pc-chips{display:flex;flex-wrap:wrap;gap:7px}
.pc-chip{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:700;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:7px 13px;white-space:nowrap}
.pc-chip svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}
.dive-list .ck.no{background:rgba(229,72,77,.09);border-color:rgba(229,72,77,.26);color:#C2373C}
.pc-h3{font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:800;letter-spacing:-.025em;margin-bottom:14px}

/* przekreslony cennik pakietowy */
.pc-fake{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow-sm);overflow:hidden}
.pc-fake::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,251,248,0),rgba(251,251,248,.55));pointer-events:none}
.pc-fake-head{font-family:'Archivo';font-weight:800;font-size:1.04rem;letter-spacing:-.02em;color:var(--ink-3);padding-bottom:13px;border-bottom:1px solid var(--line-2)}
.pc-fake-head span{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:600;color:var(--ink-3);letter-spacing:0;margin-top:5px}
.pc-row{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px dashed var(--line-2);color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(14,17,22,.3)}
.pc-row:last-child{border-bottom:none}
.pc-row b{font-size:.95rem;font-weight:800;color:var(--ink-2);white-space:nowrap}
.pc-row span{font-size:.85rem;flex:1;min-width:0}
.pc-row i{font-style:normal;font-size:.95rem;font-weight:800;white-space:nowrap}
.pc-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);z-index:2;background:rgba(229,72,77,.12);border:2px solid rgba(229,72,77,.55);color:#B8333A;border-radius:14px;padding:13px 22px;font-family:'Archivo';font-weight:900;font-size:clamp(.9rem,2.4vw,1.1rem);line-height:1.22;text-align:center;letter-spacing:-.02em;text-transform:uppercase;box-shadow:0 12px 30px rgba(14,17,22,.16);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* wszystko w jednej kwocie */
.pc-incl{display:grid;grid-template-columns:1fr 1fr;gap:11px 24px;margin-top:22px;list-style:none}
.pc-incl li{display:flex;gap:11px;align-items:flex-start;font-size:1.02rem;color:rgba(255,255,255,.92);line-height:1.5}
.pc-incl .ic{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.pc-incl .ic svg{width:12px;height:12px}
.pc-incl li b{font-weight:800;color:#fff}
.pc-none{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.pc-none span{display:inline-flex;align-items:center;gap:7px;font-size:.91rem;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:7px 14px}
.pc-none svg{width:13px;height:13px;flex-shrink:0}

/* ile to kosztuje + kontakt */
.pc-ask{background:var(--dark);border-radius:var(--r-lg);padding:clamp(30px,5vw,54px);color:#fff;position:relative;overflow:hidden;margin-top:16px}
.pc-ask::before{content:"";position:absolute;top:-110px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.30),transparent 66%);pointer-events:none}
.pc-ask>*{position:relative;z-index:1}
.pc-ask .hn-tag{color:#9DB4FF}
.pc-ask h3{font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:900;color:#fff;letter-spacing:-.03em;margin:4px 0 16px;line-height:1.12}
.pc-ask p{font-size:1rem;color:rgba(255,255,255,.72);line-height:1.72;max-width:64ch}
.pc-ask p+p{margin-top:13px}
.pc-ask p b{color:#fff;font-weight:700}
.pc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pc-actions [hidden]{display:none !important}
.btn-dark{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.18)}
.btn-dark:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);border-color:rgba(255,255,255,.3)}

/* ---- popup wyboru: telefon / SMS ---- */
.pm{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.pm[hidden]{display:none}
.pm.open{opacity:1;pointer-events:auto}
.pm-bd{position:absolute;inset:0;background:rgba(14,17,22,.52);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}
.pm-card{position:relative;width:min(420px,100%);border-radius:26px;padding:30px 26px 22px;background:rgba(255,255,255,.80);backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);border:1px solid rgba(255,255,255,.85);box-shadow:0 30px 70px rgba(14,17,22,.32), inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(18px) scale(.96);opacity:0;transition:transform .45s var(--ease), opacity .35s var(--ease)}
.pm.open .pm-card{transform:none;opacity:1}
.pm-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.7);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s}
.pm-x:hover{color:var(--ink);border-color:var(--ink-3)}
.pm-x svg{width:15px;height:15px}
.pm-t{font-family:'Archivo';font-weight:900;font-size:1.32rem;letter-spacing:-.025em;text-align:center;line-height:1.2}
.pm-s{font-size:.95rem;color:var(--ink-2);text-align:center;margin:8px auto 22px;line-height:1.5;max-width:30ch}
.pm-opts{display:flex;flex-direction:column;gap:10px}
.pm-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-family:inherit;cursor:pointer;padding:15px 17px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(14,17,22,.07), inset 0 1px 0 rgba(255,255,255,.9);transition:transform .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease)}
.pm-opt:hover{transform:translateY(-2px);background:rgba(255,255,255,.88);box-shadow:0 14px 30px rgba(14,17,22,.12)}
.pm-opt:active{transform:scale(.985)}
.pm-opt .i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 4px 12px rgba(14,17,22,.14)}
.pm-opt .i svg{width:20px;height:20px}
.pm-opt.call .i{background:linear-gradient(180deg,#3ACB65,#12994A)}
.pm-opt.sms .i{background:linear-gradient(180deg,#5B8CFF,#2551E6)}
.pm-opt .b{flex:1;min-width:0}
.pm-opt .b b{display:block;font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.pm-opt .b span{display:block;font-size:.88rem;color:var(--ink-2);margin-top:2px;line-height:1.35}
.pm-opt .a{color:var(--ink-3);flex-shrink:0;display:grid;place-items:center;transition:transform .3s var(--ease),color .3s}
.pm-opt .a svg{width:16px;height:16px}
.pm-opt:hover .a{transform:translateX(3px);color:var(--accent)}
.pm-fb{display:none;margin-top:14px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:16px;padding:14px 16px;font-size:.91rem;color:var(--ink-2);text-align:center;line-height:1.55}
.pm-fb.on{display:block}
.pm-fb a{display:block;font-family:'Archivo';font-weight:900;font-size:1.22rem;color:var(--accent);margin-top:7px;letter-spacing:.01em}
.pm-note{font-size:.88rem;color:var(--ink-3);text-align:center;margin-top:18px;line-height:1.5}
body.pm-lock{overflow:hidden}
.pc-hint{font-size:.91rem;color:rgba(255,255,255,.52);margin-top:14px;line-height:1.6;max-width:58ch}

/* ---- sciezka klienta: dlaczego to pilne ---- */
.jrn{--jrn-pad:22px;list-style:none;max-width:820px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:14px}
.jrn::before{content:"";position:absolute;left:calc(var(--jrn-pad) + 20px);top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,var(--accent-line),var(--accent-line) 70%,transparent);pointer-events:none}
.jrn-step{position:relative;display:flex;gap:18px;align-items:flex-start;padding:20px var(--jrn-pad);border-radius:22px;background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(14,17,22,.06), inset 0 1px 0 rgba(255,255,255,.9)}
.jrn-n{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:1.06rem;color:#fff;background:var(--accent);box-shadow:0 6px 16px rgba(37,81,230,.3), inset 0 1px 0 rgba(255,255,255,.3);position:relative;z-index:1}
.jrn-b b{display:block;font-size:1.14rem;font-weight:800;letter-spacing:-.015em;line-height:1.32;margin-bottom:6px}
.jrn-b span{display:block;font-size:1.02rem;color:var(--ink-2);line-height:1.62}
.jrn-end{display:flex;gap:18px;align-items:flex-start;max-width:820px;margin:18px auto 0;background:var(--dark);color:#fff;border-radius:22px;padding:26px;position:relative;overflow:hidden}
.jrn-end::after{content:"";position:absolute;top:-90px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(246,196,69,.16),transparent 66%);pointer-events:none}
.jrn-end>*{position:relative;z-index:1}
.jrn-end .je-ic{width:46px;height:46px;border-radius:14px;background:rgba(246,196,69,.14);border:1px solid rgba(246,196,69,.34);color:#F6C445;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.jrn-end .je-ic svg{width:22px;height:22px}
.jrn-end b{display:block;font-family:'Archivo';font-weight:800;font-size:1.18rem;letter-spacing:-.02em;line-height:1.32;margin-bottom:9px;color:#fff}
.jrn-end p{font-size:1.02rem;color:rgba(255,255,255,.74);line-height:1.68}
.jrn-end p b{display:inline;font-family:inherit;font-size:inherit;color:#F6C445;margin:0}

/* ================= WARSTWA APLIKACYJNA ================= */
:root{
  --spring:cubic-bezier(.22,1,.28,1);
  --spring-soft:cubic-bezier(.34,1.2,.44,1);
  --e1:0 1px 2px rgba(14,17,22,.04), 0 6px 18px rgba(37,81,230,.06);
  --e2:0 2px 6px rgba(14,17,22,.05), 0 20px 48px rgba(37,81,230,.10);
  --e3:0 24px 60px rgba(14,17,22,.16), 0 8px 26px rgba(37,81,230,.12);
  --glass-hi:rgba(255,255,255,.92);
  --bar-h:0px;
}
:root{--shadow-sm:var(--e1); --shadow-md:var(--e2)}

/* pole swiatla w tle - glebia zamiast plaskiego tla */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 620px at 10% -6%, rgba(37,81,230,.085), transparent 62%),
    radial-gradient(820px 600px at 96% 6%, rgba(37,81,230,.06), transparent 62%),
    radial-gradient(760px 540px at 48% 102%, rgba(37,81,230,.05), transparent 62%)}

/* ---- wyspa nawigacji (dock) ---- */
.nav{background:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:none !important;padding:12px 0 0}
.nav .wrap.nav-inner{
  height:auto;padding:9px 9px 9px 22px;border-radius:100px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(26px) saturate(1.9);-webkit-backdrop-filter:blur(26px) saturate(1.9);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 30px rgba(14,17,22,.08), 0 1px 0 rgba(14,17,22,.03), inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .5s var(--spring), box-shadow .5s var(--ease), background .5s var(--ease), max-width .5s var(--spring)}
.nav.scrolled .wrap.nav-inner{
  max-width:1040px;background:rgba(255,255,255,.86);
  box-shadow:0 16px 40px rgba(14,17,22,.12), inset 0 1px 0 rgba(255,255,255,.95)}
.nav-links{gap:26px}
.nav-cta{padding:12px 20px}
.burger{background:rgba(255,255,255,.6);border-color:rgba(14,17,22,.08)}
.mobile-menu{top:88px}
section[id],[id^="usluga-"],#auto-dm,#auto-komentarze{scroll-margin-top:104px}

/* pasek postepu jako wlos na samej gorze ekranu */
.scroll-progress{position:fixed;top:0;left:0;right:0;bottom:auto;height:3px;
  background:linear-gradient(90deg,var(--accent),#6D93FF);z-index:61;border-radius:0 3px 3px 0}

/* ---- choreografia wejscia ---- */
.reveal{transform:translateY(30px) scale(.99);transition:opacity .8s var(--ease), transform .9s var(--spring)}
.stagger>*{opacity:0;transform:translateY(20px);
  transition:opacity .65s var(--ease), transform .8s var(--spring);
  transition-delay:calc(var(--i,0) * 65ms)}
.reveal.in .stagger>*,.stagger.in>*{opacity:1;transform:none}

/* ---- pasek akcji (mobilny tab bar) ---- */
.appbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:95;display:flex;align-items:center;gap:8px;
  padding:9px;border-radius:22px;
  background:rgba(255,255,255,.80);
  backdrop-filter:blur(28px) saturate(1.9);-webkit-backdrop-filter:blur(28px) saturate(1.9);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 18px 44px rgba(14,17,22,.18), inset 0 1px 0 rgba(255,255,255,.95);
  transform:translateY(140%);opacity:0;pointer-events:none;
  transition:transform .55s var(--spring), opacity .4s var(--ease);
  padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}
.appbar.show{transform:none;opacity:1;pointer-events:auto}
.appbar .ab-main{flex:1;min-width:0;justify-content:center;padding:15px 16px;font-size:1rem;border-radius:16px}
.appbar .ab-ic{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:16px;cursor:pointer;
  background:rgba(37,81,230,.09);border:1px solid rgba(255,255,255,.8);color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:transform .3s var(--spring), background .3s var(--ease)}
.appbar .ab-ic:hover{background:rgba(37,81,230,.16)}
.appbar .ab-ic:active{transform:scale(.94)}
.appbar .ab-ic svg{width:21px;height:21px}
.appbar [hidden]{display:none !important}
@media(min-width:861px){.appbar{display:none}}
@media(max-width:860px){.to-top{display:none}footer{padding-bottom:116px}}

/* ---- dopracowanie powierzchni ---- */
.svc,.res,.tcard,.win,.post-card,.chat-card,.honest-note,.audio-card{transition:transform .55s var(--spring), box-shadow .55s var(--ease), border-color .45s var(--ease)}
.svc:hover,.tcard:hover{transform:translateY(-5px)}
.btn{transition:transform .4s var(--spring), background .35s var(--ease), box-shadow .4s var(--ease), border-color .35s var(--ease)}
.oi-item,.pm-opt,.jrn-step{border-radius:22px}

/* ---- plywajacy dok z nagraniem ---- */
.adk{position:fixed;left:18px;bottom:18px;z-index:98;width:min(350px,calc(100vw - 36px));
  display:flex;align-items:center;gap:13px;padding:12px 13px 12px 12px;border-radius:22px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 22px 54px rgba(14,17,22,.18), inset 0 1px 0 rgba(255,255,255,.95);
  transform:translateY(30px) scale(.96);opacity:0;pointer-events:none;
  transition:transform .65s var(--spring), opacity .45s var(--ease), width .55s var(--spring), padding .55s var(--spring), border-radius .55s var(--spring)}
.adk.show{transform:none;opacity:1;pointer-events:auto}
.adk.mini{width:auto;padding:9px;border-radius:100px;gap:0}
.adk.mini .adk-b,.adk.mini .adk-x{display:none}
.adk-face{position:relative;width:56px;height:56px;border-radius:17px;flex-shrink:0;border:none;padding:0;cursor:pointer;overflow:hidden;background:#E3E7EF;box-shadow:0 6px 16px rgba(14,17,22,.18);transition:transform .35s var(--spring), border-radius .55s var(--spring)}
.adk.mini .adk-face{border-radius:50%}
.adk-face:hover{transform:scale(1.05)}
.adk-face:active{transform:scale(.95)}
.adk-face img{width:100%;height:100%;object-fit:cover;display:block}
.adk-face .ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(14,17,22,.42);color:#fff;transition:opacity .3s var(--ease)}
.adk-face .ov svg{width:21px;height:21px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.adk-ring{position:absolute;inset:-6px;border-radius:22px;border:2px solid rgba(37,81,230,.55);opacity:0;pointer-events:none}
.adk.show:not(.playing) .adk-ring{animation:adkPulse 2.8s var(--ease) infinite}
.adk.mini .adk-ring{border-radius:50%}
@keyframes adkPulse{0%{transform:scale(.92);opacity:.65}70%,100%{transform:scale(1.14);opacity:0}}
.adk-eq{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:3px;background:rgba(14,17,22,.5)}
.adk.mini.playing .adk-eq{display:flex}
.adk.mini.playing .ov{opacity:0}
.adk-eq i{width:3px;height:18px;background:#fff;border-radius:2px;animation:adkEq .95s ease-in-out infinite}
.adk-eq i:nth-child(2){animation-delay:.2s}
.adk-eq i:nth-child(3){animation-delay:.4s}
@keyframes adkEq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.adk-b{flex:1;min-width:0;cursor:pointer}
.adk-t{font-weight:800;font-size:1rem;letter-spacing:-.01em;line-height:1.25}
.adk-s{font-size:.86rem;color:var(--ink-2);margin-top:3px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.adk-bar{height:5px;border-radius:4px;background:rgba(37,81,230,.15);margin-top:9px;margin-right:6px;cursor:pointer;position:relative;display:none}
.adk.playing .adk-bar{display:block}
.adk-fill{height:100%;width:0;border-radius:4px;background:var(--accent);position:relative}
.adk-fill::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid var(--accent);box-shadow:0 2px 5px rgba(14,17,22,.22)}
.adk-x{width:30px;height:30px;border-radius:50%;flex-shrink:0;align-self:flex-start;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.65);color:var(--ink-3);cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.adk-x:hover{color:var(--ink);border-color:var(--ink-3);background:#fff}
.adk-x svg{width:13px;height:13px}
.adk{border-color:rgba(37,81,230,.28);box-shadow:0 22px 54px rgba(37,81,230,.22), 0 0 0 4px rgba(37,81,230,.07), inset 0 1px 0 rgba(255,255,255,.95)}
.adk.show:not(.playing):not(.mini){animation:adkNudge 5.5s ease-in-out 2.2s infinite}
@keyframes adkNudge{0%,86%,100%{transform:none}89%{transform:translateY(-7px)}92%{transform:translateY(0)}95%{transform:translateY(-3px)}}
.adk-tip{position:absolute;left:0;bottom:calc(100% + 44px);display:block;text-align:left;font-family:inherit;border:none;cursor:pointer;background:linear-gradient(135deg,#E0317A,#B8155E);color:#fff;padding:11px 16px 12px;border-radius:18px 18px 18px 6px;font-size:.9rem;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 16px 34px rgba(200,30,100,.4), inset 0 1px 0 rgba(255,255,255,.28);opacity:0;transform:translateY(10px) scale(.9);transform-origin:bottom left;pointer-events:none;transition:opacity .45s var(--ease), transform .6s var(--spring-soft)}
.adk-tip b{display:block;font-weight:800;font-size:1.02rem;margin-top:1px}
.adk-tip .ar{position:absolute;left:25px;top:calc(100% + 6px);width:30px;height:30px;color:#D0246F;filter:drop-shadow(0 4px 8px rgba(200,30,100,.35));animation:adkArrow 1.15s ease-in-out infinite}
.adk.show.tip .adk-tip{opacity:1;transform:none;pointer-events:auto}
.adk.show.tip .adk-tip .tx{display:block;animation:adkFloat 2.6s ease-in-out infinite}
.adk.mini .adk-tip,.adk.playing .adk-tip{opacity:0 !important;pointer-events:none !important}
@keyframes adkArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes adkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:860px){
  .adk{left:10px;right:10px;width:auto;bottom:14px;padding:11px 12px 11px 11px}
  .adk.mini{right:auto;width:auto}
  .adk-t{font-size:1.04rem}
  .adk-s{font-size:.9rem}
  body.has-appbar .adk{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}

/* ================= HERO: realistyczny iPhone z demo jednego dnia ================= */
.hp-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
.hp{position:relative;width:min(286px,72vw);aspect-ratio:9/19.3;border-radius:52px;padding:10px;
  background:linear-gradient(150deg,#454a55 0%,#1b1e24 18%,#0e1014 55%,#2c3038 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16), inset 0 0 0 4px #0c0d10,
    0 0 0 1px rgba(14,17,22,.3), 0 60px 110px -34px rgba(14,17,22,.55), 0 34px 70px -38px rgba(37,81,230,.5)}
.hp-k{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#2a2e36,#4b505b)}
.hp-k.k1{left:-3px;top:17%;height:4.5%}
.hp-k.k2{left:-3px;top:25%;height:8%}
.hp-k.k3{left:-3px;top:35%;height:8%}
.hp-k.k4{right:-3px;top:28%;height:12%;background:linear-gradient(270deg,#2a2e36,#4b505b)}
.hp-scr{position:relative;width:100%;height:100%;border-radius:43px;overflow:hidden;background:#fff;isolation:isolate;touch-action:pan-y;cursor:pointer;user-select:none;-webkit-user-select:none}
.hp-scr::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 30%)}
.hp-isl{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:32%;height:25px;border-radius:20px;background:#0a0b0d;z-index:8}
.hp-sb{position:absolute;top:0;left:0;right:0;height:44px;z-index:7;display:flex;align-items:center;justify-content:space-between;padding:3px 22px 0 30px;font:700 .82rem/1 -apple-system,'Plus Jakarta Sans',sans-serif;color:#0e1116;letter-spacing:-.01em;transition:color .45s var(--ease)}
.hp-sb .ic{display:flex;align-items:center;gap:5px}
.hp-sb svg{height:11px;width:auto}
.hp-stage[data-dark="1"] .hp-sb{color:#fff}
.hp-stage[data-dark="1"] #hpTime{opacity:0}
#hpTime{transition:opacity .3s}
.hp-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:36%;height:5px;border-radius:3px;background:rgba(14,17,22,.88);z-index:8;transition:background .45s var(--ease)}
.hp-stage[data-dark="1"] .hp-home{background:rgba(255,255,255,.9)}

/* sceny */
.hp-sc{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .55s var(--ease), transform .75s var(--spring);pointer-events:none;overflow:hidden}
.hp-sc.on{opacity:1;transform:none}
.hp-stage.paused .hp-sc *,.hp-stage.paused .hp-seg.run i{animation-play-state:paused !important}

/* scena 1: feed */
.s0{background:#fff;padding-top:44px;color:#0e1116}
.s0-top{display:flex;align-items:center;justify-content:space-between;padding:6px 15px 8px}
.s0-top b{font-family:'Archivo';font-weight:800;font-size:1.3rem;letter-spacing:-.025em}
.s0-top .ic2{display:flex;gap:16px}
.s0-top svg{width:22px;height:22px}
.s0-tray{display:flex;gap:10px;padding:4px 12px 11px;border-bottom:1px solid #efefef}
.st-i{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;flex-shrink:0}
.st-r{position:relative;width:58px;height:58px;border-radius:50%;padding:2.5px;background:#d9dbe0;display:block}
.st-r.new{background:var(--ig)}
.st-r img{width:100%;height:100%;border-radius:50%;border:2.5px solid #fff;object-fit:cover;display:block;background:#eceef2}
.st-r em{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);font-style:normal;font-size:.5rem;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--ig);border:2px solid #fff;border-radius:5px;padding:1px 5px}
.st-n{font-size:.62rem;color:#262626;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-i.me .st-n{font-weight:700}
.st-i.seen .st-n{color:#8e8e8e}
.s0-post .ph{display:flex;align-items:center;gap:9px;padding:9px 12px}
.s0-post .ph img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.s0-post .ph span{flex:1;display:flex;flex-direction:column;line-height:1.2}
.s0-post .ph b{font-size:.74rem}
.s0-post .ph i{font-style:normal;font-size:.62rem;color:#737373}
.s0-post .ph em{font-style:normal;font-weight:800;color:#555;letter-spacing:1px}
.s0-img{position:relative;width:100%;aspect-ratio:1/1;background:#e9ebef}
.s0-img img{width:100%;height:100%;object-fit:cover;display:block}
.s0-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:18px 16px;color:#fff;background:radial-gradient(90% 70% at 85% 12%,#ffd08a 0%,transparent 55%),radial-gradient(80% 70% at 10% 20%,#e98a74 0%,transparent 60%),linear-gradient(160deg,#c65f4a 0%,#7a2e3d 55%,#2b1a2e 100%)}
.s0-art::before{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.s0-art .k{position:absolute;top:14px;left:16px;font-size:.62rem;font-weight:800;letter-spacing:.04em;opacity:.85}
.s0-art b{font-family:'Archivo';font-weight:900;font-size:1.42rem;line-height:1.02;letter-spacing:-.03em}
.s0-art .pl{align-self:flex-start;display:inline-flex;gap:6px;font-size:.66rem;font-weight:800;background:#fff;color:#2b1a2e;padding:6px 11px;border-radius:100px}
.s0-art .pl i{font-style:normal}
.s0-heart{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;color:#fff;opacity:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.s0-act{display:flex;gap:15px;padding:10px 12px 4px}
.s0-act svg{width:23px;height:23px}
.s0-act .lh{transition:color .2s}
.s0-lk{position:relative;height:18px;margin:0 12px;font-size:.72rem;font-weight:700}
.s0-lk span{position:absolute;left:0;top:0}
.s0-lk .b{opacity:0}
.s0.play .st-i.me{animation:hpPop .75s var(--spring-soft) .25s both}
.s0.play .st-i.seen{animation:hpShift .6s var(--spring) .12s both}
.s0.play .s0-heart{animation:hpHeart 1.15s var(--spring-soft) 1.7s both}
.s0.play .s0-act .lh{animation:hpLike .01s linear 1.95s both}
.s0.play .s0-lk .a{animation:hpOut .25s ease 1.95s both}
.s0.play .s0-lk .b{animation:hpIn2 .3s ease 1.95s both}
@keyframes hpPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes hpShift{from{transform:translateX(-68px)}to{transform:none}}
@keyframes hpHeart{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.18)}45%{transform:scale(.94)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
@keyframes hpLike{to{color:#ed4956;fill:#ed4956}}
@keyframes hpOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes hpIn2{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* sceny 2 i 4: ekran blokady */
.hp-sc.dark{color:#fff}
.s1{background:radial-gradient(120% 70% at 18% 8%,#5b8cff 0%,transparent 55%),radial-gradient(90% 60% at 95% 82%,#f2a65a 0%,transparent 60%),radial-gradient(80% 55% at 5% 95%,#1fa89a 0%,transparent 62%),#18203a}
.s3{background:radial-gradient(110% 65% at 85% 2%,#ffb56b 0%,transparent 55%),radial-gradient(95% 70% at 0% 100%,#2551E6 0%,transparent 62%),radial-gradient(70% 50% at 100% 70%,#e4637b 0%,transparent 60%),#1a2031}
.lk-clock{position:absolute;top:60px;left:0;right:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.lk-clock .d{font-size:.8rem;font-weight:600;opacity:.92}
.lk-clock .t{font-family:'Archivo';font-weight:800;font-size:4.2rem;line-height:1;letter-spacing:-.035em;margin-top:3px;font-variant-numeric:tabular-nums}
.lk-notes{position:absolute;left:9px;right:9px;top:45%;display:flex;flex-direction:column;gap:7px}
.nt{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:19px;background:rgba(255,255,255,.26);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 8px 20px rgba(0,0,0,.12);opacity:0}
.nt .ai{width:33px;height:33px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:900;font-family:'Archivo';font-size:1.1rem}
.nt .ai svg{width:18px;height:18px}
.nt .ai.ig{background:var(--ig)}
.nt .ai.cal{background:linear-gradient(180deg,#3ACB65,#12994A)}
.nt .ai.fb{background:#1877F2}
.nt .nb{flex:1;min-width:0}
.nt .nh{display:flex;justify-content:space-between;gap:6px;font-size:.7rem;font-weight:700}
.nt .nh span{font-weight:500;opacity:.78;white-space:nowrap}
.nt p{font-size:.75rem;line-height:1.36;margin-top:2px}
.nt p b{font-weight:700}
.lk-tap{position:absolute;left:60%;top:calc(45% + 12px);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.6);opacity:0;pointer-events:none}
.lk-b{position:absolute;bottom:34px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center}
.lk-b svg{width:19px;height:19px}
.lk-b.l{left:30px}.lk-b.r{right:30px}
.s1.play .nt:nth-child(1){animation:hpDrop .7s var(--spring-soft) .5s both}
.s1.play .nt:nth-child(2){animation:hpDrop .7s var(--spring-soft) 1.65s both}
.s1.play .lk-tap{animation:hpTap .9s ease-out 3.05s both}
.s3.play .nt:nth-child(1){animation:hpDrop .7s var(--spring-soft) .45s both}
.s3.play .nt:nth-child(2){animation:hpDrop .7s var(--spring-soft) 1.35s both}
.s3.play .nt:nth-child(3){animation:hpDrop .7s var(--spring-soft) 2.25s both}
@keyframes hpDrop{from{opacity:0;transform:translateY(-38px) scale(.94)}to{opacity:1;transform:none}}
@keyframes hpTap{0%{opacity:0;transform:scale(.3)}30%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}

/* scena 3: wiadomosci */
.s2{background:#fff;padding-top:44px;display:flex;flex-direction:column;color:#0e1116}
.s2-h{display:flex;align-items:center;gap:9px;padding:6px 12px 10px;border-bottom:1px solid #efefef}
.s2-h .bk{width:20px;height:20px;flex-shrink:0}
.s2-h img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.s2-h .w{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.s2-h b{font-size:.78rem}
.s2-h i{font-style:normal;font-size:.62rem;color:#8e8e8e}
.s2-h .ic{width:20px;height:20px}
.s2-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 11px 70px}
.s2-ts{align-self:center;font-size:.6rem;font-weight:700;color:#8e8e8e;letter-spacing:.03em;margin-bottom:4px}
.bb{max-width:80%;padding:9px 12px;font-size:.76rem;line-height:1.4;border-radius:19px;opacity:0}
.bb.me{align-self:flex-end;background:#3797F0;color:#fff;border-bottom-right-radius:6px}
.bb.biz{background:#efefef;color:#0e1116;border-bottom-left-radius:6px;max-width:100%}
.bb .lk{display:flex;justify-content:space-between;align-items:center;margin-top:8px;background:#fff;border-radius:11px;padding:8px 10px;font-weight:700;font-size:.72rem;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bb .lk b{color:#3797F0}
.s2-stack{display:grid;align-self:flex-start;max-width:84%}
.s2-stack>*{grid-area:1/1;align-self:start;justify-self:start}
.s2-typ{background:#efefef;border-radius:19px;padding:11px 14px;display:flex;gap:4px;opacity:0}
.s2-typ i{width:6px;height:6px;border-radius:50%;background:#9a9a9a;animation:blink 1.1s infinite}
.s2-typ i:nth-child(2){animation-delay:.18s}.s2-typ i:nth-child(3){animation-delay:.36s}
.s2-auto{align-self:flex-start;display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:800;color:#12994A;opacity:0}
.s2-auto svg{width:11px;height:11px}
.s2-in{position:absolute;left:10px;right:10px;bottom:24px;height:36px;border-radius:18px;border:1px solid #e3e3e3;display:flex;align-items:center;padding:0 14px;font-size:.7rem;color:#9a9a9a}
.s2.play .bb.me{animation:hpBub .5s var(--spring) .3s both}
.s2.play .s2-typ{animation:hpTyp 1.25s ease .95s both}
.s2.play .bb.biz{animation:hpBub .55s var(--spring) 2.2s both}
.s2.play .s2-auto{animation:hpBub .45s var(--spring) 2.6s both}
@keyframes hpBub{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}
@keyframes hpTyp{0%{opacity:0;transform:translateY(6px)}15%,82%{opacity:1;transform:none}100%{opacity:0}}

/* podpis pod telefonem */
.hp-cap{position:relative;z-index:2;margin-top:-36px;width:min(370px,94%);padding:16px 18px 17px;border-radius:22px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(26px) saturate(1.9);-webkit-backdrop-filter:blur(26px) saturate(1.9);
  border:1px solid rgba(255,255,255,.94);box-shadow:0 22px 50px rgba(14,17,22,.14), inset 0 1px 0 rgba(255,255,255,.95)}
.hp-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:13px}
.hp-seg{position:relative;height:4px;padding:0;border:none;border-radius:3px;background:rgba(37,81,230,.16);cursor:pointer}
.hp-seg::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}
.hp-seg i{display:block;height:100%;border-radius:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center}
.hp-seg.done i{transform:scaleX(1)}
.hp-seg.run i{animation:hpFill 4.8s linear forwards}
@keyframes hpFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hp-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hp-when{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:800;color:var(--accent)}
.hp-when svg{width:15px;height:15px;flex-shrink:0}
.hp-num{font-size:.8rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}
.hp-ttl{display:block;font-family:'Archivo';font-weight:800;font-size:1.16rem;line-height:1.28;letter-spacing:-.015em;margin-top:7px;color:var(--ink);text-wrap:balance}
.hp-txt{font-size:.95rem;color:var(--ink-2);line-height:1.52;margin-top:5px}
.hp-cap .fade{transition:opacity .28s var(--ease), transform .45s var(--spring)}
.hp-cap.swap .fade{opacity:0;transform:translateY(6px)}

/* ---- dlaczego nie ma cennika (blok nie do przeoczenia) ---- */
:root{--hot:#D6246F;--hot-2:#B8155E}
.bc{position:relative;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(28px,4vw,56px);align-items:center;
  background:var(--dark);color:#fff;border-radius:32px;padding:clamp(30px,5vw,60px);
  box-shadow:0 30px 70px rgba(14,17,22,.22), inset 0 1px 0 rgba(255,255,255,.08)}
.bc::before{content:"";position:absolute;top:-140px;right:-100px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(214,36,111,.34),transparent 64%);pointer-events:none}
.bc::after{content:"";position:absolute;bottom:-160px;left:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.26),transparent 64%);pointer-events:none}
.bc>*{position:relative;z-index:1}
.bc-eye{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FF8DBB;background:rgba(214,36,111,.16);border:1px solid rgba(214,36,111,.45);border-radius:100px;padding:7px 15px}
.bc-eye::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF5C9E;animation:live-blink 1.4s ease-in-out infinite}
.bc h2{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:18px 0 18px}
.bc h2 span{display:block;color:#FF6FA8}
.bc-lead{font-size:clamp(1.06rem,1.6vw,1.2rem);color:rgba(255,255,255,.78);line-height:1.7;max-width:58ch}
.bc-list{list-style:none;display:flex;flex-direction:column;gap:13px;margin:24px 0 30px}
.bc-list li{display:flex;gap:12px;align-items:flex-start;font-size:1.04rem;color:rgba(255,255,255,.8);line-height:1.55}
.bc-list b{color:#fff}
.bc-list .i{width:26px;height:26px;border-radius:50%;background:rgba(214,36,111,.25);border:1px solid rgba(255,120,175,.45);color:#FF8DBB;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.bc-list .i svg{width:13px;height:13px}
.bc-cta{display:flex;flex-wrap:wrap;gap:12px}
.bc-cta [hidden]{display:none !important}
.bc-btn{background:linear-gradient(135deg,#E0317A,var(--hot-2));color:#fff;box-shadow:0 14px 34px rgba(214,36,111,.45), inset 0 1px 0 rgba(255,255,255,.25);padding:17px 26px;font-size:1.06rem}
.bc-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(214,36,111,.55), inset 0 1px 0 rgba(255,255,255,.25)}
.bc-btn2{background:#fff;color:var(--ink);padding:17px 26px;font-size:1.06rem}
.bc-btn2:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.3)}
.bc-btn svg,.bc-btn2 svg{width:19px;height:19px}
.bc-btn2 svg{color:var(--hot)}
.bc-note{font-size:.92rem;color:rgba(255,255,255,.55);margin-top:14px}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cta-btns [hidden]{display:none !important}
@media(max-width:520px){.cta-btns .btn{width:100%;white-space:normal}}
.bc-vis{display:flex;justify-content:center}
.bc-tag{width:100%;max-width:380px;border-radius:26px;padding:26px 24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 24px 50px rgba(0,0,0,.3);transform:rotate(2deg)}
.bc-tl{display:block;font-size:.86rem;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.02em}
.bc-price{display:flex;align-items:baseline;gap:10px;font-family:'Archivo';font-weight:900;font-size:clamp(2.6rem,5vw,3.4rem);letter-spacing:-.03em;margin:6px 0 12px;color:#fff}
.bc-price i{font-style:normal;filter:blur(7px);opacity:.85;animation:bcShimmer 2.6s ease-in-out infinite}
@keyframes bcShimmer{0%,100%{filter:blur(7px)}50%{filter:blur(4px)}}
.bc-lock{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#E0317A,var(--hot-2));padding:8px 14px;border-radius:100px;box-shadow:0 10px 24px rgba(214,36,111,.4)}
.bc-lock svg{width:15px;height:15px}
.bc-rows{display:grid;grid-template-columns:1fr auto;gap:11px 14px;margin-top:22px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.18);font-size:.94rem}
.bc-rows span{color:rgba(255,255,255,.75)}
.bc-rows b{color:#6FE3A1;font-weight:800;font-size:.88rem}
/* wyroznik ceny w hero */
.hero-price{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-size:.98rem;font-weight:700;color:var(--hot);padding:9px 15px 9px 11px;border-radius:100px;background:rgba(214,36,111,.08);border:1px solid rgba(214,36,111,.28);transition:background .3s var(--ease), transform .4s var(--spring)}
.hero-price:hover{background:rgba(214,36,111,.14);transform:translateY(-1px)}
.hero-price .q{width:24px;height:24px;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.85rem;flex-shrink:0}
@media(max-width:860px){
  .bc{grid-template-columns:1fr;border-radius:26px}
  .bc-tag{transform:none;max-width:none}
}
@media(max-width:520px){
  .bc{padding:30px 20px}
  .bc h2{font-size:2.05rem}
  .bc-lead,.bc-list li{font-size:1.04rem}
  .bc-cta .btn{width:100%;white-space:normal;text-align:center}
  .hero-price{font-size:.96rem;width:100%;justify-content:center}
}

/* ---- opinie: galeria zrzutow rozmow ---- */
.op-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:clamp(24px,3.5vw,38px)}
.op-chips{display:flex;flex-wrap:wrap;gap:8px}
.op-chip{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:700;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:8px 14px;box-shadow:var(--e1)}
.op-chip svg{width:14px;height:14px;color:var(--ok);flex-shrink:0}
.op-grid{columns:3;column-gap:16px}
.op-item{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 16px;display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;font-family:inherit;opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease), transform .7s var(--spring)}
.op-item.in{opacity:1;transform:none}
.op-card{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(14,17,22,.10), 0 0 0 1px rgba(14,17,22,.04);transition:transform .45s var(--spring), box-shadow .45s var(--ease)}
.op-item:hover .op-card{transform:translateY(-4px);box-shadow:0 22px 48px rgba(37,81,230,.18), 0 0 0 1px rgba(37,81,230,.12)}
.op-item:active .op-card{transform:scale(.99)}
.op-card img{display:block;width:100%;height:auto;background:#EDEFF4}
.op-zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(14,17,22,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:scale(.85);transition:opacity .35s var(--ease), transform .45s var(--spring)}
.op-item:hover .op-zoom,.op-item:focus-visible .op-zoom{opacity:1;transform:none}
.op-zoom svg{width:17px;height:17px}
.op-skel{break-inside:avoid;margin:0 0 16px;border-radius:20px;background:linear-gradient(100deg,#EDEFF4 30%,#F7F8FB 50%,#EDEFF4 70%);background-size:220% 100%;animation:opShimmer 1.5s linear infinite}
@keyframes opShimmer{to{background-position:-220% 0}}
.op-more{display:flex;justify-content:center;margin-top:26px}
.op-more button{font-family:inherit;font-weight:800;font-size:1rem;padding:15px 30px;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--e1);transition:transform .4s var(--spring), border-color .3s, box-shadow .3s}
.op-more button:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:var(--e2)}
.op-note{text-align:center;font-size:.92rem;color:var(--ink-3);margin-top:22px}

/* podglad pelnoekranowy */
.op-lb{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.op-lb[hidden]{display:none}
.op-lb.open{opacity:1;pointer-events:auto}
.op-lb-bd{position:absolute;inset:0;background:rgba(10,12,16,.82);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.op-lb-fig{position:relative;max-width:min(880px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(.95);transition:transform .5s var(--spring)}
.op-lb.open .op-lb-fig{transform:none}
.op-lb-fig img{max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;border-radius:18px;box-shadow:0 40px 90px rgba(0,0,0,.5);background:#fff}
.op-lb-c{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.op-lb-btn{position:absolute;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .25s var(--ease), transform .35s var(--spring)}
.op-lb-btn:hover{background:rgba(255,255,255,.26)}
.op-lb-btn:active{transform:scale(.93)}
.op-lb-btn svg{width:20px;height:20px}
.op-lb-x{top:18px;right:18px;position:fixed}
.op-lb-prev{left:18px;top:50%;margin-top:-24px;position:fixed}
.op-lb-next{right:18px;top:50%;margin-top:-24px;position:fixed}
body.op-lock{overflow:hidden}
@media(max-width:1000px){.op-grid{columns:2}}
@media(max-width:620px){
  .op-grid{columns:1;column-gap:0}
  .op-item{margin-bottom:14px}
  .op-head{flex-direction:column;align-items:flex-start;gap:14px}
  .op-lb{padding:10px}
  .op-lb-fig img{max-height:calc(100dvh - 130px);border-radius:14px}
  .op-lb-x{top:10px;right:10px;width:44px;height:44px}
  .op-lb-prev{left:8px;width:44px;height:44px;margin-top:-22px}
  .op-lb-next{right:8px;width:44px;height:44px;margin-top:-22px}
  .op-zoom{opacity:1;transform:none}
}

/* ================= AUTOMATYZACJA INSTAGRAMA: jak to dziala ================= */
.au{position:relative;overflow:hidden;background:linear-gradient(180deg,#EEF3FF 0%,#F7F9FF 55%,var(--bg) 100%);border-top:1px solid rgba(37,81,230,.10);border-bottom:1px solid rgba(37,81,230,.08)}
.au::before{content:"";position:absolute;top:-220px;left:50%;transform:translateX(-50%);width:900px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(37,81,230,.14),transparent);pointer-events:none}
.au .wrap{position:relative;z-index:1}
.au-head{max-width:860px;margin:0 auto clamp(34px,4.5vw,56px);text-align:center}
.au-eye{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hot);background:rgba(214,36,111,.08);border:1px solid rgba(214,36,111,.3);border-radius:100px;padding:7px 15px}
.au-eye::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hot);animation:live-blink 1.4s ease-in-out infinite}
.au-head h2{font-size:clamp(2.1rem,4.8vw,3.5rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:18px 0 18px}
.au-head h2 span{color:var(--accent)}
.au-head p{font-size:clamp(1.08rem,1.7vw,1.24rem);color:var(--ink-2);line-height:1.7;max-width:62ch;margin:0 auto}
.au-head p b{color:var(--ink)}

/* schemat w 4 krokach */
.au-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;counter-reset:au}
.au-node{position:relative;display:flex;flex-direction:column;border-radius:24px;padding:18px 18px 20px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);
  border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 32px rgba(14,17,22,.07), inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .6s var(--spring), box-shadow .5s var(--ease), border-color .5s var(--ease), opacity .5s var(--ease);opacity:.62;cursor:pointer}
.au-node.on{opacity:1;transform:translateY(-6px);border-color:rgba(37,81,230,.35);box-shadow:0 26px 60px rgba(37,81,230,.20), 0 0 0 4px rgba(37,81,230,.07), inset 0 1px 0 rgba(255,255,255,.95)}
.au-node.done{opacity:1}
.au-node::after{content:"";position:absolute;right:-27px;top:118px;width:20px;height:20px;border-top:3px solid rgba(37,81,230,.28);border-right:3px solid rgba(37,81,230,.28);transform:rotate(45deg);transition:border-color .4s var(--ease)}
.au-node:last-child::after{display:none}
.au-node.done::after,.au-node.on::after{border-color:var(--accent)}
.au-num{position:absolute;top:-13px;left:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:.95rem;color:#fff;background:var(--accent);box-shadow:0 6px 16px rgba(37,81,230,.35), inset 0 1px 0 rgba(255,255,255,.3)}
.au-vis{position:relative;height:292px;border-radius:18px;background:#fff;border:1px solid rgba(14,17,22,.06);overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.au-node h3{font-size:1.14rem;font-weight:800;letter-spacing:-.015em;line-height:1.28;margin-bottom:7px}
.au-node p{font-size:.97rem;color:var(--ink-2);line-height:1.58}

/* krok 1: Twoje konto */
.au-me{display:flex;flex-direction:column;align-items:center;gap:9px}
.au-me .rg{position:relative;width:84px;height:84px;border-radius:50%;padding:3px;background:var(--ig)}
.au-me .rg img{width:100%;height:100%;border-radius:50%;border:3px solid #fff;object-fit:cover;display:block;background:#EDEFF4}
.au-me .rg::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(220,39,67,.45);opacity:0}
.au-node.on .au-me .rg::after{animation:ringPulse 1.8s var(--ease) infinite}
.au-me b{font-size:.92rem}
.au-go{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:100px;padding:5px 11px;transition:opacity .4s var(--ease), transform .5s var(--spring)}
.au-node.on .au-go{animation:auDrop .5s var(--spring-soft) .3s both}
.au-go i{display:inline-flex;gap:3px}
.au-go i::before,.au-go i::after,.au-go i span{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;display:block;animation:blink 1.1s infinite}
.au-go i::after{animation-delay:.3s}

/* krok 2: profil konkurencji ze skanowaniem */
.au-cp{width:100%;height:100%;padding:14px;display:flex;flex-direction:column;gap:10px}
.au-cp .hd{display:flex;align-items:center;gap:9px}
.au-cp .hd img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #dbdbdb;background:#EDEFF4}
.au-cp .hd b{display:block;font-size:.8rem}
.au-cp .hd span{display:block;font-size:.68rem;color:var(--ink-3)}
.au-cp .gr{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.au-cp .gr i{border-radius:6px;background:linear-gradient(135deg,#dfe4ee,#eef1f6)}
.au-cp .gr i:nth-child(2){background:linear-gradient(135deg,#e9d8cc,#f4ebe4)}
.au-cp .gr i:nth-child(4){background:linear-gradient(135deg,#d6e4dc,#ecf3ee)}
.au-cp .gr i:nth-child(6){background:linear-gradient(135deg,#dcd9ea,#efedf6)}
.au-scan{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,rgba(37,81,230,0),rgba(37,81,230,.22),rgba(37,81,230,0));border-bottom:2px solid rgba(37,81,230,.55);opacity:0;pointer-events:none}
.au-node.on .au-scan{animation:auScan 1.6s ease-in-out infinite}
@keyframes auScan{0%{opacity:0;transform:translateY(-40px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(200px)}}
.au-tag{position:absolute;right:10px;bottom:10px;font-size:.66rem;font-weight:800;color:#fff;background:var(--ink);border-radius:100px;padding:4px 9px;opacity:.85}

/* krok 3: odbiorcy konkurencji */
.au-people{display:grid;grid-template-columns:repeat(3,52px);gap:12px 14px}
.au-p{position:relative;width:52px;height:52px}
.au-p img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#EDEFF4;border:2px solid #fff;box-shadow:0 2px 6px rgba(14,17,22,.12);transition:box-shadow .35s var(--ease), transform .45s var(--spring)}
.au-p em{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid #fff;font-style:normal}
.au-p em svg{width:11px;height:11px}
.au-p em.lk{background:#ED4956}
.au-p em.fo{background:var(--accent)}
.au-node.on .au-p img{animation:auPick .5s var(--spring) both}
.au-node.on .au-p:nth-child(1) img{animation-delay:.15s}
.au-node.on .au-p:nth-child(2) img{animation-delay:.3s}
.au-node.on .au-p:nth-child(3) img{animation-delay:.45s}
.au-node.on .au-p:nth-child(4) img{animation-delay:.6s}
.au-node.on .au-p:nth-child(5) img{animation-delay:.75s}
.au-node.on .au-p:nth-child(6) img{animation-delay:.9s}
.au-node.on .au-p:nth-child(7) img{animation-delay:1.05s}
.au-node.on .au-p:nth-child(8) img{animation-delay:1.2s}
.au-node.on .au-p:nth-child(9) img{animation-delay:1.35s}
.au-node.on .au-p img,.au-node.done .au-p img{box-shadow:0 0 0 3px var(--accent), 0 6px 14px rgba(37,81,230,.3)}
@keyframes auPick{0%{transform:scale(1)}50%{transform:scale(1.14)}100%{transform:scale(1)}}
.au-legend{position:absolute;left:10px;right:10px;bottom:9px;display:flex;justify-content:center;gap:12px;font-size:.66rem;font-weight:700;color:var(--ink-3)}
.au-legend span{display:inline-flex;align-items:center;gap:5px}
.au-legend i{width:9px;height:9px;border-radius:50%}

/* krok 4: powiadomienia u klienta */
.au-nt{width:100%;padding:11px;display:flex;flex-direction:column;gap:6px}
.au-n{display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:13px;background:#F3F5FA;border:1px solid rgba(14,17,22,.05)}
.au-n img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#EDEFF4}
.au-n p{font-size:.71rem;line-height:1.32;color:var(--ink-2)}
.au-n p b{color:var(--ink)}
.au-n.win{background:rgba(21,157,91,.09);border-color:rgba(21,157,91,.25)}
.au-n.win p b{color:#12994A}
.au-split{font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin:1px 0 -1px}
.au-node.on .au-split{animation:auDrop .4s var(--ease) 1.25s both}
.au-node.done .au-split{opacity:1}
.au-node.on .au-n{animation:auDrop .55s var(--spring-soft) both}
.au-node.done .au-n{opacity:1;transform:none}
.au-node.on .au-n:nth-child(1){animation-delay:.2s}
.au-node.on .au-n:nth-child(2){animation-delay:.8s}
.au-node.on .au-n:nth-child(4){animation-delay:1.7s}
.au-node.on .au-n:nth-child(5){animation-delay:2.3s}
@keyframes auDrop{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}

/* sterowanie krokami */
.au-ctrl{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px}
.au-dots{display:flex;gap:6px}
.au-dot{width:34px;height:5px;border-radius:3px;border:none;padding:0;cursor:pointer;background:rgba(37,81,230,.16);position:relative;overflow:hidden}
.au-dot::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.au-dot i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.au-dot.done i{transform:scaleX(1)}
.au-dot.run i{animation:hpFill 4.2s linear forwards}
.au.paused .au-dot.run i,.au.paused .au-node *{animation-play-state:paused !important}
.au-hint{font-size:.86rem;font-weight:600;color:var(--ink-3)}

/* co dzieki temu zyskujesz */
.au-gain{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,52px);align-items:start;margin-top:clamp(46px,6vw,78px)}
.au-gain h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.au-gain .lead{font-size:1.08rem;color:var(--ink-2);line-height:1.7}
.au-gain .lead b{color:var(--ink)}
.au-bens{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.au-ben{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--e1)}
.au-ben .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}
.au-ben .ic svg{width:20px;height:20px}
.au-ben b{display:block;font-size:1.02rem;font-weight:800;line-height:1.3;margin-bottom:3px}
.au-ben span{font-size:.93rem;color:var(--ink-2);line-height:1.5}
.au-ben.wide{grid-column:1 / -1}

/* konkurencja spi = latwiejsza droga */
.au-edge{display:flex;gap:18px;align-items:flex-start;margin-top:22px;padding:24px 26px;border-radius:24px;background:var(--dark);color:#fff;position:relative;overflow:hidden}
.au-edge::after{content:"";position:absolute;right:-80px;top:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(214,36,111,.35),transparent 66%);pointer-events:none}
.au-edge>*{position:relative;z-index:1}
.au-edge .ic{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;background:rgba(214,36,111,.2);border:1px solid rgba(255,120,175,.45);color:#FF8DBB}
.au-edge .ic svg{width:23px;height:23px}
.au-edge b{display:block;font-family:'Archivo';font-weight:800;font-size:1.28rem;letter-spacing:-.02em;margin-bottom:8px}
.au-edge p{font-size:1.02rem;color:rgba(255,255,255,.75);line-height:1.68}
.au-edge p b{display:inline;font-family:inherit;font-size:inherit;color:#FF8DBB;margin:0}

/* kontrola, nie AI */
.au-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 26px;margin-top:22px;padding:22px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--e1)}
.au-ctl .tx{flex:1;min-width:280px}
.au-ctl b{display:block;font-size:1.08rem;font-weight:800;margin-bottom:4px}
.au-ctl p{font-size:.97rem;color:var(--ink-2);line-height:1.6}
.au-ctl .cta{display:flex;flex-wrap:wrap;gap:10px}
.au-ctl .cta [hidden]{display:none !important}

@media(max-width:1080px){
  .au-flow{grid-template-columns:1fr 1fr;gap:34px 30px}
  .au-node:nth-child(2)::after{display:none}
}
@media(max-width:760px){
  .au-flow{grid-template-columns:1fr;gap:36px}
  .au-node::after,.au-node:nth-child(2)::after{display:block;right:auto;left:50%;top:auto;bottom:-27px;margin-left:-10px;transform:rotate(135deg)}
  .au-node:last-child::after{display:none}
  .au-node{opacity:1}
  .au-vis{height:292px}
  .au-gain{grid-template-columns:1fr}
  .au-bens{grid-template-columns:1fr}
}
@media(max-width:520px){
  .au-head h2{font-size:2.1rem}
  .au-edge{flex-direction:column;padding:22px 20px}
  .au-ctl{padding:20px 18px}
  .au-ctl .cta,.au-ctl .cta .btn{width:100%}
  .au-ctl .cta .btn{justify-content:center;white-space:normal}
}
.au-gain .lead+.lead{margin-top:14px}
.au-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;align-self:flex-start;font-weight:800;font-size:1rem;color:#9DB4FF;border-bottom:1px solid rgba(157,180,255,.4);padding-bottom:2px;transition:gap .3s var(--spring), color .3s}
.au-more:hover{gap:12px;color:#fff}
.au-more svg{width:16px;height:16px}
.au-legend i.l1{background:#ED4956}
.au-legend i.l2{background:var(--accent)}

/* ================= KODEKS DOBREJ WSPOLPRACY ================= */
/* zakladka z boku: szklo jak reszta strony */
.kd-tab{position:fixed;right:0;top:56%;z-index:93;display:flex;align-items:center;gap:0;padding:7px;border:none;cursor:pointer;font-family:inherit;color:var(--ink);
  border-radius:18px 0 0 18px;background:rgba(255,255,255,.82);
  backdrop-filter:blur(24px) saturate(1.9);-webkit-backdrop-filter:blur(24px) saturate(1.9);
  border:1px solid rgba(255,255,255,.92);border-right:none;
  box-shadow:0 14px 34px rgba(37,81,230,.18), inset 0 1px 0 rgba(255,255,255,.95);
  transform:translate(110%,-50%);transition:transform .7s var(--spring), gap .45s var(--spring), padding .45s var(--spring)}
.kd-tab.show{transform:translate(0,-50%)}
.kd-tab .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--accent);box-shadow:0 6px 16px rgba(37,81,230,.35), inset 0 1px 0 rgba(255,255,255,.3)}
.kd-tab .ic svg{width:21px;height:21px}
.kd-tab .tx{max-width:0;overflow:hidden;white-space:nowrap;text-align:left;opacity:0;transition:max-width .55s var(--spring), opacity .35s var(--ease)}
.kd-tab .tx b{display:block;font-size:.95rem;font-weight:800;letter-spacing:-.01em}
.kd-tab .tx span{display:block;font-size:.8rem;color:var(--ink-2);margin-top:1px}
.kd-tab.open-label,.kd-tab:hover,.kd-tab:focus-visible{gap:12px;padding-right:18px}
.kd-tab.open-label .tx,.kd-tab:hover .tx,.kd-tab:focus-visible .tx{max-width:260px;opacity:1}
.kd-tab::after{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--hot);border:2px solid #fff;animation:live-blink 1.6s ease-in-out infinite}
.kd-tab.seen::after{display:none}

/* okno */
.kd{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.kd[hidden]{display:none}
.kd.open{opacity:1;pointer-events:auto}
.kd-bd{position:absolute;inset:0;background:rgba(14,17,22,.52);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}
.kd-doc{position:relative;width:min(860px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border-radius:28px;
  background:#F7F9FD;border:1px solid rgba(255,255,255,.95);box-shadow:0 34px 80px rgba(14,17,22,.32), inset 0 1px 0 #fff;
  transform:translateY(22px) scale(.97);transition:transform .6s var(--spring)}
.kd.open .kd-doc{transform:none}
.kd-doc.drag{transition:none}
/* przyklejony pasek: zamykanie zawsze pod reka */
.kd-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 22px;
  background:rgba(247,249,253,.88);backdrop-filter:blur(18px) saturate(1.8);-webkit-backdrop-filter:blur(18px) saturate(1.8);border-bottom:1px solid rgba(14,17,22,.06)}
.kd-grab{display:none}
.kd-bar .t{flex:1;min-width:0;font-size:.92rem;font-weight:800;color:var(--ink-2);opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease), transform .4s var(--spring);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-doc.scrolled .kd-bar .t{opacity:1;transform:none}
.kd-x{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:100px;cursor:pointer;font-family:inherit;font-weight:800;font-size:.92rem;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:var(--e1);transition:transform .3s var(--spring), border-color .2s}
.kd-x:hover{border-color:var(--ink-3)}
.kd-x:active{transform:scale(.95)}
.kd-x svg{width:18px;height:18px}
.kd-top{position:relative;padding:8px 30px 22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.kd-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4B75FF,var(--accent));box-shadow:0 12px 26px rgba(37,81,230,.32), inset 0 1px 0 rgba(255,255,255,.35)}
.kd-badge svg{width:28px;height:28px}
.kd-top h2{font-size:clamp(1.75rem,3.6vw,2.3rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin-bottom:8px}
.kd-top p{font-size:1.03rem;color:var(--ink-2);line-height:1.62;max-width:58ch}
.kd-top p b{color:var(--ink)}
.kd-body{padding:0 30px 30px;display:flex;flex-direction:column;gap:16px}
.kd-card{background:#fff;border:1px solid rgba(14,17,22,.07);border-radius:22px;padding:18px;box-shadow:0 6px 18px rgba(14,17,22,.04)}
.kd-lbl{display:flex;align-items:center;gap:9px;font-family:'Archivo';font-weight:800;font-size:1.08rem;letter-spacing:-.015em;margin-bottom:14px}
.kd-lbl .d{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.kd-lbl .d svg{width:16px;height:16px}
.kd-lbl .d.b{background:var(--accent)}
.kd-lbl .d.g{background:var(--ok)}
.kd-lbl .d.p{background:var(--hot)}
.kd-lbl .d.o{background:#E89A2C}
/* ode mnie zawsze: kafelki */
.kd-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.kd-f{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:16px;background:var(--accent-soft);border:1px solid var(--accent-line)}
.kd-f .i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--accent);box-shadow:0 3px 8px rgba(37,81,230,.12)}
.kd-f .i svg{width:18px;height:18px}
.kd-f b{font-size:.94rem;font-weight:800;line-height:1.3;color:var(--ink)}
/* dostepnosc */
.kd-av{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kd-slot{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid var(--line);background:#FBFCFE}
.kd-slot .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:5px}
.kd-slot.full .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(21,157,91,.15)}
.kd-slot.part .dot{background:#E89A2C;box-shadow:0 0 0 4px rgba(232,154,44,.16)}
.kd-slot b{display:block;font-size:1rem;font-weight:800}
.kd-slot .h{display:block;font-family:'Archivo';font-weight:900;font-size:1.3rem;letter-spacing:-.02em;margin:2px 0 3px;font-variant-numeric:tabular-nums}
.kd-slot.full .h{color:var(--ok)}
.kd-slot.part .h{color:#C67B12}
.kd-slot p{font-size:.9rem;color:var(--ink-2);line-height:1.5}
.kd-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px}
.kd-week span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:var(--ink-3)}
.kd-week i{width:100%;height:8px;border-radius:5px;background:var(--ok)}
.kd-week span.we i{background:repeating-linear-gradient(90deg,#F2C27C 0 6px,#FBE6C7 6px 12px)}
/* rady */
.kd-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kd-col.do{border-top:4px solid var(--ok)}
.kd-col.dont{border-top:4px solid var(--hot)}
.kd-li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line-2)}
.kd-li:first-of-type{border-top:none;padding-top:0}
.kd-li .m{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}
.kd-li .m svg{width:14px;height:14px}
.kd-col.do .kd-li .m{background:rgba(21,157,91,.12);color:var(--ok)}
.kd-col.dont .kd-li .m{background:rgba(214,36,111,.1);color:var(--hot)}
.kd-li b{display:block;font-size:1rem;font-weight:800;line-height:1.32;margin-bottom:3px}
.kd-li p{font-size:.93rem;color:var(--ink-2);line-height:1.55}
.kd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:6px 2px 0}
.kd-sign{display:flex;align-items:center;gap:12px}
.kd-sign img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#EDEFF4}
.kd-sign b{display:block;font-size:.98rem;font-weight:800}
.kd-sign span{font-size:.86rem;color:var(--ink-3)}
.kd-foot .btn{padding:15px 24px}
body.kd-lock{overflow:hidden}

/* ikona kodeksu w pasku nawigacji (telefony) */
.kd-navbtn{display:none;position:relative;width:42px;height:42px;border-radius:12px;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);transition:transform .3s var(--spring)}
.kd-navbtn:active{transform:scale(.93)}
.kd-navbtn svg{width:20px;height:20px}
.kd-navbtn::after{content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--hot);border:2px solid #fff;animation:live-blink 1.6s ease-in-out infinite}
.kd-navbtn.seen::after{display:none}
.kd-hint{position:absolute;top:calc(100% + 14px);right:-8px;display:none;align-items:center;gap:7px;white-space:nowrap;font-family:inherit;font-size:.9rem;font-weight:800;color:#fff;padding:10px 22px 10px 15px;border-radius:14px;background:linear-gradient(135deg,#E0317A,var(--hot-2));box-shadow:0 14px 30px rgba(200,30,100,.4), inset 0 1px 0 rgba(255,255,255,.25);opacity:0;transform:translateY(-8px) scale(.9);transform-origin:top right;transition:opacity .4s var(--ease), transform .55s var(--spring-soft);pointer-events:none}
.kd-hint::before{content:"";position:absolute;top:-6px;right:21px;width:14px;height:14px;border-radius:3px;background:#DD2C76;transform:rotate(45deg)}
.kd-hint svg{width:17px;height:17px;flex-shrink:0;animation:kdUp 1.1s ease-in-out infinite}
.kd-hint.on{opacity:1;transform:none;pointer-events:auto}
.kd-hint.on{animation:kdFloat 2.4s ease-in-out .6s infinite}
@keyframes kdUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes kdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:720px){.kd-hint{display:inline-flex}}

@media(max-width:720px){
  .kd-navbtn{display:inline-flex}
  .kd-tab{display:none}
  .kd{padding:0;align-items:end}
  .kd-doc{width:100%;max-height:88dvh;border-radius:26px 26px 0 0;transform:translateY(80px)}
  .kd-bar{padding:18px 12px 10px 16px}
  .kd-grab{display:block;position:absolute;left:50%;top:7px;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:rgba(14,17,22,.2)}
  .kd-top{grid-template-columns:1fr;gap:12px;padding:6px 16px 18px}
  .kd-badge{width:50px;height:50px;border-radius:15px}
  .kd-body{padding:0 12px 24px;gap:12px}
  .kd-card{padding:16px 14px;border-radius:20px}
  .kd-feat{grid-template-columns:1fr 1fr}
  .kd-f:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center}
  .kd-av,.kd-cols{grid-template-columns:1fr}
  .kd-foot .btn{width:100%;justify-content:center}
}

/* ================= OFERTA: DWA FILARY ================= */
.pil+.pil{margin-top:30px}
.pil-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin:0 4px 14px}
.pil-n{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;font-family:'Archivo';font-weight:900;font-size:.98rem;color:#fff;background:var(--ink);box-shadow:0 8px 18px rgba(14,17,22,.2)}
.pil-auto .pil-n{background:var(--accent);box-shadow:0 8px 18px rgba(37,81,230,.32)}
.pil-t{flex:1;min-width:200px}
.pil-t b{display:block;font-family:'Archivo';font-weight:800;font-size:1.32rem;letter-spacing:-.02em;line-height:1.2}
.pil-t span{display:block;font-size:.97rem;color:var(--ink-2);margin-top:2px}
.pil-tag{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;color:var(--hot);background:rgba(214,36,111,.08);border:1px solid rgba(214,36,111,.28);border-radius:100px;padding:7px 13px;white-space:nowrap}
.pil-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hot);animation:live-blink 1.4s ease-in-out infinite}

/* ================= MOJA ROLA ================= */
.rl-ana{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(20px,3vw,34px);align-items:center;padding:clamp(22px,3.5vw,34px);border-radius:28px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(14,17,22,.07), inset 0 1px 0 #fff}
.rl-ana .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3a4150,#141A2B);box-shadow:0 10px 22px rgba(14,17,22,.22);margin-bottom:14px}
.rl-ana .ic svg{width:28px;height:28px}
.rl-ana h3{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin-bottom:10px}
.rl-ana p{font-size:1.02rem;color:var(--ink-2);line-height:1.66}
.rl-ana p b{color:var(--ink)}
.rl-rows{display:flex;flex-direction:column;gap:14px}
.rl-row{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.rl-row .lb{display:block;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.rl-chips{display:flex;flex-wrap:wrap;gap:7px}
.rl-chip{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--ink-3);background:#F3F5F9;border:1px dashed rgba(14,17,22,.14);border-radius:100px;padding:7px 12px}
.rl-chip.me{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 6px 14px rgba(37,81,230,.28)}
.rl-chip.mech{color:#fff;background:#141A2B;border:1px solid #141A2B}
.rl-chip svg{width:13px;height:13px;flex-shrink:0}
.rl-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.rl-card{padding:clamp(18px,2.6vw,24px);border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--e1)}
.rl-card.yes{border-top:4px solid var(--accent)}
.rl-card.no{border-top:4px solid rgba(14,17,22,.25);background:#FBFBFD}
.rl-card h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;letter-spacing:-.015em;margin-bottom:14px}
.rl-card h3 .d{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}
.rl-card h3 .d svg{width:15px;height:15px}
.rl-card.yes h3 .d{background:var(--accent)}
.rl-card.no h3 .d{background:#6B7280}
.rl-sub{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:4px 0 8px}
.rl-sub+.rl-li{border-top:none}
.rl-li{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-2);font-size:.98rem;line-height:1.5;color:var(--ink)}
.rl-li .m{width:22px;height:22px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;margin-top:1px}
.rl-li .m svg{width:12px;height:12px}
.rl-card.yes .rl-li .m{background:var(--accent-soft);color:var(--accent)}
.rl-card.no .rl-li .m{background:#EEF0F4;color:#6B7280}
.rl-li b{font-weight:700}
.rl-li em{display:block;font-style:normal;font-size:.86rem;color:var(--ink-3);margin-top:2px}
.rl-why{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:20px 22px;border-radius:22px;background:var(--accent-soft);border:1px solid var(--accent-line)}
.rl-why .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--accent)}
.rl-why .ic svg{width:21px;height:21px}
.rl-why b{display:block;font-size:1.08rem;font-weight:800;margin-bottom:4px}
.rl-why p{font-size:.99rem;color:var(--ink-2);line-height:1.62}
.rl-map{margin-top:16px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--e1);overflow:hidden}
.rl-map summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;font-weight:800;font-size:1.02rem}
.rl-map summary::-webkit-details-marker{display:none}
.rl-map summary .i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);flex-shrink:0}
.rl-map summary .i svg{width:17px;height:17px}
.rl-map summary .ch{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex-shrink:0;transition:transform .4s var(--spring)}
.rl-map summary .ch svg{width:14px;height:14px}
.rl-map[open] summary .ch{transform:rotate(180deg)}
.rl-map summary:hover{background:#FAFBFD}
.rl-tbl{padding:0 22px 20px}
.rl-tr{display:grid;grid-template-columns:1.05fr 1.9fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line-2)}
.rl-tr.hd{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-top:none;padding-top:4px}
.rl-tr b{font-size:.95rem;font-weight:800}
.rl-tr span{font-size:.92rem;color:var(--ink-2);line-height:1.5}
.rl-st{font-size:.8rem;font-weight:800;border-radius:100px;padding:5px 11px;white-space:nowrap;text-align:center}
.rl-st.t{color:#fff;background:var(--accent)}
.rl-st.c{color:#9A5B06;background:#FFF2DD;border:1px solid #F5D6A3}
.rl-st.n{color:#6B7280;background:#F1F2F5}
.rl-tr.me{background:linear-gradient(90deg,rgba(37,81,230,.07),transparent);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px}

/* ================= SZCZEGOLY (ROZWIJANE) ================= */
.more-card{display:grid;grid-template-columns:1fr auto;gap:22px 30px;align-items:center;padding:clamp(22px,3.5vw,34px);border-radius:28px;background:var(--dark);color:#fff;position:relative;overflow:hidden}
.more-card::after{content:"";position:absolute;right:-90px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.38),transparent 66%);pointer-events:none}
.more-card>*{position:relative;z-index:1}
.more-card h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;letter-spacing:-.03em;color:#fff;margin-bottom:8px}
.more-card p{font-size:1.02rem;color:rgba(255,255,255,.72);line-height:1.62;max-width:60ch}
.more-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.more-links a{font-size:.88rem;font-weight:700;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:8px 13px;transition:background .25s}
.more-links a:hover{background:rgba(255,255,255,.18)}
.more-btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:800;font-size:1.05rem;padding:17px 26px;border-radius:100px;border:none;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.3);transition:transform .4s var(--spring)}
.more-btn:hover{transform:translateY(-2px)}
.more-btn svg{width:18px;height:18px;transition:transform .45s var(--spring)}
.more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.more-body[hidden]{display:none}
.more-end{display:flex;justify-content:center;padding:10px 0 20px}
.more-end button{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:800;font-size:1rem;padding:14px 24px;border-radius:100px;cursor:pointer;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:var(--e1)}
.more-end svg{width:16px;height:16px}

@media(max-width:860px){
  .rl-ana,.rl-cols{grid-template-columns:1fr}
  .more-card{grid-template-columns:1fr}
  .more-btn{width:100%;justify-content:center}
}
@media(max-width:600px){
  .rl-tr{grid-template-columns:1fr auto;gap:6px 12px}
  .rl-tr span{grid-column:1 / -1;grid-row:2}
  .rl-tr.hd span{display:none}
  .rl-map summary{padding:16px}
  .rl-tbl{padding:0 16px 16px}
  .rl-why{flex-direction:column}
}
.rl-sub.rl-s2{margin-top:16px}

/* ================= CO DOKLADNIE DOSTAJESZ ================= */
.cd{position:relative;overflow:hidden;border-radius:30px;padding:clamp(24px,3.6vw,40px);
  background:rgba(255,255,255,.74);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);
  border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(37,81,230,.10), inset 0 1px 0 #fff}
.cd::before{content:"";position:absolute;left:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.12),transparent 66%);pointer-events:none}
.cd>*{position:relative;z-index:1}
.cd-head{display:grid;grid-template-columns:1.1fr .9fr;gap:14px 34px;align-items:end;margin-bottom:28px}
.cd-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;letter-spacing:-.035em;line-height:1.06;margin-top:14px}
.cd-head p{font-size:1.04rem;color:var(--ink-2);line-height:1.65}
.cd-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.cd-col{padding:0 26px;border-left:1px solid var(--line)}
.cd-col:first-child{padding-left:0;border-left:none}
.cd-col:last-child{padding-right:0}
.cd-ch{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cd-ch .i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--accent);box-shadow:0 8px 18px rgba(37,81,230,.28), inset 0 1px 0 rgba(255,255,255,.3)}
.cd-ch .i svg{width:20px;height:20px}
.cd-ch b{display:block;font-family:'Archivo';font-weight:800;font-size:1.16rem;letter-spacing:-.015em;line-height:1.2}
.cd-ch small{display:block;font-size:.84rem;color:var(--ink-3);font-weight:600;margin-top:1px}
.cd-li{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-2);font-size:1rem;line-height:1.5;color:var(--ink)}
.cd-ch+.cd-li{border-top:none}
.cd-li .m{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;margin-top:1px;color:#fff;background:var(--ok);box-shadow:0 3px 8px rgba(21,157,91,.25)}
.cd-li .m svg{width:12px;height:12px}
.cd-li b{font-weight:700}
.cd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:22px;border-top:1px dashed var(--accent-line)}
.cd-tags{display:flex;flex-wrap:wrap;gap:8px}
.cd-tags span{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;color:var(--ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:100px;padding:8px 14px}
.cd-tags svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}
@media(max-width:900px){
  .cd-head{grid-template-columns:1fr}
  .cd-cols{grid-template-columns:1fr}
  .cd-col,.cd-col:first-child,.cd-col:last-child{padding:18px 0 0;border-left:none;border-top:1px solid var(--line);margin-top:18px}
  .cd-col:first-child{padding-top:0;border-top:none;margin-top:0}
}
@media(max-width:520px){
  .cd{padding:24px 18px;border-radius:26px}
  .cd-foot .btn{width:100%;justify-content:center}
}
/* ===== ROZDZIALY: porzadek i oddech ===== */
main{counter-reset:chap}
.sec{padding:clamp(84px,11vw,156px) 0}
.sec-head{margin-bottom:clamp(40px,5.5vw,72px)}
.p-lead{line-height:1.65}
.chap{counter-increment:chap;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:0 auto clamp(34px,4.5vw,56px);max-width:var(--wrap,1180px);padding:0 20px}
.chap-n{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:54px;padding:0 14px;border-radius:999px;font-weight:900;font-size:1.05rem;letter-spacing:.04em;color:var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.55));border:1px solid rgba(37,81,230,.18);box-shadow:var(--e2),inset 0 1px 0 #fff;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);position:relative}
.chap-n::before{content:counter(chap,decimal-leading-zero)}
.chap-n::after{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:clamp(28px,4vw,48px);background:linear-gradient(to top,rgba(37,81,230,.35),transparent)}
.chap-t{margin-top:8px;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.chap-s{font-size:.9rem;color:var(--muted,#6b7280)}
.myth .chap-t{color:#fff}
@media (max-width:760px){.sec{padding:78px 0}.sec-head{margin-bottom:36px}.chap{margin-bottom:30px}.chap-n{min-width:48px;height:48px}}
/* ===== v2: wyrazniejsze rozdzialy i dymek kodeksu ===== */
.chap-n{min-width:64px;height:64px;font-size:1.25rem;color:#fff;border:0;background:linear-gradient(145deg,#4C74FF,var(--accent) 55%,#1B3FC4);box-shadow:0 14px 34px rgba(37,81,230,.38),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -6px 14px rgba(0,0,0,.14);isolation:isolate}
.chap-n>i{position:absolute;inset:-7px;border-radius:inherit;border:2px solid rgba(37,81,230,.35);z-index:-1;animation:chapRing 2.8s ease-out infinite}
.chap-n>i+i{animation-delay:1.4s}
@keyframes chapRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.chap-n::after{background:linear-gradient(to top,var(--accent),transparent);transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease) .1s}
.chap .chap-n{transform:scale(.4) rotate(-20deg);opacity:0;transition:transform .8s var(--spring),opacity .4s}
.chap .chap-t,.chap .chap-s{opacity:0;transform:translateY(10px);transition:opacity .6s .25s,transform .7s var(--ease) .25s}
.chap.in .chap-n,.chap.in .chap-t,.chap.in .chap-s{opacity:1;transform:none}
.chap.in .chap-n::after{transform:scaleY(1)}
.chap-t{font-size:.95rem;color:var(--accent)}
@media (max-width:760px){.chap-n{min-width:58px;height:58px}}
@media (prefers-reduced-motion:reduce){.chap-n>i{animation:none;display:none}.chap .chap-n,.chap .chap-t,.chap .chap-s{opacity:1;transform:none;transition:none}}
.kd-navbtn:not(.seen){color:#fff;background:linear-gradient(135deg,#E0317A,var(--hot));border-color:transparent;animation:kdWiggle 4s ease-in-out 2s infinite,kdHalo 1.8s ease-out infinite}
.kd-navbtn:not(.seen)::after{background:#fff;border-color:var(--hot)}
@keyframes kdHalo{0%{box-shadow:0 0 0 0 rgba(214,36,111,.55)}100%{box-shadow:0 0 0 14px rgba(214,36,111,0)}}
@keyframes kdWiggle{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg) scale(1.08)}92%{transform:rotate(12deg) scale(1.08)}95%{transform:rotate(-8deg)}98%{transform:rotate(4deg)}}
.kd-hint{white-space:normal;width:max-content;max-width:min(250px,calc(100vw - 100px));line-height:1.25;font-size:1rem;padding:12px 20px 12px 16px;border-radius:16px;box-shadow:0 18px 40px rgba(200,30,100,.5),0 0 0 4px rgba(255,255,255,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.kd-hint.on{animation:kdPop .7s var(--spring) both,kdFloat 2.4s ease-in-out .7s infinite}
@keyframes kdPop{0%{transform:translateY(-10px) scale(.6)}60%{transform:scale(1.08)}100%{transform:none}}
/* ===== FILARY v2: dwa swiaty, bento zamiast listy ===== */
.offer-idx .pil{position:relative;isolation:isolate;overflow:hidden;border-radius:36px;padding:clamp(26px,3.6vw,46px);background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(247,244,255,.78));border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 70px rgba(30,40,90,.10),inset 0 1px 0 #fff}
.offer-idx .pil::before,.offer-idx .pil::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none;animation:pilOrb 14s ease-in-out infinite alternate}
.offer-idx .pil::before{width:420px;height:420px;top:-160px;right:-120px;background:radial-gradient(circle,rgba(236,72,153,.28),transparent 65%)}
.offer-idx .pil::after{width:380px;height:380px;bottom:-180px;left:-100px;background:radial-gradient(circle,rgba(124,92,255,.24),transparent 65%);animation-delay:-7s}
@keyframes pilOrb{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-40px,30px) scale(1.15)}}
.offer-idx .pil+.pil{margin-top:clamp(22px,3vw,34px)}
.pil-wm{position:absolute;right:clamp(10px,3vw,40px);top:-.18em;z-index:-1;font-family:'Archivo';font-weight:900;font-size:clamp(9rem,20vw,17rem);line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(37,81,230,.10);pointer-events:none;user-select:none}
.offer-idx .pil-h{margin:0 0 clamp(20px,2.6vw,30px)}
.offer-idx .pil-n{width:56px;height:56px;border-radius:18px;font-size:1.15rem;background:linear-gradient(145deg,#2A2F3A,#0E1116);box-shadow:0 12px 26px rgba(14,17,22,.28),inset 0 1px 0 rgba(255,255,255,.2)}
.offer-idx .pil-t b{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.offer-idx .pil-t span{font-size:1.02rem}
.pil-chips{display:flex;gap:8px}
.pil-chips i{font-style:normal;font-size:.8rem;font-weight:800;padding:7px 13px;border-radius:100px;color:#fff}
.pil-chips .ig{background:linear-gradient(45deg,#F58529,#DD2A7B 50%,#8134AF)}
.pil-chips .fb{background:#1877F2}
.offer-idx .oi-grid{grid-template-columns:repeat(6,1fr);gap:16px}
.offer-idx .oi-item{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 22px 22px;min-height:190px;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(30,40,90,.07),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.offer-idx .pil:first-child .oi-item:nth-child(n+4){grid-column:span 3;min-height:0}
.offer-idx .oi-item:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 26px 50px rgba(30,40,90,.14),inset 0 1px 0 #fff}
.offer-idx .oi-ico{width:54px;height:54px;border-radius:17px;color:#fff;border:0;background:var(--g,linear-gradient(145deg,#5B7CFF,#2551E6));box-shadow:0 10px 22px var(--gs,rgba(37,81,230,.35)),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12);transition:transform .5s var(--spring)}
.offer-idx .oi-ico svg{width:24px;height:24px}
.offer-idx .oi-item:hover .oi-ico{transform:scale(1.1) rotate(-8deg)}
.offer-idx .oi-b b{font-size:1.14rem}
.offer-idx .oi-b span{font-size:.94rem}
.offer-idx .oi-arw{position:absolute;right:18px;top:22px}
.offer-idx .pil:first-child .oi-item:nth-child(1){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
.offer-idx .pil:first-child .oi-item:nth-child(2){--g:linear-gradient(145deg,#FFB35C,#F0642A);--gs:rgba(240,100,42,.35)}
.offer-idx .pil:first-child .oi-item:nth-child(3){--g:linear-gradient(145deg,#5AA2FF,#1877F2);--gs:rgba(24,119,242,.35)}
.offer-idx .pil:first-child .oi-item:nth-child(4){--g:linear-gradient(145deg,#A98BFF,#7048E8);--gs:rgba(112,72,232,.35)}
.offer-idx .pil:first-child .oi-item:nth-child(5){--g:linear-gradient(145deg,#4FD6A2,#159D5B);--gs:rgba(21,157,91,.35)}
.offer-idx .pil-auto{background:radial-gradient(120% 90% at 100% 0%,#1C2A6B 0%,#10152A 45%,#0B0E17 100%);border-color:rgba(255,255,255,.08);box-shadow:0 40px 90px rgba(14,20,50,.35),inset 0 1px 0 rgba(255,255,255,.1)}
.offer-idx .pil-auto::before{background:radial-gradient(circle,rgba(37,81,230,.55),transparent 65%)}
.offer-idx .pil-auto::after{background:radial-gradient(circle,rgba(214,36,111,.30),transparent 65%)}
.offer-idx .pil-auto .pil-wm{-webkit-text-stroke:2px rgba(157,180,255,.14)}
.offer-idx .pil-auto .pil-n{background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 12px 30px rgba(37,81,230,.55),inset 0 1px 0 rgba(255,255,255,.4)}
.offer-idx .pil-auto .pil-t b{color:#fff}
.offer-idx .pil-auto .pil-t span{color:rgba(255,255,255,.66)}
.offer-idx .pil-auto .pil-tag{color:#fff;background:linear-gradient(135deg,#E0317A,var(--hot-2));border-color:transparent;box-shadow:0 10px 24px rgba(214,36,111,.4)}
.offer-idx .pil-auto .pil-tag::before{background:#fff}
.offer-idx .pil-auto .oi-item{grid-column:span 3;min-height:0;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.offer-idx .pil-auto .oi-item::before{background:linear-gradient(118deg,rgba(255,255,255,.10),transparent 45%)}
.offer-idx .pil-auto .oi-item:hover{background:rgba(255,255,255,.10);box-shadow:0 26px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.offer-idx .pil-auto .oi-b b{color:#fff}
.offer-idx .pil-auto .oi-b span{color:rgba(255,255,255,.66)}
.offer-idx .pil-auto .oi-arw{color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.offer-idx .pil-auto .oi-item:nth-child(3){--g:linear-gradient(145deg,#A98BFF,#7048E8);--gs:rgba(112,72,232,.4)}
.offer-idx .pil-auto .oi-item.hit{grid-column:1/-1;padding:clamp(26px,3vw,38px);min-height:210px;justify-content:flex-end;background:linear-gradient(125deg,rgba(37,81,230,.55),rgba(112,72,232,.35) 55%,rgba(214,36,111,.30));border-color:rgba(255,255,255,.2)}
.offer-idx .pil-auto .oi-item.hit::after{width:420px;height:420px;top:-160px;right:-80px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 60%);animation:pilOrb 9s ease-in-out infinite alternate}
.offer-idx .pil-auto .oi-item.hit .oi-ico{background:linear-gradient(145deg,#fff,#DCE4FF);box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 1px 0 #fff;color:var(--accent);width:62px;height:62px}
.offer-idx .pil-auto .oi-item.hit .oi-b b{font-size:clamp(1.45rem,2.6vw,2rem)}
.offer-idx .pil-auto .oi-item.hit .oi-b span{font-size:1.02rem;color:rgba(255,255,255,.8);max-width:560px}
.offer-idx .pil-auto .oi-fb{grid-column:1/-1;flex-direction:row;align-items:center;min-height:0;background:rgba(255,255,255,.95);border-color:#fff}
.offer-idx .pil-auto .oi-fb:hover{background:#fff}
.offer-idx .pil-auto .oi-fb .oi-ico{--g:#1877F2}
.offer-idx .pil-auto .oi-fb .oi-b b{color:var(--accent)}
.offer-idx .pil-auto .oi-fb .oi-b span{color:var(--ink-2)}
.offer-idx .pil-auto .oi-fb .oi-arw{position:static;color:#fff;background:var(--accent);border-color:var(--accent)}
@media (max-width:900px){
  .offer-idx .oi-grid{grid-template-columns:1fr 1fr}
  .offer-idx .oi-item,.offer-idx .pil:first-child .oi-item:nth-child(n+4),.offer-idx .pil-auto .oi-item{grid-column:span 1;min-height:0}
  .offer-idx .pil:first-child .oi-item:nth-child(5),.offer-idx .pil-auto .oi-item.hit,.offer-idx .pil-auto .oi-fb{grid-column:1/-1}
}
@media (max-width:600px){
  .offer-idx .pil{border-radius:28px;padding:24px 16px}
  .offer-idx .oi-grid{grid-template-columns:1fr;gap:12px}
  .offer-idx .oi-item,.offer-idx .pil:first-child .oi-item:nth-child(n+4),.offer-idx .pil-auto .oi-item{grid-column:1/-1;gap:12px;padding:20px 18px}
  .offer-idx .pil-auto .oi-item.hit{padding:24px 20px}
  .offer-idx .oi-ico{width:48px;height:48px}
  .offer-idx .oi-arw{top:20px;right:16px}
  .offer-idx .pil-auto .oi-fb{flex-direction:column;align-items:flex-start}
  .offer-idx .pil-auto .oi-fb .oi-arw{position:absolute}
  .offer-idx .pil-h{flex-direction:column;align-items:flex-start}
  .offer-idx .pil-t{min-width:0}
  .pil-wm{font-size:8rem}
}
@media (prefers-reduced-motion:reduce){.offer-idx .pil::before,.offer-idx .pil::after,.offer-idx .pil-auto .oi-item.hit::after{animation:none}}
/* ===== v3: pozostale sekcje w stylu filarow (bento, kolor, glebia) ===== */
/* DLACZEGO: sciezka klienta jako trzy kafle */
#dlaczego .jrn{max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#dlaczego .jrn::before{left:8%;right:8%;top:58px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent-line) 12%,var(--accent-line) 88%,transparent)}
#dlaczego .jrn-step{flex-direction:column;gap:16px;padding:26px 24px 26px;border-radius:28px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 18px 44px rgba(30,40,90,.09),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
#dlaczego .jrn-step:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(30,40,90,.14),inset 0 1px 0 #fff}
#dlaczego .jrn-n{width:62px;height:62px;border-radius:20px;font-size:1.5rem;background:var(--g);box-shadow:0 12px 26px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -5px 12px rgba(0,0,0,.14)}
#dlaczego .jrn-step:nth-child(1){--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.35)}
#dlaczego .jrn-step:nth-child(2){--g:linear-gradient(145deg,#A98BFF,#7048E8);--gs:rgba(112,72,232,.35)}
#dlaczego .jrn-step:nth-child(3){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
#dlaczego .jrn-b b{font-size:1.2rem}
#dlaczego .jrn-end{max-width:1100px;margin-top:16px;border-radius:30px;padding:clamp(26px,3.4vw,40px);background:radial-gradient(120% 120% at 100% 0%,#3A2A08 0%,#15130E 45%,#0B0D12 100%);box-shadow:0 30px 70px rgba(14,17,22,.25)}
#dlaczego .jrn-end .je-ic{width:58px;height:58px;border-radius:18px;color:#1a1300;background:linear-gradient(145deg,#FFD978,#F0A81E);border:0;box-shadow:0 12px 26px rgba(240,168,30,.35),inset 0 1px 0 rgba(255,255,255,.5)}
#dlaczego .jrn-end b{font-size:clamp(1.3rem,2.4vw,1.7rem)}

/* CO DOSTAJESZ: trzy kolumny jako osobne karty */
#co-dostajesz .cd-cols{gap:16px}
#co-dostajesz .cd-col,#co-dostajesz .cd-col:first-child,#co-dostajesz .cd-col:last-child{padding:24px 22px;border:1px solid #fff;border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(30,40,90,.08),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
#co-dostajesz .cd-col:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(30,40,90,.13),inset 0 1px 0 #fff}
#co-dostajesz .cd-ch{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:14px}
#co-dostajesz .cd-ch .i{width:54px;height:54px;border-radius:17px;background:var(--g);box-shadow:0 10px 22px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12)}
#co-dostajesz .cd-ch .i svg{width:24px;height:24px}
#co-dostajesz .cd-ch b{font-size:1.35rem}
#co-dostajesz .cd-col:nth-child(1){--g:linear-gradient(145deg,#FFB35C,#F0642A);--gs:rgba(240,100,42,.35)}
#co-dostajesz .cd-col:nth-child(2){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
#co-dostajesz .cd-col:nth-child(3){--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.35)}
#co-dostajesz .cd-li .m{background:var(--g);box-shadow:none}

/* MOJA ROLA: zajmuje sie / nie zajmuje sie jako dwa swiaty */
#rola .rl-ana{border-radius:32px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 22px 54px rgba(30,40,90,.09),inset 0 1px 0 #fff}
#rola .rl-row{border-radius:20px;border-color:rgba(14,17,22,.06);box-shadow:0 6px 18px rgba(30,40,90,.05)}
#rola .rl-cols{gap:18px;margin-top:18px}
#rola .rl-card{border-radius:30px;padding:clamp(22px,3vw,32px);border:1px solid #fff;box-shadow:0 22px 54px rgba(30,40,90,.10)}
#rola .rl-card.yes{border-top:1px solid #fff;background:linear-gradient(160deg,#fff,#F1F4FF)}
#rola .rl-card.no{border-top:1px solid rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);background:radial-gradient(120% 90% at 100% 0%,#262B38 0%,#12151C 60%);color:#fff}
#rola .rl-card h3 .d{width:44px;height:44px;border-radius:14px;box-shadow:0 10px 22px rgba(37,81,230,.35),inset 0 1px 0 rgba(255,255,255,.4)}
#rola .rl-card h3 .d svg{width:20px;height:20px}
#rola .rl-card.yes h3 .d{background:linear-gradient(145deg,#5B7CFF,#2551E6)}
#rola .rl-card.no h3 .d{background:linear-gradient(145deg,#4A5160,#2A2F3A);box-shadow:0 10px 22px rgba(0,0,0,.35)}
#rola .rl-card.no h3,#rola .rl-card.no .rl-li{color:#fff}
#rola .rl-card.no .rl-li{border-top-color:rgba(255,255,255,.08)}
#rola .rl-card.no .rl-li em{color:rgba(255,255,255,.55)}
#rola .rl-card.no .rl-li .m{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
#rola .rl-card.yes .rl-li .m{background:linear-gradient(145deg,#5B7CFF,#2551E6);color:#fff}
#rola .rl-why{border-radius:26px;padding:24px 26px;background:linear-gradient(125deg,#2551E6,#7048E8);border:0;box-shadow:0 22px 50px rgba(37,81,230,.3);color:#fff}
#rola .rl-why .ic{background:#fff;color:var(--accent);width:50px;height:50px;border-radius:16px}
#rola .rl-why b{color:#fff}
#rola .rl-why p{color:rgba(255,255,255,.82)}
#rola .rl-map{border-radius:26px;border-color:#fff;box-shadow:0 14px 36px rgba(30,40,90,.08)}

/* FAQ: pytania jako szklane karty */
#faq .faq{border-top:0;display:flex;flex-direction:column;gap:12px}
#faq .faq-item{border:1px solid #fff;border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(30,40,90,.06),inset 0 1px 0 #fff;padding:0 22px;transition:box-shadow .4s,transform .4s var(--spring)}
#faq .faq-item:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(30,40,90,.1),inset 0 1px 0 #fff}
#faq .faq-item.open{box-shadow:0 20px 44px rgba(37,81,230,.14),0 0 0 2px rgba(37,81,230,.18)}
#faq .faq-q .fx{width:34px;height:34px;color:#fff;border:0;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.3)}
#faq .faq-a p{padding-left:0}

@media (max-width:900px){
  #dlaczego .jrn,#co-dostajesz .cd-cols{grid-template-columns:1fr}
  #dlaczego .jrn::before{display:none}
  #dlaczego .jrn-step{flex-direction:row;padding:20px 18px}
  #dlaczego .jrn-n{width:52px;height:52px;border-radius:16px;font-size:1.25rem}
  #rola .rl-cols{grid-template-columns:1fr}
}
@media (max-width:600px){
  #faq .faq-item{padding:0 16px;border-radius:18px}
  #rola .rl-why{flex-direction:column}
  #dlaczego .jrn-end{flex-direction:column}
}
/* ===== WYDAJNOSC: plynne przewijanie ===== */
/* poswiaty w filarach: miekki gradient bez kosztownego filtra blur */
.offer-idx .pil::before,.offer-idx .pil::after{filter:none}
/* animacje w sekcjach poza ekranem sa wstrzymane (klasa nadawana przez skrypt) */
.anim-off,.anim-off *,.anim-off *::before,.anim-off *::after{animation-play-state:paused!important}
/* telefony i tablety: szklo bez rozmycia tla w tresci (najwiekszy koszt przy przewijaniu) */
@media (max-width:900px),(hover:none){
  main .sec *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* ===== MOBILE: większe nagłówki, większa treść, brak poziomego overflow ===== */
@media(max-width:640px){
  .hero::before{top:-120px;right:-160px;width:360px;height:360px}
  .hero::after{display:none}
  .tcard-top{gap:14px;margin-bottom:16px}
  .tava{width:68px;height:68px}
  .tname b{font-size:1.24rem}
  .trole{font-size:.85rem;margin-top:4px}
  .tcard p{font-size:1rem;line-height:1.7}
  .team-duo{font-size:.95rem;text-align:center}
  .oi-grid{grid-template-columns:1fr}
  .oi-item,.oi-fb{padding:15px 16px}
  .oi-b b{font-size:1rem}
  .oi-b span{font-size:.95rem}
}
@media(max-width:520px){
  .wrap{padding:0 16px}
  .nav-links{gap:12px}
  .nav-cta{padding:10px 15px;font-size:.91rem}
  .hero{padding:40px 0 46px}
  .hero-grid{gap:24px}
  .hero h1{font-size:clamp(2.5rem,11vw,3rem);line-height:1.05}
  .hero-sub{font-size:1.12rem;font-weight:500}
  .hero-actions{margin-top:26px}
  .hero-actions{flex-direction:column;gap:10px}
  .hero-actions .btn{width:100%;padding:17px 20px;font-size:1.04rem;white-space:normal;text-align:center}
  .hero-stats{max-width:none;margin-top:30px}
  .hstat{padding:16px 8px}
  .hstat b{font-size:1.7rem}
  .h-lead{font-size:clamp(2.05rem,9vw,2.5rem);line-height:1.08}
  .p-lead{font-size:1.08rem;line-height:1.65}
  .svc h3{font-size:1.34rem}
  .res h3{font-size:1.42rem}
  .step h4{font-size:1.16rem;font-weight:800}
  .faq-q{font-size:1.08rem}
  .audio-card h3{font-size:1.55rem}
  .slots-card h2,.price-band h2{font-size:1.85rem}
  .cta-box h2{font-size:2.15rem}
  .svc p,.res .rp,.step p,.faq-a p{font-size:1rem;line-height:1.68}
  .dive-list li{font-size:1.02rem}
  .myth-body{font-size:1.08rem}
  .myth-callout p{font-size:1.02rem}
  .myth-truth{font-size:1.02rem}
  .mvs-note,.res .rmech{font-size:.99rem}
  .slots-card .sp{font-size:1.05rem}
  .price-band p{font-size:1.05rem}
  .price-point p{font-size:1.05rem}
  .honest-note p{font-size:1.02rem}
  .audio-card .ad{font-size:1.02rem}
  .cta-box p{font-size:1.08rem}
  .vs-row{font-size:1.05rem}
  .chip{font-size:.99rem}
  .phone{width:min(300px,90vw)}
  .sec{padding:54px 0}
  .sec-head{margin-bottom:28px}
  .sec-head h2{margin:14px 0 12px}
  .eyebrow{font-size:.9rem;padding:6px 13px}
  .myth-callout{padding:16px 16px}
  .mvs-card{padding:24px 18px}
  .res,.step{padding:26px 22px}
  .svc{padding:26px 22px}
  .tcard{padding:26px 20px}
  .win-body{padding:18px 16px}
  .foot-inner{flex-direction:column;align-items:flex-start}
  .foot-links{flex-wrap:wrap;gap:14px}
  .jrn{--jrn-pad:16px;gap:12px}
  .jrn-step{padding:18px var(--jrn-pad);gap:14px}
  .jrn-n{width:36px;height:36px;font-size:1rem}
  .jrn::before{left:calc(var(--jrn-pad) + 18px)}
  .jrn-b b{font-size:1.12rem}
  .jrn-b span{font-size:1.04rem}
  .jrn-end{padding:22px 18px;gap:14px;flex-direction:column}
  .jrn-end b{font-size:1.14rem}
  .jrn-end p{font-size:1.04rem}
  .nav{padding:10px 0 0}
  .nav .wrap.nav-inner{padding:8px 8px 8px 16px;border-radius:22px}
  .mobile-menu{top:82px}
  .appbar{left:8px;right:8px;bottom:8px}
  .appbar .ab-main{padding:16px 12px;font-size:1.02rem}
  .appbar .ab-ic{width:54px;height:54px}
}
@media(max-width:720px){
  .nav .wrap.nav-inner .nav-cta{display:none}
  .nav .wrap.nav-inner{padding:8px 8px 8px 18px}
}
@media(max-width:520px){
  .pc-pos{padding:18px 16px;border-left-width:3px;gap:14px}
  .pc-pos p{font-size:1.02rem;min-width:0}
  .pc-h3{font-size:1.5rem}
  .pc-fake{padding:20px 16px}
  .pc-row b{font-size:.99rem}
  .pc-row span{font-size:.88rem}
  .pc-row i{font-size:.99rem}
  .pc-incl{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .pc-incl li{font-size:1rem}
  .pc-none span{font-size:.95rem}
  .pc-ask{padding:28px 20px}
  .pc-ask p{font-size:1.04rem}
  .pc-actions{gap:10px}
  .pc-actions .btn{width:100%;justify-content:center}
  .pm{padding:14px}
  .pm-card{padding:28px 18px 20px;border-radius:24px}
  .pm-t{font-size:1.28rem}
  .pm-s{font-size:1.02rem}
  .pm-opt{padding:16px}
  .pm-opt .b b{font-size:1.06rem}
  .pm-opt .b span{font-size:.95rem}
  .pm-note{font-size:.91rem}
  .pc-hint{font-size:.99rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  .reveal .ncard{opacity:1;transform:none}
  .cmt.reply{opacity:1;transform:none}
  .stagger>*{opacity:1;transform:none}
}

/* ===== v4: korzysci automatyzacji jako bento ===== */
.au-gain>div:first-child{position:sticky;top:110px;padding:clamp(24px,3vw,36px);border-radius:30px;background:radial-gradient(120% 100% at 0% 0%,#E9EEFF 0%,rgba(255,255,255,.9) 60%);border:1px solid #fff;box-shadow:0 22px 54px rgba(30,40,90,.09),inset 0 1px 0 #fff}
.au-gain h3{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.au-bens{gap:16px}
.au-ben{flex-direction:column;gap:14px;padding:24px 22px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 14px 36px rgba(30,40,90,.08),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
.au-ben:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 26px 50px rgba(30,40,90,.14),inset 0 1px 0 #fff}
.au-ben .ic{width:54px;height:54px;border-radius:17px;color:#fff;border:0;background:var(--g);box-shadow:0 10px 22px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12);transition:transform .5s var(--spring)}
.au-ben:hover .ic{transform:scale(1.1) rotate(-8deg)}
.au-ben .ic svg{width:24px;height:24px}
.au-ben b{font-size:1.18rem;margin-bottom:6px}
.au-ben span{font-size:.97rem}
.au-ben:nth-child(1){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
.au-ben:nth-child(2){--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.35)}
.au-ben:nth-child(3){--g:linear-gradient(145deg,#4FD6A2,#159D5B);--gs:rgba(21,157,91,.35)}
.au-ben:nth-child(4){--g:linear-gradient(145deg,#FFB35C,#F0642A);--gs:rgba(240,100,42,.35)}
.au-ben.wide{flex-direction:row;align-items:center;gap:20px;color:#fff;background:linear-gradient(125deg,#2551E6,#7048E8 60%,#DD2A7B);border-color:transparent;box-shadow:0 22px 50px rgba(37,81,230,.3)}
.au-ben.wide .ic{--g:#fff;color:#DD2A7B;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.au-ben.wide .ic svg{animation:benBeat 1.6s ease-in-out infinite}
@keyframes benBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}
.au-ben.wide b{color:#fff}
.au-ben.wide span{color:rgba(255,255,255,.85)}
@media (max-width:900px){.au-gain>div:first-child{position:static}}
@media (max-width:600px){.au-bens{grid-template-columns:1fr}.au-ben{flex-direction:row;padding:20px 18px}.au-ben .ic{width:48px;height:48px}}

/* ===== v4: mapa rol - zajawka, ktora zaprasza do klikniecia ===== */
.rl-map.peek{position:relative;cursor:pointer}
.rl-sum{width:100%;display:flex;align-items:center;gap:12px;padding:20px 22px;background:none;border:0;cursor:pointer;font-family:inherit;font-weight:800;font-size:1.08rem;color:var(--ink);text-align:left}
.rl-sum .i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 8px 18px rgba(37,81,230,.3);flex-shrink:0}
.rl-sum .i svg{width:20px;height:20px}
.rl-sum .ch{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent);flex-shrink:0;transition:transform .5s var(--spring)}
.rl-sum .ch svg{width:15px;height:15px}
.rl-map .rl-tbl{position:relative;max-height:240px;overflow:hidden;transition:max-height .8s var(--ease),filter .6s,opacity .6s;filter:blur(2.5px);opacity:.75;-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);pointer-events:none}
.rl-more{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:100px;border:0;cursor:pointer;font-family:inherit;font-weight:800;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#5B7CFF,#2551E6);box-shadow:0 14px 30px rgba(37,81,230,.4),0 0 0 4px rgba(255,255,255,.85);white-space:nowrap;animation:rlNudge 2.2s ease-in-out infinite}
.rl-more svg{width:16px;height:16px;animation:kdUp 1.1s ease-in-out infinite;transform:rotate(180deg)}
@keyframes rlNudge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}
.rl-map.peek:not(.open):hover .rl-tbl{filter:blur(1.5px);opacity:.9}
.rl-map.peek:not(.open):hover{box-shadow:0 22px 50px rgba(37,81,230,.16),0 0 0 2px rgba(37,81,230,.2)}
.rl-map.open{cursor:auto}
.rl-map.open .rl-tbl{max-height:2400px;filter:none;opacity:1;-webkit-mask-image:none;mask-image:none;pointer-events:auto}
.rl-map.open .rl-more{display:none}
.rl-map.open .rl-sum .ch{transform:rotate(180deg)}
@media (max-width:600px){.rl-more{font-size:.88rem;padding:11px 16px}.rl-map .rl-tbl{max-height:170px}}
@media (prefers-reduced-motion:reduce){.rl-more,.rl-more svg,.au-ben.wide .ic svg{animation:none}}

/* ===== STRONY WWW ===== */
.ww-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.ww-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 16px 40px rgba(30,40,90,.09),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
.ww-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 28px 56px rgba(30,40,90,.14),inset 0 1px 0 #fff}
.ww-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 10px 22px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12);transition:transform .5s var(--spring)}
.ww-card:hover .ww-ic{transform:scale(1.1) rotate(-8deg)}
.ww-ic svg{width:26px;height:26px}
.ww-card:nth-child(1){--g:linear-gradient(145deg,#4FD6A2,#159D5B);--gs:rgba(21,157,91,.35)}
.ww-card:nth-child(2){--g:linear-gradient(145deg,#5AA2FF,#21759B);--gs:rgba(33,117,155,.35)}
.ww-card b{font-family:'Archivo';font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.ww-card p{font-size:1rem;color:var(--ink-2);line-height:1.6}
.ww-note{margin-top:auto;padding:14px 16px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--accent-line);font-size:.93rem;line-height:1.55;color:var(--ink-2)}
.ww-note b{display:block;font-family:inherit;font-size:.95rem;color:var(--accent);margin-bottom:3px}
.ww-hot{background:radial-gradient(120% 90% at 100% 0%,#1C2A6B 0%,#10152A 50%,#0B0E17 100%);border-color:rgba(255,255,255,.08);box-shadow:0 26px 60px rgba(14,20,50,.3)}
.ww-hot:hover{box-shadow:0 34px 70px rgba(14,20,50,.4)}
.ww-hot{--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.4)}
.ww-hot b{color:#fff}
.ww-hot p{color:rgba(255,255,255,.7)}
.ww-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}
.ww-tags span{font-size:.82rem;font-weight:700;color:#fff;padding:7px 12px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.ww-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:22px 26px;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 10px 28px rgba(30,40,90,.06)}
.ww-foot p{flex:1;min-width:240px;font-size:1rem;color:var(--ink-2);line-height:1.6}
.ww-foot .btn svg{width:16px;height:16px}
.cta-www{margin-top:14px;font-size:.95rem;opacity:.85}
.cta-www a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.ww-grid{grid-template-columns:1fr}}
@media (max-width:600px){.ww-card{padding:22px 18px}.ww-foot{padding:20px 18px}.ww-foot .btn{width:100%;justify-content:center}}

/* ===== ROLA: korzysci ze specjalisty ===== */
.rl-gain{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:clamp(28px,4vw,44px)}
.rgn{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 14px 36px rgba(30,40,90,.08),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
.rgn:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 26px 50px rgba(30,40,90,.14),inset 0 1px 0 #fff}
.rg-ic{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#fff;margin-bottom:4px;background:var(--g);box-shadow:0 10px 22px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12);transition:transform .5s var(--spring)}
.rgn:hover .rg-ic{transform:scale(1.1) rotate(-8deg)}
.rg-ic svg{width:24px;height:24px}
.rgn b{font-family:'Archivo';font-size:1.25rem;font-weight:800;letter-spacing:-.02em}
.rgn p{font-size:.97rem;color:var(--ink-2);line-height:1.58}
.rgn:nth-child(1){--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.35)}
.rgn:nth-child(2){--g:linear-gradient(145deg,#FFB35C,#F0642A);--gs:rgba(240,100,42,.35)}
.rgn:nth-child(3){--g:linear-gradient(145deg,#4FD6A2,#159D5B);--gs:rgba(21,157,91,.35)}
.rgn:nth-child(4){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
@media (max-width:900px){.rl-gain{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.rl-gain{grid-template-columns:1fr;gap:12px}.rgn{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:20px 18px}.rg-ic{grid-row:1 / span 2;width:48px;height:48px;margin:0}.rgn p{grid-column:2}}
/* mapa rol na telefonie: status obok nazwy, opis pod spodem */
@media (max-width:600px){
  .rl-tr .rl-st{grid-column:2;grid-row:1;justify-self:end;align-self:start}
  .rl-tr.hd b:last-child{grid-column:2;grid-row:1;justify-self:end}
}

/* dymek kodeksu: mniejszy, jednorazowy */
.kd-hint{max-width:none;white-space:nowrap;font-size:.8rem;padding:7px 12px 7px 11px;gap:5px;border-radius:12px;box-shadow:0 10px 22px rgba(200,30,100,.35),0 0 0 3px rgba(255,255,255,.9)}
.kd-hint svg{width:13px;height:13px}
.kd-hint::before{width:10px;height:10px;top:-4px;right:23px}

/* ===== KODEKS v2: okno w stylu strony ===== */
#kdModal .kd-doc{overflow-x:hidden;isolation:isolate;border-radius:34px;background:linear-gradient(170deg,#FFFFFF 0%,#F4F6FF 45%,#FBF3FA 100%);border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 100px rgba(14,20,50,.35),inset 0 1px 0 #fff}
#kdModal .kd-doc::before{content:"";position:absolute;z-index:-1;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.16),transparent 65%);pointer-events:none}
#kdModal .kd-bar{background:rgba(255,255,255,.72)}
#kdModal .kd-top{padding:14px 34px 26px}
#kdModal .kd-badge{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#FF7AB6,#DD2A7B);box-shadow:0 14px 30px rgba(221,42,123,.35),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -5px 12px rgba(0,0,0,.12);animation:kdBadge 3.2s ease-in-out infinite}
@keyframes kdBadge{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg) scale(1.04)}}
#kdModal .kd-top h2{font-size:clamp(1.9rem,4vw,2.6rem)}
#kdModal .kd-body{padding:0 34px 34px;gap:18px}
#kdModal .kd-card{border-radius:28px;padding:24px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 14px 36px rgba(30,40,90,.08),inset 0 1px 0 #fff}
#kdModal .kd-lbl{font-size:1.2rem;margin-bottom:18px;gap:12px}
#kdModal .kd-lbl .d{width:40px;height:40px;border-radius:13px;box-shadow:0 8px 18px rgba(14,17,22,.15),inset 0 1px 0 rgba(255,255,255,.4)}
#kdModal .kd-lbl .d svg{width:19px;height:19px}
#kdModal .kd-lbl .d.b{background:linear-gradient(145deg,#5B7CFF,#2551E6)}
#kdModal .kd-lbl .d.g{background:linear-gradient(145deg,#4FD6A2,#159D5B)}
#kdModal .kd-lbl .d.p{background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
#kdModal .kd-lbl .d.o{background:linear-gradient(145deg,#FFB35C,#F0642A)}
/* "Ode mnie zawsze dostajesz": kolorowe kafle */
#kdModal .kd-feat{grid-template-columns:repeat(5,1fr);gap:12px}
#kdModal .kd-f{gap:12px;padding:18px 14px;border-radius:20px;background:#fff;border:1px solid rgba(14,17,22,.05);box-shadow:0 8px 20px rgba(30,40,90,.06);transition:transform .5s var(--spring),box-shadow .4s}
#kdModal .kd-f:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(30,40,90,.12)}
#kdModal .kd-f .i{width:46px;height:46px;border-radius:15px;color:#fff;background:var(--g);box-shadow:0 8px 18px var(--gs),inset 0 1px 0 rgba(255,255,255,.4)}
#kdModal .kd-f .i svg{width:21px;height:21px}
#kdModal .kd-f:nth-child(1){--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.3)}
#kdModal .kd-f:nth-child(2){--g:linear-gradient(145deg,#A98BFF,#7048E8);--gs:rgba(112,72,232,.3)}
#kdModal .kd-f:nth-child(3){--g:linear-gradient(145deg,#FFB35C,#F0642A);--gs:rgba(240,100,42,.3)}
#kdModal .kd-f:nth-child(4){--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.3)}
#kdModal .kd-f:nth-child(5){--g:linear-gradient(145deg,#4FD6A2,#159D5B);--gs:rgba(21,157,91,.3)}
/* dostepnosc */
#kdModal .kd-slot{border-radius:20px;padding:18px;border:0}
#kdModal .kd-slot.full{background:linear-gradient(150deg,rgba(21,157,91,.10),rgba(21,157,91,.03))}
#kdModal .kd-slot.part{background:linear-gradient(150deg,rgba(240,100,42,.10),rgba(240,100,42,.03))}
#kdModal .kd-slot .h{font-size:1.55rem}
#kdModal .kd-slot.full .dot{animation:live-blink 1.6s ease-in-out infinite}
/* Warto / Lepiej unikac: jasna i ciemna karta */
#kdModal .kd-cols{gap:18px}
#kdModal .kd-col.do{border-top:1px solid #fff;background:linear-gradient(165deg,#FFFFFF,#EEFBF4)}
#kdModal .kd-col.dont{border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 90% at 100% 0%,#3A1830 0%,#15121B 55%,#0E0F14 100%);box-shadow:0 22px 50px rgba(14,17,22,.3);color:#fff}
#kdModal .kd-col.dont .kd-lbl{color:#fff}
#kdModal .kd-col.dont .kd-li{border-top-color:rgba(255,255,255,.08)}
#kdModal .kd-col.dont .kd-li b{color:#fff}
#kdModal .kd-col.dont .kd-li p{color:rgba(255,255,255,.66)}
#kdModal .kd-li{padding:14px 0}
#kdModal .kd-li .m{width:32px;height:32px;border-radius:11px}
#kdModal .kd-col.do .kd-li .m{color:#fff;background:linear-gradient(145deg,#4FD6A2,#159D5B);box-shadow:0 6px 14px rgba(21,157,91,.28)}
#kdModal .kd-col.dont .kd-li .m{color:#fff;background:linear-gradient(145deg,#FF7AB6,#DD2A7B);box-shadow:0 6px 14px rgba(221,42,123,.35)}
/* stopka */
#kdModal .kd-foot{padding:20px 22px;border-radius:26px;background:linear-gradient(125deg,#2551E6,#7048E8 60%,#DD2A7B);box-shadow:0 22px 50px rgba(37,81,230,.3);color:#fff}
#kdModal .kd-foot .kd-sign b{color:#fff}
#kdModal .kd-foot .kd-sign span{color:rgba(255,255,255,.8)}
#kdModal .kd-foot .btn{background:#fff;color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.18)}
/* wejscie tresci: kaskada */
#kdModal:not([hidden]) .kd-top,#kdModal:not([hidden]) .kd-body>*{animation:kdIn .6s var(--spring) both}
#kdModal:not([hidden]) .kd-body>*:nth-child(1){animation-delay:.08s}
#kdModal:not([hidden]) .kd-body>*:nth-child(2){animation-delay:.16s}
#kdModal:not([hidden]) .kd-body>*:nth-child(3){animation-delay:.24s}
#kdModal:not([hidden]) .kd-body>*:nth-child(4){animation-delay:.32s}
@keyframes kdIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:760px){
  #kdModal .kd-feat{grid-template-columns:1fr 1fr}
  #kdModal .kd-f:last-child{grid-column:1 / -1}
  #kdModal .kd-cols{grid-template-columns:1fr}
}
@media (max-width:600px){
  #kdModal .kd-doc{border-radius:28px 28px 0 0}
  #kdModal .kd-top{padding:10px 18px 20px}
  #kdModal .kd-badge{width:56px;height:56px;border-radius:18px}
  #kdModal .kd-body{padding:0 14px 24px;gap:14px}
  #kdModal .kd-card{padding:20px 16px;border-radius:24px}
  #kdModal .kd-foot{flex-direction:column;align-items:stretch;text-align:left}
  #kdModal .kd-foot .btn{justify-content:center}
}
@media (prefers-reduced-motion:reduce){#kdModal .kd-badge,#kdModal .kd-top,#kdModal .kd-body>*{animation:none!important}}

/* ===== BRAK CENNIKA: WYJASNIENIE ===== */
.px{margin-top:clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:18px}
.px-head{max-width:760px;margin:0 auto 10px;text-align:center}
.px-head h3{font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:14px 0 12px}
.px-head h3 span{color:var(--accent)}
.px-head p{font-size:1.06rem;color:var(--ink-2);line-height:1.68}
.px-head p b{color:var(--ink)}
.px-lbl{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.px-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.px-col{border-radius:30px;padding:clamp(22px,3vw,32px);border:1px solid #fff;box-shadow:0 18px 44px rgba(30,40,90,.09),inset 0 1px 0 #fff}
.px-pak{background:linear-gradient(165deg,#FFFFFF,#F3F4F8)}
.px-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.px-tier{padding:14px 12px;border-radius:18px;background:#fff;border:1px dashed rgba(14,17,22,.14);text-align:center}
.px-tier b{display:block;font-family:'Archivo';font-weight:800;font-size:1rem;color:var(--ink-2)}
.px-tier span{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.4;margin-top:4px}
.px-tier:nth-child(3){border-style:solid;border-color:rgba(14,17,22,.18);background:#F8F9FB}
.px-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.px-list li{position:relative;padding-left:32px;font-size:.98rem;line-height:1.5;color:var(--ink-2)}
.px-list li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:8px;background-position:center;background-repeat:no-repeat;background-size:12px}
.px-list.no li::before{background-color:#EEF0F4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='3.4'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}
.px-list.yes li{color:rgba(255,255,255,.88)}
.px-list.yes li::before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232551E6' stroke-width='3.4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.px-me{position:relative;overflow:hidden;color:#fff;border-color:transparent;background:linear-gradient(140deg,#2551E6 0%,#5B3FE0 55%,#9B2C9E 100%);box-shadow:0 26px 60px rgba(37,81,230,.32)}
.px-me::after{content:"";position:absolute;top:-120px;right:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.px-me .px-lbl{color:rgba(255,255,255,.75)}
.px-one{padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);margin-bottom:16px}
.px-one b{display:block;font-family:'Archivo';font-weight:900;font-size:clamp(1.5rem,2.6vw,1.9rem);letter-spacing:-.02em}
.px-one span{display:block;font-size:.92rem;color:rgba(255,255,255,.8);margin-top:2px}
.px-for{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(24px,3.4vw,40px);border-radius:30px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 18px 44px rgba(30,40,90,.09),inset 0 1px 0 #fff}
.px-for h4{font-family:'Archivo';font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}
.px-for p{font-size:1.02rem;color:var(--ink-2);line-height:1.68}
.px-for p+p{margin-top:10px}
.px-for p b{color:var(--ink)}
.px-bars{display:flex;flex-direction:column;gap:16px}
.px-bar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.px-bar .t{font-size:.92rem;font-weight:700;color:var(--ink-2)}
.px-bar b{font-family:'Archivo';font-weight:800;font-size:.98rem;color:var(--ink);text-align:right}
.px-bar b em{display:block;font-style:normal;font-family:inherit;font-size:.74rem;font-weight:700;color:var(--accent);letter-spacing:.02em}
.px-bar .v{grid-column:1 / -1;height:16px;border-radius:999px;background:#EEF1F7;overflow:hidden}
.px-bar .v i{display:block;height:100%;border-radius:inherit;width:0;transition:width 1.4s var(--ease)}
.px-bar.ag .v i{background:linear-gradient(90deg,#9AA3B5,#6B7385)}
.px-bar.emp .v i{background:linear-gradient(90deg,#C3C9D6,#9AA3B5)}
.px-bar.me .v i{background:linear-gradient(90deg,#5B7CFF,#DD2A7B);box-shadow:0 4px 14px rgba(37,81,230,.35)}
.px-for.in .px-bar.ag .v i{width:100%}
.px-for.in .px-bar.emp .v i{width:64%;transition-delay:.2s}
.px-for.in .px-bar.me .v i{width:20%;transition-delay:.4s}
.px-qa{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.px-q{padding:24px 22px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 12px 32px rgba(30,40,90,.07),inset 0 1px 0 #fff}
.px-q b{display:block;font-family:'Archivo';font-size:1.12rem;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin-bottom:8px}
.px-q p{font-size:.96rem;color:var(--ink-2);line-height:1.62}
.px-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:8px}
.px-cta span{font-size:.92rem;font-weight:700;color:var(--ink-3)}
.px-cta .btn svg{width:16px;height:16px}

/* ===== UMOW ROZMOWE: KALENDARZ ===== */
#umow{scroll-margin-top:70px}
.bk{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(20px,3vw,36px);align-items:start}
.bk-side{position:sticky;top:100px;padding:clamp(24px,3vw,36px);border-radius:32px;color:#fff;background:radial-gradient(130% 100% at 100% 0%,#2B3FA8 0%,#141A3A 50%,#0B0E17 100%);box-shadow:0 34px 80px rgba(14,20,50,.32);overflow:hidden;isolation:isolate}
.bk-side::before{content:"";position:absolute;z-index:-1;bottom:-140px;left:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(221,42,123,.35),transparent 65%)}
.bk-eye{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.bk-eye i{width:8px;height:8px;border-radius:50%;background:#3EE08F;box-shadow:0 0 0 4px rgba(62,224,143,.2);animation:live-blink 1.6s ease-in-out infinite}
.bk-side h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:18px 0 12px;color:#fff}
.bk-side h2 span{background:linear-gradient(90deg,#9DB4FF,#FF8CC6);-webkit-background-clip:text;background-clip:text;color:transparent}
.bk-lead{font-size:1.04rem;color:rgba(255,255,255,.76);line-height:1.65}
.bk-plan{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0}
.bk-plan li{display:flex;gap:14px;align-items:flex-start}
.bk-plan .n{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:.95rem;color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 8px 18px rgba(37,81,230,.45)}
.bk-plan b{display:block;font-size:1.02rem;font-weight:800;color:#fff}
.bk-plan span{display:block;font-size:.92rem;color:rgba(255,255,255,.66);line-height:1.5;margin-top:2px}
.bk-me{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.bk-me img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);flex-shrink:0}
.bk-me b{display:block;font-size:.98rem;color:#fff}
.bk-me span{display:block;font-size:.86rem;color:rgba(255,255,255,.66)}

.bk-app{min-width:0;position:relative;padding:clamp(20px,3vw,34px);border-radius:32px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 30px 70px rgba(30,40,90,.13),inset 0 1px 0 #fff;min-height:520px}
.bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bk-prog{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px;padding-bottom:16px}
.bk-pt{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:800;color:var(--ink-3);transition:color .3s}
.bk-pt span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-family:'Archivo';font-size:.88rem;background:#EEF1F7;color:var(--ink-3);transition:all .45s var(--spring)}
.bk-pt.on{color:var(--ink)}
.bk-pt.on span{color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 16px rgba(37,81,230,.35);transform:scale(1.06)}
.bk-pt.done span{color:#fff;background:var(--ok)}
.bk-bar{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px;background:#EEF1F7;overflow:hidden}
.bk-bar>i{display:block;height:100%;width:33.3%;border-radius:inherit;background:linear-gradient(90deg,#5B7CFF,#DD2A7B);transition:width .6s var(--ease)}

.bk-step{border:0;margin:0;padding:0;min-width:0;display:none}
.bk-step.on{display:block;animation:bkIn .5s var(--ease) both}
.bk-step.on.back{animation-name:bkInBack}
@keyframes bkIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes bkInBack{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.bk-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.bk-h b{font-family:'Archivo';font-size:1.15rem;font-weight:800;letter-spacing:-.015em}
.bk-tz,.bk-daylbl{display:inline-flex;align-items:center;gap:5px;font-size:.84rem;font-weight:700;color:var(--ink-3)}
.bk-tz svg{width:14px;height:14px}
.bk-daylbl{color:var(--accent)}

.bk-days-wrap{position:relative;margin:0 calc(-1 * clamp(20px,3vw,34px)) 22px;padding:0 clamp(20px,3vw,34px)}
.bk-days{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.bk-day{flex:0 0 auto;scroll-snap-align:start;width:76px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:20px;border:1.5px solid rgba(14,17,22,.08);background:#fff;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .35s var(--spring),border-color .25s,box-shadow .3s,background .3s}
.bk-day:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent-line);box-shadow:0 10px 22px rgba(37,81,230,.12)}
.bk-day .w{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.bk-day .d{font-family:'Archivo';font-size:1.55rem;font-weight:900;line-height:1.1}
.bk-day .m{font-size:.76rem;font-weight:700;color:var(--ink-3)}
.bk-day .c{margin-top:5px;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(21,157,91,.1);color:var(--ok);white-space:nowrap}
.bk-day .c.low{background:rgba(240,100,42,.12);color:#D2541B}
.bk-day:disabled{cursor:not-allowed;opacity:.45;background:#F6F7FA}
.bk-day:disabled .c{background:#ECEEF2;color:var(--ink-3)}
.bk-day[aria-checked="true"]{border-color:transparent;color:#fff;background:linear-gradient(150deg,#5B7CFF,#2551E6);box-shadow:0 14px 28px rgba(37,81,230,.35);transform:translateY(-3px)}
.bk-day[aria-checked="true"] .w,.bk-day[aria-checked="true"] .m{color:rgba(255,255,255,.8)}
.bk-day[aria-checked="true"] .c{background:rgba(255,255,255,.2);color:#fff}
.bk-skel{flex:0 0 76px;height:108px;border-radius:20px;background:linear-gradient(90deg,#F0F2F7 25%,#E6E9F1 50%,#F0F2F7 75%);background-size:200% 100%;animation:bkSkel 1.2s linear infinite}
@keyframes bkSkel{to{background-position:-200% 0}}

.bk-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:62px}
.bk-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:62px;border-radius:16px;border:1.5px solid rgba(14,17,22,.08);background:#fff;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .35s var(--spring),border-color .25s,box-shadow .3s,background .3s;animation:bkPop .45s var(--spring) both}
.bk-slot b{font-family:'Archivo';font-size:1.08rem;font-weight:800;font-variant-numeric:tabular-nums}
.bk-slot span{font-size:.72rem;font-weight:700;color:var(--ink-3)}
.bk-slot:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent-line);box-shadow:0 10px 22px rgba(37,81,230,.12)}
.bk-slot.busy{cursor:not-allowed;color:var(--ink-3);border-style:dashed;background:repeating-linear-gradient(135deg,#F6F7FA 0 8px,#EEF0F4 8px 16px)}
.bk-slot.busy b{text-decoration:line-through;text-decoration-thickness:2px;opacity:.6}
.bk-slot.past{display:none}
.bk-slot[aria-checked="true"]{border-color:transparent;color:#fff;background:linear-gradient(150deg,#5B7CFF,#2551E6);box-shadow:0 12px 26px rgba(37,81,230,.35);transform:scale(1.04)}
.bk-slot[aria-checked="true"] span{color:rgba(255,255,255,.85)}
@keyframes bkPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.bk-empty{grid-column:1 / -1;padding:22px;border-radius:18px;background:#F6F7FA;text-align:center;font-size:.95rem;color:var(--ink-2)}
.bk-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;font-size:.82rem;font-weight:700;color:var(--ink-3)}
.bk-legend span{display:inline-flex;align-items:center;gap:6px}
.bk-legend .f::before,.bk-legend .b::before{content:"";width:14px;height:14px;border-radius:5px;border:1.5px solid rgba(14,17,22,.12);background:#fff}
.bk-legend .b::before{border-style:dashed;background:repeating-linear-gradient(135deg,#F6F7FA 0 3px,#E3E6EC 3px 6px)}
.bk-legend .hrs{margin-left:auto}
.bk-load-err{margin-top:16px;padding:18px;border-radius:18px;background:#FFF4F6;border:1px solid rgba(214,36,111,.2);display:flex;flex-direction:column;gap:6px}
.bk-load-err b{color:var(--hot)}
.bk-load-err span{font-size:.94rem;color:var(--ink-2)}
.bk-load-err div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

.bk-f{display:block;margin-bottom:16px}
.bk-l{display:flex;align-items:center;gap:7px;font-size:.94rem;font-weight:800;color:var(--ink);margin-bottom:8px}
.bk-l em{font-style:normal;color:var(--hot)}
.bk-l small{font-weight:600;color:var(--ink-3)}
.bk-ico{width:17px;height:17px;flex-shrink:0}
.bk-ico.fb{color:#1877F2}
.bk-ico.ig{color:#DD2A7B}
.bk-f input,.bk-f textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);padding:14px 16px;border-radius:16px;border:1.5px solid rgba(14,17,22,.1);background:#fff;outline:none;transition:border-color .2s,box-shadow .25s;-webkit-appearance:none;appearance:none}
.bk-f textarea{resize:vertical;min-height:90px;line-height:1.5}
.bk-f input::placeholder,.bk-f textarea::placeholder{color:#A6ADBB}
.bk-f input:focus,.bk-f textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,81,230,.12)}
.bk-f.bad input,.bk-f.bad textarea{border-color:var(--hot);box-shadow:0 0 0 4px rgba(214,36,111,.1)}
.bk-f.good input{border-color:rgba(21,157,91,.45);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23159D5B' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat right 14px center/16px;padding-right:40px}
.bk-two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.bk-err{display:block;font-size:.84rem;font-weight:700;color:var(--hot);min-height:0;margin-top:6px}
.bk-err:empty{display:none}
.bk-hint{font-size:.86rem;color:var(--ink-3);line-height:1.5;margin:-6px 0 14px}
.bk-q{margin:4px 0 18px}
.bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.bk-chip,.bk-bud{position:relative;cursor:pointer}
.bk-chip input,.bk-bud input,.bk-consent input,.bk-tog input{position:absolute;opacity:0;width:1px;height:1px}
.bk-chip span{display:inline-flex;align-items:center;padding:11px 16px;border-radius:999px;border:1.5px solid rgba(14,17,22,.1);background:#fff;font-size:.94rem;font-weight:700;color:var(--ink-2);transition:all .3s var(--spring)}
.bk-chip:hover span{border-color:var(--accent-line)}
.bk-chip input:checked+span{color:#fff;border-color:transparent;background:linear-gradient(150deg,#5B7CFF,#2551E6);box-shadow:0 8px 18px rgba(37,81,230,.3);transform:scale(1.03)}
.bk-chip input:focus-visible+span,.bk-bud input:focus-visible+span{outline:3px solid rgba(37,81,230,.35);outline-offset:2px}
.bk-budget{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.bk-bud span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px;border-radius:16px;border:1.5px solid rgba(14,17,22,.1);background:#fff;font-size:.94rem;font-weight:800;color:var(--ink-2);transition:all .3s var(--spring)}
.bk-bud:hover span{border-color:var(--accent-line)}
.bk-bud input:checked+span{color:#fff;border-color:transparent;background:linear-gradient(150deg,#5B7CFF,#2551E6);box-shadow:0 8px 18px rgba(37,81,230,.3);transform:scale(1.03)}
.bk-q.bad .bk-chip span,.bk-q.bad .bk-bud span{border-color:rgba(214,36,111,.45)}

.bk-info{margin:6px 0 20px;padding:20px;border-radius:24px;background:linear-gradient(160deg,#FFF8EC,#FFF2F7);border:1px solid rgba(240,160,32,.25)}
.bk-info-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.bk-info-h .i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-family:'Archivo';font-weight:900;color:#fff;background:linear-gradient(145deg,#FFB35C,#F0642A);box-shadow:0 6px 14px rgba(240,100,42,.3)}
.bk-info-h b{font-family:'Archivo';font-size:1.05rem;font-weight:800}
.bk-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk-vs-c{padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(14,17,22,.06)}
.bk-vs-c .t{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;margin-bottom:8px}
.bk-vs-c.me .t{color:#fff;background:var(--ok)}
.bk-vs-c.no .t{color:#6B7280;background:#EEF0F4}
.bk-vs-c b{display:block;font-family:'Archivo';font-weight:800;font-size:1rem;margin-bottom:5px}
.bk-vs-c p{font-size:.88rem;color:var(--ink-2);line-height:1.52}
.bk-vs-c.no{opacity:.85}
.bk-info-f{margin-top:12px;font-size:.9rem;font-weight:700;color:#9A4A12}

.bk-pick{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;margin-bottom:18px;background:linear-gradient(150deg,#EEF2FF,#F6F0FF);border:1px solid var(--accent-line)}
.bk-pick .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;flex-shrink:0;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.3)}
.bk-pick .ic svg{width:20px;height:20px}
.bk-pick b{display:block;font-size:1rem;font-weight:800}
.bk-pick span{display:block;font-size:.86rem;color:var(--ink-2)}
.bk-pick button{margin-left:auto;font-family:inherit;font-size:.86rem;font-weight:800;color:var(--accent);background:#fff;border:1px solid var(--accent-line);border-radius:999px;padding:8px 14px;cursor:pointer}

.bk-tog{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;cursor:pointer;font-size:.94rem;color:var(--ink-2)}
.bk-tog .sw{position:relative;width:44px;height:26px;border-radius:999px;background:#DDE1EA;flex-shrink:0;transition:background .3s}
.bk-tog .sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .35s var(--spring)}
.bk-tog input:checked+.sw{background:#1FA855}
.bk-tog input:checked+.sw::after{transform:translateX(18px)}
.bk-tog input:focus-visible+.sw{outline:3px solid rgba(37,81,230,.35);outline-offset:2px}

.bk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bk-ts:empty{display:none}
.bk-ts{margin:0 0 14px}

.bk-consent{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:14px 16px;border-radius:18px;background:#F7F8FB;border:1.5px solid transparent;transition:border-color .25s}
.bk-consent .box{width:24px;height:24px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;border:2px solid rgba(14,17,22,.22);background:#fff;color:transparent;transition:all .3s var(--spring);margin-top:1px}
.bk-consent .box svg{width:14px;height:14px}
.bk-consent input:checked+.box{color:#fff;border-color:transparent;background:linear-gradient(145deg,#5B7CFF,#2551E6);transform:scale(1.08)}
.bk-consent input:focus-visible+.box{outline:3px solid rgba(37,81,230,.35);outline-offset:2px}
.bk-consent .txt{font-size:.86rem;color:var(--ink-2);line-height:1.55}
.bk-consent .txt a{color:var(--accent);font-weight:700}
.bk-consent .txt em{font-style:normal;color:var(--hot)}
.bk-consent.bad{border-color:rgba(214,36,111,.45);background:#FFF6F9}
.bk-rodo{margin-top:10px;font-size:.84rem;color:var(--ink-3)}
.bk-rodo summary{cursor:pointer;font-weight:700;color:var(--ink-2);list-style:none;display:inline-flex;align-items:center;gap:6px}
.bk-rodo summary::-webkit-details-marker{display:none}
.bk-rodo summary::before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#EEF1F7;font-weight:900;color:var(--accent);transition:transform .3s}
.bk-rodo[open] summary::before{content:"–"}
.bk-rodo p{margin-top:8px;line-height:1.6}
.bk-rodo a{color:var(--accent);font-weight:700}

.bk-form-err{margin-top:16px;padding:12px 14px;border-radius:14px;background:#FFF0F5;color:var(--hot);font-size:.92rem;font-weight:700}
.bk-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line-2)}
.bk-back{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:.96rem;font-weight:800;color:var(--ink-2);background:none;border:0;cursor:pointer;padding:10px 6px}
.bk-back svg{width:18px;height:18px}
.bk-next{position:relative;margin-left:auto;min-width:170px;justify-content:center}
.bk-next svg{width:16px;height:16px}
.bk-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.bk-next .spin{display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:bkSpin .8s linear infinite}
.bk-next.loading .spin{display:inline-block}
.bk-next.loading svg{display:none}
.bk-next.go{animation:bkNudge 2.4s ease-in-out infinite}
@keyframes bkSpin{to{transform:rotate(360deg)}}
@keyframes bkNudge{0%,100%{box-shadow:0 10px 24px rgba(37,81,230,.3)}50%{box-shadow:0 10px 24px rgba(37,81,230,.3),0 0 0 8px rgba(37,81,230,.12)}}
.bk-shake{animation:bkShake .45s ease}
@keyframes bkShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.bk-done{text-align:center;padding:14px 4px;animation:bkIn .6s var(--ease) both;outline:none}
.bk-check{width:96px;height:96px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4FD6A2,#159D5B);box-shadow:0 18px 40px rgba(21,157,91,.35),0 0 0 12px rgba(21,157,91,.1);animation:bkPop .6s var(--spring) both}
.bk-check svg{width:56px;height:56px;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.bk-check circle{stroke:rgba(255,255,255,.35);stroke-dasharray:151;stroke-dashoffset:151;animation:bkDraw .8s .2s var(--ease) forwards}
.bk-check path{stroke-dasharray:40;stroke-dashoffset:40;animation:bkDraw .5s .6s var(--ease) forwards}
@keyframes bkDraw{to{stroke-dashoffset:0}}
.bk-done h3{font-family:'Archivo';font-size:clamp(1.7rem,3.4vw,2.2rem);font-weight:900;letter-spacing:-.03em}
.bk-done-when{display:inline-block;margin:12px 0 8px;padding:10px 18px;border-radius:999px;font-weight:800;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}
.bk-done-txt{font-size:1.02rem;color:var(--ink-2);line-height:1.6;max-width:460px;margin:0 auto}
.bk-done-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}
.bk-done-next{max-width:500px;margin:0 auto;padding:16px 18px;border-radius:18px;background:#F7F8FB;text-align:left;font-size:.92rem;color:var(--ink-2);line-height:1.6}
.bk-done-next b{display:block;color:var(--ink);margin-bottom:4px}
.bk-done-next a{color:var(--accent);font-weight:700}
.bk-ref{display:block;margin-top:14px;font-size:.8rem;font-weight:700;color:var(--ink-3)}
.bk-nojs{padding:16px;border-radius:16px;background:#FFF4F6;color:var(--ink-2)}

@media (max-width:980px){
  .bk{grid-template-columns:1fr}
  .bk-side{position:static}
  .bk-plan{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
}
@media (max-width:900px){
  .px-vs,.px-for,.px-qa{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bk-side{padding:24px 20px;border-radius:28px}
  .bk-plan{grid-template-columns:1fr;margin:20px 0}
  .bk-app{padding:20px 16px;border-radius:28px;min-height:0}
  .bk-days-wrap{margin:0 -16px 20px;padding:0 16px}
  .bk-day{width:70px}
  .bk-slots{grid-template-columns:repeat(3,1fr);gap:8px}
  .bk-slot{height:58px}
  .bk-two,.bk-vs{grid-template-columns:1fr}
  .bk-budget{grid-template-columns:1fr 1fr}
  .bk-legend .hrs{margin-left:0;width:100%}
  .bk-pt{font-size:.82rem;gap:6px}
  .bk-pt span{width:26px;height:26px}
  .bk-next{min-width:0;flex:1}
  .bk-pick{flex-wrap:wrap}
  .bk-pick button{margin-left:54px}
  .px-tiers{grid-template-columns:1fr}
  .px-tier{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px}
  .px-tier span{margin-top:0;text-align:right}
  .px-col,.px-for,.px-q{border-radius:24px}
}
@media (prefers-reduced-motion:reduce){
  .bk-step.on,.bk-slot,.bk-done,.bk-check,.bk-next.go{animation:none}
  .bk-check circle,.bk-check path{animation:none;stroke-dashoffset:0}
  .px-bar .v i{transition:none}
}

.bk-app [hidden]{display:none!important}
.bk-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.88rem;font-weight:800;color:#D2541B}
.bk-note i{width:8px;height:8px;border-radius:50%;background:#F0642A;box-shadow:0 0 0 4px rgba(240,100,42,.18);animation:live-blink 1.4s ease-in-out infinite}
.hero-sub b{color:var(--ink)}
.faq-a a{color:var(--accent);font-weight:700}

.bc-price small{font-size:.42em;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:0}
.px-bar b em.x{color:var(--ink-3)}
.px-bar b{grid-row:1;grid-column:2}
.px-bar .t{grid-row:1;grid-column:1}
.px-bar .v{grid-row:2}

/* ===== KONKURENCJA NIE CZEKA + WYLACZNOSC + LIMIT ===== */
#miejsca{padding-top:clamp(40px,6vw,80px)}
.cn{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,52px);align-items:center;padding:clamp(26px,4vw,52px);border-radius:36px;color:#fff;background:radial-gradient(120% 120% at 0% 0%,#3A1230 0%,#15111F 45%,#0B0D14 100%);box-shadow:0 40px 90px rgba(14,17,30,.35)}
.cn::before{content:"";position:absolute;z-index:-1;top:-160px;right:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(37,81,230,.45),transparent 65%)}
.cn::after{content:"";position:absolute;z-index:-1;bottom:-180px;left:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(221,42,123,.35),transparent 65%)}
.cn-eye{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FFB3D4}
.cn-eye i{width:8px;height:8px;border-radius:50%;background:#FF4D94;box-shadow:0 0 0 4px rgba(255,77,148,.2);animation:live-blink 1.3s ease-in-out infinite}
.cn h2{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:18px 0 16px;color:#fff}
.cn h2 span{background:linear-gradient(90deg,#FF8CC6,#9DB4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.cn-copy p{font-size:1.06rem;line-height:1.7;color:rgba(255,255,255,.74)}
.cn-copy p+p{margin-top:12px}
.cn-copy p b{color:#fff}

.cn-vis{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.cn-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.cn-row.me{background:linear-gradient(120deg,rgba(37,81,230,.35),rgba(112,72,232,.22));border-color:rgba(157,180,255,.35);box-shadow:0 14px 34px rgba(37,81,230,.25)}
.cn-who{display:flex;align-items:center;gap:11px;min-width:0}
.cn-who .av{width:40px;height:40px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:.72rem;letter-spacing:-.02em;color:#fff}
.cn-row.you .av{background:#3A3F4D;color:rgba(255,255,255,.7)}
.cn-row.rival .av{background:linear-gradient(145deg,#FFB35C,#F0642A)}
.cn-row.me .av{background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.45)}
.cn-who b{display:block;font-size:.95rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-who span{display:block;font-size:.8rem;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-row.you .cn-who span{color:#FF8C8C}
.cn-week{display:grid;grid-template-columns:repeat(7,18px);gap:5px}
.cn-week i{height:30px;border-radius:6px;background:rgba(255,255,255,.08);transform-origin:bottom}
.cn-row.rival .cn-week i.f{background:linear-gradient(180deg,#FFB35C,#F0642A)}
.cn-row.me .cn-week i.f{background:linear-gradient(180deg,#9DB4FF,#5B7CFF);box-shadow:0 0 12px rgba(91,124,255,.5)}
.cn-days{display:grid;grid-template-columns:repeat(7,18px);gap:5px;justify-content:end;padding:0 14px;font-size:.66rem;font-weight:800;color:rgba(255,255,255,.45);text-align:center}
.cn .cn-week i.f{transform:scaleY(0);transition:transform .6s var(--spring)}
.cn.in .cn-week i.f{transform:none}
.cn.in .cn-row.rival .cn-week i:nth-child(1){transition-delay:.15s}
.cn.in .cn-row.rival .cn-week i:nth-child(3){transition-delay:.25s}
.cn.in .cn-row.rival .cn-week i:nth-child(4){transition-delay:.3s}
.cn.in .cn-row.rival .cn-week i:nth-child(6){transition-delay:.4s}
.cn.in .cn-row.rival .cn-week i:nth-child(7){transition-delay:.45s}
.cn.in .cn-row.me .cn-week i:nth-child(1){transition-delay:.6s}
.cn.in .cn-row.me .cn-week i:nth-child(2){transition-delay:.66s}
.cn.in .cn-row.me .cn-week i:nth-child(3){transition-delay:.72s}
.cn.in .cn-row.me .cn-week i:nth-child(4){transition-delay:.78s}
.cn.in .cn-row.me .cn-week i:nth-child(5){transition-delay:.84s}
.cn.in .cn-row.me .cn-week i:nth-child(6){transition-delay:.9s}
.cn.in .cn-row.me .cn-week i:nth-child(7){transition-delay:.96s}

.cn-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.cn-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,34px);border-radius:30px;background:rgba(255,255,255,.86);border:1px solid #fff;box-shadow:0 18px 44px rgba(30,40,90,.1),inset 0 1px 0 #fff;transition:transform .5s var(--spring),box-shadow .4s}
.cn-card:hover{transform:translateY(-5px);box-shadow:0 28px 56px rgba(30,40,90,.15),inset 0 1px 0 #fff}
.cn-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 10px 22px var(--gs),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 10px rgba(0,0,0,.12)}
.cn-ic svg{width:26px;height:26px}
.cn-card.ex{--g:linear-gradient(145deg,#FF7AB6,#DD2A7B);--gs:rgba(221,42,123,.35)}
.cn-card.lim{--g:linear-gradient(145deg,#5B7CFF,#2551E6);--gs:rgba(37,81,230,.35)}
.cn-tag{align-self:flex-start;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;color:var(--t);background:var(--tb)}
.cn-card.ex .cn-tag{--t:#C21E66;--tb:rgba(221,42,123,.1)}
.cn-card.lim .cn-tag{--t:var(--accent);--tb:var(--accent-soft)}
.cn-card h3{font-family:'Archivo';font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:900;letter-spacing:-.025em;line-height:1.18}
.cn-card p{font-size:1rem;color:var(--ink-2);line-height:1.66}
.cn-q{margin-top:auto;padding:14px 16px;border-radius:16px;background:linear-gradient(150deg,#FFF0F6,#FFF7FB);border-left:4px solid #DD2A7B;font-weight:700;color:#7A1F48!important}
.cn-duo{margin-top:auto;display:flex;align-items:center;gap:0;padding:12px 14px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--accent-line)}
.cn-duo .ph{position:relative;width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.25)}
.cn-duo .ph+.ph{margin-left:-12px;background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
.cn-duo .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cn-duo .ph em{font-style:normal;font-family:'Archivo';font-weight:900;color:#fff}
.cn-duo .t{margin-left:14px;font-size:.9rem;font-weight:700;color:var(--ink);line-height:1.45}
.cn-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:24px}
.cn-cta span{font-size:.92rem;font-weight:700;color:var(--ink-3)}
.cn-cta .btn svg{width:16px;height:16px}
@media (max-width:900px){
  .cn{grid-template-columns:1fr}
  .cn-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .cn{border-radius:28px;padding:26px 18px}
  .cn-vis{padding:12px;border-radius:22px}
  .cn-row{grid-template-columns:1fr;gap:10px;padding:12px}
  .cn-week{grid-template-columns:repeat(7,1fr)}
  .cn-week i{height:24px}
  .cn-days{display:none}
  .cn-card{border-radius:24px;padding:24px 18px}
  .cn-cta .btn{width:100%;justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){.cn .cn-week i.f{transform:none;transition:none}}
.cn-who>div{min-width:0}

/* ===== LIMIT KONT: ostatnie wolne miejsca ===== */
.cn-card.lim{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
.cn-lim-copy{display:flex;flex-direction:column;gap:12px}
.cn-card.ex{grid-column:1 / -1}
.cn-cap{position:relative;overflow:hidden;padding:clamp(20px,2.6vw,28px);border-radius:26px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,#2B3FA8 0%,#141A3A 55%,#0B0E17 100%);box-shadow:0 24px 54px rgba(14,20,50,.3)}
.cn-cap::after{content:"";position:absolute;bottom:-90px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(62,224,143,.25),transparent 65%);pointer-events:none}
.cn-cap>*{position:relative;z-index:1}
.cn-live{display:inline-flex;align-items:center;gap:9px;font-family:'Archivo';font-size:clamp(1.15rem,2vw,1.35rem);font-weight:900;letter-spacing:-.015em}
.cn-live i{width:11px;height:11px;border-radius:50%;background:#3EE08F;box-shadow:0 0 0 0 rgba(62,224,143,.6);animation:cnPing 1.6s ease-out infinite}
@keyframes cnPing{0%{box-shadow:0 0 0 0 rgba(62,224,143,.6)}100%{box-shadow:0 0 0 12px rgba(62,224,143,0)}}
.cn-cap-t{margin:8px 0 18px;font-size:.98rem;line-height:1.6;color:rgba(255,255,255,.75)!important}
.cn-meter{position:relative;height:22px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}
.cn-meter .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#5B7CFF,#9B5CFF 60%,#DD2A7B);box-shadow:0 0 18px rgba(155,92,255,.5);transition:width 1.8s cubic-bezier(.22,1,.36,1) .2s}
.cn-meter .fill::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:cnShine 2.8s ease-in-out infinite}
@keyframes cnShine{0%{background-position:-60% 0}100%{background-position:160% 0}}
.cn-meter .free{position:absolute;right:3px;top:3px;bottom:3px;width:calc(13% - 6px);border-radius:999px;background:repeating-linear-gradient(135deg,rgba(62,224,143,.95) 0 6px,rgba(62,224,143,.6) 6px 12px);opacity:0;animation:cnFree 1.6s ease-in-out infinite;animation-play-state:paused}
@keyframes cnFree{0%,100%{opacity:.55}50%{opacity:1}}
.cn-card.lim.in .cn-meter .fill{width:87%}
.cn-card.lim.in .cn-meter .free{animation-play-state:running}
.cn-meter-l{display:flex;justify-content:space-between;margin-top:8px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.cn-meter-l .f{color:#3EE08F}
.cn-cap .cn-duo{margin-top:18px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.cn-cap .cn-duo .ph{border-color:rgba(255,255,255,.85)}
.cn-cap .cn-duo .t{color:rgba(255,255,255,.85)}
.cn-card.ex{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;row-gap:10px;align-items:start}
.cn-card.ex>.cn-ic{grid-row:1 / span 4}
.cn-card.ex>*:not(.cn-ic){grid-column:2}
.bk-last{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 14px;border-radius:999px;font-size:.88rem;font-weight:800;color:#C8FFE3;background:rgba(62,224,143,.12);border:1px solid rgba(62,224,143,.3)}
.bk-last i{width:9px;height:9px;border-radius:50%;background:#3EE08F;animation:cnPing 1.6s ease-out infinite}
@media (max-width:900px){
  .cn-card.lim{grid-template-columns:1fr}
}
@media (max-width:600px){
  .cn-card.ex{grid-template-columns:1fr}
  .cn-card.ex>.cn-ic{grid-row:auto}
  .cn-card.ex>*:not(.cn-ic){grid-column:1}
  .cn-cap{border-radius:22px}
  .cn-meter-l{font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){.cn-meter .fill{transition:none}.cn-meter .fill::after,.cn-meter .free,.cn-live i,.bk-last i{animation:none;opacity:1}}
.cn-card.ex .cn-tag{justify-self:start}

/* ===== PRZYKLADY ROZMOW: MESSENGER ===== */
.mx-acc{color:var(--accent)}
.mx-why{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(24px,3.4vw,40px);border-radius:32px;background:rgba(255,255,255,.86);border:1px solid #fff;box-shadow:0 20px 50px rgba(30,40,90,.09),inset 0 1px 0 #fff;margin-bottom:22px}
.mx-fan{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.mx-fan-q{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(14,17,22,.07);box-shadow:0 10px 24px rgba(30,40,90,.08)}
.mx-fan-q .av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,#A98BFF,#7048E8)}
.mx-fan-q b{font-size:.92rem}
.mx-fan-q p{margin-top:4px;padding:10px 14px;border-radius:18px;background:#0866FF;color:#fff;font-size:.92rem;line-height:1.45}
.mx-fan-lines{display:grid;grid-template-columns:repeat(3,1fr);height:34px;margin:0 30px}
.mx-fan-lines i{border-left:2px dashed rgba(37,81,230,.3);margin-left:50%;animation:mxDash 1.2s linear infinite}
@keyframes mxDash{to{opacity:.4}}
.mx-fan-list{display:flex;flex-direction:column;gap:8px}
.mx-biz{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:#F5F6FA;border:1px solid rgba(14,17,22,.05)}
.mx-biz .n{font-weight:800;font-size:.95rem}
.mx-biz .t{font-size:.86rem;font-weight:700;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}
.mx-biz.slow{opacity:.8}
.mx-biz.slow .t{color:#C2410C}
.mx-biz.win{background:linear-gradient(120deg,#EAFBF2,#F0F4FF);border-color:rgba(21,157,91,.3);box-shadow:0 12px 26px rgba(21,157,91,.14)}
.mx-biz.win .t{color:var(--ok)}
.mx-biz.win .t i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:cnPing 1.6s ease-out infinite}
.mx-biz.win em{width:100%;font-style:normal;font-size:.8rem;font-weight:800;color:#fff;background:var(--ok);padding:4px 10px;border-radius:999px;align-self:flex-start;width:auto}
.mx-args h3{font-family:'Archivo';font-size:clamp(1.45rem,2.8vw,2rem);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}
.mx-args h3 span{color:var(--hot)}
.mx-args>p{font-size:1.02rem;color:var(--ink-2);line-height:1.68}
.mx-arg-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mx-arg-list>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:18px;background:#F6F7FB;border:1px solid rgba(14,17,22,.05)}
.mx-arg-list .i{font-size:1.3rem}
.mx-arg-list b{font-size:.94rem;font-weight:800}
.mx-arg-list span:not(.i){font-size:.84rem;color:var(--ink-2);line-height:1.45}

.mx-demo{padding:clamp(18px,3vw,34px);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(240,244,255,.85));border:1px solid #fff;box-shadow:0 30px 70px rgba(30,40,90,.12),inset 0 1px 0 #fff}
.mx-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}
.mx-tabs::-webkit-scrollbar{display:none}
.mx-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1.5px solid rgba(14,17,22,.08);background:#fff;font-family:inherit;font-size:.95rem;font-weight:800;color:var(--ink-2);cursor:pointer;transition:all .35s var(--spring)}
.mx-tab .e{font-size:1.1rem}
.mx-tab:hover{border-color:var(--accent-line);transform:translateY(-2px)}
.mx-tab.on{color:#fff;border-color:transparent;background:linear-gradient(150deg,#5B7CFF,#2551E6);box-shadow:0 10px 24px rgba(37,81,230,.32)}
.mx-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,3vw,44px);align-items:start;margin-top:10px}
.mx-trig{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#C21E66;background:rgba(221,42,123,.09);border:1px solid rgba(221,42,123,.22);padding:6px 12px;border-radius:999px}
.mx-flow h3{font-family:'Archivo';font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin:12px 0 8px}
.mx-flow>p{font-size:1rem;color:var(--ink-2);line-height:1.62;margin-bottom:16px}
.mx-steps{list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:none}
.mx-steps button{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:18px;border:1.5px solid transparent;background:rgba(255,255,255,.6);font-family:inherit;color:var(--ink);cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s var(--spring)}
.mx-steps button:hover{background:#fff}
.mx-steps .n{width:30px;height:30px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:.88rem;color:var(--ink-3);background:#EEF1F7;transition:all .35s var(--spring)}
.mx-steps .b{display:flex;flex-direction:column;gap:2px;min-width:0}
.mx-steps em{font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mx-steps b{font-size:.98rem;font-weight:800;line-height:1.3}
.mx-steps .b>span{font-size:.88rem;color:var(--ink-2);line-height:1.5;display:none}
.mx-steps li.on button{background:#fff;border-color:var(--accent-line);box-shadow:0 12px 28px rgba(37,81,230,.13);transform:translateX(4px)}
.mx-steps li.on .n{color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.35)}
.mx-steps li.on .b>span{display:block;animation:bkIn .4s var(--ease) both}
.mx-steps li.done .n{color:#fff;background:var(--ok)}
.mx-ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mx-replay,.mx-nextb{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:.92rem;font-weight:800;padding:11px 16px;border-radius:999px;cursor:pointer;transition:transform .3s var(--spring)}
.mx-replay{color:var(--ink-2);background:#fff;border:1.5px solid rgba(14,17,22,.1)}
.mx-nextb{color:#fff;background:var(--ink);border:0}
.mx-replay svg,.mx-nextb svg{width:16px;height:16px}
.mx-replay:hover,.mx-nextb:hover{transform:translateY(-2px)}

/* telefon */
.mx-phone{position:sticky;top:96px;justify-self:center;width:100%;max-width:340px}
.mx-dev{position:relative;height:640px;border-radius:46px;padding:12px;background:#0E1116;box-shadow:0 40px 80px rgba(14,17,30,.35),inset 0 0 0 2px #2A2F3A,inset 0 0 0 5px #0E1116,inset 0 0 0 6px #3A3F4A;overflow:hidden}
.mx-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:20px;background:#000;z-index:5}
.mx-sb{position:absolute;top:12px;left:12px;right:12px;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:.82rem;font-weight:800;color:#0E1116;z-index:4;border-radius:34px 34px 0 0;background:#fff}
.mx-sb .ic{display:flex;align-items:flex-end;gap:2px}
.mx-sb .ic i{width:3px;background:#0E1116;border-radius:1px}
.mx-sb .ic i:nth-child(1){height:5px}.mx-sb .ic i:nth-child(2){height:8px}.mx-sb .ic i:nth-child(3){height:11px}
.mx-sb .ic b{width:20px;height:10px;border:1.5px solid #0E1116;border-radius:3px;margin-left:5px;position:relative}
.mx-sb .ic b::after{content:"";position:absolute;inset:1.5px;right:5px;background:#0E1116;border-radius:1px}
.mx-scr{position:absolute;top:56px;left:12px;right:12px;bottom:12px;background:#fff;border-radius:0 0 34px 34px;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(30px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.mx-scr.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
/* ekran posta */
.mx-ph-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #E4E6EB;font-size:.95rem}
.mx-ph-top svg{width:20px;height:20px}
.mx-post{overflow-y:auto;scrollbar-width:none}
.mx-postc{padding:12px 14px 8px;border-bottom:6px solid #F0F2F5}
.mx-ph{display:flex;gap:9px;align-items:center;margin-bottom:8px}
.mx-ph .av,.mx-cm .av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:#fff}
.mx-ph b{display:block;font-size:.88rem}
.mx-ph span{display:block;font-size:.74rem;color:#65676B}
.mx-postc p{font-size:.85rem;line-height:1.45;color:#050505;margin-bottom:8px}
.mx-postimg{margin:0 -14px;height:150px;overflow:hidden}
.mx-postimg .mx-art{height:100%}
.mx-react{display:flex;justify-content:space-between;font-size:.74rem;color:#65676B;padding-top:8px}
.mx-comments{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.mx-cm{display:flex;gap:8px;animation:mxIn .45s var(--spring) both}
.mx-cm.rep{margin-left:40px}
.mx-cm .av{width:30px;height:30px}
.mx-cm .av.u{background:linear-gradient(145deg,#A98BFF,#7048E8)}
.mx-cmb{display:inline-block;padding:8px 12px;border-radius:18px;background:#F0F2F5;font-size:.84rem;line-height:1.4;color:#050505}
.mx-cmb b{display:block;font-size:.78rem}
.mx-cmb b i{font-style:normal;font-size:.62rem;font-weight:800;color:#fff;background:#65676B;padding:1px 6px;border-radius:4px;margin-left:4px;vertical-align:1px}
.mx-cmf{display:block;font-size:.7rem;font-weight:700;color:#65676B;margin:3px 0 0 10px}
.mx-cmf em{font-style:normal;color:#0866FF}
/* ekran Messengera */
.mx-ch{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #E4E6EB;color:#0866FF}
.mx-ch .bk{width:22px;height:22px;flex-shrink:0}
.mx-ch .av{position:relative;width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.68rem;font-weight:900;color:#fff}
.mx-ch .av::before{content:attr(data-i)}
.mx-ch .av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#31A24C;border:2px solid #fff}
.mx-ch .nm{flex:1;min-width:0}
.mx-ch .nm b{display:block;font-size:.88rem;color:#050505;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-ch .nm span{display:block;font-size:.7rem;color:#65676B}
.mx-ch .ic{width:20px;height:20px;flex-shrink:0}
.mx-msgs{flex:1;overflow-y:auto;padding:12px 10px 8px;display:flex;flex-direction:column;gap:3px;scroll-behavior:smooth;scrollbar-width:none}
.mx-msgs::-webkit-scrollbar,.mx-post::-webkit-scrollbar{display:none}
.mx-time{align-self:center;font-size:.68rem;font-weight:700;color:#8A8D91;margin:10px 0 6px;letter-spacing:.02em}
.mx-ref{align-self:flex-start;margin:0 0 4px 36px;max-width:78%;font-size:.7rem;color:#65676B}
.mx-ref span{display:block;margin-bottom:3px}
.mx-ref q{display:block;quotes:none;padding:7px 12px;border-radius:14px;border:1px solid #E4E6EB;color:#050505;font-size:.8rem}
.mx-row{display:flex;align-items:flex-end;gap:7px;animation:mxIn .4s var(--spring) both}
.mx-row.me{justify-content:flex-end}
.mx-row .ava{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.58rem;font-weight:900;color:#fff}
.mx-row.biz.grp .ava{visibility:hidden}
.mx-row.biz+.mx-row.me,.mx-row.me+.mx-row.biz{margin-top:8px}
.mx-col{display:flex;flex-direction:column;align-items:flex-start;max-width:78%;min-width:0}
.mx-row.wide .mx-col{max-width:calc(100% - 35px)}
.mx-b{padding:8px 12px;border-radius:18px;font-size:.84rem;line-height:1.38;word-wrap:break-word}
.mx-row.biz .mx-b{background:#F0F0F0;color:#050505}
.mx-row.me .mx-b{max-width:78%;background:#0866FF;color:#fff}
.mx-row.me .mx-b.tap{background:#fff;color:#0866FF;border:1px solid #0866FF}
.mx-auto{margin:4px 0 2px 4px;font-size:.64rem;font-weight:800;color:#159D5B}
.mx-hum{margin:0 0 3px 6px;font-size:.62rem;font-weight:800;color:#65676B}
.mx-typ{display:flex;gap:4px;padding:12px 14px}
.mx-typ i{width:7px;height:7px;border-radius:50%;background:#90949C;animation:mxTyp 1.1s infinite}
.mx-typ i:nth-child(2){animation-delay:.15s}.mx-typ i:nth-child(3){animation-delay:.3s}
@keyframes mxTyp{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes mxIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
/* karta i karuzela (szablon ogolny) */
.mx-car{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;max-width:100%;scrollbar-width:none}
.mx-car::-webkit-scrollbar{display:none}
.mx-card{position:relative;flex:0 0 200px;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #E4E6EB}
.mx-col>.mx-card{width:220px}
.mx-art{display:block;height:104px;overflow:hidden}
.mx-art svg{width:100%;height:100%;display:block}
.mx-chip{position:absolute;top:8px;left:8px;font-size:.62rem;font-weight:800;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:999px}
.mx-cb{padding:9px 11px 8px}
.mx-cb b{display:block;font-size:.8rem;line-height:1.3;color:#050505}
.mx-cb span{display:block;font-size:.72rem;color:#65676B;margin-top:2px}
.mx-cbtn{display:block;padding:8px;text-align:center;font-size:.78rem;font-weight:700;color:#0866FF;border-top:1px solid #E4E6EB}
/* szablon z przyciskami */
.mx-btpl{width:220px;border-radius:18px;overflow:hidden;background:#F0F0F0}
.mx-btpl p{padding:9px 12px;font-size:.82rem;line-height:1.38;color:#050505}
.mx-btpl span{display:block;padding:9px;text-align:center;font-size:.8rem;font-weight:700;color:#0866FF;background:#fff;border-top:1px solid #E4E6EB}
/* link i plik */
.mx-link{width:220px;border-radius:18px;overflow:hidden;background:#F0F0F0}
.mx-link .mx-art{height:96px}
.mx-link div{padding:8px 12px 10px}
.mx-link em{display:block;font-style:normal;font-size:.66rem;color:#65676B;text-transform:uppercase}
.mx-link b{display:block;font-size:.8rem;line-height:1.3;color:#050505;margin-top:2px}
.mx-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#F0F0F0;max-width:220px}
.mx-file .ic{width:36px;height:42px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;font-size:.6rem;font-weight:900;color:#fff;background:#E5484D}
.mx-file b{display:block;font-size:.78rem;color:#050505;word-break:break-all}
.mx-file span{display:block;font-size:.68rem;color:#65676B}
/* szybkie odpowiedzi */
.mx-qr{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;padding:0 10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--ease),opacity .3s,padding .3s}
.mx-qr.on{max-height:120px;opacity:1;padding:6px 10px 8px}
.mx-qr span{padding:7px 12px;border-radius:999px;border:1px solid #0866FF;color:#0866FF;font-size:.76rem;font-weight:700;background:#fff;transition:all .25s var(--spring);animation:mxIn .35s var(--spring) both}
.mx-qr span:nth-child(2){animation-delay:.07s}.mx-qr span:nth-child(3){animation-delay:.14s}.mx-qr span:nth-child(4){animation-delay:.21s}
.mx-qr span.ph{background:#E7F0FF}
.mx-qr span.pick{background:#0866FF;color:#fff;transform:scale(1.08)}
.mx-in{display:flex;align-items:center;gap:9px;padding:8px 12px 12px;color:#0866FF}
.mx-in svg{width:21px;height:21px;flex-shrink:0}
.mx-in .fld{flex:1;padding:7px 12px;border-radius:999px;background:#F0F2F5;color:#65676B;font-size:.82rem}
.mx-badge{position:absolute;left:50%;top:66px;z-index:6;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(14,17,22,.88);color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;opacity:0;transform:translate(-50%,-10px) scale(.9);transition:all .35s var(--spring);pointer-events:none}
.mx-badge.on{opacity:1;transform:translate(-50%,0) scale(1)}
.mx-badge i{width:8px;height:8px;border-radius:50%;background:#3EE08F;animation:cnPing 1.4s ease-out infinite}
.mx-badge b{font-family:'Archivo';font-variant-numeric:tabular-nums;color:#3EE08F}
.mx-note{margin-top:18px;font-size:.84rem;color:var(--ink-3);text-align:center;line-height:1.55}
.mx-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.mx-cta .btn svg{width:16px;height:16px}

@media (max-width:1000px){
  .mx-why{grid-template-columns:1fr}
  .mx-body{grid-template-columns:1fr}
  .mx-phone{position:relative;top:0;order:-1}
}
@media (max-width:600px){
  .mx-arg-list{grid-template-columns:1fr}
  .mx-demo{padding:16px 12px;border-radius:26px}
  .mx-why{padding:20px 16px;border-radius:26px}
  .mx-dev{height:600px;border-radius:40px}
  .mx-steps .b>span{font-size:.86rem}
  .mx-ctrl button{flex:1;justify-content:center}
  .mx-cta .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.mx-row,.mx-cm,.mx-qr span{animation:none}.mx-scr{transition:none}}

/* ===== "To nie jest AI" ===== */
.noai{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0E7A47;background:#E6F8EE;border:1px solid rgba(21,157,91,.3);padding:6px 11px;border-radius:999px;white-space:nowrap}
.noai svg{width:14px;height:14px}
.pil-auto .noai{color:#C8FFE3;background:rgba(62,224,143,.14);border-color:rgba(62,224,143,.35)}
.au-head .noai{margin-left:6px}
.mx-noai{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;margin-bottom:22px;border-radius:24px;background:linear-gradient(140deg,#ECFBF3,#F3F6FF);border:1px solid rgba(21,157,91,.25);box-shadow:0 12px 30px rgba(21,157,91,.1)}
.mx-noai-ic{width:52px;height:52px;border-radius:16px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4FD6A2,#159D5B);box-shadow:0 10px 22px rgba(21,157,91,.3)}
.mx-noai-ic svg{width:26px;height:26px}
.mx-noai b{display:block;font-family:'Archivo';font-size:1.15rem;font-weight:900;letter-spacing:-.015em;margin-bottom:5px}
.mx-noai p{font-size:.98rem;color:var(--ink-2);line-height:1.62}
.mx-note b{color:var(--ok)}
@media (max-width:600px){.mx-noai{flex-direction:column;padding:18px 16px}}

/* ===== wybor branzy w przykladach: telefon ===== */
@media (max-width:600px){
  .mx-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:2px 0 12px}
  .mx-tab{justify-content:center;gap:5px;padding:12px 6px;font-size:.84rem;white-space:nowrap;min-width:0}
  .mx-tab .e{font-size:1rem}
}

/* ===== OKNO POWITALNE: liquid glass + ziarno ===== */
.wl{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.wl[hidden]{display:none}
.wl-bd{position:absolute;inset:0;background:rgba(14,17,30,.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);opacity:0;transition:opacity .45s var(--ease)}
.wl-bd::after{content:"";position:absolute;inset:0;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' 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 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wl.open .wl-bd{opacity:1}
.wl-card{position:relative;isolation:isolate;width:min(880px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border-radius:34px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(244,246,255,.9));-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 50px 120px rgba(10,14,40,.45),inset 0 1px 0 #fff;opacity:0;transform:translateY(26px) scale(.96);transition:opacity .5s var(--ease),transform .65s var(--spring)}
.wl.open .wl-card{opacity:1;transform:none}
.wl-card::before{content:"";position:absolute;z-index:-1;top:-140px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.32),transparent 65%);animation:pilOrb 12s ease-in-out infinite alternate}
.wl-card::after{content:"";position:absolute;z-index:-1;bottom:-160px;left:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(221,42,123,.22),transparent 65%);animation:pilOrb 14s ease-in-out infinite alternate-reverse}
.wl-grab{display:none}
.wl-x{position:absolute;top:16px;right:16px;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(14,17,22,.08);background:rgba(255,255,255,.85);color:var(--ink);cursor:pointer;box-shadow:0 6px 16px rgba(30,40,90,.12);transition:transform .3s var(--spring)}
.wl-x:hover{transform:rotate(90deg)}
.wl-x svg{width:18px;height:18px}
.wl-scroll{overflow-y:auto;overscroll-behavior:contain;padding:clamp(26px,4vw,44px) clamp(20px,4vw,44px) 20px}
.wl-pill{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:#0E7A47;background:#E6F8EE;border:1px solid rgba(21,157,91,.3);padding:7px 13px;border-radius:999px}
.wl-pill i{width:9px;height:9px;border-radius:50%;background:#1FBF6A;animation:cnPing 1.6s ease-out infinite}
.wl-head h2{font-size:clamp(1.8rem,4.2vw,2.8rem);font-weight:900;letter-spacing:-.035em;line-height:1.06;margin:16px 0 12px;padding-right:40px}
.wl-head h2 span{background:linear-gradient(90deg,#2551E6,#DD2A7B);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl-head p{font-size:1.05rem;color:var(--ink-2);line-height:1.62;max-width:640px}
.wl-loss{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:16px 18px;border-radius:20px;background:linear-gradient(140deg,#1A1424,#2A1630);color:#fff;box-shadow:0 16px 36px rgba(26,20,36,.25)}
.wl-loss-i{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
.wl-loss p{font-size:.95rem;line-height:1.58;color:rgba(255,255,255,.78)}
.wl-loss b{color:#fff}
.wl-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wl-g{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 10px 26px rgba(30,40,90,.07)}
.wl-gh{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.wl-gh .ic{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 8px 18px rgba(30,40,90,.18),inset 0 1px 0 rgba(255,255,255,.4)}
.wl-gh .ic svg{width:21px;height:21px}
.wl-gh b{display:block;font-family:'Archivo';font-size:1.08rem;font-weight:900}
.wl-gh small{display:block;font-size:.78rem;font-weight:700;color:var(--ink-3)}
.wl-g ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.wl-g li{position:relative;padding-left:28px;font-size:.9rem;line-height:1.45;color:var(--ink);opacity:0;transform:translateX(-8px);transition:opacity .45s var(--ease),transform .5s var(--spring)}
.wl-g li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 3px 8px rgba(21,157,91,.3)}
.wl.open .wl-g li{opacity:1;transform:none}
.wl-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.wl-trust span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:var(--ink);background:rgba(255,255,255,.75);border:1px solid rgba(14,17,22,.07);padding:7px 12px;border-radius:999px}
.wl-trust svg{width:13px;height:13px;color:var(--ok)}
.wl-foot{display:flex;align-items:center;gap:14px;padding:16px clamp(20px,4vw,44px) 22px;border-top:1px solid rgba(14,17,22,.06);background:rgba(255,255,255,.6)}
.wl-cta{flex:1;justify-content:center;font-size:1.04rem;padding:17px 22px;animation:bkNudge 2.4s ease-in-out infinite}
.wl-cta span{font-size:.78rem;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.2)}
.wl-later{font-family:inherit;font-size:.95rem;font-weight:800;color:var(--ink-2);background:none;border:0;cursor:pointer;padding:12px 8px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(14,17,22,.25)}
body.wl-lock{overflow:hidden}
/* ponowne otwarcie listy */
.wl-reopen{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:inherit;font-size:.92rem;font-weight:800;color:var(--accent);background:rgba(255,255,255,.75);border:1px solid var(--accent-line);padding:10px 16px;border-radius:999px;cursor:pointer;transition:transform .3s var(--spring)}
.wl-reopen:hover{transform:translateY(-2px)}
.wl-reopen svg{width:16px;height:16px}
@media (max-width:820px){.wl-groups{grid-template-columns:1fr}}
@media (max-width:600px){
  .wl{padding:0;align-items:flex-end}
  .wl-card{border-radius:28px 28px 0 0;max-height:92dvh;transform:translateY(100%)}
  .wl-grab{display:block;width:44px;height:5px;border-radius:5px;background:rgba(14,17,22,.18);margin:10px auto 0;flex-shrink:0}
  .wl-x{top:12px;right:12px;width:38px;height:38px}
  .wl-scroll{padding:14px 18px 14px}
  .wl-head h2{font-size:1.75rem}
  .wl-head p{font-size:.98rem}
  .wl-foot{flex-direction:column;gap:4px;padding:12px 16px calc(14px + env(safe-area-inset-bottom))}
  .wl-cta{width:100%}
}
@media (prefers-reduced-motion:reduce){.wl-card,.wl-bd,.wl-g li{transition:none}.wl-card::before,.wl-card::after,.wl-cta{animation:none}}

/* ===== przypomnienie w kalendarzu ===== */
.bk-push{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(140deg,#FFF5EC,#FFF0F6);border:1px solid rgba(240,100,42,.2);font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.bk-push b{color:#B9461A}
.bk-push i{width:9px;height:9px;margin-top:6px;border-radius:50%;flex-shrink:0;background:#F0642A;animation:cnPing 1.6s ease-out infinite}
/* ===== dowody w hero ===== */
.hero-proof{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}
.hero-proof[hidden]{display:none}
.hp-quotes{display:flex;flex-wrap:wrap;gap:8px}
.hp-quotes:empty{display:none}
.hp-q{display:flex;flex-direction:column;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 8px 22px rgba(30,40,90,.08)}
.hp-q b{font-family:'Archivo';font-size:1.15rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}
.hp-q span{font-size:.78rem;font-weight:700;color:var(--ink-3)}
.hp-op{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(21,157,91,.25);box-shadow:0 8px 20px rgba(30,40,90,.07);font-size:.9rem;color:var(--ink);text-decoration:none;transition:transform .3s var(--spring)}
.hp-op:hover{transform:translateY(-2px)}
.hp-op[hidden]{display:none}
.hp-op svg{width:15px;height:15px;color:var(--ok)}
.hp-av{display:flex}
.hp-av i{width:22px;height:22px;border-radius:50%;border:2px solid #fff;margin-left:-6px;background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
.hp-av i:first-child{margin-left:0;background:linear-gradient(145deg,#5B7CFF,#2551E6)}
.hp-av i:last-child{background:linear-gradient(145deg,#4FD6A2,#159D5B)}

/* ===== PRZEWODNIK ===== */
#przewodnik{padding-top:clamp(36px,5vw,64px)}
.gd{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,3.6vw,44px);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(240,244,255,.86));border:1px solid #fff;box-shadow:0 26px 64px rgba(30,40,90,.11),inset 0 1px 0 #fff}
.gd::before{content:"";position:absolute;z-index:-1;top:-140px;right:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.22),transparent 65%)}
.gd-head{max-width:760px}
.gd-head h2{font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:14px 0 12px}
.gd-head h2 span{color:var(--accent)}
.gd-head p{font-size:1.04rem;color:var(--ink-2);line-height:1.66}
.gd-map{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 18px;counter-reset:none}
.gd-map a{position:relative;display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 18px 18px 64px;border-radius:22px;background:#fff;border:1px solid rgba(14,17,22,.06);box-shadow:0 8px 22px rgba(30,40,90,.06);color:var(--ink);text-decoration:none;transition:transform .4s var(--spring),box-shadow .3s,border-color .3s}
.gd-map a:hover{transform:translateY(-4px);border-color:var(--accent-line);box-shadow:0 18px 36px rgba(37,81,230,.14)}
.gd-map .n{position:absolute;left:16px;top:18px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-family:'Archivo';font-weight:900;color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 6px 14px rgba(37,81,230,.3)}
.gd-map li:nth-child(6) .n{background:linear-gradient(145deg,#FF7AB6,#DD2A7B);box-shadow:0 6px 14px rgba(221,42,123,.3)}
.gd-map b{font-size:1.04rem;font-weight:800}
.gd-map a>span:last-child{font-size:.88rem;color:var(--ink-2);line-height:1.45}
.gd-fast{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gd-fast>span{font-size:.9rem;font-weight:800;color:var(--ink-3);margin-right:4px}
.gd-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:800;color:var(--ink);background:#fff;border:1px solid rgba(14,17,22,.08);cursor:pointer;text-decoration:none;transition:transform .3s var(--spring)}
.gd-chip:hover{transform:translateY(-2px)}
.gd-chip.hot{color:#fff;border-color:transparent;background:linear-gradient(135deg,#E0317A,var(--hot-2));box-shadow:0 8px 18px rgba(214,36,111,.3)}

/* ===== SAMOUCZEK: LEKCJE ===== */
.ls{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}
.ls-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:24px;background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:0 12px 30px rgba(30,40,90,.08)}
.ls-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;font-size:.92rem;font-weight:800;color:var(--ink-2);text-decoration:none;transition:background .25s,color .25s}
.ls-nav a span{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-size:.78rem;font-weight:900;color:var(--ink-3);background:#EEF1F7;transition:all .3s var(--spring)}
.ls-nav a:hover{background:#F4F6FB}
.ls-nav a.on{color:var(--ink);background:var(--accent-soft)}
.ls-nav a.on span{color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6)}
.ls-list{display:flex;flex-direction:column;gap:18px}
.ls-card{scroll-margin-top:100px;padding:clamp(22px,3vw,32px);border-radius:30px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 18px 44px rgba(30,40,90,.09),inset 0 1px 0 #fff}
.ls-card header{position:relative;padding-left:66px;margin-bottom:18px;min-height:52px}
.ls-card header::before{content:"";position:absolute;left:0;top:2px;width:52px;height:52px;border-radius:17px;background:var(--g);box-shadow:0 10px 22px rgba(30,40,90,.18),inset 0 1px 0 rgba(255,255,255,.4)}
.ls-card header::after{content:"";position:absolute;left:15px;top:17px;width:22px;height:22px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat}
.ls-n{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.ls-card h3{font-family:'Archivo';font-size:clamp(1.3rem,2.4vw,1.65rem);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:3px 0 4px}
.ls-card header p{font-size:1rem;font-weight:700;color:var(--ink-2)}
.ls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ls-box{padding:16px;border-radius:18px;background:#F6F7FB;border:1px solid rgba(14,17,22,.04)}
.ls-box em{display:block;font-style:normal;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.ls-box p{font-size:.95rem;line-height:1.58;color:var(--ink-2)}
.ls-box p b{color:var(--ink)}
.ls-box.me{background:linear-gradient(150deg,#FFF6EC,#FFF9F3);border-color:rgba(240,100,42,.18)}
.ls-box.me em{color:#C2541B}
.ls-box.win{background:linear-gradient(150deg,#EAFBF2,#F2FBF7);border-color:rgba(21,157,91,.2)}
.ls-box.win em{color:var(--ok)}
.ls-more{display:inline-flex;margin-top:14px;font-weight:800;font-size:.95rem;color:var(--accent);text-decoration:none}
.ls-more:hover{text-decoration:underline}

/* ===== PIERWSZY MIESIAC: OS CZASU ===== */
.tl{list-style:none;position:relative;max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.tl::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(180deg,#5B7CFF,#9B5CFF 50%,#4FD6A2)}
.tl-i{position:relative;display:flex;gap:18px;align-items:flex-start}
.tl-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:18px;flex-shrink:0;display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:1.2rem;color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);box-shadow:0 10px 22px rgba(37,81,230,.3),0 0 0 6px var(--bg,#F4F6FB)}
.tl-i:nth-child(3) .tl-dot{background:linear-gradient(145deg,#A98BFF,#7048E8)}
.tl-i:nth-child(4) .tl-dot{background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
.tl-i:nth-child(5) .tl-dot{background:linear-gradient(145deg,#4FD6A2,#159D5B)}
.tl-c{flex:1;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 12px 30px rgba(30,40,90,.07)}
.tl-c em{display:block;font-style:normal;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.tl-c b{display:block;font-family:'Archivo';font-size:1.15rem;font-weight:900;margin:3px 0 5px}
.tl-c p{font-size:.97rem;color:var(--ink-2);line-height:1.6}
.tl-you{display:flex;align-items:center;gap:16px;max-width:860px;margin:22px auto 0;padding:20px 22px;border-radius:24px;background:radial-gradient(120% 120% at 100% 0%,#2B3FA8 0%,#141A3A 60%,#0B0E17 100%);color:#fff;box-shadow:0 22px 50px rgba(14,20,50,.3)}
.tl-you .ic{font-size:1.8rem}
.tl-you b{display:block;font-size:1.08rem}
.tl-you p{font-size:.94rem;color:rgba(255,255,255,.75);line-height:1.55}
.tl-you .btn{margin-left:auto;white-space:nowrap}

/* ===== SPIS TRESCI (staly) ===== */
.toc{position:fixed;left:16px;top:50%;z-index:60;transform:translate(-20px,-50%);opacity:0;pointer-events:none;transition:opacity .4s,transform .5s var(--spring);display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 14px 36px rgba(30,40,90,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.toc.show{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.toc a{position:relative;display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:12px;text-decoration:none;color:var(--ink-3)}
.toc a i{width:26px;height:26px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-style:normal;font-family:'Archivo';font-size:.72rem;font-weight:900;background:#EEF1F7;transition:all .3s var(--spring)}
.toc a span{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-6px,-50%);white-space:nowrap;font-size:.82rem;font-weight:800;color:#fff;background:var(--ink);padding:6px 10px;border-radius:10px;opacity:0;pointer-events:none;transition:all .25s}
.toc a:hover span{opacity:1;transform:translate(0,-50%)}
.toc a.done i{color:#fff;background:var(--ok)}
.toc a.on i{color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6);transform:scale(1.12);box-shadow:0 6px 14px rgba(37,81,230,.35)}
.toc a.on span{opacity:1;transform:translate(0,-50%);background:var(--accent)}
.toc-m,.toc-list{display:none}
@media (max-width:1180px){
  .toc{display:none}
  .toc-m{position:fixed;left:50%;top:76px;z-index:60;display:flex;align-items:center;gap:8px;transform:translate(-50%,-14px);opacity:0;pointer-events:none;transition:opacity .35s,transform .45s var(--spring);padding:7px 12px 7px 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #fff;box-shadow:0 10px 26px rgba(30,40,90,.14);font-family:inherit;font-size:.82rem;font-weight:800;color:var(--ink);cursor:pointer;white-space:nowrap;max-width:calc(100vw - 32px)}
  .toc-m.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
  .toc-m i{font-style:normal;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-family:'Archivo';font-size:.72rem;color:#fff;background:linear-gradient(145deg,#5B7CFF,#2551E6)}
  .toc-m b{overflow:hidden;text-overflow:ellipsis}
  .toc-m em{font-style:normal;color:var(--ink-3)}
  .toc-m svg{width:14px;height:14px;color:var(--ink-3);transition:transform .3s}
  .toc-m.open svg{transform:rotate(180deg)}
  .toc-list{display:block;position:fixed;left:50%;top:118px;z-index:60;transform:translate(-50%,-8px);width:min(320px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;padding:8px;border-radius:20px;background:rgba(255,255,255,.97);border:1px solid #fff;box-shadow:0 24px 60px rgba(30,40,90,.22);opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--spring)}
  .toc-list.open{opacity:1;transform:translate(-50%,0);pointer-events:auto}
  .toc-list a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-size:.92rem;font-weight:800;color:var(--ink-2);text-decoration:none}
  .toc-list a i{font-style:normal;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-family:'Archivo';font-size:.74rem;background:#EEF1F7;color:var(--ink-3)}
  .toc-list a.on{background:var(--accent-soft);color:var(--ink)}
  .toc-list a.on i{background:var(--accent);color:#fff}
  .toc-list a.done i{background:var(--ok);color:#fff}
}
@media (max-width:980px){
  .ls{grid-template-columns:1fr}
  .ls-nav{display:none}
  .gd-map{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .gd{border-radius:26px;padding:22px 16px}
  .gd-map{grid-template-columns:1fr}
  .ls-grid{grid-template-columns:1fr}
  .ls-card{border-radius:24px;padding:20px 16px}
  .ls-card header{padding-left:0;padding-top:62px}
  .tl::before{left:21px}
  .tl-dot{width:44px;height:44px;border-radius:14px;font-size:1rem}
  .tl-i{gap:12px}
  .tl-c{padding:16px}
  .tl-you{flex-direction:column;align-items:flex-start}
  .tl-you .btn{margin-left:0;width:100%;justify-content:center}
}

/* =====================================================================
   DESIGN v2: glebia, dynamika, profesjonalizm
   ===================================================================== */
:root{--ink:#0B1020;--deep:#0A0E1F;--grad:linear-gradient(120deg,#5B7CFF 0%,#8B5CF6 50%,#C26BFF 100%);--hot:#7C4DFF;--hot-2:#5B2FE0;
  --d1:0 1px 1px rgba(16,24,64,.04),0 6px 16px rgba(16,24,64,.06),0 24px 48px -18px rgba(16,24,64,.18);
  --d2:0 2px 4px rgba(16,24,64,.05),0 14px 34px rgba(16,24,64,.10),0 46px 90px -30px rgba(16,24,64,.32)}
html{background:#EEF1F9}
body{background:transparent;position:relative}
/* aurora w tle + ziarno */
body::before{content:"";position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;
  background:radial-gradient(38vmax 38vmax at 12% 18%,rgba(91,124,255,.20),transparent 60%),radial-gradient(34vmax 34vmax at 88% 12%,rgba(139,92,246,.16),transparent 60%),radial-gradient(40vmax 40vmax at 70% 85%,rgba(56,189,248,.12),transparent 60%),#EEF1F9;
  animation:auDrift 28s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%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")}
@keyframes auDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3vmax,2vmax,0) scale(1.06)}}

/* --- etykiety: jasne szklo z gradientowa krawedzia --- */
.eyebrow,.cn-tag,.mx-trig,.px-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1E2A78;padding:8px 15px 8px 12px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.78)) padding-box,linear-gradient(120deg,rgba(91,124,255,.7),rgba(139,92,246,.55),rgba(194,107,255,.35)) border-box;
  box-shadow:0 6px 18px rgba(40,50,120,.10),inset 0 1px 0 #fff}
.eyebrow::before,.cn-tag::before,.mx-trig::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 3px rgba(139,92,246,.15),0 0 10px rgba(139,92,246,.6);flex-shrink:0}
/* --- etykiety specjalne: ciemne szklo --- */
.noai,.au-eye,.pil-tag,.oi-uniq,.wl-pill,.bk-last,.offer-idx .pil-auto .pil-tag{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:8px 14px 8px 11px;border-radius:999px;border:1px solid transparent;white-space:nowrap;
  background:linear-gradient(160deg,#141A33,#0A0E1F) padding-box,linear-gradient(120deg,#6E8BFF,#A07BFF 55%,rgba(255,255,255,.25)) border-box;
  box-shadow:0 8px 22px rgba(10,14,40,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.noai svg{width:14px;height:14px;color:#9FB2FF}
.au-eye::before,.pil-tag::before,.wl-pill i,.bk-last i{content:"";width:7px;height:7px;border-radius:50%;background:#7CF0B8;box-shadow:0 0 0 3px rgba(124,240,184,.18),0 0 10px rgba(124,240,184,.7);animation:none}
.wl-pill i,.bk-last i{display:inline-block}
.oi-uniq svg{color:#FFD36E}
.cn-eye{color:#fff;border:1px solid transparent;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) padding-box,linear-gradient(120deg,rgba(157,180,255,.8),rgba(194,107,255,.5)) border-box}
.cn-eye i{background:#B9A2FF;box-shadow:0 0 0 4px rgba(185,162,255,.2)}
.bk-eye{border:1px solid transparent;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) padding-box,linear-gradient(120deg,rgba(157,180,255,.8),rgba(124,240,184,.5)) border-box}

/* --- przyciski --- */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn-primary,.bc-btn{color:#fff;border:1px solid transparent;background:linear-gradient(135deg,#4468FF 0%,#2B4DF0 45%,#6A3FE8 100%) padding-box,linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08)) border-box;
  box-shadow:0 12px 30px -6px rgba(43,77,240,.55),0 2px 6px rgba(20,30,90,.18),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:hover,.bc-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -8px rgba(43,77,240,.6),0 3px 8px rgba(20,30,90,.2),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-primary::after,.bc-btn::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.btn-primary:hover::after,.bc-btn:hover::after{left:120%}
.btn-ghost{border:1px solid transparent;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.75)) padding-box,linear-gradient(135deg,rgba(91,124,255,.45),rgba(14,17,22,.08)) border-box;box-shadow:var(--d1)}
.gd-chip.hot{background:linear-gradient(135deg,#141A33,#0A0E1F);box-shadow:0 8px 20px rgba(10,14,40,.3)}

/* --- karty: gradientowa krawedz + wielowarstwowy cien --- */
.ls-card,.px-pak,.px-q,.cn-card,.gd,.gd-map a,.au-ben,.ww-card:not(.ww-hot),.mx-why,.mx-demo,.bk-app,.tl-c,.rgn,#dlaczego .jrn-step,#co-dostajesz .cd-col,#faq .faq-item,.px-for,.offer-idx .pil:first-child,.offer-idx .pil:first-child .oi-item,.sp-i,.mx-noai,.rl-card.yes,#rola .rl-ana,.cd{
  border:1px solid transparent!important;
  background:linear-gradient(165deg,rgba(255,255,255,.96),rgba(250,251,255,.84)) padding-box,linear-gradient(160deg,#fff 0%,rgba(190,202,255,.65) 45%,rgba(255,255,255,.3) 100%) border-box!important;
  box-shadow:var(--d1)!important}
.ls-card:hover,.cn-card:hover,.gd-map a:hover,.au-ben:hover,.ww-card:not(.ww-hot):hover,.rgn:hover,#dlaczego .jrn-step:hover,#co-dostajesz .cd-col:hover,.px-q:hover,.sp-i:hover,.offer-idx .pil:first-child .oi-item:hover{box-shadow:var(--d2)!important}
.mx-noai{background:linear-gradient(165deg,rgba(255,255,255,.96),rgba(246,248,255,.86)) padding-box,linear-gradient(120deg,rgba(91,124,255,.6),rgba(139,92,246,.4),rgba(255,255,255,.3)) border-box!important}
.mx-noai-ic,.cn-card.ex{--g:linear-gradient(145deg,#6E8BFF,#2347E0)}
.mx-noai-ic{background:linear-gradient(145deg,#141A33,#0A0E1F);box-shadow:0 10px 24px rgba(10,14,40,.3)}
.mx-noai-ic svg{color:#9FB2FF}
.cn-q{background:linear-gradient(150deg,#F2F0FF,#F8F7FF);border-left-color:#7C4DFF;color:#2E1F73!important}
.cn-card.ex .cn-tag{--t:#1E2A78}

/* blysk podazajacy za kursorem */
.dp{position:relative}
.glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);mix-blend-mode:soft-light}
.dp:hover>.glare{opacity:1}

/* naglowki: akcent gradientem */
.mx-acc,.gd-head h2 span,.px-head h3 span,.sp-head h3 span,.gs-q h3 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-lead{letter-spacing:-.035em}

/* wejscie elementow: przesuniecie + rozmycie */
.reveal{transition:opacity .9s var(--ease),transform 1s var(--spring),filter .9s var(--ease)!important}
.reveal:not(.in){filter:blur(6px)}
@media (prefers-reduced-motion:reduce){.reveal:not(.in){filter:none}body::before{animation:none}}

/* przyciski kodeksu i dymek: bez rozu */
.kd-navbtn:not(.seen){background:linear-gradient(135deg,#141A33,#0A0E1F);color:#B9C6FF;animation:kdWiggle 4s ease-in-out 2s infinite,kdHaloV 1.8s ease-out infinite}
@keyframes kdHaloV{0%{box-shadow:0 0 0 0 rgba(124,77,255,.5)}100%{box-shadow:0 0 0 14px rgba(124,77,255,0)}}
.kd-navbtn:not(.seen)::after{background:#7CF0B8;border-color:#0A0E1F}
.kd-hint{background:linear-gradient(135deg,#1A2140,#0A0E1F)!important;box-shadow:0 12px 26px rgba(10,14,40,.35),0 0 0 2px rgba(157,180,255,.5)!important}
.kd-hint::before{background:#141A33!important}
.bk-err,.bk-form-err{color:#D92D3A}

/* ===== OFERTA W PROSTYCH SLOWACH ===== */
.sp{margin-bottom:clamp(28px,4vw,48px)}
.sp-head{text-align:center;max-width:760px;margin:0 auto 22px}
.sp-head h3{font-family:'Archivo';font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:900;letter-spacing:-.03em;line-height:1.12;margin-top:14px}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sp-i{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 20px;border-radius:26px;transition:transform .5s var(--spring),box-shadow .4s}
.sp-i:hover{transform:translateY(-6px)}
.sp-ic{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 14px 28px -8px rgba(20,30,90,.45),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -6px 12px rgba(0,0,0,.14)}
.sp-ic svg{width:28px;height:28px}
.sp-i b{font-family:'Archivo';font-size:1.18rem;font-weight:900;line-height:1.25;letter-spacing:-.015em}
.sp-i p{font-size:1rem;color:var(--ink-2);line-height:1.58}
@media (max-width:1000px){.sp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sp-grid{grid-template-columns:1fr}.sp-i{flex-direction:row;flex-wrap:wrap;align-items:center;padding:20px 18px}.sp-i b{flex:1;min-width:0}.sp-i p{width:100%}.sp-ic{width:50px;height:50px}}

/* ===== ZGADNIJ CENE ===== */
.gs{position:relative;margin-top:clamp(28px,4vw,48px);border-radius:36px;padding:2px;background:linear-gradient(130deg,#6E8BFF,#8B5CF6 45%,#38BDF8);box-shadow:0 40px 90px -30px rgba(43,60,180,.55)}
.gs-in{position:relative;overflow:hidden;isolation:isolate;border-radius:34px;padding:clamp(26px,4vw,52px);color:#fff;background:radial-gradient(120% 120% at 100% 0%,#24306E 0%,#111633 45%,#090C1A 100%)}
.gs-in::before{content:"";position:absolute;z-index:-1;top:-180px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.35),transparent 65%);animation:pilOrb 14s ease-in-out infinite alternate}
.gs-in::after{content:"";position:absolute;z-index:-1;bottom:-200px;right:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 65%);animation:pilOrb 16s ease-in-out infinite alternate-reverse}
.gs .eyebrow{color:#DCE3FF;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) padding-box,linear-gradient(120deg,rgba(157,180,255,.8),rgba(194,107,255,.5)) border-box;box-shadow:none}
.gs-q,.gs-a{max-width:760px;margin:0 auto;text-align:center}
.gs-q h3{font-family:'Archivo';font-size:clamp(1.7rem,3.8vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:16px 0 12px}
.gs-q h3 span{background:linear-gradient(90deg,#A9BBFF,#D7B6FF);-webkit-background-clip:text;background-clip:text}
.gs-sub{font-size:1.02rem;color:rgba(255,255,255,.72);line-height:1.62;max-width:620px;margin:0 auto}
.gs-val{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:26px 0 8px}
.gs-val b{font-family:'Archivo';font-size:clamp(3rem,8vw,4.6rem);font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#B9C6FF);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.gs-val span{font-size:1.05rem;font-weight:700;color:rgba(255,255,255,.65)}
.gs-range{max-width:560px;margin:0 auto}
.gs-range input{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,#6E8BFF 0%,#8B5CF6 var(--p,40%),rgba(255,255,255,.14) var(--p,40%));box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}
.gs-range input::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#DDE4FF);border:4px solid #8B5CF6;box-shadow:0 0 0 8px rgba(139,92,246,.25),0 8px 20px rgba(0,0,0,.4);transition:transform .2s}
.gs-range input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid #8B5CF6;box-shadow:0 0 0 8px rgba(139,92,246,.25)}
.gs-range input:active::-webkit-slider-thumb{transform:scale(1.15)}
.gs-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.5)}
.gs-hint{min-height:1.6em;margin:16px 0 22px;font-size:1rem;font-weight:700;color:#CFD8FF;transition:opacity .25s}
.gs-go{font-size:1.08rem;padding:18px 30px}
.gs-a{animation:bkIn .7s var(--ease) both}
.gs-kick{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9FB2FF}
.gs-price{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0 10px}
.gs-price b{font-family:'Archivo';font-size:clamp(3rem,9vw,5.2rem);font-weight:900;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,#A9BBFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.gs-price i{font-style:normal;font-family:'Archivo';font-size:clamp(2rem,5vw,3rem);font-weight:900;color:rgba(255,255,255,.5)}
.gs-price span{width:100%;font-size:1.05rem;font-weight:700;color:rgba(255,255,255,.65)}
.gs-verdict{font-size:1.08rem;font-weight:700;color:#E6EBFF;line-height:1.55;max-width:600px;margin:0 auto}
.gs-cond{display:flex;gap:14px;align-items:flex-start;text-align:left;margin:22px auto 0;max-width:640px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.gs-cond .ic{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(145deg,#FFB86B,#E8611F);box-shadow:0 8px 18px rgba(232,97,31,.35)}
.gs-cond .ic svg{width:22px;height:22px}
.gs-cond b{display:block;font-size:1.05rem;margin-bottom:4px}
.gs-cond p{font-size:.95rem;color:rgba(255,255,255,.72);line-height:1.58}
.gs-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;margin:14px auto 0;text-align:left}
.gs-cmp>div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.gs-cmp>div.me{background:linear-gradient(135deg,rgba(91,124,255,.35),rgba(139,92,246,.28));border-color:rgba(169,187,255,.4)}
.gs-cmp span{display:block;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.6)}
.gs-cmp b{display:block;font-size:1rem;margin-top:3px}
.gs-btns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px}
.gs-again{font-family:inherit;font-size:.95rem;font-weight:800;color:rgba(255,255,255,.75);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.gs-btns .btn svg,.gs-go svg{width:16px;height:16px}
.gs [hidden]{display:none!important}
@media (max-width:600px){.gs{border-radius:28px}.gs-in{border-radius:26px;padding:26px 18px}.gs-cmp{grid-template-columns:1fr}.gs-btns .btn{width:100%}}

.mx-arg-list .i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#141A33,#0A0E1F);box-shadow:0 8px 18px rgba(10,14,40,.25)}
.mx-arg-list .i svg{width:20px;height:20px;color:#A9BBFF}
.gd-chip svg{width:16px;height:16px}
.tl-you .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.tl-you .ic svg{width:26px;height:26px;color:#A9BBFF}
.mx-tab .e{display:grid;place-items:center}
.mx-tab .e svg{width:18px;height:18px}

/* ===== v2.1: koniec z pastelami, spojne "premium" akcenty ===== */
/* link o cenie w hero */
.hero-price{color:#fff;border:1px solid transparent;background:linear-gradient(160deg,#141A33,#0A0E1F) padding-box,linear-gradient(120deg,#6E8BFF,#A07BFF 55%,rgba(255,255,255,.2)) border-box;box-shadow:0 10px 26px rgba(10,14,40,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.hero-price:hover{background:linear-gradient(160deg,#1B2346,#0E1330) padding-box,linear-gradient(120deg,#8FA6FF,#B79BFF 55%,rgba(255,255,255,.3)) border-box;transform:translateY(-2px)}
.hero-price .q{background:var(--grad);box-shadow:0 0 12px rgba(139,92,246,.6)}
/* wiersz "Twoja firma" w porownaniu odpowiedzi */
.mx-biz{background:#F3F4F8;border:1px solid rgba(14,17,22,.05)}
.mx-biz.slow .t{color:#8A93A6;text-decoration:line-through;text-decoration-color:rgba(138,147,166,.6)}
.mx-biz.win{color:#fff;border:1px solid transparent;background:linear-gradient(135deg,#141A33,#1C2556) padding-box,linear-gradient(120deg,#6E8BFF,#A07BFF,rgba(255,255,255,.2)) border-box;box-shadow:0 16px 36px -10px rgba(20,30,90,.45)}
.mx-biz.win .n{color:#fff}
.mx-biz.win .t{color:#C9D3FF}
.mx-biz.win .t i{background:#7CF0B8;box-shadow:0 0 10px rgba(124,240,184,.8);animation:none}
.mx-biz.win em{background:var(--grad);box-shadow:0 6px 16px rgba(139,92,246,.4)}
/* pola w samouczku: biale szklo + ciemna / gradientowa etykieta */
.ls-box,.ls-box.me,.ls-box.win{position:relative;border:1px solid transparent;background:linear-gradient(165deg,#fff,#F7F8FD) padding-box,linear-gradient(160deg,rgba(255,255,255,1),rgba(200,210,255,.5)) border-box;box-shadow:0 4px 14px rgba(16,24,64,.05)}
.ls-box em{display:inline-flex;align-items:center;gap:7px;color:#5A6378}
.ls-box.me em,.ls-box.win em{padding:5px 10px;border-radius:999px;font-size:.7rem;margin-bottom:9px}
.ls-box.me em{color:#fff;background:linear-gradient(160deg,#141A33,#0A0E1F)}
.ls-box.win em{color:#fff;background:var(--grad);box-shadow:0 6px 14px rgba(139,92,246,.3)}
.ls-box.me::before,.ls-box.win::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px}
.ls-box.me::before{background:#141A33}
.ls-box.win::before{background:var(--grad)}
/* kafel "Wyglada naturalnie" w automatyzacji: przywrocony ciemny gradient */
.au-bens .au-ben.wide{border:1px solid transparent!important;background:linear-gradient(135deg,#1B2350,#3A2C8F 55%,#5B3FE0) padding-box,linear-gradient(120deg,rgba(157,180,255,.7),rgba(255,255,255,.15)) border-box!important;box-shadow:0 26px 56px -16px rgba(43,40,150,.5)!important}
.au-bens .au-ben.wide .ic{color:#5B3FE0}
/* pozostale pastelowe ramki */
.bk-info{border:1px solid transparent;background:linear-gradient(165deg,#fff,#F6F7FD) padding-box,linear-gradient(120deg,rgba(91,124,255,.45),rgba(139,92,246,.3),rgba(255,255,255,.2)) border-box;box-shadow:0 8px 22px rgba(16,24,64,.06)}
.bk-info-h .i{background:linear-gradient(160deg,#141A33,#0A0E1F);box-shadow:0 6px 14px rgba(10,14,40,.3)}
.bk-info-f{color:#2E3A8C}
.bk-vs-c.me .t{background:var(--grad)}
.bk-push{border:1px solid transparent;background:linear-gradient(165deg,#fff,#F6F7FD) padding-box,linear-gradient(120deg,rgba(91,124,255,.45),rgba(255,255,255,.2)) border-box}
.bk-push b{color:#2E3A8C}
.bk-push i{background:var(--grad);animation:none;box-shadow:0 0 10px rgba(139,92,246,.6)}
.ww-note{border:1px solid transparent;background:linear-gradient(165deg,#fff,#F6F7FD) padding-box,linear-gradient(120deg,rgba(91,124,255,.45),rgba(255,255,255,.2)) border-box}
.ww-note b{color:#2E3A8C}
.cn-q{background:linear-gradient(165deg,#fff,#F6F7FD);border-left:3px solid #7C4DFF}

/* =====================================================================
   PAKIET W AKCJI: 11 uslug, kazda z animowana wizualizacja
   ===================================================================== */
#pakiet{padding-top:clamp(40px,6vw,80px)}
.pk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pk-t{position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;border:1px solid transparent;
  background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(248,249,255,.88)) padding-box,linear-gradient(160deg,#fff,rgba(190,202,255,.6) 45%,rgba(255,255,255,.3)) border-box;
  box-shadow:var(--d1);transition:transform .5s var(--spring),box-shadow .4s}
.pk-t:hover{transform:translateY(-6px);box-shadow:var(--d2)}
.pk-t.w2{grid-column:span 2}
.pk-vis{position:relative;height:210px;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#22306E 0%,#111633 50%,#090C1A 100%);color:#fff}
.pk-t.w2 .pk-vis{height:240px}
.pk-vis::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 20% 0%,rgba(110,139,255,.25),transparent 60%)}
.pk-txt{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}
.pk-txt em{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-txt h3{font-family:'Archivo';font-size:1.18rem;font-weight:900;letter-spacing:-.015em;line-height:1.25}
.pk-t.w2 .pk-txt h3{font-size:1.32rem}
.pk-txt p{font-size:.95rem;color:var(--ink-2);line-height:1.58}
.pk-txt p b{color:var(--ink)}

/* 1. automatyzacja IG: Twoja firma w centrum, obserwujacy konkurencji dookola */
.pv-ig .ig-me{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;z-index:2;background:var(--grad);box-shadow:0 0 0 6px rgba(139,92,246,.18),0 0 40px rgba(139,92,246,.6);animation:igPulse 2s ease-in-out infinite}
.pv-ig .ig-me b{font-size:.62rem;font-weight:800;text-align:center;line-height:1.1;padding:0 6px}
@keyframes igPulse{50%{box-shadow:0 0 0 12px rgba(139,92,246,.08),0 0 50px rgba(139,92,246,.75)}}
.pv-ig .ig-f{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translate(92px) rotate(calc(-1 * var(--a)))}
.pv-ig .ig-f span{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#3A4470,#262E52);border:2px solid rgba(255,255,255,.25);animation:igHit 4s ease-in-out infinite;animation-delay:var(--d)}
.pv-ig .ig-f span::after{content:"";position:absolute;right:-6px;top:-8px;width:16px;height:16px;background:#FF5C8A;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9C1 8.6 3.3 5 7 5c2 0 3.4 1.1 5 3 1.6-1.9 3-3 5-3 3.7 0 6 3.6 4.5 7-2 4.4-9.5 9-9.5 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9C1 8.6 3.3 5 7 5c2 0 3.4 1.1 5 3 1.6-1.9 3-3 5-3 3.7 0 6 3.6 4.5 7-2 4.4-9.5 9-9.5 9z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:scale(.3);animation:igHeart 4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes igHit{0%,8%,30%,100%{border-color:rgba(255,255,255,.25);box-shadow:none}12%,24%{border-color:#A9BBFF;box-shadow:0 0 0 4px rgba(139,92,246,.35),0 0 18px rgba(139,92,246,.6)}}
@keyframes igHeart{0%,8%{opacity:0;transform:scale(.3) translateY(4px)}14%{opacity:1;transform:scale(1.2) translateY(0)}26%{opacity:1;transform:scale(1) translateY(-4px)}36%,100%{opacity:0;transform:scale(.9) translateY(-14px)}}
.pv-ig .ig-lines i{position:absolute;left:50%;top:50%;width:92px;height:2px;transform-origin:0 50%;transform:rotate(var(--a));background:linear-gradient(90deg,rgba(169,187,255,.9),rgba(169,187,255,0));opacity:.08;animation:igLine 4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes igLine{0%,6%,30%,100%{opacity:.08}12%,22%{opacity:1}}
.pv-ig .ig-tag{position:absolute;bottom:12px;font-size:.68rem;font-weight:800;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#C9D3FF;z-index:3}
.pv-ig .ig-tag.l{left:12px}.pv-ig .ig-tag.r{right:12px;display:flex;align-items:center;gap:6px}
.pv-ig .ig-tag.r i{width:7px;height:7px;border-radius:50%;background:#FF5C8A;box-shadow:0 0 8px #FF5C8A}

/* 2. automatyczne komentarze + zasieg */
.pv-com{display:flex;gap:14px;align-items:center;padding:16px}
.pv-com .cm-post{flex:1;min-width:0;height:100%;border-radius:16px;background:#fff;color:#050505;overflow:hidden;display:flex;flex-direction:column}
.pv-com .cm-h{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:.72rem}
.pv-com .av{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--grad)}
.pv-com .av.u{background:linear-gradient(145deg,#FFB86B,#E8611F)}.pv-com .av.u2{background:linear-gradient(145deg,#4FD6A2,#0F8F55)}
.pv-com .cm-img{height:44px;background:linear-gradient(120deg,#C9D6FF,#E8D6FF)}
.pv-com .cm-list{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.pv-com .cm{display:flex;gap:6px;align-items:flex-start;opacity:0;transform:translateY(6px);animation:cmIn 6s ease-in-out infinite}
.pv-com .cm.rep{margin-left:18px}
.pv-com .cm p{font-size:.68rem;line-height:1.3;padding:5px 9px;border-radius:12px;background:#F0F2F5}
.pv-com .cm p b{display:block;font-size:.62rem}
.pv-com .cm.rep p{background:#EEF2FF;box-shadow:inset 0 0 0 1px rgba(91,124,255,.35)}
.pv-com .c1{animation-delay:.2s}.pv-com .c2{animation-delay:1.2s}.pv-com .c3{animation-delay:2.4s}
@keyframes cmIn{0%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.pv-com .cm-reach{width:96px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.66rem;font-weight:800;color:#C9D3FF;text-align:center}
.pv-com .bars{display:flex;align-items:flex-end;gap:4px;height:110px}
.pv-com .bars i{width:12px;border-radius:4px;background:linear-gradient(180deg,#A9BBFF,#5B7CFF);transform-origin:bottom;animation:cmBar 6s ease-in-out infinite}
.pv-com .bars i:nth-child(1){height:22%;animation-delay:.2s}.pv-com .bars i:nth-child(2){height:38%;animation-delay:.6s}.pv-com .bars i:nth-child(3){height:55%;animation-delay:1.2s}.pv-com .bars i:nth-child(4){height:76%;animation-delay:1.8s}.pv-com .bars i:nth-child(5){height:100%;animation-delay:2.4s;background:linear-gradient(180deg,#E3C7FF,#8B5CF6);box-shadow:0 0 14px rgba(139,92,246,.7)}
@keyframes cmBar{0%{transform:scaleY(.1)}15%,85%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.pv-com .cm-reach b{color:#7CF0B8}

/* 8. codzienne relacje */
.pk-hl .pk-vis{height:240px}
.pv-st{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:18px}
.pv-st .st-bars{position:absolute;top:14px;left:16px;right:16px;display:flex;gap:5px}
.pv-st .st-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;position:relative}
.pv-st .st-bars i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;animation:stBar 6s linear infinite}
.pv-st .st-bars i:nth-child(2)::after{animation-delay:2s}.pv-st .st-bars i:nth-child(3)::after{animation-delay:4s}
@keyframes stBar{0%{transform:scaleX(0)}33%,100%{transform:scaleX(1)}}
.pv-st .st-row{display:flex;gap:clamp(18px,4vw,40px)}
.pv-st .st-c{display:flex;flex-direction:column;align-items:center;gap:8px}
.pv-st .st-ring{width:74px;height:74px;border-radius:50%;padding:3px;display:grid;place-items:center;background:rgba(255,255,255,.18);transition:none;animation:stOn 6s ease-in-out infinite}
.pv-st .st-ring span{width:100%;height:100%;border-radius:50%;border:3px solid #111633;background:linear-gradient(145deg,#3A4470,#262E52)}
.pv-st .st1 .st-ring{animation-delay:0s}.pv-st .st2 .st-ring{animation-delay:2s}.pv-st .st3 .st-ring{animation-delay:4s}
@keyframes stOn{0%,4%{background:rgba(255,255,255,.18);transform:scale(1)}10%{background:conic-gradient(#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75);transform:scale(1.1)}20%,100%{background:conic-gradient(#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75);transform:scale(1)}}
.pv-st .st-c b{font-family:'Archivo';font-size:1rem;font-weight:900}
.pv-st .st-lbl{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#C9D3FF}
.st-why{margin-top:4px;padding:14px 16px;border-radius:18px;background:linear-gradient(165deg,#fff,#F6F7FD);border:1px solid rgba(91,124,255,.25)}
.st-why b{display:block;font-size:.98rem;margin-bottom:6px}
.st-why ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.st-why li{position:relative;padding-left:20px;font-size:.92rem;line-height:1.5;color:var(--ink-2)}
.st-why li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 8px rgba(139,92,246,.6)}

/* 3. automatyczne wiadomosci */
.pv-dm{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px}
.pv-dm .dm-b{max-width:82%;font-size:.76rem;line-height:1.38;padding:8px 12px;border-radius:16px;opacity:0;animation:dmIn 6s ease-in-out infinite}
.pv-dm .dm-b.me{align-self:flex-end;background:#0866FF}
.pv-dm .dm-b.biz{align-self:flex-start;background:#fff;color:#050505;animation-delay:2s}
.pv-dm .dm-btn{display:block;margin-top:6px;padding:6px;text-align:center;font-weight:800;color:#0866FF;border-top:1px solid #E4E6EB}
.pv-dm .dm-typ{align-self:flex-start;display:flex;gap:4px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.14);opacity:0;animation:dmTyp 6s ease-in-out infinite}
.pv-dm .dm-typ i{width:6px;height:6px;border-radius:50%;background:#fff;animation:mxTyp 1s infinite}
.pv-dm .dm-typ i:nth-child(2){animation-delay:.15s}.pv-dm .dm-typ i:nth-child(3){animation-delay:.3s}
@keyframes dmIn{0%,4%{opacity:0;transform:translateY(8px)}10%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes dmTyp{0%,14%{opacity:0;height:auto}18%,30%{opacity:1}33%,100%{opacity:0}}

.pv-dm .dm-time{position:absolute;top:12px;left:12px;font-size:.66rem;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(124,240,184,.14);color:#7CF0B8;opacity:0;animation:dmIn 6s ease-in-out infinite;animation-delay:2s}

/* 4. grupy FB */
.pv-grp{padding:14px;display:flex;flex-direction:column;gap:7px}
.pv-grp .gp-h{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#C9D3FF}
.pv-grp .gp-h .ic{width:18px;height:18px;border-radius:6px;background:#1877F2}
.pv-grp .gp-q{padding:9px 11px;border-radius:12px;background:#fff;color:#050505;font-size:.76rem;font-weight:700}
.pv-grp .gp-c{display:flex;align-items:center;gap:7px;margin-left:14px;opacity:0;animation:cmIn 6s ease-in-out infinite}
.pv-grp .gp-c span{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#3A4470,#262E52)}
.pv-grp .gp-c i{height:16px;width:60%;border-radius:8px;background:rgba(255,255,255,.14)}
.pv-grp .g1{animation-delay:.3s}.pv-grp .g2{animation-delay:1s}
.pv-grp .gp-c.me{animation-delay:2s}
.pv-grp .gp-c.me span{background:var(--grad)}
.pv-grp .gp-c.me p{font-size:.7rem;line-height:1.3;padding:6px 10px;border-radius:12px;background:#EEF2FF;color:#050505;box-shadow:0 0 0 2px rgba(139,92,246,.6),0 0 18px rgba(139,92,246,.5)}

/* 7. montaz rolek */
.pv-reel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.pv-reel .re-ph{position:relative;width:84px;height:130px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.pv-reel .sc{position:absolute;inset:0;opacity:0;animation:reSc 6s infinite}
.pv-reel .sc.a{background:linear-gradient(160deg,#FF9A8B,#FF6A88);animation-delay:0s}
.pv-reel .sc.b{background:linear-gradient(160deg,#89F7FE,#66A6FF);animation-delay:2s}
.pv-reel .sc.c{background:linear-gradient(160deg,#C2E59C,#64B3F4);animation-delay:4s}
@keyframes reSc{0%,2%{opacity:0;transform:scale(1.15)}8%,33%{opacity:1;transform:scale(1)}39%,100%{opacity:0}}
.pv-reel .cap{position:absolute;left:10px;right:10px;bottom:18px;height:8px;border-radius:4px;background:rgba(255,255,255,.9)}
.pv-reel .prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#fff;transform-origin:left;animation:stBar 6s linear infinite}
.pv-reel .re-play{position:absolute;left:50%;top:42%;width:26px;height:26px;margin-left:-13px;color:rgba(255,255,255,.9)}
.pv-reel .re-tl{position:relative;display:flex;gap:4px;width:180px;padding:6px;border-radius:10px;background:rgba(255,255,255,.08)}
.pv-reel .re-tl span{flex:1;height:22px;border-radius:5px}
.pv-reel .re-tl span:nth-child(1){background:#FF7A8A}.pv-reel .re-tl span:nth-child(2){background:#66A6FF}.pv-reel .re-tl span:nth-child(3){background:#8FD3A0}.pv-reel .re-tl span:nth-child(4){background:#B48CFF}
.pv-reel .head{position:absolute;top:2px;bottom:2px;left:6px;width:2px;background:#fff;box-shadow:0 0 8px #fff;animation:reHead 6s linear infinite}
@keyframes reHead{0%{left:6px}100%{left:calc(100% - 8px)}}

/* 6. tworzenie wpisow */
.pv-post{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pv-post .po-card{width:150px;padding:10px;border-radius:14px;background:#fff;color:#050505;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.pv-post .po-img{height:62px;border-radius:9px;display:grid;place-items:center;color:#8B5CF6;background:linear-gradient(110deg,#EDE7FF 30%,#DCE4FF 50%,#EDE7FF 70%);background-size:200% 100%;animation:poShim 2.4s linear infinite}
.pv-post .po-img svg{width:24px;height:24px}
@keyframes poShim{to{background-position:-200% 0}}
.pv-post .po-lines{display:flex;flex-direction:column;gap:4px;margin:8px 0 6px}
.pv-post .po-lines i{height:5px;border-radius:3px;background:#D5DAE6;transform-origin:left;animation:poType 6s ease-in-out infinite}
.pv-post .po-lines i:nth-child(1){width:100%}.pv-post .po-lines i:nth-child(2){width:80%;animation-delay:.5s}.pv-post .po-lines i:nth-child(3){width:55%;animation-delay:1s}
@keyframes poType{0%{transform:scaleX(0)}20%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.pv-post .po-tags{display:flex;flex-wrap:wrap;gap:3px}
.pv-post .po-tags span{font-size:.56rem;font-weight:800;color:#2347E0;background:#EEF2FF;padding:2px 5px;border-radius:5px;opacity:0;animation:cmIn 6s ease-in-out infinite;animation-delay:1.6s}
.pv-post .po-tags span:nth-child(2){animation-delay:1.9s}.pv-post .po-tags span:nth-child(3){animation-delay:2.2s}
.pv-post .po-btn{font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--grad);opacity:0;animation:cmIn 6s ease-in-out infinite;animation-delay:2.8s}

/* 5. przed / po */
.pv-look .lk-p{position:absolute;inset:16px;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
.pv-look .before{background:#2A2F42}
.pv-look .after{background:#fff;clip-path:inset(0 0 0 50%);animation:lkCut 5s ease-in-out infinite}
.pv-look .av{width:30px;height:30px;border-radius:50%}
.pv-look .before .av{background:#4A5068}.pv-look .after .av{background:var(--grad);box-shadow:0 0 0 2px #fff,0 0 0 4px #8B5CF6}
.pv-look .l1,.pv-look .l2{height:6px;border-radius:3px}
.pv-look .before .l1,.pv-look .before .l2{background:#3D4358}.pv-look .before .l1{width:40%}.pv-look .before .l2{width:70%}
.pv-look .after .l1{width:55%;background:#0B1020}.pv-look .after .l2{width:85%;background:#C9D0E2}
.pv-look .hl{display:flex;gap:6px}.pv-look .hl b{width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#FFB86B,#E8611F)}
.pv-look .hl b:nth-child(2){background:linear-gradient(145deg,#6E8BFF,#2347E0)}.pv-look .hl b:nth-child(3){background:linear-gradient(145deg,#B48CFF,#6A3FE0)}
.pv-look .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:auto}
.pv-look .grid b{height:22px;border-radius:3px}
.pv-look .before .grid b{background:#3D4358}.pv-look .before .grid b:nth-child(2n){background:#4E3D3D}
.pv-look .after .grid b{background:linear-gradient(135deg,#C9D6FF,#E3D2FF)}.pv-look .after .grid b:nth-child(3n+2){background:linear-gradient(135deg,#FFD9C2,#FFC2D6)}
.pv-look .lk-cut{position:absolute;top:10px;bottom:10px;left:50%;width:3px;border-radius:3px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9);animation:lkLine 5s ease-in-out infinite}
@keyframes lkCut{0%,100%{clip-path:inset(0 0 0 85%)}50%{clip-path:inset(0 0 0 12%)}}
@keyframes lkLine{0%,100%{left:calc(16px + (100% - 32px) * .85)}50%{left:calc(16px + (100% - 32px) * .12)}}
.pv-look .lk-l,.pv-look .lk-r{position:absolute;bottom:22px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;z-index:2}
.pv-look .lk-l{left:24px;background:rgba(0,0,0,.5)}.pv-look .lk-r{right:24px;background:var(--grad)}

/* 9. harmonogram */
.pv-cal{padding:16px;display:flex;flex-direction:column;gap:8px}
.pv-cal .cl-h,.pv-cal .cl-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.pv-cal .cl-h span{text-align:center;font-size:.62rem;font-weight:800;color:#C9D3FF}
.pv-cal .cl-g{grid-auto-rows:26px;padding:6px;border-radius:12px;background:rgba(255,255,255,.06)}
.pv-cal .cl-g i{grid-column:var(--c);border-radius:6px;opacity:0;transform:scale(.6);animation:clIn 6s ease-in-out infinite;animation-delay:var(--d)}
.pv-cal .cl-g i.r{grid-row:1;background:linear-gradient(135deg,#FEDA75,#D62976)}
.pv-cal .cl-g i.p{grid-row:2;background:linear-gradient(135deg,#6E8BFF,#2347E0)}
.pv-cal .cl-g i.v{grid-row:3;background:linear-gradient(135deg,#B48CFF,#6A3FE0)}
@keyframes clIn{0%{opacity:0;transform:scale(.6)}8%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.pv-cal .cl-lg{display:flex;gap:10px;justify-content:center;font-size:.64rem;font-weight:800;color:#C9D3FF}
.pv-cal .cl-lg span{display:flex;align-items:center;gap:5px}
.pv-cal .cl-lg span::before{content:"";width:9px;height:9px;border-radius:3px}
.pv-cal .cl-lg .r::before{background:#D62976}.pv-cal .cl-lg .p::before{background:#2347E0}.pv-cal .cl-lg .v::before{background:#6A3FE0}

/* 10. wlasny dysk */
.pv-drv{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,4vw,40px)}
.pv-drv .dv-src{display:flex;flex-direction:column;gap:14px}
.pv-drv .dv-src span{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;color:#C9D3FF}
.pv-drv .dv-src svg{width:30px;height:30px;padding:6px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff}
.pv-drv .dv-fly{position:relative;flex:1;height:100%}
.pv-drv .dv-fly b{position:absolute;top:50%;left:0;font-size:.58rem;font-weight:900;padding:5px 7px;border-radius:6px;background:#fff;color:#2347E0;box-shadow:0 6px 14px rgba(0,0,0,.35);opacity:0;animation:dvFly 4.5s ease-in-out infinite}
.pv-drv .dv-fly .f1{margin-top:-34px}.pv-drv .dv-fly .f2{animation-delay:1.5s;color:#6A3FE0}.pv-drv .dv-fly .f3{margin-top:24px;animation-delay:3s}
@keyframes dvFly{0%{opacity:0;left:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}70%{opacity:1;left:calc(100% - 40px)}85%,100%{opacity:0;left:calc(100% - 30px);transform:scale(.5)}}
.pv-drv .dv-box{width:130px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(169,187,255,.35);box-shadow:0 0 30px rgba(110,139,255,.25)}
.pv-drv .dv-box svg{width:38px;height:38px;color:#A9BBFF}
.pv-drv .dv-box b{font-size:.78rem}
.pv-drv .dv-bar{width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.pv-drv .dv-bar i{display:block;height:100%;background:var(--grad);animation:stBar 4.5s linear infinite}
.pv-drv .dv-box em{font-style:normal;font-size:.64rem;font-weight:800;color:#7CF0B8}

/* 11. kontakt */
.pv-ct{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,40px);padding:18px}
.pv-ct .ct-clock{position:relative;width:96px;height:96px;border-radius:50%;flex-shrink:0;border:3px solid rgba(169,187,255,.5);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);box-shadow:0 0 30px rgba(110,139,255,.3)}
.pv-ct .ct-clock i{position:absolute;left:50%;bottom:50%;width:3px;border-radius:3px;background:#fff;transform-origin:50% 100%;margin-left:-1.5px}
.pv-ct .ct-clock .h{height:26px;animation:ctRot 24s linear infinite}
.pv-ct .ct-clock .m{height:36px;background:#A9BBFF;animation:ctRot 4s linear infinite}
.pv-ct .ct-clock span{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff}
@keyframes ctRot{to{transform:rotate(360deg)}}
.pv-ct .ct-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:210px}
.pv-ct .ct-week div{display:flex;flex-direction:column;align-items:center;gap:5px}
.pv-ct .ct-week b{font-size:.62rem;color:#C9D3FF}
.pv-ct .ct-week i{width:100%;height:46px;border-radius:7px;background:linear-gradient(180deg,#A9BBFF,#5B7CFF);box-shadow:0 0 12px rgba(91,124,255,.45)}
.pv-ct .ct-week .we i{height:46px;background:repeating-linear-gradient(135deg,rgba(169,187,255,.5) 0 5px,rgba(169,187,255,.15) 5px 10px);box-shadow:none}
.pv-ct .ct-msg{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;color:#050505;white-space:nowrap;opacity:0;animation:dmIn 5s ease-in-out infinite}
.pv-ct .ct-msg .dot{width:7px;height:7px;border-radius:50%;background:#31A24C}

@media (max-width:1100px){.pk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .pk{grid-template-columns:1fr}
  .pk-t.w2{grid-column:auto}
  .pk-vis,.pk-t.w2 .pk-vis{height:200px}
  .pk-hl .pk-vis{height:200px}
  .pv-ig .ig-f{transform:rotate(var(--a)) translate(78px) rotate(calc(-1 * var(--a)))}
  .pv-ig .ig-lines i{width:78px}
  .pv-ig .ig-tag.l{display:none}
  .pv-st .st-ring{width:60px;height:60px}
  .pv-ct .ct-week{width:170px}
  .pv-drv .dv-box{width:110px}
}
@media (prefers-reduced-motion:reduce){.pk *{animation:none!important}.pk .cm,.pk .gp-c,.pk .dm-b,.pk .po-tags span,.pk .po-btn,.pk .cl-g i,.pk .ct-msg,.pk .dv-fly b,.pk .dm-time{opacity:1!important;transform:none!important}}

@media (max-width:640px){.pv-com .cm-img{height:26px}.pv-com .cm-list{gap:4px;padding:6px 8px}.pv-ig .ig-tag.r{top:12px;bottom:auto}}
.pv-dm .dm-time{top:auto;bottom:12px;left:auto;right:12px}
.pv-dm{justify-content:flex-start;padding-top:20px}
.pv-reel .re-ph{width:76px;height:116px}
.pv-post .po-img{height:48px}
.pv-post .po-card{padding:8px}
.pv-post{gap:8px}

/* ===== grupy FB: Twoj wpis z oferta ===== */
.pv-grp{padding:12px 14px;gap:8px}
.pv-grp .gp-post{position:relative;border-radius:14px;background:#fff;color:#050505;padding:9px 10px;box-shadow:0 0 0 2px rgba(139,92,246,.55),0 10px 26px rgba(0,0,0,.35);animation:gpIn 7s ease-in-out infinite}
.pv-grp .gp-ph{display:flex;align-items:center;gap:7px}
.pv-grp .gp-ph .av{width:22px;height:22px;border-radius:50%;background:var(--grad);flex-shrink:0}
.pv-grp .gp-ph b{display:block;font-size:.7rem}
.pv-grp .gp-ph i{display:block;font-style:normal;font-size:.58rem;color:#65676B}
.pv-grp .gp-tx{font-size:.68rem;line-height:1.35;margin:6px 0}
.pv-grp .gp-img{height:34px;border-radius:8px;display:flex;align-items:center;padding:0 10px;background:linear-gradient(120deg,#6E8BFF,#8B5CF6);color:#fff;font-size:.66rem;font-weight:800}
.pv-grp .gp-re{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.6rem;color:#65676B}
.pv-grp .gp-re .rc{display:flex}
.pv-grp .gp-re .rc i{width:13px;height:13px;border-radius:50%;border:1.5px solid #fff;background:#1877F2}
.pv-grp .gp-re .rc i+i{margin-left:-4px;background:#F33E58}
.pv-grp .gp-re .cnt{font-weight:800;color:#050505}
.pv-grp .gp-re .cnt::after{content:"0";animation:gpCnt 7s steps(1) infinite}
.pv-grp .gp-re em{font-style:normal;margin-left:auto}
.pv-grp .gp-pop{position:absolute;right:14px;font-size:.66rem;font-weight:700;padding:6px 10px;border-radius:12px;background:#F0F2F5;color:#050505;box-shadow:0 6px 16px rgba(0,0,0,.35);opacity:0;animation:gpPop 7s ease-in-out infinite}
.pv-grp .gp-pop.p1{bottom:46px;animation-delay:2.2s}
.pv-grp .gp-pop.p2{bottom:14px;right:40px;animation-delay:3.4s}
@keyframes gpIn{0%{opacity:0;transform:translateY(14px) scale(.96)}8%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes gpPop{0%{opacity:0;transform:translateY(8px) scale(.9)}6%,55%{opacity:1;transform:none}65%,100%{opacity:0}}
@keyframes gpCnt{0%{content:"0"}25%{content:"12"}40%{content:"27"}55%{content:"48"}70%{content:"64"}}

/* ===== PLYNNOSC: najdrozsze efekty uproszczone, wyglad bez zmian ===== */
/* ziarno wbudowane w statyczne tlo zamiast nakladki na cala strone (mieszanie kolorow przy kazdym przewinieciu) */
body::after{display:none!important;content:none!important}
body::before{inset:0!important;animation:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(60vmax 60vmax at 8% 10%,rgba(91,124,255,.18),transparent 60%),radial-gradient(55vmax 55vmax at 95% 8%,rgba(139,92,246,.14),transparent 60%),radial-gradient(60vmax 60vmax at 70% 95%,rgba(56,189,248,.10),transparent 60%),#EEF1F9!important}
/* wejscie elementow bez rozmycia (filtr na duzych blokach kosztuje najwiecej) */
.reveal:not(.in){filter:none!important}
.reveal{transition:opacity .8s var(--ease),transform .9s var(--spring)!important}
/* blysk bez trybu mieszania */
.glare{mix-blend-mode:normal;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),rgba(255,255,255,0) 45%)}
/* animacje w kafelkach dzialaja tylko, gdy kafel jest na ekranie */
.pk-t.anim-off *,.pk-t.anim-off *::before,.pk-t.anim-off *::after{animation-play-state:paused!important}
/* telefony: bez rozmycia tla pod spisem tresci i okienkami */
@media (max-width:900px),(hover:none){.toc-m,.toc-list,.mx-dev,.pk-t{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* stopka: linki bez lamania slow */
.foot-links{flex-wrap:wrap;justify-content:flex-end;row-gap:10px;max-width:640px}
.foot-links a{white-space:nowrap}
@media (max-width:900px){.foot-links{justify-content:flex-start;max-width:none}}

/* ===== NAPISY JAK NA ROLKACH: podswietlanie slow ===== */
.vw{display:inline-block;position:relative;isolation:isolate;transform-origin:50% 62%;transition:transform .38s var(--spring),opacity .3s ease,color .18s ease}
.vw::before{content:"";position:absolute;inset:-.02em -.2em -.04em;border-radius:.3em;z-index:-1;pointer-events:none;
  background:linear-gradient(135deg,#6F8CFF 0%,#2551E6 60%,#1A3BC2 100%);
  box-shadow:0 .28em .7em -.18em rgba(37,81,230,.6),inset 0 .09em 0 rgba(255,255,255,.45),inset 0 -.09em 0 rgba(10,20,80,.25);
  opacity:0;transform:scale(.6,.4);transition:opacity .18s ease,transform .38s var(--spring)}
/* najwazniejsze argumenty: inny kolor, wieksza glebia */
.vw.vx::before{background:linear-gradient(120deg,#8F5BFF 0%,#DD2A7B 55%,#FF8A3D 100%);
  box-shadow:0 .35em .9em -.2em rgba(221,42,123,.6),0 .1em .3em rgba(124,77,255,.35),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 -.1em 0 rgba(90,10,60,.3)}
/* trwaly marker pod kluczowym slowem po przeczytaniu */
.vw.vx::after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.02em;height:.34em;border-radius:.25em;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,rgba(143,91,255,.32),rgba(221,42,123,.3) 60%,rgba(255,138,61,.28));
  transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--spring)}
.vw.vx.vlit::after{transform:scaleX(1)}

/* w trakcie "mowienia": slowa przed nami przygaszone, obecne na tle i lekko powiekszone */
.vplay .vw{opacity:.42}
.vplay .vw.past,.vplay .vw.on{opacity:1}
.vw.on{z-index:2;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-.03em) scale(1.08)}
.vw.on::before{opacity:1;transform:none}
.vw.vx.on{transform:translateY(-.05em) scale(1.15) rotate(-1.5deg)}

/* slowa z gradientowym tekstem w nagłówkach */
.vw-gp{background:none!important}
.vw-gt{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.vw-gt::before,.vw-gt::after{-webkit-background-clip:border-box;background-clip:border-box}

@media (prefers-reduced-motion: reduce){.vw,.vw::before,.vw::after{transition:none}}

/* napisy: mocniejsze powiekszenie w naglowkach */
:is(h1,h2,h3) .vw{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .35s ease,color .2s ease}
:is(h1,h2,h3) .vw::before{inset:-.04em -.16em -.06em;border-radius:.26em;transition:opacity .2s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
:is(h1,h2,h3) .vw.on{transform:translateY(-.06em) scale(1.18)}
:is(h1,h2,h3) .vw.vx.on{transform:translateY(-.08em) scale(1.26) rotate(-2deg)}
:is(h1,h2,h3).vplay .vw{opacity:.3}
:is(h1,h2,h3).vplay .vw.past,:is(h1,h2,h3).vplay .vw.on{opacity:1}

/* napisy: slowa nie dziedzicza ogolnych regul typu "h2 span{...}" z innych sekcji */
span.vw.vw.vw{display:inline-block;margin:0;padding:0;border:0;width:auto;height:auto;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;-webkit-text-fill-color:inherit;background:none;-webkit-background-clip:border-box;background-clip:border-box;box-shadow:none;filter:none}
span.vw.vw.vw.vw-gt{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
span.vw-line.vw-line.vw-line{display:block;margin:0;padding:0;border:0;width:auto;height:auto;font:inherit;letter-spacing:inherit;color:inherit;-webkit-text-fill-color:inherit;background:none;box-shadow:none;min-width:0}

/* ===== SKROCONA OFERTA (pytanie na start + slajdy) ===== */
.so{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}
.so[hidden]{display:none}
.so-bd{position:absolute;inset:0;background:rgba(9,12,26,.55);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);opacity:0;transition:opacity .4s var(--ease)}
.so.open .so-bd{opacity:1}
body.so-lock{overflow:hidden}
body.so-lock main *,body.so-lock main *::before,body.so-lock main *::after{animation-play-state:paused!important}

.so-card{position:relative;isolation:isolate;width:min(560px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border-radius:34px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(244,246,255,.95));border:1px solid rgba(255,255,255,.9);
  box-shadow:0 50px 120px -20px rgba(9,12,40,.55),0 0 0 1px rgba(14,17,22,.04),inset 0 1px 0 #fff;
  opacity:0;transform:translateY(26px) scale(.96);transition:opacity .45s var(--ease),transform .6s var(--spring),width .35s var(--ease)}
.so.open .so-card{opacity:1;transform:none}
.so-card.swap{opacity:0!important;transform:scale(.97)!important;transition-duration:.2s}
.so.is-play .so-card{width:min(1040px,100%);height:min(700px,calc(100dvh - 48px))}
.so-card::before{content:"";position:absolute;z-index:-1;top:-160px;right:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(91,124,255,.28),transparent 65%)}
.so-card::after{content:"";position:absolute;z-index:-1;bottom:-180px;left:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(221,42,123,.16),transparent 65%)}

.so-x{position:absolute;top:16px;right:16px;z-index:5;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(14,17,22,.08);background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;transition:transform .3s var(--spring)}
.so-x:hover{transform:rotate(90deg)}
.so-x svg{width:18px;height:18px}

/* --- pytanie na start --- */
.so-ask{overflow-y:auto;overscroll-behavior:contain;padding:30px clamp(22px,5vw,40px) 28px;text-align:center}
.so-fan{position:relative;height:200px;margin:0 auto 18px;max-width:340px}
.so-fc{position:absolute;left:50%;top:6px;width:132px;height:186px;margin-left:-66px;border-radius:22px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;
  box-shadow:0 22px 44px -12px rgba(15,20,60,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.so-fc b{font-family:'Archivo';font-size:.86rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.so-fc.c1{background:linear-gradient(160deg,#3A2A7A,#1A1440);transform:translateX(-92px) rotate(-12deg) scale(.88);animation:soF1 6s ease-in-out infinite}
.so-fc.c2{background:linear-gradient(160deg,#7A2A5E,#3A1230);transform:translateX(92px) rotate(12deg) scale(.88);animation:soF2 6s ease-in-out infinite}
.so-fc.c3{z-index:2;background:radial-gradient(120% 90% at 100% 0%,#2A3A8A 0%,#121838 55%,#0A0E22 100%);border:1px solid rgba(255,255,255,.14);animation:soF3 5s ease-in-out infinite;justify-content:flex-start;padding-top:12px}
.so-fi{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.so-fi svg{width:20px;height:20px}
.so-fi.big{width:54px;height:54px;border-radius:50%;background:var(--grad);border:0;margin-top:8px;box-shadow:0 0 0 6px rgba(139,92,246,.18),0 0 26px rgba(139,92,246,.6)}
.so-fi.big svg{width:26px;height:26px;animation:soSpin 8s linear infinite}
.so-fbars{display:flex;gap:3px;width:100%}
.so-fbars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.so-fbars i.on::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;animation:soFill 3s linear infinite}
.so-fn{font-size:.62rem;font-weight:800;color:rgba(255,255,255,.6);align-self:flex-start}
.so-fbtn{margin-top:auto;font-size:.66rem;font-weight:800;padding:5px 12px;border-radius:999px;background:#fff;color:#2551E6}
@keyframes soF1{0%,100%{transform:translateX(-92px) rotate(-12deg) scale(.88)}50%{transform:translateX(-98px) translateY(-6px) rotate(-14deg) scale(.88)}}
@keyframes soF2{0%,100%{transform:translateX(92px) rotate(12deg) scale(.88)}50%{transform:translateX(98px) translateY(-6px) rotate(14deg) scale(.88)}}
@keyframes soF3{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes soFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes soSpin{to{transform:rotate(360deg)}}

.so-pill{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#141A33,#2A1F5A);box-shadow:0 8px 20px rgba(20,26,51,.25)}
.so-pill i{width:8px;height:8px;border-radius:50%;background:#C26BFF;box-shadow:0 0 0 3px rgba(194,107,255,.25),0 0 10px #C26BFF}
.so-ask h2{font-size:clamp(1.7rem,4.6vw,2.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin:14px 0 12px}
.so-ask h2 span{background:linear-gradient(90deg,#2551E6,#8B5CF6 50%,#DD2A7B);-webkit-background-clip:text;background-clip:text;color:transparent}
.so-ask-p{font-size:1.04rem;line-height:1.6;color:var(--ink-2);max-width:470px;margin:0 auto}
.so-meta{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 22px}
.so-meta li{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:700;color:var(--ink);padding:8px 13px;border-radius:999px;background:#fff;border:1px solid rgba(14,17,22,.07);box-shadow:0 6px 16px rgba(30,40,90,.06)}
.so-meta svg{width:15px;height:15px;color:#7C4DFF}
.so-ask-btns{display:flex;flex-direction:column;align-items:center;gap:6px}
.so-yes{width:100%;max-width:420px;font-size:1.12rem;padding:19px 26px;background:linear-gradient(135deg,#3B63F5,#6A4DF5 60%,#8B5CF6);animation:bkNudge 2.4s ease-in-out infinite}
.so-yes svg{transition:transform .3s var(--spring)}
.so-yes:hover svg{transform:translateX(4px)}
.so-no{font-family:inherit;font-size:.95rem;font-weight:700;color:var(--ink-3);background:none;border:0;cursor:pointer;padding:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(14,17,22,.2)}
.so-no:hover{color:var(--ink)}

/* --- odtwarzacz slajdow --- */
.so-play{display:flex;flex-direction:column;height:100%;min-height:0}
.so-top{position:relative;z-index:4;padding:14px 18px 10px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82));border-bottom:1px solid rgba(14,17,22,.06)}
.so-bars{display:flex;gap:4px}
.so-bars i{flex:1;height:4px;border-radius:3px;background:rgba(14,17,22,.1);overflow:hidden}
.so-bars b{display:block;height:100%;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.so-bars i.done b{transform:scaleX(1)}
.so-bars i.on b{transform:scaleX(1);transition:transform 1.1s var(--ease)}
.so-hd{display:flex;align-items:center;gap:10px;margin-top:10px;min-height:42px}
.so-brand{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}
.so-brand b{font-family:'Archivo';font-size:1.02rem;font-weight:900;letter-spacing:-.01em}
.so-brand em{font-style:normal;font-size:.86rem;font-weight:800;color:var(--ink-3);font-variant-numeric:tabular-nums}
.so-skip{font-family:inherit;font-size:.86rem;font-weight:800;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:8px 13px;border-radius:999px;cursor:pointer}
.so.at-sum .so-skip{visibility:hidden}
.so-play .so-x{position:static;flex-shrink:0}

.so-stage{position:relative;flex:1;min-height:0;overflow:hidden}
.so-s{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);transition:opacity .4s var(--ease),transform .5s var(--spring)}
.so-s.from-r{opacity:0;transform:translateX(60px)}
.so-s.from-l{opacity:0;transform:translateX(-60px)}
.so-s.to-l{opacity:0;transform:translateX(-60px);pointer-events:none}
.so-s.to-r{opacity:0;transform:translateX(60px);pointer-events:none}

.so-vis{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 22px;color:#fff;
  background:radial-gradient(90% 70% at 85% 10%,#2C3B8E 0%,#141A40 45%,#090C1A 100%)}
.so-vis::before{content:"";position:absolute;left:-30%;bottom:-40%;width:90%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(221,42,123,.32),transparent 65%);pointer-events:none}
.so-vis::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask:radial-gradient(70% 60% at 50% 50%,#000,transparent);mask:radial-gradient(70% 60% at 50% 50%,#000,transparent)}
.so-vis-in{position:relative;z-index:1;width:100%;max-width:440px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1);transform:translateY(14px) scale(.96);opacity:0;transition:transform .7s var(--spring) .1s,opacity .5s var(--ease) .1s}
.so-s.in .so-vis-in{transform:none;opacity:1}
.so-vis-in .pk-vis{height:270px}
.so-num{position:absolute;top:14px;left:20px;z-index:1;font-family:'Archivo';font-size:clamp(4rem,9vw,6.4rem);font-weight:900;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16)}
.so-vtag{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;font-size:.8rem;font-weight:800;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#DCE3FF;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.so-body{overflow-y:auto;overscroll-behavior:contain;padding:26px clamp(22px,3.4vw,40px) 28px;min-height:0}
.so-body>*{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .6s var(--spring)}
.so-s.in .so-body>*{opacity:1;transform:none}
.so-s.in .so-body>:nth-child(2){transition-delay:.06s}.so-s.in .so-body>:nth-child(3){transition-delay:.12s}
.so-s.in .so-body>:nth-child(4){transition-delay:.18s}.so-s.in .so-body>:nth-child(5){transition-delay:.24s}
.so-s.in .so-body>:nth-child(6){transition-delay:.3s}.so-s.in .so-body>:nth-child(7){transition-delay:.36s}
.so-ks{display:flex;flex-wrap:wrap;gap:8px}
.so-k{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:6px 11px;border-radius:999px;background:#fff;border:1px solid rgba(14,17,22,.08)}
.so-k.hot{color:#fff;border:0;background:linear-gradient(120deg,#7C4DFF,#DD2A7B 70%,#FF8A3D);box-shadow:0 8px 18px rgba(221,42,123,.3)}
.so-k.hot svg{width:12px;height:12px}
.so-k.live{color:#0B6B3F;background:#E7F8EF;border-color:rgba(21,157,91,.3)}
.so-k.live i{width:8px;height:8px;border-radius:50%;background:#1FBF6A;animation:cnPing 1.6s ease-out infinite}
.so-t{font-size:clamp(1.55rem,2.7vw,2.15rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:14px 0 12px}
.so-t em{font-style:normal;background:linear-gradient(90deg,#2551E6,#8B5CF6 55%,#DD2A7B);-webkit-background-clip:text;background-clip:text;color:transparent}
.so-p{font-size:1.04rem;line-height:1.62;color:var(--ink-2)}
.so-p b{color:var(--ink)}
.so-you{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.92rem;font-weight:800;color:#fff;padding:9px 15px 9px 11px;border-radius:999px;background:linear-gradient(135deg,#141A33,#24305F);box-shadow:0 10px 22px rgba(20,26,51,.22)}
.so-you svg{width:18px;height:18px;color:#A9BBFF}

.so-gain{margin-top:18px}
.so-gain h3{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.so-gain ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.so-gain li{display:flex;gap:11px;align-items:flex-start;font-size:1rem;line-height:1.5;color:var(--ink);font-weight:600}
.so-gain li i{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 6px 14px rgba(124,77,255,.35);margin-top:1px}
.so-gain li i svg{width:13px;height:13px}

.so-comp{margin-top:18px;padding:16px 18px;border-radius:22px;color:#fff;background:linear-gradient(140deg,#1B1430,#2E1638 60%,#3A1532);box-shadow:0 18px 36px -10px rgba(46,22,56,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.so-ch{display:flex;align-items:center;gap:10px}
.so-ch .i{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(145deg,#FF7AB6,#DD2A7B)}
.so-ch .i svg{width:17px;height:17px}
.so-ch b{font-family:'Archivo';font-size:1.05rem;font-weight:900}
.so-comp p{font-size:.97rem;line-height:1.58;color:rgba(255,255,255,.8);margin-top:8px}
.so-race{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.so-race small{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.so-race .r{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:10px;font-size:.82rem;font-weight:800}
.so-race .r span{color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-race .r i{height:10px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.so-race .r b{display:block;height:100%;width:var(--w);border-radius:6px;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s var(--spring) .45s}
.so-race .me b{background:linear-gradient(90deg,#5B7CFF,#C26BFF,#FF7AB6);box-shadow:0 0 14px rgba(194,107,255,.6)}
.so-race .them b{background:rgba(255,255,255,.3)}
.so-race .them span{color:rgba(255,255,255,.5)}
.so-s.in .so-race .r b{transform:scaleX(1)}

/* podsumowanie */
.so-sum{display:block}
.so-sum .so-body{height:100%;max-width:820px;margin:0 auto}
.so-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.so-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;font-family:inherit;font-size:.93rem;font-weight:700;color:var(--ink);padding:10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(14,17,22,.07);box-shadow:0 6px 16px rgba(30,40,90,.05);cursor:pointer;transition:transform .3s var(--spring),border-color .2s}
.so-list button:hover{transform:translateY(-2px);border-color:var(--accent-line)}
.so-list i{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--grad)}
.so-list i svg{width:12px;height:12px}
.so-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.so-trust span{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:700;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(14,17,22,.07)}
.so-trust svg{width:13px;height:13px;color:#7C4DFF}
.so-comp.ex .so-ch .i{background:linear-gradient(145deg,#FFB35C,#F0642A)}
.so-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px}
.so-go{flex:1 1 280px;justify-content:center;font-size:1.08rem;padding:18px 24px;background:linear-gradient(135deg,#3B63F5,#6A4DF5 60%,#8B5CF6);animation:bkNudge 2.4s ease-in-out infinite}
.so-go span{font-size:.78rem;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.2)}
.so-sec{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent);text-decoration:none}
.so-sec svg{width:16px;height:16px;transition:transform .3s var(--spring)}
.so-sec:hover svg{transform:translateX(4px)}
.so-fine{margin-top:12px;font-size:.86rem;color:var(--ink-3);line-height:1.5}

/* dolny pasek nawigacji */
.so-nav{position:relative;z-index:4;display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);border-top:1px solid rgba(14,17,22,.06)}
.so-prev{width:58px;height:58px;flex-shrink:0;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(14,17,22,.1);background:#fff;color:var(--ink);cursor:pointer;transition:transform .3s var(--spring),opacity .2s}
.so-prev:disabled{opacity:.35;cursor:default}
.so-prev svg{width:22px;height:22px}
.so-next{flex:1;min-width:0;height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;border:0;border-radius:18px;cursor:pointer;font-family:inherit;color:#fff;text-align:left;
  background:linear-gradient(135deg,#3B63F5,#6A4DF5 60%,#8B5CF6);box-shadow:0 14px 30px -8px rgba(80,70,240,.55),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .3s var(--spring)}
.so-next:hover{transform:translateY(-2px)}
.so-next span{display:flex;flex-direction:column;min-width:0}
.so-next b{font-size:1.12rem;font-weight:800}
.so-next small{font-size:.78rem;font-weight:700;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-next svg{width:24px;height:24px;flex-shrink:0;animation:soNudge 1.6s ease-in-out infinite}
@keyframes soNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.so.at-sum .so-next{display:none}

/* telefon: pytanie jako arkusz od dolu, slajdy na pelnym ekranie jak relacje */
@media (max-width:760px){
  .so{padding:0;align-items:flex-end}
  .so-card{width:100%;max-height:92dvh;border-radius:30px 30px 0 0;transform:translateY(40px)}
  .so.is-play .so-card{width:100%;height:100dvh;max-height:none;border-radius:0}
  .so-bd{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(9,12,26,.6)}
  .so-ask{padding:22px 20px calc(20px + env(safe-area-inset-bottom))}
  .so-fan{height:178px;margin-bottom:12px}
  .so-fc{width:116px;height:164px;margin-left:-58px}
  .so-x{top:12px;right:12px}
  .so-s{display:block;overflow-y:auto;overscroll-behavior:contain}
  .so-vis{padding:34px 16px 52px}
  .so-vis-in .pk-vis{height:220px}
  .so-num{font-size:3.6rem;top:10px;left:14px}
  .so-vtag{bottom:14px}
  .so-body{overflow:visible;padding:20px 18px 24px}
  .so-t{font-size:1.6rem}
  .so-list{grid-template-columns:1fr}
  .so-race .r{grid-template-columns:96px 1fr}
  .so-top{padding:10px 14px 8px}
  .so-hd{margin-top:8px}
  .so-brand b{font-size:.95rem}
  .so-skip{padding:7px 11px;font-size:.8rem}
  .so-nav{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion: reduce){
  .so-card,.so-s,.so-vis-in,.so-body>*,.so-race .r b{transition:none!important}
  .so-fc,.so-fi.big svg,.so-next svg,.so-yes,.so-go{animation:none!important}
}
.so-ask[hidden],.so-play[hidden]{display:none!important}
.so-fc{gap:8px}
.so-fc b{font-size:.78rem}
.so-fc.c3{height:196px;top:0}
.so-fc.c3 b{font-size:.8rem}
.so-fi.big{width:44px;height:44px;margin-top:4px}
.so-fi.big svg{width:22px;height:22px}
.so-fbtn{flex-shrink:0}
.so-brand b,.so-brand em,.so-skip{white-space:nowrap}
@media (max-width:760px){.so-brand{gap:8px}.so-brand b{font-size:.9rem}.so-brand em{font-size:.8rem}}
@media (max-width:360px){.so-brand b{display:none}}
.so-card{background:linear-gradient(160deg,#FFFFFF,#F3F5FF)}
/* skrocona oferta: porownanie z konkurencja w ciemnym panelu (komputer), w tresci (telefon) */
.so.is-play .so-card{height:min(740px,calc(100dvh - 48px))}
.so-vis{flex-direction:column;justify-content:center;gap:14px;padding:26px 24px}
.so-vtag{position:relative;bottom:auto;left:auto;transform:none;align-self:center}
.so-vis-in .pk-vis{height:236px}
.so-comp-m{display:none}
.so-vis .so-comp{position:relative;z-index:1;width:100%;max-width:440px;margin-top:0;padding:14px 16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:none;
  opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease) .25s,transform .6s var(--spring) .25s}
.so-s.in .so-vis .so-comp{opacity:1;transform:none}
.so-vis .so-comp p{font-size:.92rem;margin-top:6px}
.so-fan{height:186px}
@media (max-width:760px){
  .so-comp-d{display:none}
  .so-comp-m{display:block}
  .so-vis{padding:16px 16px 22px;gap:12px}
  .so-vis-in .pk-vis{height:210px}
}
/* podsumowanie: dwie kolumny na komputerze */
.so-sum .so-body{max-width:none;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 34px;align-items:start}
.so-sr{padding-top:6px}
.so-sr .so-trust{margin-top:0}
.so-sum .so-list{gap:7px;margin-top:14px}
.so-sum .so-list button{padding:8px 11px;font-size:.88rem}
.so-sum .so-cta{flex-direction:column;align-items:stretch}
.so-sum .so-go{flex:none}
.so-sum .so-sec{justify-content:center}
.so-s.in .so-sum .so-body>*{transition-delay:0s}
@media (max-width:760px){.so-sum .so-body{display:block}.so-sr{padding-top:0;margin-top:16px}}
@media (max-width:760px){.so.is-play .so-card{height:100dvh;max-height:none}}
.so.at-sum .so-next{display:flex;animation:bkNudge 2.4s ease-in-out infinite}
.so-k.live{color:#fff;background:linear-gradient(135deg,#141A33,#24305F);border:0;box-shadow:0 8px 18px rgba(20,26,51,.22)}
.so-k.live i{background:#3EE08F}

/* ===== SKROCONA OFERTA: mocniejsza zacheta (pytanie przy kazdym wejsciu) ===== */
.so-ask{padding-bottom:0}
.so-ask h2{font-size:clamp(1.8rem,4.8vw,2.55rem)}
.so-mq{overflow:hidden;margin:18px calc(-1 * clamp(22px,5vw,40px)) 2px;padding:6px 0 10px;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.so-mq-in{display:flex;gap:8px;width:max-content;animation:soMq 30s linear infinite}
.so-mq span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px 8px 9px;border-radius:999px;background:#fff;border:1px solid rgba(14,17,22,.07);box-shadow:0 6px 14px rgba(30,40,90,.07);font-size:.88rem;font-weight:700;color:var(--ink);white-space:nowrap}
.so-mq i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--grad);flex-shrink:0}
.so-mq i svg{width:11px;height:11px}
@keyframes soMq{to{transform:translateX(calc(-50% - 4px))}}

/* przycisk "tak": zawsze widoczny na dole okna */
.so-ask-btns{position:sticky;bottom:0;z-index:3;margin:0 calc(-1 * clamp(22px,5vw,40px));padding:14px clamp(22px,5vw,40px) calc(14px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%);gap:4px}
.so-yes{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:470px;min-height:76px;display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border:0;border-radius:24px;cursor:pointer;font-family:inherit;color:#fff;text-align:left;
  background:linear-gradient(110deg,#2551E6 0%,#6A4DF5 30%,#B44BE0 55%,#6A4DF5 78%,#2551E6 100%) 0 0/260% 100%;
  box-shadow:0 20px 44px -12px rgba(91,77,245,.75),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(20,10,80,.25);
  animation:soGrad 6s linear infinite,soGlow 2.2s ease-out infinite;transition:transform .3s var(--spring)}
.so-yes::before{content:"";position:absolute;z-index:-1;top:-10%;bottom:-10%;left:-45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:soShine 3s ease-in-out infinite}
.so-yes:hover{transform:translateY(-2px) scale(1.015)}
.so-yes:active{transform:scale(.98)}
.so-yes-play{position:relative;width:52px;height:52px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#fff;color:#5B3FF0;box-shadow:0 8px 18px rgba(20,10,80,.3)}
.so-yes-play::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:soRing 2.2s ease-out infinite}
.so-yes-play svg{width:24px;height:24px;margin-left:3px}
.so-yes-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.so-yes-t b{font-size:1.16rem;font-weight:800;line-height:1.2}
.so-yes-t small{font-size:.82rem;font-weight:700;opacity:.88}
.so-yes>svg{width:24px;height:24px;flex-shrink:0;animation:soNudge 1.6s ease-in-out infinite}
.so-no{font-size:.88rem;padding:10px}
@keyframes soGrad{to{background-position:260% 0}}
@keyframes soGlow{0%{box-shadow:0 20px 44px -12px rgba(91,77,245,.75),0 0 0 0 rgba(124,77,255,.5),inset 0 1px 0 rgba(255,255,255,.35)}100%{box-shadow:0 20px 44px -12px rgba(91,77,245,.75),0 0 0 14px rgba(124,77,255,0),inset 0 1px 0 rgba(255,255,255,.35)}}
@keyframes soShine{0%,55%{left:-45%}100%{left:125%}}
@keyframes soRing{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}

/* przycisk w hero w stylu relacji */
.so-hero{display:flex;align-items:center;gap:13px;width:100%;max-width:480px;margin-top:18px;padding:10px 16px 10px 10px;border-radius:22px;cursor:pointer;font-family:inherit;text-align:left;color:var(--ink);
  border:2px solid transparent;background:linear-gradient(135deg,#fff,#F5F3FF) padding-box,linear-gradient(110deg,#5B7CFF,#C26BFF,#FF7AB6,#FF8A3D,#5B7CFF) border-box;background-size:100% 100%,300% 100%;
  box-shadow:0 16px 34px -12px rgba(124,77,255,.5);animation:soBorder 5s linear infinite;transition:transform .3s var(--spring),box-shadow .3s}
.so-hero:hover{transform:translateY(-3px);box-shadow:0 22px 40px -12px rgba(124,77,255,.6)}
.so-hero-ring{width:54px;height:54px;flex-shrink:0;border-radius:50%;padding:3px;background:conic-gradient(#FF8A3D,#DD2A7B,#8B5CF6,#5B7CFF,#FF8A3D);animation:soSpin 3.5s linear infinite}
.so-hero-ring>span{width:100%;height:100%;border-radius:50%;padding:3px;background:#fff;display:grid;animation:soSpin 3.5s linear infinite reverse}
.so-hero-ring i{border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6A4DF5,#B44BE0)}
.so-hero-ring svg{width:18px;height:18px;margin-left:2px}
.so-hero-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.so-hero-t b{font-size:1.02rem;font-weight:800;line-height:1.25}
.so-hero-t small{font-size:.84rem;font-weight:700;color:var(--ink-3)}
.so-hero>svg{width:22px;height:22px;flex-shrink:0;color:#6A4DF5;animation:soNudge 1.6s ease-in-out infinite}
@keyframes soBorder{to{background-position:0 0,300% 0}}

@media (max-width:760px){
  .so-ask{padding-top:20px}
  .so-ask h2{font-size:1.75rem;margin:12px 0 10px}
  .so-ask-p{font-size:.98rem}
  .so-ask-btns{padding-top:12px}
  .so-yes{min-height:72px}
  .so-yes-t b{font-size:1.06rem}
  .so-hero{max-width:none}
}
@media (max-width:760px) and (max-height:760px){.so-fan{height:150px;margin-bottom:6px}.so-fc{transform-origin:50% 0}.so-fan>*{scale:.85}}
@media (max-width:760px) and (max-height:650px){.so-fan{display:none}}
@media (prefers-reduced-motion: reduce){.so-mq-in,.so-yes,.so-yes::before,.so-yes-play::after,.so-hero,.so-hero-ring,.so-hero-ring>span{animation:none!important}}
.so-fc.c1{padding-right:34px}.so-fc.c2{padding-left:34px}
.so-fc.c1 b,.so-fc.c2 b{font-size:.74rem}
.so-yes-t b{font-size:1.2rem}
body.so-lock .kd-hint{display:none!important}

/* rezerwacja: gdzie wyslac potwierdzenie terminu */
.bk-pref{margin:-2px 0 18px}
.bk-pref .bk-chip span{gap:8px;padding:12px 20px}
.bk-pref .bk-chip svg{width:18px;height:18px;flex-shrink:0}
.bk-pref .bk-chip.wa input:checked+span{background:linear-gradient(150deg,#2BD46B,#1FA855);box-shadow:0 8px 18px rgba(31,168,85,.32)}
.bk-pref-note{margin-top:9px;font-size:.88rem;color:var(--ink-3);line-height:1.5}
.bk-pref-note b{color:var(--ink)}
.bk-fhint{display:block;margin-top:5px;font-size:.8rem;color:var(--ink-3)}

/* ===== SKROCONA OFERTA: cena na koncu (okazja) ===== */
.so-price{position:relative;isolation:isolate;overflow:hidden;margin-bottom:14px;padding:18px 18px 16px;border-radius:24px;color:#fff;
  border:1.5px solid transparent;background:linear-gradient(150deg,#141A33,#1C1440 60%,#2A1235) padding-box,linear-gradient(120deg,#5B7CFF,#C26BFF,#FF7AB6,#FF8A3D) border-box;
  box-shadow:0 24px 50px -16px rgba(91,60,220,.55)}
.so-price::before{content:"";position:absolute;z-index:-1;top:-60%;right:-30%;width:80%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(194,107,255,.35),transparent 65%)}
.so-price::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-50%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-20deg);animation:soShine 4s ease-in-out infinite}
.so-price-rib{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:#fff;background:linear-gradient(120deg,#7C4DFF,#DD2A7B 70%,#FF8A3D);box-shadow:0 8px 18px rgba(221,42,123,.35)}
.so-price-v{display:flex;align-items:flex-end;gap:12px;margin-top:10px}
.so-price-v b{font-family:'Archivo';font-size:clamp(2.7rem,5.5vw,3.4rem);font-weight:900;line-height:.95;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,#D7C8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.so-price-v span{font-size:.86rem;font-weight:800;line-height:1.2;color:#C9D0EA;padding-bottom:4px}
.so-price-day{margin-top:8px;font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.78)}
.so-price-day b{color:#fff}
.so-price-cmp{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.so-price-cmp .r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.84rem}
.so-price-cmp .r span{color:rgba(255,255,255,.6);font-weight:700}
.so-price-cmp .r b{color:rgba(255,255,255,.6);font-weight:800;text-align:right}
.so-price-cmp .r.me{background:linear-gradient(120deg,rgba(91,124,255,.3),rgba(194,107,255,.3));border:1px solid rgba(194,107,255,.45)}
.so-price-cmp .r.me span,.so-price-cmp .r.me b{color:#fff}
.so-price-in{list-style:none;display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px}
.so-price-in li{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#E3E7F7}
.so-price-in svg{width:13px;height:13px;color:#3EE08F}
.so-price-why{margin-top:10px;font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.6)}
.so-sum .so-sr .so-trust{margin-top:0}
@media (max-width:760px){
  .so-sum .so-body{display:flex;flex-direction:column}
  .so-sum .so-sl,.so-sum .so-sr{display:contents}
  .so-sum .so-ks{order:1}.so-sum .so-t{order:2}.so-sum .so-p{order:3}.so-sum .so-price{order:4;margin-top:16px;margin-bottom:0}
  .so-sum .so-list{order:5}.so-sum .so-trust{order:6;margin-top:14px}.so-sum .so-comp{order:7}.so-sum .so-cta{order:8}.so-sum .so-fine{order:9}
}
@media (prefers-reduced-motion: reduce){.so-price::after{animation:none}}
@media (max-width:760px){
  .so-sum .so-body{height:auto}
  .so-sum .so-body>*,.so-sum .so-sl>*,.so-sum .so-sr>*{flex-shrink:0}
  .so.at-sum .so-next b{font-size:1rem;white-space:nowrap}
}
.so-price-cmp .r span,.so-price-cmp .r b{white-space:nowrap}

/* ===== SKROCONA OFERTA: podpowiedz "przewin w dol" ===== */
.so-stage-w{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.so-stage-w::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;z-index:5;pointer-events:none;opacity:0;transition:opacity .35s;
  background:linear-gradient(180deg,rgba(243,245,255,0),rgba(243,245,255,.92) 62%,#F3F5FF)}
.so.has-more .so-stage-w::after{opacity:1}
.so-more{position:absolute;left:50%;bottom:16px;z-index:6;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 18px;border:0;border-radius:999px;cursor:pointer;
  font-family:inherit;font-size:.95rem;font-weight:800;color:#fff;background:rgba(14,17,34,.94);
  box-shadow:0 16px 34px -10px rgba(10,14,40,.55),inset 0 0 0 1px rgba(255,255,255,.12);
  opacity:0;pointer-events:none;transform:translate(-50%,24px);transition:opacity .35s var(--ease),transform .5s var(--spring),padding .35s var(--ease),gap .35s var(--ease)}
.so.has-more .so-more{opacity:1;pointer-events:auto;transform:translate(-50%,0);animation:soMoreBob 2.4s ease-in-out infinite .6s}
.so-more-t{white-space:nowrap;overflow:hidden;max-width:240px;transition:max-width .4s var(--ease),opacity .25s}
.so.more-mini .so-more{padding:7px;gap:0}
.so.more-mini .so-more-t{max-width:0;opacity:0}
.so-more-i{position:relative;width:38px;height:38px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--grad);box-shadow:0 0 0 4px rgba(139,92,246,.22),0 0 18px rgba(139,92,246,.6)}
.so-more-i svg{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:soDown 1.5s ease-in infinite}
.so-more-i svg+svg{animation-delay:.75s}
@keyframes soDown{0%{transform:translateY(-12px);opacity:0}35%{opacity:1}100%{transform:translateY(12px);opacity:0}}
@keyframes soMoreBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}

/* tresc sama lekko podskakuje: "tu da sie przewinac" (pierwsze slajdy) */
.so-s.peek>*{animation:soPeek 1.5s cubic-bezier(.34,1.3,.5,1) 1.1s 2 both}
@keyframes soPeek{0%,100%{transform:translateY(0)}40%,55%{transform:translateY(-54px)}}

/* po przewinieciu do konca: "Dalej" pulsuje, to nastepny krok */
.so.seen-all:not(.at-sum) .so-next{animation:soReady 1.6s ease-out infinite}
@keyframes soReady{0%{box-shadow:0 14px 30px -8px rgba(80,70,240,.55),0 0 0 0 rgba(124,77,255,.55)}100%{box-shadow:0 14px 30px -8px rgba(80,70,240,.55),0 0 0 14px rgba(124,77,255,0)}}

@media (min-width:761px){.so-stage-w::after{left:44%}.so-more{left:72%}}
@media (prefers-reduced-motion: reduce){.so-more,.so-more-i svg,.so-s.peek>*,.so.seen-all .so-next{animation:none!important}}

/* ===== SKROCONA OFERTA: ostatni krok, rezerwacja terminu ===== */
.so-book{display:block!important;overflow-y:auto;overscroll-behavior:contain}
.so-book .so-body{max-width:720px;margin:0 auto;height:auto!important;overflow:visible;padding-bottom:110px}
.so.at-book .so-nav{display:none}
.so.at-book .so-skip{visibility:hidden}
.so-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:8px 12px 8px 9px;border:0;border-radius:999px;background:rgba(14,17,22,.05);font-family:inherit;font-size:.86rem;font-weight:800;color:var(--ink-2);cursor:pointer}
.so-back svg{width:16px;height:16px}
.so-book .so-t{margin-bottom:10px}

/* karty najblizszych terminow */
.so-qp{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.so-qc{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 14px 14px 16px;border-radius:22px;border:1.5px solid rgba(14,17,22,.08);background:#fff;
  box-shadow:0 10px 24px rgba(30,40,90,.07);cursor:pointer;font-family:inherit;color:var(--ink);text-align:left;transition:transform .3s var(--spring),border-color .2s,box-shadow .3s;
  animation:soQIn .5s var(--spring) both}
.so-qc:nth-child(2){animation-delay:.06s}.so-qc:nth-child(3){animation-delay:.12s}.so-qc:nth-child(4){animation-delay:.18s}
.so-qc:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:0 16px 30px rgba(30,40,90,.12)}
.so-qc:active{transform:scale(.98)}
.so-qc .tm{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:86px;padding:8px 6px;border-radius:16px;background:var(--accent-soft)}
.so-qc .tm em{font-style:normal;font-size:.78rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.so-qc .tm b{font-family:'Archivo';font-size:1.7rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.so-qc .tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.so-qc .tag{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#F1F3F8;color:var(--ink-2)}
.so-qc .ds{font-size:.95rem;font-weight:700;color:var(--ink-2);line-height:1.35}
.so-qc .go{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);transition:transform .3s var(--spring)}
.so-qc .go svg{width:20px;height:20px}
.so-qc:hover .go{transform:translateX(3px)}
/* najszybszy termin: wyrozniony */
.so-qc.t-fast{padding:16px;border:1.5px solid transparent;color:#fff;
  background:linear-gradient(150deg,#141A33,#1C1440 60%,#2A1235) padding-box,linear-gradient(120deg,#5B7CFF,#C26BFF,#FF7AB6,#FF8A3D) border-box;box-shadow:0 20px 40px -14px rgba(91,60,220,.6)}
.so-qc.t-fast .tm{background:rgba(255,255,255,.1);min-width:96px}
.so-qc.t-fast .tm em{color:#C9D3FF}
.so-qc.t-fast .tm b{color:#fff;font-size:2rem}
.so-qc.t-fast .tag{color:#fff;background:linear-gradient(120deg,#7C4DFF,#DD2A7B 70%,#FF8A3D);box-shadow:0 6px 14px rgba(221,42,123,.35)}
.so-qc.t-fast .ds{color:#fff;font-size:1.02rem}
.so-qc.t-fast .go{width:48px;height:48px;background:#fff;color:#5B3FF0;animation:soRing2 2s ease-out infinite}
@keyframes soRing2{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
@keyframes soQIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.so-qsk{display:block;height:84px;border-radius:22px;background:linear-gradient(90deg,#EEF1F8 25%,#F7F8FC 50%,#EEF1F8 75%) 0 0/200% 100%;animation:soSk 1.2s linear infinite}
.so-qsk:first-child{height:96px}
@keyframes soSk{to{background-position:-200% 0}}
.so-qerr{padding:14px 16px;border-radius:16px;background:#FFF4F7;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.so-qerr button,.so-qerr a{font:inherit;font-weight:800;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}

.so-all{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px 16px;border-radius:18px;border:1.5px dashed rgba(37,81,230,.35);background:rgba(236,241,254,.6);font-family:inherit;font-size:.92rem;color:var(--ink-2);text-align:left;cursor:pointer}
.so-all>svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)}
.so-all>svg:last-child{width:18px;height:18px}
.so-all span{flex:1}
.so-all b{color:var(--accent)}

/* wybrany termin */
.so-sel{display:flex;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#2551E6,#6A4DF5 60%,#8B5CF6);box-shadow:0 16px 32px -12px rgba(80,70,240,.55)}
.so-sel .ic{width:44px;height:44px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.so-sel .ic svg{width:22px;height:22px}
.so-sel>div{flex:1;min-width:0;display:flex;flex-direction:column}
.so-sel small{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.so-sel b{font-family:'Archivo';font-size:1.25rem;font-weight:900;line-height:1.2}
.so-sel em{font-style:normal;font-size:.86rem;opacity:.85}
.so-sel-ch{flex-shrink:0;font-family:inherit;font-size:.86rem;font-weight:800;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:9px 14px;border-radius:999px;cursor:pointer}

/* stany kroku: a = wybor terminu, b = dane, c = gotowe */
.so-book:not(.bk-b) .so-sel{display:none}
.so-book.bk-b .so-qp-w,.so-book.bk-c .so-qp-w,.so-book.bk-c .so-ks,.so-book.bk-c .so-t,.so-book.bk-c .so-back{display:none}
.so-book.bk-a:not(.show-all) .so-bk-host{display:none}
.so-book.show-all .so-all{display:none}

/* kalendarz ze strony wewnatrz okna */
.so-bk-host{margin-top:16px}
.so-book .bk-app{padding:0;background:none;border:0;box-shadow:none;min-height:0;border-radius:0}
.so-book .bk-pick{display:none!important}
.so-book .bk-push{display:none}
.so-book.bk-a.show-all .so-bk-host{padding-top:16px;border-top:1px solid rgba(14,17,22,.08)}
@media (max-width:760px){
  .so-book .so-body{padding:18px 16px 110px}
  .so-qc{gap:12px;padding:12px}
  .so-qc .tm{min-width:78px}
  .so-qc .tm b{font-size:1.55rem}
  .so-qc.t-fast .tm b{font-size:1.8rem}
  .so-qc .ds{font-size:.9rem}
  .so-book .bk-slots{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion: reduce){.so-qc,.so-qc.t-fast .go,.so-qsk{animation:none!important}}
.so-fin{display:none;width:100%;margin-top:18px;padding:16px;border:0;border-radius:18px;font-family:inherit;font-size:1.02rem;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#141A33,#24305F)}
.so-book.bk-c .so-fin{display:block}

/* ===== kalendarz w oknie oferty: dopracowana karta (telefon i komputer) ===== */
.so-book.show-all .so-bk-host,.so-book.bk-b .so-bk-host,.so-book.bk-c .so-bk-host{position:relative;overflow:hidden;margin-top:16px;padding:18px 16px 16px;border-radius:24px;
  background:#fff;border:1px solid rgba(14,17,22,.07);box-shadow:0 18px 40px -18px rgba(30,40,90,.22)}
.so-book.bk-a.show-all .so-bk-host{border-top:1px solid rgba(14,17,22,.07)}
.so-book .bk-app{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;min-height:0!important}
.so-book .bk-prog{margin-bottom:18px;padding-bottom:14px}
.so-book .bk-h{flex-wrap:wrap;row-gap:4px;margin-bottom:10px}
.so-book .bk-h b{font-size:1.05rem}
.so-book .bk-tz,.so-book .bk-daylbl{font-size:.82rem}
/* dni: przewijane wewnatrz karty, od krawedzi do krawedzi, bez paska przewijania */
.so-book .bk-days-wrap{margin:0 -16px 16px!important;padding:0!important}
.so-book .bk-days{padding:4px 16px 8px!important;scroll-padding-left:16px;scrollbar-width:none}
.so-book .bk-days::-webkit-scrollbar{display:none}
.so-book .bk-days-wrap::after{content:"";position:absolute;top:0;right:0;bottom:8px;width:42px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 85%)}
.so-book .bk-days-wrap::before{content:none}
/* godziny: rowna siatka w srodku karty */
.so-book .bk-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.so-book .bk-slot{min-width:0}
.so-book .bk-legend{margin-top:12px}
.so-book .bk-nav{margin-top:18px;padding-top:14px}
@media (min-width:761px){.so-book .bk-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}.so-book.show-all .so-bk-host,.so-book.bk-b .so-bk-host,.so-book.bk-c .so-bk-host{padding:22px 22px 20px}.so-book .bk-days-wrap{margin:0 -22px 16px!important}.so-book .bk-days{padding:4px 22px 8px!important}}

/* telefon: bez przyblizania ekranu podwojnym stuknieciem (przyblizanie dwoma palcami zostaje) */
*{touch-action:manipulation}
/* po wyborze terminu: formularz jak najwyzej (zmiana terminu przez przycisk "Zmien") */
.so-book.bk-b .so-back,.so-book.bk-b .so-ks{display:none}
.so-book.bk-b .so-t{font-size:1.4rem;margin:0 0 10px}
.so-book.bk-b .so-sel{margin-top:0}

/* tekst z gradientem: ogonki liter (y, ę, ą, g, p, j) nie sa obcinane — tlo siega nizej, uklad bez zmian */
.bk-side h2 span,.cn h2 span,.gd-head h2 span,.gs-q h3 span,.mx-acc,.px-head h3 span,.so-ask h2 span,.so-t em,.sp-head h3 span,.wl-head h2 span{
  padding-bottom:.16em;margin-bottom:-.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
span.vw.vw.vw.vw-gt{padding-bottom:.16em;margin-bottom:-.16em}

/* wachlarz kart w pytaniu na start: boczne karty rozsuniete, tekst wysrodkowany */
.so-fc.c1,.so-fc.c2{padding-left:12px;padding-right:12px}
.so-fc.c1{--fx:-120px;--fr:-11deg}
.so-fc.c2{--fx:120px;--fr:11deg}
.so-fc.c1,.so-fc.c2{transform:translateX(var(--fx)) rotate(var(--fr)) scale(.86)}
.so-fc.c1{animation:soFL 6s ease-in-out infinite}
.so-fc.c2{animation:soFR 6s ease-in-out infinite}
@keyframes soFL{0%,100%{transform:translateX(var(--fx)) rotate(var(--fr)) scale(.86)}50%{transform:translateX(calc(var(--fx) - 5px)) translateY(-6px) rotate(calc(var(--fr) - 2deg)) scale(.86)}}
@keyframes soFR{0%,100%{transform:translateX(var(--fx)) rotate(var(--fr)) scale(.86)}50%{transform:translateX(calc(var(--fx) + 5px)) translateY(-6px) rotate(calc(var(--fr) + 2deg)) scale(.86)}}
@media (max-width:760px){.so-fc.c1{--fx:-104px}.so-fc.c2{--fx:104px}}
@media (max-width:360px){.so-fc.c1{--fx:-96px}.so-fc.c2{--fx:96px}}
@media (prefers-reduced-motion: reduce){.so-fc.c1,.so-fc.c2{animation:none!important}}

/* ikonki Facebook + Instagram przy uslugach, ktore dzialaja na obu */
.pf{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:800;color:var(--ink-2);line-height:1;white-space:nowrap}
.pf i{position:relative;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;color:#fff;box-shadow:0 4px 10px rgba(20,30,70,.18),0 0 0 2px #fff}
.pf i svg{width:16px;height:16px}
.pf i+i{margin-left:-6px}
.pf>span{margin-left:3px}
.pf-fb{border-radius:50%;background:#1877F2}
.pf-fb svg{width:21px!important;height:21px!important;transform:translate(1px,2px)}
.pf-ig{border-radius:8px;background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.pk-txt .pf{align-self:flex-start;margin:2px 0 2px;padding:5px 11px 5px 6px;border-radius:999px;background:#F3F5FB;border:1px solid rgba(14,17,22,.06)}
.ls-card header .pf{margin:6px 0 4px;padding:5px 11px 5px 6px;border-radius:999px;background:#F3F5FB;border:1px solid rgba(14,17,22,.06)}
/* w skroconej ofercie */
.so-kpf{padding:4px 11px 4px 5px;text-transform:none;letter-spacing:0}
.so-kpf .pf{font-size:.8rem}
.pf-sm{gap:0}
.pf-sm i{width:20px;height:20px}
.pf-sm i svg{width:13px;height:13px}
.pf-sm .pf-fb svg{width:17px!important;height:17px!important}
.so-vtag .pf-sm{margin-right:8px;vertical-align:-5px}
.so-vtag .pf i{box-shadow:0 0 0 2px rgba(20,26,64,.9)}
.so-list .pf-sm{margin-left:auto;padding-left:8px}
.so-list .pf-sm i{box-shadow:0 0 0 2px #fff}
.pf-sm i+i{margin-left:-2px}
.pf i.pf-fb{border-radius:50%;background:#1877F2;color:#fff}
.pf i.pf-ig{border-radius:8px;color:#fff;background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.pf-sm i.pf-ig{border-radius:6px}

/* ikonki FB i IG: same znaki w gradiencie, bez tla (ksztalt z maski, kolor z gradientu) */
.pf i{background:none;box-shadow:none!important;overflow:visible;border-radius:0}
.pf i svg{display:none}
.pf i.pf-fb,.pf i.pf-ig{border-radius:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.pf i.pf-fb{background:linear-gradient(180deg,#18ACFE 0%,#0163E0 100%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24a12 12 0 1 0 0-24zM13.5 23.6V13.8h2.4l.36-2.8H13.5V9.2c0-.81.22-1.36 1.39-1.36h1.51V5.33c-.26-.03-1.14-.11-2.17-.11-2.15 0-3.62 1.31-3.62 3.72v2.06H8.2v2.8h2.41V23.6z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24a12 12 0 1 0 0-24zM13.5 23.6V13.8h2.4l.36-2.8H13.5V9.2c0-.81.22-1.36 1.39-1.36h1.51V5.33c-.26-.03-1.14-.11-2.17-.11-2.15 0-3.62 1.31-3.62 3.72v2.06H8.2v2.8h2.41V23.6z'/%3E%3C/svg%3E")}
.pf i.pf-ig{background:radial-gradient(circle at 28% 108%,#FDF497 0%,#FDF497 8%,#FD5949 42%,#D6249F 62%,#285AEB 95%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3'%3E%3Crect x='2.9' y='2.9' width='18.2' height='18.2' rx='5.3'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3'%3E%3Crect x='2.9' y='2.9' width='18.2' height='18.2' rx='5.3'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E")}
.pf i{width:22px;height:22px}
.pf i+i{margin-left:5px}
.pf-sm i{width:18px;height:18px}
.pf-sm i+i{margin-left:4px}
.pf>span{margin-left:4px}
/* na ciemnym panelu w skroconej ofercie: jasniejsze wersje, zeby byly dobrze widoczne */
.so-vtag .pf i.pf-fb{background:linear-gradient(180deg,#6CC8FF,#2E8BFF)}
/* komputer: zanikanie i "Przewin w dol" nad prawa kolumna tylko na slajdach uslug; podsumowanie i rezerwacja na cala szerokosc */
@media (min-width:761px){
  .so.at-sum .so-stage-w::after,.so.at-book .so-stage-w::after{left:0}
  .so.at-sum .so-more,.so.at-book .so-more{left:50%}
}