@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 800;font-display:block;src:url(../media/fonts/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 800;font-display:block;src:url(../media/fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/fonts/instrument-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/fonts/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Wspólne z parasolem 3HT: kolory, typografia, przyciski ---------- */
:root{
  --ink:#140530;--navy:#1a073c;--violet:#6133b9;--mint:#00ffb3;
  --paper:#f4f2ed;--lav:#ebe5f7;--lav-2:#f6f3fc;--lav-line:#dcd2f1;
  --text:#1c1730;--muted:#4f4a60;--soft:#6b657d;--line:#dcd8e2;
  --font:"Montserrat",sans-serif;--gut:96px;
  --ease:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:var(--font);color:var(--text);font-size:17px;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
h1,h2,h3,h4,.lead{text-wrap:balance}
p,li,dd,.draft,.okline,.flag,.alert,.remind{text-wrap:pretty}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.i{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.arrow{width:.85em;height:.85em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .35s var(--ease)}
.label{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--muted)}
.label::before{content:"";width:28px;height:2px;background:var(--violet);flex:none}
.dark .label{color:#c9c2dc}
.dark .label::before{background:var(--mint)}
.h2{font-weight:700;font-size:52px;line-height:1.06;letter-spacing:-.032em;color:var(--ink)}
.h2 .second{display:block;font-weight:300;letter-spacing:-.025em;color:var(--violet)}
.dark .h2{color:#fff}
.dark .h2 .second{color:var(--mint)}
.sec-head{margin-bottom:72px}
.sec-head .h2{margin-top:28px}
.lead{font-size:21px;line-height:1.5;font-weight:600;color:var(--ink)}
.body{font-size:17px;line-height:1.7;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;height:58px;padding:0 26px;font-weight:600;font-size:17px;border-radius:2px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.btn:hover .arrow,.link:hover .arrow{transform:translate(2px,-2px)}
.btn:hover .arrow.down{transform:translate(1px,2px)}
.btn-mint{background:var(--mint);color:var(--ink)}
.btn-mint{position:relative;isolation:isolate;overflow:hidden}
.btn-mint::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}
@media (hover:hover){
  .btn-mint:hover{color:#fff}
  .btn-mint:hover::before{transform:scaleX(1)}
  .btn-mint:hover .arrow{color:var(--mint)}
}
/* miętowy przycisk na ciemnym tle: po najechaniu białe wypełnienie, żeby nie zlewał się z tłem */
.dark .btn-mint::before,.own-ask .btn-mint::before,.m-menu .btn-mint::before,.roles-band .btn-mint::before{background:#fff}
@media (hover:hover){
  .dark .btn-mint:hover,.own-ask .btn-mint:hover,.m-menu .btn-mint:hover,.roles-band .btn-mint:hover{color:var(--ink)}
  .dark .btn-mint:hover .arrow,.own-ask .btn-mint:hover .arrow,.m-menu .btn-mint:hover .arrow,.roles-band .btn-mint:hover .arrow{color:var(--ink)}
}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--violet)}
.btn-line-dark{border:1.5px solid var(--ink);color:var(--ink)}
.btn-line-dark:hover{background:var(--ink);color:#fff}
.btn-line{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn-line:hover{background:#fff;color:var(--ink)}
.btn-s{height:46px;padding:0 18px;font-size:15px;gap:10px}
.link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;border-bottom:1.5px solid currentColor;padding-bottom:4px;white-space:nowrap}
.dark .link{color:#fff;border-bottom-color:var(--mint)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.demo-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--violet)}
.demo-tag::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}

/* ---------- Nagłówek ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--paper);transition:background .3s,box-shadow .3s}
.site-head.scrolled{background:#fff;box-shadow:0 10px 30px -14px rgba(22,8,48,.2)}
.head-in{position:relative;z-index:2;display:flex;align-items:center;height:96px}
.logo{display:inline-flex;align-items:baseline;font-weight:700;font-size:30px;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.logo i{font-style:normal;color:var(--mint)}
.logo span{font-weight:300;letter-spacing:-.02em}
.main-nav{display:flex;gap:40px;margin-left:88px;font-size:16px;font-weight:500;color:var(--muted)}
.main-nav a{position:relative;padding:8px 0}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.main-nav a:hover{color:var(--ink)}
.main-nav a:hover::after{transform:scaleX(1)}
@media (max-width:1400px){.site-head .main-nav{gap:26px;margin-left:44px}}
@media (max-width:1280px){.site-head .main-nav{gap:20px;margin-left:30px;font-size:15px}.site-head .lang{margin-right:-4px}}
.head-r{margin-left:auto;display:flex;align-items:center;gap:28px}
.lang{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--soft)}
.lang .on{color:var(--ink)}
.lang a:hover{color:var(--ink)}
.burger{display:none;width:48px;height:48px;margin-right:-10px;align-items:center;justify-content:center}
.burger span{position:relative;display:block;width:22px;height:2px;background:var(--ink);transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--ink);transition:transform .3s var(--ease)}
.burger span::before{top:-7px}
.burger span::after{top:7px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(7px) rotate(45deg)}
.menu-open .burger span::after{transform:translateY(-7px) rotate(-45deg)}
.m-menu{display:none}

/* ---------- Pierwszy ekran ---------- */
.hero{--band:350px;position:relative;background:var(--paper);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:var(--band);bottom:0;background:var(--lav)}
.hero-panel{position:absolute;top:var(--band);right:0;width:96px;height:96px}
.hero-panel .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.hero-in{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:56px;min-height:672px}
.hero-copy{align-self:start;max-width:520px;padding:56px 0 48px;position:relative;z-index:2}
.hero h1{font-weight:700;font-size:62px;line-height:1.04;letter-spacing:-.04em;color:var(--ink)}
.hero h1 .second{display:block;font-weight:300;letter-spacing:-.03em;color:var(--violet);margin-top:4px}
.hero-lead{margin-top:58px;font-size:19px;font-weight:600;line-height:1.6;color:var(--ink);max-width:500px}
.hero-btns{display:flex;gap:12px;margin-top:42px}
.hero-proof{display:flex;gap:14px;align-items:center;max-width:470px;margin-top:36px;padding-top:18px;border-top:1px solid var(--lav-line);font-size:15px;line-height:1.5;color:var(--muted)}
.hero-proof .ok{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);flex:none}
.hero-proof .ok .i{width:18px;height:18px;stroke-width:2.6;color:var(--ink)}
.hero-proof b{color:var(--ink);font-weight:600}
.hero-claim{max-width:470px;margin-top:34px;font-size:16px;font-weight:700;line-height:1.5;color:var(--ink)}
.hero-claim + .hero-proof{margin-top:16px}
.hero-btns .btn{padding:0 22px}
.hero-demo{position:relative;padding:26px 0 30px 64px;margin-right:-40px;display:flex;flex-direction:column}
.hero-demo .demo-tag{margin-bottom:12px}

/* Okno aplikacji (pierwszy ekran) */
.app{position:relative;background:#fff;border-radius:14px;box-shadow:0 60px 90px -50px rgba(20,5,48,.5),0 0 0 1px rgba(20,5,48,.06)}
.app-bar{display:flex;align-items:center;gap:12px;height:54px;padding:0 22px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.app-bar .mk{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--ink);color:var(--mint);font-size:11px;font-weight:700;letter-spacing:-.02em}
.app-bar .who{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:500;color:var(--soft)}
.app-bar .who b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lav);color:var(--violet);font-size:12px;font-weight:700}
.app-body{display:grid;grid-template-columns:190px 1fr;min-height:452px}
.rail{display:flex;flex-direction:column;gap:4px;padding:18px 12px;border-right:1px solid var(--line);background:#fbfaf8;border-bottom-left-radius:14px}
.rail-i{display:flex;align-items:center;gap:12px;height:50px;padding:0 12px;border-radius:9px;font-size:15px;font-weight:600;color:#958fa3}
.rail-i .ri{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0edf4;flex:none}
.rail-i .ri .i{width:18px;height:18px}
.rail-i.on{background:var(--lav);color:var(--ink)}
.rail-i.on .ri{background:var(--ink);color:var(--mint)}
.app-main{display:flex;flex-direction:column;padding:20px 26px 24px;gap:14px}
.app-head{display:flex;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid #efedf3}
.app-head b{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.app-head span{font-size:14px;color:var(--soft)}
.voice{align-self:flex-end;width:78%;padding:14px 16px 12px;border-radius:14px 14px 4px 14px;background:var(--lav)}
.voice small{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--violet)}
.voice small em{font-style:normal;font-weight:500;color:var(--soft)}
.vrow{display:flex;align-items:center;gap:12px;margin-top:10px}
.play{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--mint);flex:none;cursor:pointer;transition:transform .25s var(--ease),background .25s}
.play svg{grid-area:1/1}
.play .pp{display:none}
.vrow.is-playing .play .pi{display:none}
.vrow.is-playing .play .pp{display:block}
.play:hover{transform:scale(1.08);background:var(--violet)}
.play:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.play::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--mint);opacity:0;pointer-events:none}
.invite .play::after{animation:invite 1.6s var(--ease) 2}
@keyframes invite{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.45)}}
.wave{cursor:pointer}
.vrow.audio .wave i{background:#c3b6e6!important;transition:background .15s!important;transition-delay:0s!important}
.vrow.audio .wave i.pl{background:var(--ink)!important}
.vrow.audio .dur{color:var(--violet);font-variant-numeric:tabular-nums}
.wave{display:flex;align-items:center;gap:3px;height:34px;flex:1}
.wave i{flex:1;max-width:5px;border-radius:2px;background:#c3b6e6;height:calc(var(--h)*1%)}
.vrow .dur{font-size:13px;font-weight:600;color:var(--muted)}
.slot{position:relative;display:grid}
.slot > *{grid-area:1/1}
.typing{align-self:start;display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:12px 16px;border-radius:12px;background:#f3f1f6;font-size:14px;font-weight:500;color:var(--muted)}
.dots{display:inline-flex;gap:4px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--violet);opacity:.35;animation:dot 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}
.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.res{width:92%;border-radius:12px;border:1px solid #e7e3ee;background:#fff;box-shadow:0 18px 40px -26px rgba(20,5,48,.35);overflow:hidden;transition:box-shadow .3s,border-color .3s}
.res-h{display:flex;align-items:center;gap:10px;padding:13px 16px 11px;font-size:14px;font-weight:700;color:var(--ink)}
.res-h .ri{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ink);color:var(--mint)}
.res-h .ri .i{width:15px;height:15px}
.res-h em{margin-left:auto;font-style:normal;font-weight:500;font-size:12px;color:var(--soft)}
.res-p{padding:0 16px 8px;font-size:15px;color:var(--muted)}
.res dl{margin:0 12px 12px;border-radius:8px;background:#f8f7fa}
.res dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 12px;font-size:15px;border-top:1px solid #edeaf2;transition:background 1.2s}
.res dl div:first-child{border-top:0}
.res dt{color:var(--soft)}
.res dd{font-weight:700;color:var(--ink)}
.flag{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:9px 12px;border-radius:8px;background:#f1ebfd;font-size:14px;font-weight:600;color:var(--violet)}
.flag .i{width:17px;height:17px}
.res.edit{border-color:var(--violet);box-shadow:0 0 0 3px rgba(97,51,185,.18)}
.acts{display:flex;gap:10px;align-items:center}
.b-ghost,.b-ok{position:relative;isolation:isolate;overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .35s var(--ease),background .3s,border-color .3s,color .35s var(--ease),box-shadow .35s var(--ease)}
.b-ghost{border:1.5px solid #d6d1df;color:var(--ink);background:#fff}
.b-ok{background:var(--mint);color:var(--ink);box-shadow:0 10px 24px -12px rgba(0,180,120,.7)}
.b-ok::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}
.b-ok .go{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--mint);flex:none;transition:transform .45s var(--ease),background .35s,color .35s}
.b-ok .go .arrow{width:12px;height:12px}
.b-ok:active{transform:scale(.97)}
.b-ok:focus-visible,.b-ghost:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media (hover:hover){
  .b-ghost:hover{border-color:var(--ink);background:var(--paper)}
  .b-ok:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(20,5,48,.6)}
  .b-ok:hover::before{transform:scaleX(1)}
  .b-ok:hover .i{color:var(--mint)}
  .b-ok:hover .go{background:var(--mint);color:var(--ink);transform:rotate(45deg)}
}
.b-ok .i{width:17px;height:17px;stroke-width:2.4}
.okline{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--ink)}
.okline .tick{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint);flex:none}
.okline .tick .i{width:16px;height:16px;stroke-width:2.6;color:var(--ink)}
.okline em{font-style:normal;font-weight:500;color:var(--soft)}

/* Trzy momenty pod oknem */
.moments{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:22px;margin-top:20px;list-style:none;align-items:start}
.moments li{position:relative;padding-top:16px;font-size:15px;font-weight:600;line-height:1.35;color:#8f88a3;cursor:pointer;transition:color .3s}
.moments li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#d4caee}
.moments li::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--ink);transition:width .9s var(--ease)}
.moments li span{display:block;font-size:13px;color:#a69fbb;margin-bottom:2px}
.moments li.rp{cursor:default}
.moments li.rp::before,.moments li.rp::after{display:none}
.moments li.on{color:var(--ink)}
.moments li.on::after{width:100%}
.moments li.on span{color:var(--violet)}
.moments li.cur::after{background:var(--mint)}
.replay{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:600;color:var(--violet);opacity:.0;transition:opacity .4s}
.replay .i{width:18px;height:18px}
.done .replay,.static .replay{opacity:1}

/* Slider czterech ról w pierwszym ekranie */
.app-main.slides{display:grid}
.slide{grid-area:1/1;display:flex;flex-direction:column;gap:14px;min-width:0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility .5s}
.slide.act{opacity:1;visibility:visible;transform:none}
.inmsg{display:flex;gap:12px;align-items:flex-start;width:86%;padding:14px 16px;border-radius:12px;background:var(--lav-2);border:1px solid #e6def6}
.in-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:var(--violet);flex:none;box-shadow:0 4px 12px -6px rgba(20,5,48,.25)}
.in-ic .i{width:18px;height:18px}
.inmsg small{display:block;font-size:13px;font-weight:600;color:var(--violet)}
.inmsg p{font-size:15px;font-weight:600;line-height:1.45;color:var(--ink);margin-top:2px}
.stars{margin-right:8px;letter-spacing:1px;color:var(--violet)}
.res .draft{margin:4px 16px 14px;font-size:15px}
.res .remind{margin:0 16px 14px}
button.rail-i{position:relative;width:100%;text-align:left;cursor:pointer;transition:background .3s,color .3s}
button.rail-i:hover{color:var(--ink)}
button.rail-i:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.rail-i::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--mint);transform:scaleX(0);transform-origin:left center}
.rail-i.on.run::after{animation:railfill var(--dur,8000ms) linear both}
@keyframes railfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.replay{opacity:1}
.replay .ic-play,.replay .t-r{display:none}
.replay[aria-pressed="true"] .ic-pause,.replay[aria-pressed="true"] .t-p{display:none}
.replay[aria-pressed="true"] .ic-play,.replay[aria-pressed="true"] .t-r{display:inline}
.replay .ic-play{width:14px;height:14px}
.static .replay{display:none}

/* Pierwszy ekran v6: jedno zadanie w rozmowie, wynik jako dokument */
.app-bar .ab-tabs{display:flex;align-self:stretch;margin-left:8px}
.app-bar .mk{flex:none}
.app-bar .ab-tabs i{display:flex;align-items:center;padding:0 12px;margin-bottom:-1px;border-bottom:3px solid transparent;font-style:normal;font-size:13.5px;font-weight:500;color:var(--soft);white-space:nowrap}
.app-bar .ab-tabs i.on{color:var(--ink);font-weight:700;border-bottom-color:var(--mint)}
.app-bar .ttl{display:none}
.chat{display:flex;flex-direction:column;gap:10px;padding:16px 26px 20px}
.ml{display:block;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--violet)}
.cm{align-self:flex-end;width:74%;text-align:left}
.cm .ml{text-align:right}
.me-b{padding:10px 16px 11px;border-radius:14px 14px 4px 14px;background:var(--lav)}
.me-b small{display:block;font-size:12px;font-weight:600;color:var(--violet)}
.me-b p{margin-top:3px;font-size:15px;font-weight:500;line-height:1.5;color:var(--ink)}
.docw{width:100%}
.doc{border:1px solid #e7e3ee;border-radius:12px;background:#fff;box-shadow:0 22px 44px -28px rgba(20,5,48,.4);overflow:hidden}
.doc-h{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #efedf3}
.doc-h .ri{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--mint);flex:none}
.doc-h .ri .i{width:16px;height:16px}
.doc-h b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.doc-h small{display:block;font-size:12px;color:var(--soft)}
.doc-h .pdf{margin-left:auto;padding:4px 8px;border:1px solid #e3ddef;border-radius:6px;font-size:11px;font-weight:700;color:var(--violet)}
.doc dl{padding:6px 16px 4px}
.doc dl div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #f0edf4;font-size:15px}
.doc dt{color:var(--muted)}
.doc dd{font-weight:600;color:var(--ink);white-space:nowrap}
.doc dl div.sum{border-bottom:0;border-top:1.5px solid var(--ink);margin-top:2px;padding-top:9px}
.doc dl div.sum dt,.doc dl div.sum dd{font-weight:700;color:var(--ink);font-size:16px}
.js .doc dl div.on{animation:hl 1.6s ease both;animation-delay:calc(var(--i,0)*240ms)}
.doc.edit{border-color:var(--violet);box-shadow:0 0 0 3px rgba(97,51,185,.18)}
.doc-f{display:flex;align-items:center;gap:8px;padding:6px 16px 12px;font-size:13px;font-weight:600;color:var(--violet)}
.doc-f .i{width:16px;height:16px}
.decw .slot.dec{min-height:48px}
.chat .acts{gap:10px}
.chat .acts .q{margin-right:auto;font-size:15px;font-weight:600;color:var(--ink)}

/* przyciski wstrzymania usunięte z widoku (slider zatrzymuje się po interakcji) */
.replay[data-act="auto"],.moments .rp,.tri .case-auto{display:none!important}

/* ---------- Stany animacji (bez JS i bez ruchu widać stan końcowy) ---------- */
.js .fx[data-at]{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .fx[data-at].on{opacity:1;transform:none}
.js .stg{transition-delay:calc(var(--i,0)*240ms)!important}
.off{opacity:0!important;visibility:hidden;pointer-events:none}
.js .res dl div.on{animation:hl 1.6s ease both;animation-delay:calc(var(--i,0)*240ms)}
@keyframes hl{0%,30%{background:rgba(0,255,179,.28)}100%{background:transparent}}
.voice .wave i{transition:background .12s;transition-delay:calc(var(--i)*38ms)}
.js .seq[data-step="0"] .wave i,.js .seq:not([data-step]) .wave i{background:#c3b6e6}
.js .seq .wave i{background:#c3b6e6}
.js .seq .wave.on i,.static .wave i{background:var(--ink)}
.js .playing .acts.on .b-ok{animation:press .5s ease 1.05s both}
@keyframes press{0%{transform:none}45%{transform:scale(.93);background:#00e6a1}100%{transform:none}}
.static .fx[data-at]{opacity:1!important;transform:none!important;transition:none!important}

/* ---------- Cztery role ---------- */
.roles{padding:140px 0 120px;background:#fff}
.roles-top{display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:end;margin-bottom:64px}
.roles-top .h2{margin-top:28px}
.roles-lead{max-width:560px;margin-top:22px;font-size:19px;font-weight:600;line-height:1.5;color:var(--ink)}
@media (max-width:720px){.roles-lead{font-size:17px;margin-top:16px}}
.role-tabs{display:grid;grid-template-columns:repeat(4,1fr)}
.role-tab{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:18px;align-items:center;min-height:116px;padding:26px 28px 24px;background:#fff;border:1px solid var(--line);border-bottom:0;margin-left:-1px;transition:background .35s}
.role-tab:first-child{margin-left:0}
.role-tab .bar{position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--line);overflow:hidden;transition:background .3s}
.role-tab .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mint)}
.role-tab.on .bar i{width:100%}
.role-tab.on.run .bar i{animation:fill var(--dur,6s) linear both}
@keyframes fill{from{width:0}to{width:100%}}
.role-tab .ic{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;background:var(--lav);color:var(--violet);transition:background .35s,color .35s,transform .35s var(--ease)}
.role-tab .ic .i{width:26px;height:26px}
.role-tab b{font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#3a3350;transition:color .3s}
.role-tab small{font-size:14px;font-weight:500;line-height:1.4;color:#6b6580}
@media (hover:hover){
  .role-tab:not(.on):hover{background:var(--lav-2)}
  .role-tab:not(.on):hover b{color:var(--ink)}
  .role-tab:not(.on):hover small{color:var(--muted)}
  .role-tab:not(.on):hover .ic{background:var(--violet);color:#fff;transform:scale(1.06)}
  .role-tab:not(.on):hover .bar{background:var(--violet)}
}
.role-tab.on{background:var(--paper);border-color:var(--paper)}
.role-tab.on .ic{background:var(--ink);color:var(--mint)}
.role-tab.on b{color:var(--ink)}
.role-tab.on small{color:var(--muted)}
.role-tab:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.stage{background:var(--paper)}
.role-panel{display:grid;grid-template-columns:360px 1fr;gap:64px;align-items:center;min-height:800px;padding:64px}
.role-panel[hidden]{display:none}
.st-name{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--violet)}
.st-name .i{width:20px;height:20px}
.st-h{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin-top:14px}
.st-p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:18px}
.steps{list-style:none;margin-top:34px;border-top:1px solid #d9d5de}
.steps li{position:relative;display:grid;grid-template-columns:44px 1fr;padding:15px 0 15px 0;border-bottom:1px solid #d9d5de;cursor:pointer;transition:padding .35s var(--ease)}
.steps li::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--mint);transform:scaleY(0);transition:transform .35s var(--ease)}
.steps li span{font-size:14px;font-weight:600;color:#a39db0;padding-top:1px}
.steps li small{display:block;font-size:13px;font-weight:600;color:#a39db0}
.steps li strong{display:block;font-size:16px;font-weight:600;line-height:1.35;color:#8a8498}
.steps li.on span,.steps li.on small{color:var(--violet)}
.steps li.on strong{color:var(--ink)}
.steps li.cur{padding-left:16px}
.steps li.cur::before{transform:scaleY(1)}
.st-link{margin-top:34px}
.st-demo{display:flex;justify-content:flex-end;margin-bottom:14px}

/* Ekran zadania: materiał, wynik, decyzja */
.task{display:grid;grid-template-columns:286px 1fr;grid-template-rows:1fr auto;min-height:540px;background:#fff;border-radius:14px;box-shadow:0 50px 80px -50px rgba(20,5,48,.45),0 0 0 1px rgba(20,5,48,.06);overflow:hidden}
.t-in{padding:26px 26px 28px;background:var(--lav-2);border-right:1px solid #ece7f6}
.t-out{padding:26px 30px 28px}
.t-dec{grid-column:1/-1;display:flex;align-items:center;gap:24px;min-height:92px;padding:16px 26px;border-top:1px solid var(--line);background:#fbfaf8}
.t-dec .lft{flex:none;display:flex;flex-direction:column;gap:5px}
.t-dec .q{white-space:nowrap}
.t-dec .okline{max-width:380px;line-height:1.4}
.zl{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:700;color:var(--violet)}
.zl b{display:grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:5px;background:#e6def8;font-size:12px}
.t-dec .zl{margin:0}
.t-dec .q{font-size:16px;font-weight:600;color:var(--ink)}
.t-dec .slot{margin-left:auto;min-width:0;justify-items:end;align-items:center}
.t-h{font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.t-sub{font-size:14px;color:var(--soft);margin-top:2px}
.vbig{padding:14px 14px 12px;border-radius:12px;background:#fff;box-shadow:0 10px 30px -22px rgba(20,5,48,.4)}
.vbig .vrow{margin-top:0}
.transcript{margin-top:16px;font-size:15px;line-height:1.75;color:var(--muted)}
.transcript mark{color:var(--ink);font-weight:600;background:linear-gradient(transparent 58%,rgba(0,255,179,.6) 58%) no-repeat 0 0/0% 100%;transition:background-size .5s var(--ease);transition-delay:calc(var(--i,0)*240ms)}
.transcript mark.on,.static .transcript mark{background-size:100% 100%}
.transcript mark.v{background-image:linear-gradient(transparent 58%,rgba(97,51,185,.25) 58%)}
.rows{margin-top:16px;border-top:1px solid #ece9f0}
.rows > div{display:flex;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid #ece9f0;font-size:16px}
.rows dt{color:var(--soft)}
.rows dd{font-weight:700;color:var(--ink);text-align:right}
.rows .flag{margin:14px 0 0;border:0;justify-content:flex-start}
.msg{padding:16px;border-radius:12px;background:#fff;box-shadow:0 10px 30px -22px rgba(20,5,48,.4)}
.msg-h{display:flex;align-items:center;gap:10px}
.av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4dcf6;color:var(--violet);font-size:12px;font-weight:700;flex:none}
.msg-h b{display:block;font-size:14px;color:var(--ink);line-height:1.3}
.msg-h small{display:block;font-size:12px;color:var(--soft)}
.msg p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--text)}
.draft{margin-top:14px;padding:14px 16px;border-left:3px solid var(--mint);background:#f8f7fa;border-radius:0 8px 8px 0;font-size:15px;line-height:1.6;color:var(--text)}
.slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.slots span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1.5px solid #d9d2ea;font-size:14px;font-weight:600;color:var(--ink)}
.slots span.pick{border-color:var(--ink);background:var(--ink);color:#fff}
.slots .i{width:16px;height:16px}
.remind{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:600;color:var(--violet)}
.remind .i{width:18px;height:18px}
.ftab{margin-top:4px}
.ftab > div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e6e1ef;font-size:14px}
.ftab dt{color:var(--soft)}
.ftab dd{font-weight:700;color:var(--ink);text-align:right}
.ftab .due dd{color:var(--violet)}
.margin{display:flex;align-items:baseline;gap:12px;margin-top:14px}
.margin strong{font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.margin span{padding:3px 9px;border-radius:6px;background:var(--mint);font-size:14px;font-weight:700;color:var(--ink)}
.sbar{display:flex;height:12px;margin-top:12px;border-radius:6px;overflow:hidden}
.sbar i{display:block;height:100%}
.sleg{display:flex;gap:16px;margin-top:8px;font-size:12px;font-weight:600;color:var(--soft)}
.sleg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:0}
.cf{margin-top:22px}
.cf .t{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--soft)}
.cf svg{display:block;width:100%;height:auto;margin-top:6px}
.alert{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:8px;background:#f1ebfd;font-size:14px;line-height:1.45;color:var(--ink)}
.alert b{color:var(--violet)}
.alert .i{width:20px;height:20px;color:var(--violet);margin-top:1px}
.photo{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#d9cdb8,#b99b74)}
.photo img{width:100%;height:100%;object-fit:cover}
.consent{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:600;color:var(--ink)}
.consent .tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);flex:none}
.consent .tick .i{width:13px;height:13px;stroke-width:2.8}
.note-in{margin-top:12px;font-size:14px;line-height:1.55;color:var(--muted)}
.post{border:1px solid #e7e3ee;border-radius:12px;overflow:hidden;margin-top:14px}
.post-h{display:flex;align-items:center;gap:10px;padding:12px 14px}
.post-h .av{background:#ece4d6;color:#7a5a2e}
.post p{padding:0 14px 12px;font-size:15px;line-height:1.6;color:var(--text)}
.post-img{height:150px;overflow:hidden;background:linear-gradient(135deg,#d9cdb8,#b99b74)}
.post-img img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.when{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:600;color:var(--violet)}
.when .i{width:18px;height:18px}

/* ---------- Wspólna wiedza ---------- */
.shared{background:var(--lav);padding:140px 0}
.shared-in{display:grid;grid-template-columns:420px 1fr;gap:96px;align-items:start}
.shared-txt{position:sticky;top:150px;padding-top:44px}
.shared-txt .body{font-size:18px}
.ctrl-note{display:flex;gap:12px;align-items:flex-start;margin-top:28px;padding-top:24px;border-top:1px solid var(--lav-line);font-size:15px;line-height:1.55;font-weight:600;color:var(--ink)}
.ctrl-note .i{width:22px;height:22px;color:var(--violet);margin-top:1px}
.shared-txt .link{margin-top:34px}
.chain-tag{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:14px;font-weight:600;color:var(--violet)}
.chain{list-style:none;display:grid;gap:18px}
.lc{position:relative;width:calc(100% - 132px);padding:24px 28px 24px;background:rgba(255,255,255,.38);border:1px solid var(--lav-line);transition:background .5s,box-shadow .5s,border-color .5s,transform .5s var(--ease)}
.lc:nth-child(2){margin-left:44px}
.lc:nth-child(3){margin-left:88px}
.lc:nth-child(4){margin-left:132px}
.lc::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:transparent;transition:background .5s}
.lc-top{display:flex;align-items:center;gap:14px}
.lc-top .ic{display:grid;place-items:center;width:40px;height:40px;background:#e2daf3;color:#9188ab;transition:background .5s,color .5s}
.lc-top .ic .i{width:21px;height:21px}
.lc-top small{font-size:14px;font-weight:600;color:#8f86a6}
.lc-top .st{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#8f86a6;opacity:0;transition:opacity .4s}
.lc-top .st .tick{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--mint)}
.lc-top .st .tick .i{width:11px;height:11px;stroke-width:3;color:var(--ink)}
.lc h3{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#5c5470;margin-top:14px;transition:color .4s}
.lc p{font-size:15px;line-height:1.55;color:#7b7390;margin-top:4px}
.kn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.kn .k{min-width:74px;font-size:12px;font-weight:600;color:#8f86a6}
.kn .br{flex-basis:100%;height:0}
.chip{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1.2;color:#6d6585;border:1px solid #cfc4ea;background:transparent;transition:background .5s,color .5s,border-color .5s}
.chip.new{border-color:transparent;background:#e2daf3}
.chip .i{width:13px;height:13px}
.lc.past{background:rgba(255,255,255,.6)}
.lc.past .st{opacity:1}
.lc.on{background:#fff;border-color:#fff;box-shadow:0 40px 70px -40px rgba(20,5,48,.4);transform:translateX(-8px)}
.lc.on::before{background:var(--mint)}
.lc.on .ic{background:var(--ink);color:var(--mint)}
.lc.on small{color:var(--violet)}
.lc.on h3{color:var(--ink)}
.lc.on p{color:var(--muted)}
.lc.on .chip{color:var(--ink);border-color:var(--violet)}
.lc.on .chip.new{background:var(--mint);border-color:var(--mint)}
.lc.on .st{opacity:1;color:var(--violet)}
.lc .st .wait{display:none}
.lc.on .st .tick{display:none}
.lc.on .st .wait{display:inline}
.lc .st .done-t{display:inline}
.lc.on .st .done-t{display:none}

/* ---------- Wartość dla partnera ---------- */
.value{background:#fff;padding:140px 0 130px}
.value-grid{display:grid;grid-template-columns:1fr 640px;gap:72px;align-items:start}
.value .lead{margin-top:28px;font-size:23px;max-width:560px}
.vblocks{margin-top:44px;border-top:1.5px solid var(--ink)}
.vb{display:grid;grid-template-columns:56px 1fr;padding:30px 0 32px;border-bottom:1px solid var(--line)}
.vb > span{font-size:14px;font-weight:600;color:var(--violet);padding-top:14px}
.vb h3{font-size:54px;font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}
.vb h3 em{font-style:normal;font-weight:300;letter-spacing:-.03em;color:var(--violet)}
.vb p{margin-top:12px;font-size:17px;line-height:1.6;color:var(--muted);max-width:480px}
.value .btn{margin-top:44px}
.brands{position:relative;padding-top:8px}
.brand-switch{display:none}
.phones{--pg:40px;display:grid;grid-template-columns:1fr 1fr;gap:var(--pg);align-items:start}
@media (hover:hover) and (min-width:1181px){
  .phones figure{transition:transform .5s var(--ease),opacity .5s var(--ease)}
  .phones:hover figure{opacity:.62}
  .phones figure:hover{opacity:1;transform:translateY(-10px)}
}

.phones figure:nth-child(2){margin-top:96px}
.phones figcaption{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:15px;font-weight:600;color:var(--ink)}
.phones figcaption i{width:14px;height:14px;border-radius:3px;background:var(--b1)}
.phones figcaption small{display:block;font-size:14px;font-weight:500;color:var(--soft)}
.phone{--b1:#140530;--b2:#00ffb3;--b2t:#140530;--tint:#ece6f8;position:relative;width:100%;max-width:300px;padding:11px;border-radius:46px;background:#120c1f;box-shadow:0 60px 80px -50px rgba(20,5,48,.55)}
.phone.v-partner{--pq:#d9480f;--pq-t:#fdebe1;font-family:'Instrument Sans',sans-serif;background:#1d1a17}
.v-partner .scr{background:#fbf8f5}
.pq-status{display:flex;justify-content:space-between;align-items:center;padding:12px 26px 0;font-size:12px;font-weight:600;color:#1e1b18}
.pq-status .nt{width:84px;height:24px;border-radius:14px;background:#1d1a17}
.pq-head{display:flex;align-items:center;gap:9px;padding:16px 18px 12px}
.pq-logo{position:relative;width:22px;height:22px;flex:none}
.pq-logo i{position:absolute}
.pq-logo i:first-child{inset:0;border-radius:50% 50% 50% 4px;background:var(--pq)}
.pq-logo i:last-child{left:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#fff}
.pq-head b{font-size:17px;font-weight:700;letter-spacing:-.015em;color:#1e1b18}
.pq-bell{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #eadfd6;color:#1e1b18}
.pq-bell .i{width:16px;height:16px}
.pq-tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid #eee4dc;font-size:13px;font-weight:600;color:#8a7f76}
.pq-tabs span{padding:6px 0 10px}
.pq-tabs .on{color:var(--pq);box-shadow:inset 0 -2px 0 var(--pq)}
.pq-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 14px 10px}
.pq-hero{position:relative;padding:16px 16px 15px;border-radius:18px;background:var(--pq);color:#fff;overflow:hidden}
.pq-hero::after{content:"";position:absolute;right:-28px;top:-36px;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.14)}
.pq-hero small{display:block;font-size:13px;opacity:.88}
.pq-hero b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:2px}
.pq-list{background:#fff;border:1px solid #efe6de;border-radius:16px;padding:0 12px}
.pq-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #f3ebe4}
.pq-row:first-child{border-top:0}
.pq-row .ri{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pq-t);color:var(--pq)}
.pq-row .ri .i{width:16px;height:16px}
.pq-row small{display:block;font-size:11px;font-weight:600;color:#8a7f76}
.pq-row b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:#1e1b18}
.pq-btn{padding:6px 10px;border-radius:8px;background:var(--pq);color:#fff;font-size:12px;font-weight:700}
.pq-chev{width:16px;height:16px;color:#b9aca1}
.pq-in{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1.5px dashed #e3d4c7;font-size:13px;color:#8a7f76;white-space:nowrap}
.pq-in .i{width:17px;height:17px;color:var(--pq)}
.pq-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px 16px;background:#fff;border-top:1px solid #f0e7df}
.pq-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:#a89d94}
.pq-nav .i{width:19px;height:19px}
.pq-nav .on{color:var(--pq)}
.scr{display:flex;flex-direction:column;height:604px;border-radius:36px;overflow:hidden;background:#f6f5f8}
.p-top{background:var(--b1);color:#fff;padding:12px 20px 18px}
.p-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;padding:0 6px}
.p-status .nt{width:84px;height:24px;border-radius:14px;background:#120c1f}
.p-brand{display:flex;align-items:center;gap:10px;margin-top:14px}
.p-brand .bm{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--b2);color:var(--b2t);font-size:11px;font-weight:800;letter-spacing:-.02em}
.v-partner .p-brand .bm{border-radius:50%}
.p-brand b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.p-brand small{display:block;font-size:11px;font-weight:500;opacity:.7;line-height:1.2}
.p-brand .me{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);font-size:11px;font-weight:700}
.p-body{flex:1;padding:18px 14px 10px;display:flex;flex-direction:column;gap:10px}
.p-hi b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.p-hi span{font-size:13px;color:var(--soft)}
.p-card{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 6px 18px -12px rgba(20,5,48,.35)}
.p-card .ri{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tint);color:var(--b1)}
.p-card .ri .i{width:18px;height:18px}
.p-card small{display:block;font-size:11px;font-weight:600;color:var(--soft)}
.p-card b{display:block;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink);margin-top:1px}
.p-card .pb{display:inline-flex;margin-top:8px;padding:6px 12px;border-radius:999px;background:var(--b2);color:var(--b2t);font-size:12px;font-weight:700}
.p-in{white-space:nowrap;display:flex;align-items:center;gap:10px;margin:0 14px 10px;padding:8px 8px 8px 16px;border-radius:999px;background:#fff;box-shadow:0 6px 18px -12px rgba(20,5,48,.35);font-size:13px;color:var(--soft)}
.p-in .mic{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--b1);color:#fff}
.p-in .mic .i{width:17px;height:17px}
.p-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px 16px;background:#fff;border-top:1px solid #ece9f0}
.p-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#a39db0}
.p-nav span .i{width:19px;height:19px}
.p-nav span.on{color:var(--b1)}

/* ---------- Kontrola i bezpieczeństwo ---------- */
.control{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:140px 0 0}
.control .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.control-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 600px;gap:80px;align-items:start}
.control .sec-head{position:relative;z-index:2}
.control .body{color:#cbc4dd;font-size:18px;max-width:560px}
.flow{list-style:none;margin-top:40px;border-top:1px solid rgba(255,255,255,.18)}
.flow li{display:grid;grid-template-columns:48px 140px 1fr;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.flow span{font-size:14px;font-weight:600;color:var(--mint)}
.flow b{font-size:22px;font-weight:600;letter-spacing:-.015em}
.flow p{font-size:16px;line-height:1.5;color:#cbc4dd;transition:color .45s}
/* krok odpowiadający temu, co właśnie pokazuje ekran obok */
.flow li{position:relative;cursor:pointer;transition:opacity .45s var(--ease)}
.flow li::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--mint);transition:width .9s var(--ease)}
.flow.live li{opacity:.38}
.flow.live li.past{opacity:.72}
.flow.live li.cur{opacity:1}
.flow li.cur::before{width:100%}
.flow li.cur p{color:#fff}
@media (hover:hover){.flow.live li:hover{opacity:1}}
.flow li:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.c-ui{position:relative}
.c-ui{margin-top:-34px}
.c-ui .demo-tag{color:#b7a9e6;margin-bottom:16px}
.c-card{background:#fff;color:var(--text);border-radius:14px;box-shadow:0 60px 100px -50px rgba(0,0,0,.7);overflow:hidden}
.c-card .res-h{padding:18px 22px 14px;font-size:15px;border-bottom:1px solid #efedf3}
.c-card .res-h .ri{width:30px;height:30px}
.c-body{padding:20px 22px 22px}
.c-body > p{font-size:16px;line-height:1.6;color:var(--muted)}
.c-body .draft{font-size:16px}
.c-foot{display:grid;align-items:center;min-height:84px;padding:16px 22px;border-top:1px solid var(--line);background:#fbfaf8}
.c-foot > *{grid-area:1/1}
.c-foot .acts{justify-content:flex-end}
.c-foot .hint{font-size:14px;font-weight:600;color:var(--soft)}
.audit{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-top:110px;padding:34px 0 40px;border-top:1px solid rgba(255,255,255,.16)}
.audit .ok{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mint)}
.audit .ok .i{width:24px;height:24px;stroke-width:2.6;color:var(--ink)}
.audit p{font-size:17px;line-height:1.5;color:#cbc4dd;max-width:640px}
.audit p b{color:#fff;font-weight:600}
.topics{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.topics li{padding:6px 12px;border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:600;color:#e6e1f2}

/* ---------- Ludzie ---------- */
.people{background:var(--paper);padding:140px 0 130px}
.people-top{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:end;margin-bottom:64px}
.people-top .h2{margin-top:28px}
.people-top .body{max-width:520px;margin-top:22px}
.team{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:28px;align-items:start}
.person:nth-child(even){margin-top:56px}
.person .ph{position:relative;overflow:hidden;aspect-ratio:4/5;background:#ddd}
.person img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:grayscale(1) contrast(1.03);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);will-change:transform}
.person .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.person h3{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--ink);margin-top:18px;transition:color .4s}
.person .rt{font-size:14px;font-weight:600;color:var(--violet);margin-top:2px}
.person p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:8px}
.adv{position:relative;display:flex;flex-direction:column;min-height:100%;background:var(--ink);color:#fff;overflow:hidden}
.adv .pic{position:relative;height:200px;overflow:hidden}
.adv .pic img{width:100%;height:100%;object-fit:cover;object-position:38% 22%;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);will-change:transform}
/* najechanie: zdjęcie się przybliża, pod nim miętowy pasek, zdjęcia pozostałych przygasają (sam tekst zostaje czytelny) */
@media (hover:hover){
  .person:hover img{transform:scale(1.06)}
  .person:hover .ph::after{transform:scaleX(1)}
  .person:hover h3{color:var(--violet)}
  .team:has(> :hover) > .person:not(:hover) img,.team:has(> :hover) > .adv:not(:hover) .pic img{opacity:.45}
  .adv:hover .pic img{transform:scale(1.06)}
  .adv:hover .link .arrow{transform:translate(3px,-3px)}
}
.adv .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(20,5,48,.25) 60%,rgba(20,5,48,.1) 100%)}
.adv-b{position:relative;padding:4px 28px 30px;display:flex;flex-direction:column;flex:1}
.adv-b small{font-size:14px;font-weight:600;color:var(--mint)}
.adv-b h3{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:10px}
.adv-b p{font-size:15px;line-height:1.55;color:#cbc4dd;margin-top:10px}
.adv-b .link{margin-top:auto;align-self:flex-start;padding-top:22px}

/* ---------- Zaproszenie i stopka ---------- */
.cta{position:relative;overflow:hidden;background:var(--lav);padding:128px 0 136px}
.cta .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.cta-in{position:relative;display:grid;grid-template-columns:1fr 540px;gap:96px;align-items:center}
.cta .h2{font-size:44px;margin-top:24px}
.cta-lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:470px;margin-top:22px}
.cc{background:#fff;border-radius:14px;box-shadow:0 60px 90px -50px rgba(20,5,48,.45),0 0 0 1px rgba(20,5,48,.05);overflow:hidden}
.cc .res-h{padding:18px 24px 16px;border-bottom:1px solid #efedf3;font-size:15px}
.cc .res-h .ri{width:30px;height:30px}
.cc-body{padding:20px 24px 10px}
.cc-body > p{font-size:15px;font-weight:600;color:var(--soft)}
.cc-list{list-style:none;margin-top:10px}
.cc-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #efedf3;font-size:17px;font-weight:600;color:var(--ink)}
.cc-list li:first-child{border-top:0}
.cc-list .tick{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);flex:none}
.cc-list .tick .i{width:14px;height:14px;stroke-width:2.8;color:var(--ink)}
.cc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-top:1px solid var(--line);background:#fbfaf8}
.cc-foot small{font-size:14px;font-weight:600;color:var(--soft)}
.cc-foot .b-ok{height:50px;padding:0 10px 0 24px;gap:14px;font-size:16px}
.cc-foot .b-ghost{height:48px}
.site-foot{position:relative;background:var(--ink);color:#b7afcc;font-size:15px;padding:72px 0 0;overflow:hidden}
.f-top{display:grid;grid-template-columns:1.2fr .9fr 1fr 1fr;gap:48px;padding-bottom:56px}
.site-foot .logo{color:#fff}
.f-brand p{margin-top:18px;max-width:300px;line-height:1.6}
.f-brand .in{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#fff;font-weight:600}
.f-brand .in i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.35);font-style:normal;font-size:13px;font-weight:700}
.f-col h4,.f-col .f-h{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;color:#fff;margin-bottom:16px}
.f-col a{display:block;color:#cbc4dd;line-height:2.05}
.f-col a:hover{color:#fff}
.f-col .site{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:240px;height:54px;padding:0 20px;border:1.5px solid rgba(255,255,255,.4);color:#fff;font-weight:600;font-size:16px;line-height:1;margin-bottom:12px;transition:background .3s,color .3s,border-color .3s}
.f-col .site:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.f-col p{line-height:1.65;color:#cbc4dd}
.f-col p b{color:#fff;font-weight:600}
.f-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;border-top:1px solid rgba(255,255,255,.14);padding:24px 0 30px;font-size:14px;color:#8f87a8}
.f-bottom a{color:#b7afcc}
.f-bottom .lang{margin-left:auto;color:#8f87a8}
.f-bottom .lang .on{color:#fff}

/* ---------- Taśma: wpisana sprawa przechodzi przez pracowników ---------- */
.case-top{margin-bottom:48px}
.case-top .h2{margin-top:28px}
.case-top .body{font-size:18px}
.case-form{max-width:1000px}
.cf-l{display:block;margin-bottom:20px;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.cf-bar{display:flex;align-items:center;gap:18px;height:88px;padding:0 16px 0 30px;background:#fff;border-radius:14px;box-shadow:0 30px 60px -40px rgba(20,5,48,.45),0 0 0 1px rgba(20,5,48,.06);transition:box-shadow .3s}
.cf-bar:focus-within{box-shadow:0 30px 60px -40px rgba(20,5,48,.45),0 0 0 2px var(--violet)}
.cf-bar > .i{width:22px;height:22px;color:var(--violet)}
.cf-bar input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:18px;font-weight:500;color:var(--ink)}
.cf-bar input::placeholder{color:#9a94a8;font-weight:400}
.cf-bar .b-ok{height:58px;padding:0 12px 0 28px;gap:18px;font-size:16px}
.cf-note{margin-top:14px;font-size:13px;font-weight:500;color:var(--soft)}
.case-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;max-width:1000px}
.case-chips .k{margin-right:4px;font-size:14px;font-weight:600;color:var(--muted)}
.cchip{height:40px;padding:0 16px;border:1.5px solid var(--lav-line);border-radius:999px;background:rgba(255,255,255,.55);font-size:14px;font-weight:600;color:var(--ink);transition:background .25s,border-color .25s,color .25s}
.cchip:hover{background:#fff;border-color:var(--violet)}
.cchip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.cchip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cchip{position:relative;overflow:hidden}
.cchip::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--mint);transform:scaleX(0);transform-origin:left center}
.cchip.on.run::after{animation:railfill var(--dur,8000ms) linear both}
.case-auto{display:inline-flex;align-items:center;gap:8px;height:40px;margin-left:6px;padding:0 6px;font-size:14px;font-weight:600;color:var(--violet)}
.case-auto .i{width:16px;height:16px}
.case-auto .ic-play,.case-auto .t-r{display:none}
.case-auto[aria-pressed="true"] .ic-pause,.case-auto[aria-pressed="true"] .t-p{display:none}
.case-auto[aria-pressed="true"] .ic-play,.case-auto[aria-pressed="true"] .t-r{display:inline}
.case-auto:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.static .case-auto{display:none}
.belt{margin-top:56px}
.belt-cards{display:flex;align-items:stretch;min-height:250px}
.bc{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;padding:20px 20px 20px;background:#fff;border-radius:12px;box-shadow:0 30px 50px -36px rgba(20,5,48,.45);opacity:0;transform:translateX(-26px);transition:opacity .5s var(--ease),transform .65s var(--ease)}
.bc.in{opacity:1;transform:none}
.bc small{display:block;font-size:13px;font-weight:600;color:var(--violet)}
.bc.case{background:rgba(255,255,255,.35);box-shadow:none;border:1.5px dashed #b4a3e2}
.bc.case p{margin-top:12px;font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}
.bc.case .hint{margin-top:auto;padding-top:14px;font-size:13px;font-weight:500;line-height:1.45;color:var(--soft)}
.bc.step{border-top:3px solid #d8cdf1;transition:opacity .5s var(--ease),transform .65s var(--ease),border-color .4s}
.bc.step.done{border-top-color:var(--mint)}
.bc .rh{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--ink)}
.bc .rh .ri{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--mint);flex:none}
.bc .rh .ri .i{width:18px;height:18px}
.bc .work{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:500;color:var(--soft)}
.bc .res-b{display:none}
.bc.done .work{display:none}
.bc.done .res-b{display:flex;flex-direction:column;flex:1;animation:fadeup .5s var(--ease) both}
.bc .does{margin-top:14px;font-size:15px;line-height:1.5;color:var(--muted)}
.bc .ask-q{display:flex;gap:10px;margin:14px 0;padding:10px 12px;border-radius:8px;background:var(--lav-2);border:1px solid var(--lav-line);font-size:13.5px;font-weight:500;line-height:1.45;color:var(--ink)}
.bc .ask-q .qi{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--violet);color:#fff;font-size:12px;font-weight:700}
.bc .ask-q small{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--violet)}
.bc.dec .qcount{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--mint)}
.bc .out{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:9px 11px;border-radius:8px;background:#ddfff3;font-size:14px;font-weight:700;line-height:1.35;color:var(--ink)}
.bc .out .tick{display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--mint);flex:none}
.bc .out .tick .i{width:11px;height:11px;stroke-width:3}
.bc.dec{background:var(--ink);color:#fff;box-shadow:0 40px 60px -36px rgba(20,5,48,.7)}
.bc.dec small{color:var(--mint)}
.bc.dec p{margin-top:12px;font-size:17px;font-weight:600;line-height:1.4}
.bc.dec .acts{flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;padding-top:16px}
.bc.dec .acts button{justify-content:center}
.bc.dec .b-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.bc.dec .b-ok::before{background:#fff}
@media (hover:hover){
  .bc.dec .b-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
  .bc.dec .b-ok:hover{color:var(--ink)}
  .bc.dec .b-ok:hover .i{color:var(--ink)}
}
.bc.dec .okline{display:none;margin-top:auto;padding-top:16px;color:#fff;align-items:flex-start}
.bc.dec .okline em{color:#b7afcc}
.bc.dec.ok .acts{display:none}
.bc.dec.ok .okline{display:flex}
.bc.edit{box-shadow:0 0 0 3px rgba(97,51,185,.35),0 30px 50px -36px rgba(20,5,48,.45)}
.bk{flex:none;display:grid;place-items:center;width:38px;color:#b9a9e3;opacity:0;transition:opacity .4s,color .4s}
.bk.in{opacity:1}
.bk.lit{color:var(--violet)}
.bk .i{width:20px;height:20px;stroke-width:2.2}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.belt-track{display:none;position:relative;height:8px;margin-top:22px;border-radius:4px;background:repeating-linear-gradient(90deg,#d3c7ee 0 16px,transparent 16px 28px)}
.belt-track::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:repeating-linear-gradient(90deg,var(--violet) 0 16px,transparent 16px 28px);transition:width .8s cubic-bezier(.3,.7,.2,1)}
.belt-track::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:repeating-linear-gradient(90deg,var(--mint) 0 16px,transparent 16px 28px);opacity:0;transition:width .8s cubic-bezier(.3,.7,.2,1),opacity .6s}
.belt.fin .belt-track::after{opacity:1}
.belt.jump .belt-track::before,.belt.jump .belt-track::after{transition:none}
.belt.running .belt-track,.belt.running .belt-track::before{animation:beltmove .8s linear infinite}
@keyframes beltmove{to{background-position:28px 0}}
.belt-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--lav-line)}
.belt-foot .ctrl-note{margin:0;padding:0;border:0}
.static .bc,.static .bk{transition:none}

/* ---------- Slider w trzech odsłonach: jak działa, co potrafią, Twoja sprawa ---------- */
.tri-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}
.tri-top .h2{margin-top:28px}
.tri-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tri-tab{position:relative;display:block;min-height:120px;padding:26px 26px 26px 92px;text-align:left;background:rgba(255,255,255,.6);border:1px solid #d9cff0;transition:background .3s,border-color .3s,box-shadow .3s}
.tri-tab .bar{position:absolute;left:-1px;right:-1px;top:-1px;height:4px;overflow:hidden}
.tri-tab .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mint)}
.tri-tab.on .bar{background:rgba(255,255,255,.14)}
.tri-tab.on .bar i{width:100%}
.tri-tab.on.run .bar i{animation:fill var(--dur,8000ms) linear both}
.tri-tab small{position:absolute;left:28px;top:26px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #c4b6e8;font-size:14px;font-weight:700;color:var(--violet);transition:background .3s,border-color .3s,color .3s}
.tri-tab b{display:block;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--ink);transition:color .3s}
.tri-tab > span:last-child{display:block;margin-top:6px;font-size:14.5px;font-weight:500;line-height:1.45;color:var(--muted);transition:color .3s}
.tri-tab.on{background:var(--ink);border-color:var(--ink);box-shadow:0 22px 44px -22px rgba(22,8,48,.6)}
.tri-tab.on::after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;margin-left:-8px;background:var(--ink);transform:rotate(45deg)}
.tri-tab.on small{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.tri-tab.on b{color:#fff}
.tri-tab.on > span:last-child{color:rgba(255,255,255,.74)}
@media (hover:hover){.tri-tab:not(.on):hover{background:#fff;border-color:var(--violet)}.tri-tab:not(.on):hover small{border-color:var(--violet);background:var(--lav)}}
.tri-tab:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.tri-stage{display:grid;margin-top:48px;transition:height .55s var(--ease)}
.tri-view{grid-area:1/1;align-self:start;min-width:0;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility .5s}
.tri-view.on{opacity:1;visibility:visible;transform:none}
.tri-cap{max-width:760px;font-size:17px;line-height:1.6;color:var(--muted)}
.tri-cap b{color:var(--ink);font-weight:600}
.chain-x{list-style:none;display:flex;align-items:stretch;margin-top:28px}
.chain-x .lc{flex:1 1 0;min-width:0;width:auto;margin:0;display:flex;flex-direction:column;padding:20px 20px 18px}
.chain-x .lc:nth-child(n){margin-left:0}
.chain-x .lc.on{transform:translateY(-6px)}
.chain-x .lc h3{font-size:24px}
.chain-x .kn{margin-top:14px}
.chain-x .kn .k{min-width:0;width:100%;margin-top:2px}
.chain-x .kn .br{display:none}
.chain-x .st{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;color:#8f86a6;opacity:0;transition:opacity .4s}
.chain-x .st .tick{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--mint)}
.chain-x .st .tick .i{width:11px;height:11px;stroke-width:3;color:var(--ink)}
.chain-x .lc.past .st{opacity:1}
.lx{flex:none;display:grid;place-items:center;width:34px;color:#b9a9e3;transition:color .4s}
.lx .i{width:20px;height:20px;stroke-width:2.2}
.lx.lit{color:var(--violet)}
.tri .case-chips{margin-top:0}
.tri .belt{margin-top:40px}
.tri .case-form{max-width:1000px}
.bc.wait{flex:3 1 0}
.bc.stop{flex:3 1 0;border-top:3px solid var(--violet)}
.bc.stop .rh .ri{background:var(--violet);color:#fff}
.bc.stop .does{margin-top:12px;font-size:16px;color:var(--ink)}
.stop-ex{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:18px}
.stop-ex span{margin-right:2px;font-size:13px;font-weight:600;color:var(--soft)}
.stop-ex button{height:38px;padding:0 14px;border:1.5px solid var(--lav-line);border-radius:999px;background:var(--lav-2);font-size:13px;font-weight:600;color:var(--ink);transition:border-color .25s,background .25s}
.stop-ex button:hover{border-color:var(--violet);background:#fff}
.masked{display:inline-block;padding:4px 10px;border-radius:6px;background:#f1ebfd;font-size:15px;font-weight:600;color:var(--violet)}
.ai-badge{display:none;align-items:center;gap:8px;margin-left:14px;padding:5px 11px;border-radius:999px;background:var(--ink);color:var(--mint);font-size:12px;font-weight:700;vertical-align:middle;letter-spacing:0}
.ai-badge i{width:7px;height:7px;border-radius:50%;background:var(--mint)}
.ai-on .ai-badge{display:inline-flex}
.bc.stop.ask{border-top-color:var(--mint)}
.bc.stop.ask .rh .ri{background:var(--ink);color:var(--mint)}

.tri-view[data-v="2"] .tri-cap{margin-bottom:0}
.tri-try{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:22px 26px;background:rgba(255,255,255,.6);border:1px solid var(--lav-line);max-height:240px;overflow:hidden;transition:opacity .3s,visibility .3s,max-height .5s var(--ease),margin .5s var(--ease),padding .5s var(--ease),border-width .5s}
.tri-try p{font-size:16px;line-height:1.55;color:var(--muted)}
.tri-try .btn{flex:none}
.tri-try p b{color:var(--ink);font-weight:600}
.tri.on-own .tri-try{opacity:0;visibility:hidden;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0}
.tri .case-form{margin-bottom:8px}
.bc.ghost{opacity:1;transform:none;background:transparent;border:1.5px dashed #c6b9ea;box-shadow:none}
.bc.ghost small{color:#9b90bb}
.bc.ghost p{margin-top:12px;font-size:15px;line-height:1.5;color:#8f86a6}
.bk.ghost{opacity:1}
.cf-bar.nudge{animation:nudge .5s var(--ease)}
/* pole w odsłonie 03 pulsuje, dopóki ktoś nie zacznie pisać */
.tri .cf-bar{position:relative}
.tri .cf-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}
.tri.on-own .cf-bar:not(.calm)::after{animation:callpulse 2.2s ease-out infinite}
.tri.on-own .cf-bar:not(.calm):not(:focus-within){box-shadow:0 30px 60px -40px rgba(20,5,48,.45),0 0 0 1.5px var(--violet)}
@keyframes callpulse{0%{opacity:1;box-shadow:0 0 0 0 rgba(97,51,185,.42)}70%{opacity:1;box-shadow:0 0 0 16px rgba(97,51,185,0)}100%{opacity:0;box-shadow:0 0 0 16px rgba(97,51,185,0)}}
@keyframes nudge{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.tri .case-auto{margin:0 0 8px;padding:0}
.chain-x .lc.on .st{opacity:0}
.chain-x .lc.past{background:#fff;border-color:#fff}
.chain-x .lc.past::before{background:var(--mint)}
.chain-x .lc.past .ic{background:var(--ink);color:var(--mint)}
.chain-x .lc.past h3{color:var(--ink)}
.chain-x .lc.past p{color:var(--muted)}
.chain-x .lc.past small{color:var(--violet)}
.chain-x .lc.past .chip{color:var(--ink);border-color:#bfb0e6}
.chain-x .lc.past .chip.new{background:#ddfff3}

/* ---------- Trzy modele marki: pas z podglądami aplikacji ---------- */
.models{background:var(--paper);padding:96px 0 104px}
.models-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.models-top .link{margin-bottom:6px}
.mh{margin-top:18px;max-width:760px;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--ink)}
.mh span{font-weight:300;color:var(--violet)}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.mc{margin:0}
.ptop{--b1:#140530;--b2:#00ffb3;--b2t:#140530;--tint:#ece6f8;position:relative;height:300px;padding:11px 11px 0;border-radius:46px 46px 0 0;background:#120c1f;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);transition:transform .5s var(--ease)}
.ptop .scr{display:block;height:100%;border-radius:36px 36px 0 0;overflow:hidden;background:#f6f5f8}
.ptop.v-partner{--pq:#d9480f;--pq-t:#fdebe1;font-family:'Instrument Sans',sans-serif}
.ptop.v-partner .scr{background:#fbf8f5}
.mc:hover .ptop{transform:translateY(-6px)}
.pq-tech{margin-left:auto;padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--mint);font-family:var(--font);font-size:10.5px;font-weight:700;white-space:nowrap}
.rec{display:flex;align-items:center;gap:8px;padding:11px 18px;background:#fff6f0;border-bottom:1px solid #f3e3d8;font-family:'Instrument Sans',sans-serif;font-size:12px;font-weight:600;color:#8a5a3c}
.rec b{font-size:13px;font-weight:700;color:#1e1b18}
.mlogo{position:relative;width:16px;height:16px;flex:none}
.mlogo i{position:absolute}
.mlogo i:first-child{inset:0;border-radius:50% 50% 50% 3px;background:#d9480f}
.mlogo i:last-child{left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#fff}
.mc figcaption{margin-top:22px}
.mc figcaption b{display:block;font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.mc figcaption b span{margin-right:10px;font-size:14px;color:var(--violet)}
.mc figcaption p{margin-top:6px;font-size:16px;line-height:1.5;color:var(--muted)}

/* ---------- Ekrany średnie ---------- */
@media (max-width:1360px){
  :root{--gut:64px}
  .main-nav{gap:30px;margin-left:56px}
  .hero h1{font-size:56px}
  .hero-in{column-gap:40px}
  .hero-demo{padding-left:48px;margin-right:-24px}
  .role-panel{grid-template-columns:340px 1fr;gap:44px;padding:52px}
  .st-h{font-size:32px}
  .vb h3{font-size:48px}
  .value-grid{grid-template-columns:1fr 600px;gap:48px}
  .cta-in{grid-template-columns:1fr 500px;gap:64px}
  .phones{--pg:28px}
  .control-in{grid-template-columns:1fr 540px;gap:56px}
  .shared-in{grid-template-columns:400px 1fr;gap:56px}
}
@media (max-width:1180px){
  .main-nav{display:none}
  .burger{display:flex}
  .head-r .btn{display:none}
  .head-r .lang{display:none}
  .m-menu{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;overflow:auto;padding:104px var(--gut) 32px;background:var(--ink);color:#fff;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
  .menu-open .m-menu{opacity:1;visibility:visible}
  .menu-open body{overflow:hidden}
  .menu-open .site-head{background:var(--ink);box-shadow:none}
  .menu-open .site-head .logo{color:#fff}
  .menu-open .burger span::before,.menu-open .burger span::after{background:#fff}
  .site-head .logo,.burger span::before,.burger span::after{transition:color .3s,background .3s,transform .3s var(--ease)}
  .m-nav{position:relative;border-top:1px solid rgba(255,255,255,.14)}
  .m-l{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:0 4px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .m-l .n{align-self:start;padding-top:9px;font-size:13px;font-weight:600;color:var(--mint)}
  .m-l .t{font-size:27px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:#fff}
  .m-l .t small{display:block;margin-top:5px;font-size:14px;font-weight:500;letter-spacing:0;color:#a79fbf}
  .m-l .arrow{width:20px;height:20px;color:rgba(255,255,255,.5);transition:transform .35s var(--ease),color .3s}
  .m-l:hover .arrow,.m-l:active .arrow{color:var(--mint);transform:translate(2px,-2px)}
  .m-foot{position:relative;margin-top:auto;padding-top:40px}
  .m-foot .btn{width:100%;justify-content:space-between;height:58px}
  .m-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:15px}
  .m-menu .lang{color:#8f87a8}
  .m-menu .lang .on{color:#fff}
  .m-sites{display:flex;gap:18px}
  .m-sites a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#cbc4dd}
  .menu-open .m-l,.menu-open .m-foot{animation:mIn .55s var(--ease) both;animation-delay:calc(var(--i,0)*55ms + 90ms)}
  @keyframes mIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .head-in{height:72px}
  html{scroll-padding-top:72px}
    .hero::before{display:none}
  .hero-in{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:56px 0 48px;max-width:640px}
  .hero-lead{margin-top:28px}
  .hero-demo{margin:0 calc(var(--gut)*-1);padding:44px var(--gut) 48px;background:var(--lav)}
  .hero-demo .app,.hero-demo .moments,.hero-demo .demo-tag{width:100%;max-width:820px;margin-left:auto;margin-right:auto}
  .hero-demo .demo-tag{display:flex}
  .roles-top,.people-top,.cta-in{grid-template-columns:1fr}
  .case-top{grid-template-columns:1fr;gap:20px}
  .belt-cards{flex-direction:column;max-width:640px;min-height:0}
  .bc{transform:translateY(-14px)}
  .bc.case p{font-size:18px}
  .bk{width:auto;height:30px}
  .bk .i{transform:rotate(90deg)}
  .belt-track{display:none}
  .bc.dec .acts{flex-direction:row;flex-wrap:wrap}
  .bc.dec .acts button{flex:1}
  .belt-foot{flex-direction:column;align-items:flex-start}
  .cta-in{gap:48px}
  .mgrid{grid-template-columns:1fr 1fr}
  .models-top{flex-direction:column;align-items:flex-start;gap:16px}
  .tri-top{flex-direction:column;align-items:flex-start;gap:12px}
  .tri-stage{display:block}
  .tri-view{display:none;transform:none}
  .tri-view.on{display:block}
  .chain-x{flex-direction:column;max-width:640px}
  .lx{width:auto;height:30px}
  .lx .i{transform:rotate(90deg)}
  .chain-x .lc.on{transform:none}
  .cta-card{max-width:600px}
  .role-panel{grid-template-columns:1fr;gap:36px;min-height:0}
  .steps{display:none}
  .shared-in{grid-template-columns:1fr;gap:48px}
  .shared-txt{position:static}
  .value-grid{grid-template-columns:1fr}
  .brands{max-width:640px}
  .control-in{grid-template-columns:1fr}
  .team{grid-template-columns:repeat(4,1fr)}
  .adv{grid-column:1/-1;flex-direction:row}
  .adv .pic{width:42%;height:auto;min-height:260px}
  .adv .pic::after{background:linear-gradient(270deg,var(--ink) 0%,rgba(20,5,48,.2) 60%)}
  .adv-b{padding:30px 32px}
  .f-top{grid-template-columns:1fr 1fr}
}

/* ---------- Telefon ---------- */
@media (max-width:720px){
  :root{--gut:20px}
  body{font-size:16px}
  .h2{font-size:34px;letter-spacing:-.03em}
  .label{font-size:14px}
  .btn{height:56px;font-size:16px}
  .logo{font-size:26px}
  .head-in{height:64px}
  .m-menu{padding-top:92px}
  .m-l .t{font-size:24px}
  html{scroll-padding-top:64px}
  .hero-copy{padding:36px 0 36px}
  .hero h1{font-size:40px;line-height:1.06}
  .hero-lead{font-size:17px;margin-top:20px}
  .hero-btns{flex-direction:column;margin-top:28px}
  .hero-proof{display:none}
  .hero-btns .btn{width:100%;justify-content:space-between}
  .hero-demo{padding:24px var(--gut) 30px}
  .hero-demo .demo-tag{margin-bottom:14px}
  .app{border-radius:20px}
  .app-bar{height:50px;padding:0 16px}
  .app-bar .who span{display:none}
  .app-body{grid-template-columns:1fr;min-height:0}
  .rail{flex-direction:row;gap:4px;padding:8px;border-right:0;border-bottom:1px solid var(--line);border-radius:0}
  .rail-i{flex:1;flex-direction:column;justify-content:center;gap:5px;height:auto;padding:8px 2px;font-size:11px}
  .rail-i .ri{width:30px;height:30px}
  .app-main{padding:16px 14px 18px;gap:12px}
  .app-head{flex-wrap:wrap;gap:4px 10px;padding-bottom:10px}
  .app-head b{font-size:16px}
  .app-head span{font-size:13px}
  .voice{width:92%}
  .app-bar .ab-tabs{display:none}
  .app-bar .ttl{display:inline}
  .chat{min-height:0;padding:16px 14px 18px}
  .cm{width:92%}
  .chat .acts{flex-wrap:wrap}
  .chat .acts .q{width:100%}
  .doc dl div{font-size:14px}
  .inmsg{width:100%}
  .slide{gap:12px}
  .rail-i::after{left:8px;right:8px;bottom:2px}
  .res{width:100%}
  .res-p{font-size:14px}
  .res dl div{font-size:14px;padding:8px 10px}
  .flag{font-size:13px}
  .slot.dec{justify-items:stretch}
  .acts{width:100%}
  .acts .b-ghost,.acts .b-ok{flex:1;justify-content:center;height:48px}
  .okline{font-size:14px}
  .moments{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
  .moments li{font-size:13px;padding-top:12px}
  .moments .rp{grid-column:1/-1}
  .replay{margin-top:0}
  .roles{padding:80px 0 72px}
  .roles-top{gap:16px;margin-bottom:32px}
  .roles-top .h2{margin-top:20px}
  .role-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
  .role-tab{grid-template-columns:40px 1fr;column-gap:12px;min-height:72px;padding:14px;margin:0;border:1px solid var(--line)}
  .role-tab .ic{width:40px;height:40px;grid-row:auto}
  .role-tab .ic .i{width:21px;height:21px}
  .role-tab b{font-size:16px}
  .role-tab small{display:none}
  .role-tab .bar{left:0;right:0;top:0}
  .role-tab.on{background:var(--ink);border-color:var(--ink)}
  .role-tab.on b{color:#fff}
  .role-tab.on .ic{background:var(--mint);color:var(--ink)}
  .stage{margin:0 calc(var(--gut)*-1)}
  .role-panel{padding:30px var(--gut) 36px;gap:22px}
  .st-h{font-size:26px;margin-top:10px}
  .st-p{font-size:16px;margin-top:12px}
  .st-link{margin-top:22px}
  .st-demo{justify-content:flex-start}
  .task{grid-template-columns:1fr;min-height:0;border-radius:18px}
  .t-in{border-right:0;border-bottom:1px solid #ece7f6;padding:20px 18px 22px}
  .t-out{padding:20px 18px 22px}
  .t-dec{flex-direction:column;align-items:stretch;gap:14px;padding:16px 18px 18px}
  .t-dec .q{white-space:normal}
  .t-dec .slot{margin-left:0}
  .t-dec .okline{max-width:none}
  .t-dec .slot{justify-items:stretch}
  .t-h{font-size:17px}
  .rows > div{font-size:15px}
  .transcript{font-size:15px}
  .shared{padding:80px 0}
  .sec-head{margin-bottom:36px}
  .sec-head .h2{margin-top:20px}
  .shared-txt{padding-top:0}
  .shared-txt .body,.control .body{font-size:16px}
  .lc,.lc:nth-child(n){width:100%;margin-left:0}
  .lc{padding:20px 18px}
  .lc.on{transform:none}
  .lc h3{font-size:22px}
  .value{padding:80px 0}
  .value .lead{font-size:19px;margin-top:20px}
  .vblocks{margin-top:28px}
  .vb{grid-template-columns:40px 1fr;padding:22px 0 24px}
  .vb > span{padding-top:8px}
  .vb h3{font-size:36px}
  .vb h3 em{display:block}
  .vb p{font-size:16px}
  .value .btn{width:100%;justify-content:space-between}
  .brands{margin-top:12px}
  .brand-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border:1.5px solid var(--ink)}
  .brand-switch button{height:50px;font-size:15px;font-weight:600;text-align:center;color:var(--ink)}
  .brand-switch button.on{background:var(--ink);color:#fff}
  .phones{grid-template-columns:1fr;justify-items:center}
  .phones figure:nth-child(2){margin-top:0}
  .phones figure{display:none}
  .phones[data-v="3ht"] figure.v1,.phones[data-v="partner"] figure.v2{display:block}
  .phone{max-width:300px}
  .control{padding-top:80px}
  .c-ui{margin-top:0}
  .control-in{gap:44px}
  .flow{margin-top:28px}
  .flow li{grid-template-columns:36px 1fr;padding:16px 0}
  .flow p{grid-column:2;font-size:15px;margin-top:2px}
  .flow b{font-size:19px}
  .control .mint-block{width:48px;height:48px}
  .c-foot .acts{justify-content:stretch}
  .audit{grid-template-columns:1fr;gap:16px;margin-top:64px;padding:28px 0 36px}
  .people{padding:80px 0}
  .people-top{gap:20px;margin-bottom:36px}
  .team{grid-template-columns:1fr 1fr;gap:28px 16px}
  .person:nth-child(even){margin-top:0}
  .person h3{font-size:16px;margin-top:12px}
  .person .rt{font-size:13px}
  .person p{display:none}
  .adv{flex-direction:column}
  .adv .pic{width:100%;min-height:0;height:180px}
  .adv .pic::after{background:linear-gradient(0deg,var(--ink) 0%,rgba(20,5,48,.2) 70%)}
  .adv-b{padding:4px 22px 26px}
  .case-top{margin-bottom:32px}
  .cf-l{font-size:21px;margin-bottom:12px}
  .case-top .body{font-size:16px}
  .cf-bar{flex-wrap:wrap;height:auto;gap:10px;padding:14px}
  .cf-bar input{flex:1 1 calc(100% - 40px);height:44px;font-size:16px}
  .cf-bar .b-ok{width:100%;justify-content:space-between;height:52px}
  .case-chips{gap:6px}
  .case-chips .k{width:100%}
  .cchip{height:44px}
  .belt{margin-top:36px}
  .bc{padding:18px}
  .bc.dec .acts{flex-direction:column}
  .tri-tabs{gap:8px}
  .tri-tab{min-height:0;padding:54px 12px 16px}
  .tri-tab small{left:12px;top:14px;width:30px;height:30px;font-size:12px}
  .tri-tab b{font-size:15px;letter-spacing:-.01em}
  .tri-tab > span:last-child{display:none}
  .tri-stage{margin-top:26px}
  .tri-cap{font-size:15px}
  .tri-try{flex-direction:column;align-items:stretch;padding:18px}
  .tri-try .btn{justify-content:space-between}
  .tri.on-own .tri-try{display:none}
  .models{padding:64px 0 72px}
  .mh{font-size:24px}
  .mgrid{grid-template-columns:1fr;gap:36px;margin-top:32px}
  .ptop{max-width:340px}
  .cta{padding:72px 0 80px}
  .cta .mint-block{width:48px;height:48px}
  .cta .h2{font-size:34px;margin-top:20px}
  .cta-lead{font-size:16px}
  .cc .res-h{padding:16px 18px 14px}
  .cc .res-h em{display:none}
  .cc-body{padding:16px 18px 8px}
  .cc-list li{font-size:16px}
  .cc-foot{flex-direction:column;align-items:stretch;padding:16px 18px 18px}
  .cc-foot .b-ok{justify-content:space-between;height:54px}
  .site-foot{padding-top:56px}
  .f-top{grid-template-columns:1fr;gap:36px;padding-bottom:40px}
  .f-col .site{max-width:none}
  .f-bottom .lang{margin-left:0}
}
html.export{scroll-behavior:auto!important}
.export .site-head{position:relative}
.export .shared-txt{position:static}
@media (prefers-reduced-motion:reduce){
  .tri .cf-bar::after{animation:none!important}
  *{scroll-behavior:auto!important}
  .dots i,.m-l,.m-foot,.invite .play::after{animation:none!important}
}

/* ---------- Pytania partnerów ---------- */
.faq{background:#fff;padding:112px 0}
.faq-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.faq-head{position:sticky;top:132px}
.faq-head .h2{margin-top:28px}
.faq-head .body{max-width:420px;margin-top:24px}
.faq-head .link{margin-top:36px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item h3{margin:0;font:inherit}
.faq-q{display:flex;align-items:center;gap:32px;width:100%;padding:22px 0;text-align:left;font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--ink);cursor:pointer;transition:color .3s}
.faq-q .t{flex:1}
.faq-q .pm{position:relative;flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--lav-line);transition:background .35s,border-color .35s,transform .5s var(--ease)}
.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:var(--violet);transition:background .35s}
.faq-q .pm::after{transform:rotate(90deg)}
.faq-item.open .pm{transform:rotate(45deg);background:var(--ink);border-color:var(--ink)}
.faq-item.open .pm::before,.faq-item.open .pm::after{background:var(--mint)}
@media (hover:hover){.faq-q:hover{color:var(--violet)}.faq-q:hover .pm{border-color:var(--violet)}.faq-item.open .faq-q:hover .pm{border-color:var(--ink)}}
.faq-q:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.faq-a > div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .55s}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .faq-a > div{visibility:visible;transition-delay:0s}
.faq-a p{max-width:640px;padding-right:72px;font-size:16.5px;line-height:1.65;color:var(--muted)}
.faq-a .link{margin:14px 0 26px;font-size:16px}
@media (max-width:1180px){
  .faq-in{grid-template-columns:1fr;gap:48px}
  .faq-head{position:static}
}
@media (max-width:720px){
  .faq{padding:80px 0}
  .faq-q{gap:18px;padding:18px 0;font-size:18px}
  .faq-q .pm{width:36px;height:36px}
  .faq-a p{padding-right:0;font-size:16px}
  .faq-a .link{margin:12px 0 22px;font-size:15px}
}

/* ---------- Pojawianie się przy przewijaniu (html.rv-on: bez eksportu i bez ograniczenia animacji) ---------- */
@keyframes rvup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes rvfade{from{opacity:0}to{opacity:1}}
.rv-on .hero h1{animation:rvfade .9s var(--ease) .05s both}
.rv-on .hero h1 .second{animation:rvup 1s var(--ease) .2s both}
.rv-on .hero-lead{animation:rvup .9s var(--ease) .32s both}
.rv-on .hero-btns{animation:rvup .9s var(--ease) .44s both}
.rv-on .hero-claim{animation:rvup .9s var(--ease) .52s both}
.rv-on .hero-proof{animation:rvup .9s var(--ease) .6s both}
.rv-on .hero-demo{animation:rvup 1.1s var(--ease) .3s both}
.rv{opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease)!important;transition-delay:var(--d,0ms)!important}
.rv:not(.rv-o){transform:translateY(34px)}
.rv.in{opacity:1}
.rv.in:not(.rv-o){transform:none}
.rv .second{display:block;opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--d,0ms) + 140ms)}
.rv.in .second{opacity:1;transform:none}
.f-data p + p{margin-top:12px}
.f-data .f-reg{font-size:13.5px;color:rgba(255,255,255,.5)}
.f-data .f-mail{color:#fff;border-bottom:1px solid var(--mint)}
/* stopka: aplikacja w sklepach */
.store{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 15px;border-radius:11px;background:#000;color:#fff;border:1px solid #2b2b2b;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.store svg{flex:none;width:25px;height:25px}
.store span{display:flex;flex-direction:column;line-height:1.08}
.store small{font-size:10.5px;font-weight:500;letter-spacing:.01em;opacity:.85}
.store b{font-size:17.5px;font-weight:600;letter-spacing:-.015em}
.f-stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.f-stores .store{height:44px;padding:0 14px 0 11px;gap:8px;border-color:rgba(255,255,255,.28)}
.f-stores .store svg{width:21px;height:21px}
.f-stores .store small{font-size:9.5px}
.f-stores .store b{font-size:15px}
@media (hover:hover){.f-stores .store:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.6)}}

/* ---------- Modele marki: pełne ekrany z objaśnieniami (wspólne dla strony głównej i podstrony) ---------- */
.mfull{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}
.mf-ph{position:relative;display:flex;justify-content:center}
.mf .phone{max-width:290px;transition:transform .6s var(--ease)}
@media (hover:hover){.mf:hover .phone{transform:translateY(-6px)}}
.pin{position:absolute;z-index:3;top:var(--y);display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 18px 34px -16px rgba(20,5,48,.65)}
.pin::before{content:"";position:absolute;top:-5px;left:20px;width:11px;height:11px;background:var(--ink);transform:rotate(45deg)}
.pin.pin-r::before{left:auto;right:28px}
.pin i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(0,255,179,.2)}
.mf figcaption{max-width:340px;margin:30px auto 0}
.mf figcaption b{display:flex;align-items:baseline;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.mf figcaption b span{font-size:14px;font-weight:700;color:var(--violet)}
.mf figcaption p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--muted)}
.mf ul{list-style:none;margin-top:16px;border-top:1px solid var(--line)}
.mf li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;color:var(--ink)}
.mf li .i{flex:none;width:17px;height:17px;margin-top:1px;color:var(--violet)}
@media (max-width:1180px){.mfull{grid-template-columns:1fr;gap:64px;max-width:420px;margin-left:auto;margin-right:auto}}
.mf-ph{flex-direction:column;align-items:center;gap:16px}
.mf .phone{max-width:316px}
.mf .pq-head b{white-space:nowrap}
.mf .pq-tech{font-size:11px;padding:5px 9px}
.pin{position:relative;top:auto;align-self:center}
.pin::before{top:auto;bottom:-5px;left:var(--ax,30px)}
.mf .ring{position:relative;z-index:2;border-radius:12px;outline:2px solid var(--mint);outline-offset:-2px;box-shadow:0 0 0 6px rgba(0,255,179,.18)}
.mf .pq-tech.ring{border-radius:999px;outline-offset:2px}
.mf .rec.ring{border-radius:0;outline-offset:-3px}
.mf .pq-tech.ring{outline-offset:0;box-shadow:0 0 0 4px rgba(0,255,179,.2)}
.mf .pq-head{gap:8px;padding-right:16px}
.mfull{align-items:stretch}
.mf figcaption{position:relative;flex:1;width:100%;max-width:none;margin:30px 0 0;padding:26px 28px 20px;background:#fff;border:1px solid #e6e1ee;border-top:3px solid var(--mint);box-shadow:0 30px 60px -48px rgba(20,5,48,.45)}
.mf figcaption b{gap:12px;align-items:center;font-size:22px}
.mf figcaption b span{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;background:var(--ink);color:var(--mint);font-size:12px;letter-spacing:.02em}
.mf figcaption p{min-height:3.1em;margin-top:10px;font-size:15.5px}
.mf ul{margin-top:14px}
.mf li{align-items:center;padding:11px 0;font-size:14.5px}
.mf li:last-child{border-bottom:0}
.mf li .i{width:22px;height:22px;margin-top:0;padding:5px;border-radius:50%;background:var(--mint);color:var(--ink);stroke-width:3}
@media (max-width:720px){.mf figcaption{padding:22px 20px 16px}.mf figcaption p{min-height:0}}
@property --pq{syntax:'<color>';inherits:true;initial-value:#d9480f}
@property --pq-t{syntax:'<color>';inherits:true;initial-value:#fdebe1}
.mf .phone.themed{transition:--pq .8s var(--ease),--pq-t .8s var(--ease),transform .6s var(--ease)}
.mf .phone.themed .tx,.theme-sw .tx{transition:opacity .28s ease}
.mf .phone.themed.fading .tx,.theme-sw.fading .tx{opacity:0}
.theme-sw{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}
.theme-sw .lbl{font-size:14px;color:var(--soft)}
.theme-sw .lbl b{font-weight:700;color:var(--ink)}
.theme-sw .dots{display:flex;gap:6px}
.theme-sw .dots button{width:9px;height:9px;padding:0;border-radius:5px;background:#d3c9ea;transition:width .35s var(--ease),background .35s}
.theme-sw .dots button.on{width:24px;background:var(--ink)}
.theme-sw .dots button:hover{background:var(--violet)}
.mf-ph{position:relative}
.theme-sw{position:absolute;left:0;right:0;bottom:-38px;margin:0}
.mf figcaption{margin-top:54px}
.mf .phone.cobrand .pq-nav .on{color:var(--ink)}
.mf .phone.cobrand .pq-nav .on .i{box-sizing:border-box;width:46px;height:26px;padding:4px 13px;border-radius:13px;background:var(--mint);color:var(--ink)}
.theme-sw{bottom:-58px}
.mf figcaption{margin-top:92px}
.mf .phone.cobrand .pq-nav{background:var(--ink);border-top-color:var(--ink)}
.mf .phone.cobrand .pq-nav span{color:#a69ebf}
.mf .phone.cobrand .pq-nav .on{color:var(--mint)}
.mf .phone.cobrand .pq-nav .on .i{background:var(--mint);color:var(--ink)}
.mf .phone.cobrand .pq-body{gap:10px;padding-top:12px}
.mf .phone.cobrand .pq-hero{padding:13px 16px 12px}
.mf .phone.cobrand .pq-row{padding:8px 0}
.mf .phone.cobrand .pq-body{padding-bottom:4px}
.mf .phone.cobrand .pq-in{padding:8px 14px}
.mf .phone.cobrand .pq-row{padding:7px 0}
.mf .phone.cobrand .pq-hero b{font-size:20px}
.mf .pq-row.hid{display:none}
.mfull{margin-top:88px}
@media (max-width:720px){.mfull{margin-top:56px}}
/* „+ Twoja sprawa” w przykładach */
.cchip.own{border-style:dashed;border-color:var(--violet);background:transparent;color:var(--violet)}
.cchip.own:hover{background:#fff}
.cchip.own.on{border-style:solid;background:var(--violet);border-color:var(--violet);color:#fff}
.own-ask{position:relative;flex:1;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:44px 48px;background:var(--ink);color:#fff;animation:fadeup .5s var(--ease) both}
.own-ask::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--mint)}
.own-ask small{font-size:14px;font-weight:600;color:var(--mint)}
.own-ask h3{margin-top:10px;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#fff}
.own-ask p{max-width:560px;margin-top:14px;font-size:16.5px;line-height:1.6;color:#d4cee6}
.own-ask .btn{flex:none}
@media (max-width:720px){.own-ask{flex-direction:column;align-items:stretch;gap:24px;padding:30px 22px}.own-ask h3{font-size:25px}.own-ask .btn{justify-content:space-between;white-space:normal;height:auto;min-height:56px;padding:12px 20px}}
/* strona główna: modele marki jako fragmenty ekranów (górna połowa, wygaszona ku dołowi) */
#modele-marki .mf .phone{height:340px;padding-bottom:0;overflow:hidden;border-radius:46px 46px 0 0;box-shadow:none;-webkit-mask-image:linear-gradient(#000 64%,transparent);mask-image:linear-gradient(#000 64%,transparent)}
#modele-marki .mf .phone .scr{border-radius:36px 36px 0 0}
@media (max-width:720px){#modele-marki .mf .phone{height:320px}}
/* strona główna: krótkie zajawki modeli pod fragmentami ekranów */
#modele-marki .mf figcaption.mcap{position:relative;flex:none;width:100%;max-width:316px;margin:76px auto 0;padding:24px 0 0;background:none;border:0;border-top:1px solid #d9d3e3;box-shadow:none}
#modele-marki .mf figcaption.mcap::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:3px;background:var(--mint);transition:width .7s var(--ease)}
#modele-marki .mf figcaption.mcap b{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
#modele-marki .mf figcaption.mcap b span{display:grid;place-items:center;flex:none;width:34px;height:34px;min-width:0;margin:0;padding:0;border-radius:50%;border:1.5px solid #c4b6e8;background:none;font-size:12px;font-weight:700;letter-spacing:0;color:var(--violet);transition:background .4s,border-color .4s,color .4s}
#modele-marki .mf figcaption.mcap p{min-height:0;max-width:290px;margin-top:12px;padding-left:46px;font-size:16px;line-height:1.55;color:var(--muted)}
@media (hover:hover){
  #modele-marki .mf:hover figcaption.mcap::before{width:100%}
  #modele-marki .mf:hover figcaption.mcap b span{background:var(--ink);border-color:var(--ink);color:var(--mint)}
}
@media (max-width:1180px){#modele-marki .mf:not(:first-child) figcaption.mcap{margin-top:28px}}
/* modele marki: bez przełącznika sektorów pod telefonem (animacja zostaje) */
.theme-sw{display:none}
.mf figcaption{margin-top:34px}
#modele-marki .mf figcaption.mcap{margin-top:30px}
/* płynne przejścia między stronami: View Transitions, a bez nich wygaszenie i rozjaśnienie */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.5s cubic-bezier(.4,0,.2,1) both vt-out}
::view-transition-new(root){animation:.9s cubic-bezier(.16,1,.3,1) .12s both vt-in}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(16px)}}
/* nagłówek stoi w miejscu podczas przejścia między stronami */
.site-head{view-transition-name:site-head}
::view-transition-group(site-head){animation:none}
::view-transition-old(site-head){display:none}
::view-transition-new(site-head){animation:none}
html.pt body{animation:pt-in .9s cubic-bezier(.16,1,.3,1) both}
html.pt.pt-out body{animation:none;opacity:0;transition:opacity .38s ease}
@keyframes pt-in{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}html.pt body{animation:none}}
/* łagodniejsze pojawianie się elementów przy przełączaniu w sliderach */
.js .fx[data-at]{transform:translateY(6px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
.role-panel:not([hidden]){animation:soft-in .8s cubic-bezier(.16,1,.3,1) both}
@keyframes soft-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tri-view{transform:translateX(10px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.16,1,.3,1),visibility .9s}
.bc{transform:translateX(-12px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.bk{transition:opacity .7s ease,color .6s}
.bc.done .res-b{animation:soft-in .8s cubic-bezier(.16,1,.3,1) both}
.lc{transition:background .8s ease,box-shadow .8s ease,border-color .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.own-ask{animation:soft-in .8s cubic-bezier(.16,1,.3,1) both}
.nd{transform:translateY(6px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.16,1,.3,1),box-shadow .6s,border-color .6s}
.mf .phone.themed{transition:--pq 1.1s ease,--pq-t 1.1s ease,transform .6s var(--ease)}
.mf .phone.themed .tx{transition:opacity .45s ease}
.jd-prev p{transition:opacity .45s ease}
/* Asystent: dopisek o przykładzie i blok „Czego nie robi sam”, podpis pod nagraniem */
.st-note{margin-top:16px;font-size:14.5px;line-height:1.6;color:var(--soft)}
.st-nots{margin-top:26px;padding-top:20px;border-top:1px solid #d9d5de}
.st-nots small{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--violet)}
.st-nots ul{list-style:none;margin-top:10px}
.st-nots li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:15px;line-height:1.5;color:var(--ink)}
.st-nots li .i{flex:none;width:18px;height:18px;margin-top:2px;color:var(--violet)}
.vcap{margin-top:14px;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--ink)}
/* pas pod sekcją ról */
.roles-band{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 44px;background:var(--ink);color:#fff}
.roles-band p{position:relative;font-size:24px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:#fff}
.roles-band p span{display:block;color:var(--mint)}
.roles-band .btn{position:relative;flex:none}
@media (max-width:720px){.roles-band{flex-direction:column;align-items:stretch;gap:22px;padding:28px 22px;margin:0 calc(var(--gut)*-1)}.roles-band p{font-size:20px}.roles-band .btn{justify-content:space-between}}
/* pasek z aplikacją pod sliderem: sklepy i oferta partnera */
.app-strip{display:flex;align-items:center;gap:40px;margin-top:40px;padding:24px 30px;background:#fff;border:1px solid var(--lav-line);box-shadow:0 30px 60px -48px rgba(20,5,48,.4)}
.as-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:0}
.as-txt b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.as-txt span{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--muted)}
.as-stores{flex:none;display:flex;gap:10px}
.as-stores .store{height:46px;padding:0 15px 0 12px;gap:9px}
.as-stores .store svg{width:22px;height:22px}
.as-stores .store small{font-size:9.5px}
.as-stores .store b{font-size:15.5px}
@media (hover:hover){.as-stores .store:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px rgba(0,0,0,.55)}}
@media (max-width:1180px){.app-strip{flex-direction:column;align-items:stretch;gap:22px}.as-main{flex-direction:column;align-items:flex-start;gap:18px}}
@media (max-width:720px){.app-strip{padding:22px 20px}.as-stores{flex-wrap:wrap}}
/* Pierwszy ekran: jedna sprawa w trzech telefonach, karuzela */
.hero-label{margin-bottom:28px}
.hero-lead{margin-top:44px}
.hero-demo.hc{display:block;justify-self:stretch;width:100%;padding:0;margin:0;min-width:0;position:relative}
.hc .demo-tag{position:absolute;left:50%;top:22px;display:inline-flex;width:auto;max-width:none;margin:0;transform:translateX(-50%);white-space:nowrap}
.hc-stage{position:relative;height:584px}
.hc-ph{position:absolute;left:50%;top:28px;width:272px;margin-left:-136px;cursor:pointer;transition:transform 1s var(--ease);will-change:transform}
.hc-ph.p0{z-index:3;transform:scale(.88);cursor:default}
.hc-ph.p1{z-index:2;transform:translateX(192px) scale(.79)}
.hc-ph.p2{z-index:1;transform:translateX(-192px) scale(.79)}
.hc-ph .hx-scr::after{content:"";position:absolute;inset:0;z-index:4;background:rgba(238,233,248,.6);transition:opacity 1s var(--ease)}
.hc-ph.p0 .hx-scr::after{opacity:0;pointer-events:none}
.hc .mk{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--mint);color:var(--ink);font-size:10.5px;font-weight:800;letter-spacing:-.02em}
.hx-phone{width:272px;padding:10px;border-radius:46px;background:#120c1f;box-shadow:0 60px 90px -40px rgba(20,5,48,.55)}
.hx-scr{position:relative;display:flex;flex-direction:column;height:540px;border-radius:36px;overflow:hidden;background:#e9e4f3}
.hx-pt{padding:12px 16px 18px;background:var(--ink);color:#fff}
.hx-st{display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600}
.hx-st .nt{width:78px;height:22px;border-radius:12px;background:#120c1f}
.hx-pb{display:flex;align-items:center;gap:9px;margin-top:14px}
.hx-pb b{font-size:13px;font-weight:700}
.hx-pb .me{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);font-size:10.5px;font-weight:700}
.hc-ttl{margin-top:16px}
.hc-ttl small{display:block;font-size:11.5px;font-weight:600;color:#bdb5d3}
.hc-ttl b{display:block;margin-top:1px;font-size:18px;font-weight:700;letter-spacing:-.02em}
.hc-role{display:flex;align-items:center;gap:11px}
.hc-role .ri{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--ink)}
.hc-role .ri .i{width:19px;height:19px}
.hc-body{flex:1;display:flex;flex-direction:column;gap:9px;padding:12px}
.hc-card{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #ddd5ec;box-shadow:0 12px 24px -16px rgba(20,5,48,.45)}
.hc-h{margin-bottom:6px;font-size:11px;font-weight:700;color:var(--violet)}
.hc-from{display:flex;align-items:center;gap:10px}
.hc-from .av{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--lav);color:var(--violet);font-size:12px;font-weight:700}
.hc-from b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.hc-from small{display:block;font-size:10.5px;font-weight:500;color:var(--soft)}
.hc-msg p{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--ink)}
.hc-hand{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:var(--ink);font-size:11.5px;font-weight:700;color:#fff;box-shadow:0 12px 24px -14px rgba(20,5,48,.6)}
.hc-hand .ri{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--ink)}
.hc-hand .ri .i{width:14px;height:14px}
.hc-hand .hx-dots,.hc-hand .ok{margin-left:auto}
.hc-hand .ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--ink)}
.hc-hand .ok .i{width:12px;height:12px;stroke-width:2.8}
.hx-dots{display:inline-flex;gap:3px;color:var(--violet)}
.hc-hand .hx-dots{color:var(--mint)}
.hc-hand .hx-dots i{opacity:.45}
.hx-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;animation:dot 1s infinite}
.hx-dots i:nth-child(2){animation-delay:.15s}
.hx-dots i:nth-child(3){animation-delay:.3s}
.hc-kv > div{padding:6px 0;border-top:1px solid #f0edf4}
.hc-kv > div:first-child{border-top:0;padding-top:2px}
.hc-kv small{display:block;font-size:10px;font-weight:600;color:#6b6580}
.hc-kv b{display:block;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.hc-cal{display:flex;align-items:center;gap:10px}
.hc-cal .ri{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--mint)}
.hc-cal .ri .i{width:17px;height:17px}
.hc-cal b{display:block;font-size:12.5px;font-weight:700;color:var(--ink)}
.hc-cal small{display:block;font-size:10.5px;color:var(--soft)}
.hc-draft .to{display:block;font-size:10.5px;font-weight:600;color:var(--soft)}
.hc-draft p{margin-top:8px;font-size:12px;line-height:1.6;color:var(--ink)}
.hc-att{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 10px;border:1px solid #ddd5ec;border-radius:12px;background:#faf8fd}
.hc-att .pdf{padding:5px 6px;border-radius:6px;background:var(--lav);color:var(--violet);font-size:10px;font-weight:800}
.hc-att b{display:block;font-size:12px;font-weight:700;color:var(--ink)}
.hc-att small{display:block;font-size:10.5px;color:var(--soft)}
.hc-dec{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hc-dec .q{flex-basis:100%;margin-bottom:2px;font-size:12.5px;font-weight:700;color:var(--ink)}
.hc-dec .hc-fix,.hc-dec .hc-ok{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:10px;font-size:12px;font-weight:700}
.hc-dec .hc-fix{border:1.5px solid var(--line);color:var(--ink)}
.hc-dec .hc-ok{background:var(--mint);color:var(--ink)}
.hc-dec .hc-ok .i{width:14px;height:14px;stroke-width:2.6}
/* treść środkowego telefonu pojawia się po kolei */
.hc-ph.p0 .hc-body > *{animation:hcin .7s var(--ease) both}
.hc-ph.p0 .hc-body > :nth-child(1){animation-delay:.35s}
.hc-ph.p0 .hc-body > :nth-child(2){animation-delay:.75s}
.hc-ph.p0 .hc-body > :nth-child(3){animation-delay:1.15s}
@keyframes hcin{from{opacity:0;transform:translateY(12px)}}
.static .hc-ph .hc-body > *{animation:none}
/* kroki pod karuzelą */
.hc-steps{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;max-width:620px;margin:0 auto}
.hero-demo.hc{padding-bottom:40px}
.hc-reply{display:flex;align-items:center;gap:8px;margin-top:auto;padding:6px 6px 6px 14px;border-radius:999px;background:#fff;border:1px solid #ddd5ec;font-size:12px;color:var(--soft)}
.hc-reply .mic{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--mint)}
.hc-reply .mic .i{width:14px;height:14px}
.hc-ph.p0 .hc-body > .hc-reply{animation:none}
.hc-steps button{display:block;text-align:left;font-size:14px;font-weight:600;line-height:1.35;color:var(--soft);transition:color .3s}
.hc-steps button i{position:relative;display:block;height:3px;margin-bottom:12px;background:var(--lav-line);overflow:hidden}
.hc-steps button i b{position:absolute;inset:0;background:var(--violet);transform:scaleX(0);transform-origin:left}
.hc-steps button.on i b{transform:scaleX(1)}
.hc-steps button.on.run i b{animation:railfill var(--dur,5000ms) linear both}
.hc-steps button small{display:block;margin-bottom:3px;font-size:12px;font-weight:700;color:var(--violet)}
.hc-steps button.on{color:var(--ink)}
@media (hover:hover){.hc-steps button:not(.on):hover{color:var(--ink)}}
/* ciemny pas pod hasłem: opis, przyciski, dół karuzeli i kroki na granacie, razem z paskiem pobrania */
.hero::before{background:var(--ink)}
.hero .btn-mint::before{background:#fff}
@media (hover:hover){.hero .btn-mint:hover{color:var(--ink)}.hero .btn-mint:hover .arrow{color:var(--ink)}}
.hx-phone{box-shadow:0 0 0 1.5px rgba(255,255,255,.16),0 60px 90px -40px rgba(0,0,0,.55)}
.hc-steps button{color:#a69ebf}
.hc-steps button.on{color:#fff}
.hc-steps button small{color:var(--mint)}
.hc-steps button i{background:rgba(255,255,255,.16)}
.hc-steps button i b{background:var(--mint)}
@media (hover:hover){.hc-steps button:not(.on):hover{color:#fff}}
@media (min-width:1181px){
  .hero-lead{color:#fff}
  .hero .btn-line-dark{border-color:rgba(255,255,255,.55);color:#fff}
  .hero .btn-line-dark:hover{background:#fff;border-color:#fff;color:var(--ink)}
}
@media (max-width:1180px){
  .hc .demo-tag{color:var(--mint)}
}
/* nagłówek sekcji ról: pogrubiona część w jednej linii przez całą szerokość, opisy w rzędzie pod nim */
.roles-top{row-gap:0}
.roles-top > div:first-child{display:contents}
.roles-top .label,.roles-top .h2{grid-column:1/-1}
.roles-top .roles-lead{grid-column:1/-1;max-width:1000px;margin-top:26px}
@media (min-width:1181px){.roles-lead .rl2{display:block}}
.roles-top > .body{grid-column:2;align-self:end}
@media (max-width:1180px){.roles-top .roles-lead,.roles-top > .body{grid-column:1}.roles-top > .body{margin-top:12px}}
/* W praktyce: cztery lekkie kafle ról, każdy z jednym efektem i fragmentem wyniku */
.rt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rt{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 40px 60px -44px rgba(20,5,48,.55),0 0 0 1px rgba(20,5,48,.08);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.rt-head{position:relative;padding:26px 24px 52px;background:var(--ink);color:#fff;overflow:hidden}
.rt-head::after{content:"";position:absolute;right:-36px;bottom:-36px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.05);transition:transform .7s var(--ease)}
.rt-n{position:absolute;right:22px;top:22px;font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--mint)}
.rt-top{display:flex;align-items:center;gap:12px}
.rt-top .ic{display:grid;place-items:center;flex:none;width:46px;height:46px;background:var(--mint);color:var(--ink)}
.rt-top .ic .i{width:22px;height:22px}
.rt-top b{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff}
.rt-head p{position:relative;margin-top:18px;min-height:2.9em;font-size:16.5px;font-weight:600;line-height:1.45;color:#ddd6ee}
.rt-scr{position:relative;z-index:1;flex:1;padding:0 18px 22px;background:var(--lav)}
.rt-out{display:flex;flex-direction:column;gap:7px;margin-top:-30px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 22px 36px -18px rgba(20,5,48,.5),0 0 0 1px rgba(20,5,48,.06)}
.rt-out small{font-size:11.5px;font-weight:700;color:var(--violet)}
.rt-out i{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #e6e0f1;font-style:normal;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rt-out i .i{flex:none;width:15px;height:15px;color:var(--violet)}
.rt-out i b{margin-left:auto;font-weight:700;white-space:nowrap}
.rt-out i.hl{background:var(--ink);border-color:var(--ink);color:#fff}
.rt-out i.hl .i{color:var(--mint)}
.rt-out i.ok .i{box-sizing:content-box;width:11px;height:11px;padding:2px;border-radius:50%;background:var(--mint);color:var(--ink);stroke-width:2.8}
.rt-out .pdf{padding:3px 5px;border-radius:5px;background:var(--lav);color:var(--violet);font-size:9.5px;font-weight:800}
.rt-go{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 24px;background:#fff;font-size:15px;font-weight:700;color:var(--ink);transition:background .4s,color .4s}
.rt-go .arrow{display:grid;place-items:center;box-sizing:content-box;width:12px;height:12px;padding:8px;border-radius:50%;background:var(--mint);color:var(--ink);transition:transform .45s var(--ease),background .4s}
@media (hover:hover){.rt:hover{transform:translateY(-6px);box-shadow:0 50px 70px -44px rgba(20,5,48,.65),0 0 0 1px rgba(97,51,185,.35)}.rt:hover .rt-head::after{transform:scale(1.5)}.rt:hover .rt-go{background:var(--ink);color:#fff}.rt:hover .rt-go .arrow{transform:rotate(45deg)}}
.rt:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
/* kafle wjeżdżają kolejno od lewej do prawej, potem po kolei pojawiają się wiersze wyników, wyróżnione raz pulsują */
.js .rt:not(.rt-show){opacity:0}
.rt.rt-show{animation:rtin .85s var(--ease) backwards}
@keyframes rtin{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
.js .rt:not(.rt-show) .rt-out i{opacity:0;transform:translateY(8px)}
.rt.rt-show:nth-child(1){animation-delay:0.00s}
.rt.rt-show:nth-child(1) .rt-out i:nth-of-type(1){transition-delay:0.55s}
.rt.rt-show:nth-child(1) .rt-out i:nth-of-type(2){transition-delay:0.83s}
.rt.rt-show:nth-child(2){animation-delay:0.16s}
.rt.rt-show:nth-child(2) .rt-out i:nth-of-type(1){transition-delay:0.71s}
.rt.rt-show:nth-child(2) .rt-out i:nth-of-type(2){transition-delay:0.99s}
.rt.rt-show:nth-child(3){animation-delay:0.32s}
.rt.rt-show:nth-child(3) .rt-out i:nth-of-type(1){transition-delay:0.87s}
.rt.rt-show:nth-child(3) .rt-out i:nth-of-type(2){transition-delay:1.15s}
.rt.rt-show:nth-child(4){animation-delay:0.48s}
.rt.rt-show:nth-child(4) .rt-out i:nth-of-type(1){transition-delay:1.03s}
.rt.rt-show:nth-child(4) .rt-out i:nth-of-type(2){transition-delay:1.31s}
.rt.rt-show .rt-out i.hl,.rt.rt-show .rt-out i.ok{animation:rtping 1.4s ease 2.1s 1}
@keyframes rtping{0%{box-shadow:0 0 0 0 rgba(0,255,179,.55)}100%{box-shadow:0 0 0 10px rgba(0,255,179,0)}}
.static .rt,.static .rt .rt-out i{animation:none}
.rt-note{display:flex;align-items:center;gap:10px;margin:28px 0 56px;font-size:15.5px;font-weight:600;color:var(--muted)}
.rt-note .i{width:19px;height:19px;color:var(--violet)}
@media (max-width:1180px){.rt-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.rt-grid{grid-template-columns:1fr;gap:16px}.rt-head{padding:22px 20px 46px}.rt-head p{min-height:0}.rt-scr{padding:0 16px 18px}.rt-go{padding:14px 20px}.rt-note{align-items:flex-start;margin:22px 0 40px}.rt-note .i{margin-top:2px}}
/* kontrola i bezpieczeństwo w skrócie */
.ctl-short{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:64px;align-items:start}
.ctl-pts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ctl-pts li{padding:24px 22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.ctl-pts .ic{display:grid;place-items:center;width:40px;height:40px;background:var(--mint);color:var(--ink)}
.ctl-pts .ic .i{width:19px;height:19px}
.ctl-pts b{display:block;margin-top:18px;font-size:17px;font-weight:700;color:#fff}
.ctl-pts p{margin-top:8px;font-size:15px;line-height:1.55;color:#c9c2dc}
@media (max-width:1180px){.ctl-short{grid-template-columns:1fr;gap:32px}}
@media (max-width:720px){.ctl-pts{grid-template-columns:1fr;gap:12px}}
/* pasek pobrania węższy */
.app-dl .app-strip{padding:18px 28px}
/* kroki scenariusza (Jak działa): mocniejszy kontrast, bieżący krok na białej karcie */
.steps{border-top:1px solid #cbc3d9}
.steps li{grid-template-columns:50px 1fr;align-items:start;padding:16px 14px 16px 0;border-bottom:1px solid #cbc3d9;transition:padding .35s var(--ease),background .35s,box-shadow .35s}
.steps li span{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1.5px solid #c4bbd6;font-size:13px;font-weight:700;color:#6b6580;transition:background .35s,border-color .35s,color .35s}
.steps li small{font-size:13px;font-weight:700;color:#6b6580}
.steps li strong{margin-top:2px;font-size:16.5px;font-weight:600;color:#4f4a60}
.steps li.on span{background:var(--ink);border-color:var(--ink);color:var(--mint)}
.steps li.on small{color:var(--violet)}
.steps li.on strong{color:var(--ink)}
.steps li.cur{padding-left:16px;background:#fff;border-bottom-color:transparent;box-shadow:0 16px 30px -20px rgba(20,5,48,.45)}
.steps li.cur span{background:var(--mint);border-color:var(--mint);color:var(--ink)}
/* ekrany scenariuszy (Jak działa): kontrast jak w kaflach ról, „Twoja sprawa” na granacie, decyzja na fiolecie */
.t-in{background:var(--ink);border-right:0;color:#fff}
.t-in .zl{color:#fff}
.t-in .zl b{background:var(--mint);color:var(--ink)}
.zl{color:var(--ink)}
.zl b{background:var(--ink);color:var(--mint)}
.msg,.vbig{border:0;box-shadow:0 22px 36px -18px rgba(0,0,0,.55)}
.t-in .vcap{color:#fff}
.t-in .transcript{color:#cfc8e0}
.t-in .transcript mark{color:#fff;background-image:linear-gradient(transparent 58%,rgba(0,255,179,.42) 58%)}
.t-in .transcript mark.v{background-image:linear-gradient(transparent 58%,rgba(189,166,255,.42) 58%)}
.t-in .t-h{color:#fff}
.t-in .ftab > div{border-bottom-color:rgba(255,255,255,.14)}
.t-in .ftab dt{color:#bdb5d3}
.t-in .ftab dd{color:#fff}
.t-in .ftab .due dd{color:var(--mint)}
.t-in .note-in{color:#cfc8e0}
.t-in .consent{color:#fff}
.t-dec{background:var(--lav);border-top:0}
.t-dec .q{font-weight:700}
/* treść spraw (pytania klientów) wyraźniej: pełny granat i grubszy krój */
.msg p{font-size:15.5px;font-weight:500;color:var(--ink)}
.hc-msg p{font-weight:500}
.t-in .transcript{color:#e4def2;font-weight:500}
.t-in .note-in{color:#e4def2;font-weight:500}
.t-in .ftab dt{color:#e4def2;font-weight:500}
.t-in .ftab > div{border-bottom-color:rgba(255,255,255,.2)}
/* miętowy kwadrat przy pasie tylko na szerokim ekranie (na telefonie i tablecie zasłaniał opis) */
@media (max-width:1180px){.hero-panel{display:none}}
/* scenariusze na telefonie: przyciski decyzji mogą zejść do drugiej linii, kolumny nie rozpychają ekranu */
@media (max-width:720px){.role-panel > *{min-width:0}.t-dec .acts{flex-wrap:wrap;gap:8px}.t-dec .b-ghost,.t-dec .b-ok{padding:0 14px}}
/* makiety telefonów: podpis „Pracownicy AI” w dolnym menu w jednej linii */
.pq-nav{grid-template-columns:.9fr .9fr .9fr 1.3fr}
.pq-nav span{white-space:nowrap}
/* telefon: większe pola dotyku w stopce i przy rozwijaniu BIO */
@media (max-width:720px){.f-col a{padding:10px 0;line-height:1.5}.f-bottom a{display:inline-block;padding:10px 0}}
/* blok „Czego nie robi” pod listą kroków: jedna linia nad blokiem, jak u Asystenta */
.steps:has(+ .st-nots) li:last-child{border-bottom-color:transparent}

/* Planowane rozszerzenia: kolejne obszary i role, rozwijane wiersze */
.ext{margin:84px 0 72px}
.ext-top{max-width:860px}
.ext-h{margin-top:22px;font-size:38px;font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.ext-lead{margin-top:18px;font-size:17px;line-height:1.65;color:var(--muted)}
.ext-list{margin-top:40px;border-bottom:1px solid var(--line)}
.ext-row{border-top:1px solid var(--line)}
.ext-q{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;align-items:center;gap:16px;width:100%;padding:24px 0;text-align:left;cursor:pointer}
.ext-q .n{font-size:14px;font-weight:700;color:var(--violet)}
.ext-q .t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:baseline;gap:8px 32px}
.ext-q b{font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.ext-q small{font-size:15px;font-weight:500;line-height:1.5;color:var(--muted)}
.ext-q .pm{position:relative;justify-self:end;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--lav-line);transition:background .4s,border-color .4s}
.ext-q .pm::before,.ext-q .pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:1px;background:var(--violet);transition:transform .45s cubic-bezier(.16,1,.3,1),background .4s}
.ext-q .pm::after{transform:rotate(90deg)}
.ext-row.open .ext-q .pm{background:var(--ink);border-color:var(--ink)}
.ext-row.open .ext-q .pm::before,.ext-row.open .ext-q .pm::after{background:var(--mint)}
.ext-row.open .ext-q .pm::after{transform:rotate(0deg)}
@media (hover:hover){.ext-q:hover b{color:var(--violet)}.ext-row:not(.open) .ext-q:hover .pm{border-color:var(--violet)}}
.ext-q:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.ext-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.16,1,.3,1)}
.ext-a > div{min-height:0;overflow:hidden}
.ext-row.open .ext-a{grid-template-rows:1fr}
.ext-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 28px 72px;opacity:0;transform:translateY(-6px);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.ext-row.open .ext-roles{opacity:1;transform:none;transition-delay:.08s}
.ext-roles > div{padding:18px 20px;background:var(--lav-2);border:1px solid var(--lav-line)}
.ext-roles b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.ext-roles p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--muted)}
.ext-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:40px;padding:30px 34px;background:var(--lav)}
.ext-cta b{display:block;font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.ext-cta p{margin-top:6px;font-size:16px;line-height:1.55;color:var(--muted)}
.ext-cta .btn{flex:none}
@media (max-width:1180px){.ext-q .t{grid-template-columns:1fr}.ext-roles{padding-left:0}}
@media (max-width:720px){
  .ext{margin:60px 0 52px}
  .ext-h{font-size:28px}
  .ext-lead{font-size:16px}
  .ext-q{grid-template-columns:34px minmax(0,1fr) 40px;gap:10px;padding:20px 0}
  .ext-q b{font-size:18px}
  .ext-q small{font-size:14px}
  .ext-roles{grid-template-columns:1fr;gap:10px;padding-bottom:22px}
  .ext-cta{flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px}
  .ext-cta .btn{justify-content:space-between;white-space:normal;height:auto;min-height:58px;padding:14px 22px;text-align:left}
}
/* Planowane rozszerzenia: wersja kompaktowa */
.ext{margin:72px 0 64px}
.ext-top{max-width:none}
.ext-h{margin-top:18px;font-size:30px}
.ext-lead{margin-top:12px;font-size:16px;line-height:1.6}
.ext-list{margin-top:28px}
.ext-q{grid-template-columns:44px minmax(0,1fr) 34px;gap:12px;padding:15px 0}
.ext-q .n{font-size:13px}
.ext-q .t{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:4px 28px}
.ext-q b{font-size:18px}
.ext-q small{font-size:14px}
.ext-q .pm{width:32px;height:32px}
.ext-q .pm::before,.ext-q .pm::after{width:12px;margin-left:-6px}
.ext-roles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;padding:2px 0 20px 56px}
.ext-roles > div{padding:2px 22px 2px 16px;background:none;border:0;border-left:2px solid var(--lav-line)}
.ext-roles b{font-size:15px}
.ext-roles p{margin-top:4px;font-size:14px;line-height:1.55}
.ext-cta{margin-top:28px;padding:22px 28px}
.ext-cta b{font-size:19px}
.ext-cta p{margin-top:4px;font-size:15px}
@media (max-width:1180px){.ext-roles{padding-left:0}.ext-q .t{grid-template-columns:1fr}}
@media (max-width:720px){.ext-h{font-size:26px}.ext-q{grid-template-columns:30px minmax(0,1fr) 32px;padding:14px 0}.ext-q b{font-size:17px}.ext-roles{grid-template-columns:1fr;gap:12px}.ext-roles > div{padding:0 0 0 14px}}
/* Planowane rozszerzenia: dopracowany wygląd (otwarty wiersz na tle, role jako pigułki, znaczniki przy rolach) */
.ext-row{padding:0 22px;transition:background .5s cubic-bezier(.16,1,.3,1)}
.ext-row.open{background:var(--lav-2)}
.ext-q small{display:flex;flex-wrap:wrap;gap:6px}
.ext-q small i{font-style:normal;padding:4px 11px;border-radius:999px;background:var(--lav-2);border:1px solid var(--lav-line);font-size:13px;font-weight:600;line-height:1.4;color:var(--violet);transition:background .4s}
.ext-row.open .ext-q small i{background:#fff}
.ext-q .t{align-items:center}
@media (min-width:1181px){.ext-q .t{grid-template-columns:340px minmax(0,1fr);column-gap:20px}.ext-q b{font-size:17.5px}.ext-q small{gap:5px}.ext-q small i{padding:4px 10px;font-size:12.5px}}
.ext-roles{padding:2px 0 24px 56px}
.ext-roles > div{padding:0 26px;border-left:1px solid var(--lav-line)}
.ext-roles > div:first-child{padding-left:0;border-left:0}
.ext-roles b{display:flex;align-items:flex-start;gap:9px;font-size:15.5px;line-height:1.35;letter-spacing:-.01em}
.ext-roles b::before{content:"";flex:none;width:8px;height:8px;margin-top:6px;border-radius:2px;background:var(--mint)}
.ext-roles p{margin-top:6px;padding-left:17px;font-size:14.5px;line-height:1.6;color:#5d5772}
@media (max-width:1180px){.ext-roles{padding-left:0}}
@media (max-width:720px){.ext-row{padding:0 14px}.ext-roles > div,.ext-roles > div:first-child{padding:12px 0 0;border-left:0;border-top:1px solid var(--lav-line)}.ext-roles > div:first-child{border-top:0;padding-top:0}}
/* Planowane rozszerzenia na jasnym szarym tle na całą szerokość */
.ext{margin:80px 0 72px;padding:64px 0 60px;background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.ext-q small i{background:#fff}
.ext-row.open{background:#fff}
.ext-list,.ext-row{border-color:#dcd8cf}
@media (max-width:720px){.ext{margin:56px 0 48px;padding:44px 0 40px}}
/* Planowane rozszerzenia: ikony obszarów zamiast numerów */
.ext-q{grid-template-columns:44px minmax(0,1fr) 34px}
.ext-q .n{display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid var(--lav-line);color:var(--violet);transition:background .4s,color .4s,border-color .4s}
.ext-q .n .i{width:22px;height:22px;stroke-width:1.8}
.ext-row.open .ext-q .n{background:var(--ink);border-color:var(--ink);color:var(--mint)}
@media (hover:hover){.ext-row:not(.open) .ext-q:hover .n{border-color:var(--violet)}}
@media (max-width:720px){.ext-q{grid-template-columns:38px minmax(0,1fr) 32px}.ext-q .n{width:36px;height:36px}.ext-q .n .i{width:18px;height:18px}}
/* pas „Mniej obowiązków…” pod telefonami w sekcji dla partnera; sekcja ról kończy się szarym pasem rozszerzeń */
.value .roles-band{margin-top:96px}
.value .roles-band .btn{margin-top:0}
.roles{padding-bottom:110px}
@media (max-width:720px){.value .roles-band{margin-top:64px}}
/* kafle ról: szóstka w dwóch rzędach po trzy, wejście kafli 5 i 6 */
@media (min-width:1181px){.rt-grid{grid-template-columns:repeat(3,1fr)}}
.rt.rt-show:nth-child(5){animation-delay:.64s}
.rt.rt-show:nth-child(6){animation-delay:.8s}
.rt.rt-show:nth-child(5) .rt-out i:nth-of-type(1){transition-delay:1.19s}
.rt.rt-show:nth-child(5) .rt-out i:nth-of-type(2){transition-delay:1.47s}
.rt.rt-show:nth-child(6) .rt-out i:nth-of-type(1){transition-delay:1.35s}
.rt.rt-show:nth-child(6) .rt-out i:nth-of-type(2){transition-delay:1.63s}
/* kafle ról lżej: jasna góra zamiast granatu, granat tylko w ikonie i wyróżnieniach */
.rt{box-shadow:0 30px 50px -40px rgba(20,5,48,.45),0 0 0 1px #e4def0}
.rt-head{background:#fff;color:var(--ink);border-top:3px solid var(--mint)}
.rt-head::after{background:var(--lav-2)}
.rt-n{color:var(--violet)}
.rt-top .ic{background:var(--ink);color:var(--mint)}
.rt-top b{color:var(--ink)}
.rt-head p{color:var(--muted)}
.rt-scr{background:var(--lav)}
.rt-go{border-top:1px solid #ece7f5}
/* kafle ról: tytuł oddzielony od opisu linią z fioletowym akcentem */
.rt-top{position:relative;padding-bottom:18px;border-bottom:1px solid #e9e3f4}
.rt-top::after{content:"";position:absolute;left:0;bottom:-1px;width:46px;height:2px;background:var(--violet)}
.rt-head p{margin-top:16px}
/* kafle ról bez ozdobnych kół w tle */
.rt-head::after{display:none}
/* kafle ról: oddech między rzędami */
.rt-grid{row-gap:44px}
@media (max-width:720px){.rt-grid{row-gap:24px}}
/* kafle ról na przemian: co drugi kafel w jasnym fiolecie z fioletową linią (w siatce 3×2 daje szachownicę) */
.rt:nth-child(even) .rt-head{background:var(--lav-2);border-top-color:var(--violet)}
.rt:nth-child(even) .rt-top{border-bottom-color:#e2daf2}
.rt:nth-child(even) .rt-top::after{background:var(--mint)}
.rt:nth-child(even) .rt-top .ic{background:var(--violet);color:#fff}
.rt:nth-child(even) .rt-scr{background:#e4dcf4}
.rt:nth-child(even) .rt-go{background:var(--lav-2);border-top-color:#e2daf2}
@media (hover:hover){.rt:nth-child(even):hover .rt-go{background:var(--ink)}}
/* karta pobrania: opis w jednej linii na szerokim ekranie */
@media (min-width:1181px){
  .app-dl .app-strip{gap:28px}
  .app-dl .as-main{gap:24px}
  .app-dl .as-txt span{font-size:14px}
}
@media (min-width:1181px) and (max-width:1400px){
  .app-dl .as-stores .store{height:42px;padding:0 12px 0 10px;gap:7px}
  .app-dl .as-stores .store svg{width:19px;height:19px}
  .app-dl .as-stores .store b{font-size:14px}
  .app-dl .as-stores .store small{font-size:9px}
}
@media (min-width:1261px){.app-dl .as-txt span{white-space:nowrap}}
/* kafle ról: części kafli wyrównane w rzędzie (dłuższa nazwa nie przesuwa karty) */
@supports (grid-template-rows:subgrid){.rt{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.rt-head{align-self:stretch}}
/* pasek pod kaflami ról: link do podstrony z całym zespołem */
.more-roles{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:28px 34px;background:var(--lav);border-left:4px solid var(--mint)}
.more-roles b{display:block;font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--ink)}
.more-roles p{margin-top:6px;font-size:16px;line-height:1.55;color:#4f4a60}
.more-roles .btn{flex:none}
@media (max-width:720px){.roles{padding-bottom:72px}.more-roles{flex-direction:column;align-items:stretch;gap:20px;margin-top:32px;padding:24px 20px}.more-roles b{font-size:19px}.more-roles .btn{justify-content:space-between}}
/* telefony i tablety: krótsze animacje wejścia (szybciej ustabilizowany obraz, lepszy Speed Index) */
@media (max-width:900px){
  .rv-on .hero h1,.rv-on .hero-label{animation-duration:.45s;animation-delay:0s}
  .rv-on .hero h1 .second{animation-duration:.5s;animation-delay:.08s}
  .rv-on .hero-lead{animation-duration:.5s;animation-delay:.14s}
  .rv-on .hero-btns{animation-duration:.5s;animation-delay:.2s}
  .rv-on .hero-demo{animation-duration:.55s;animation-delay:.18s}
  .hc-ph.p0 .hc-body > *{animation-duration:.4s}
  .hc-ph.p0 .hc-body > :nth-child(1){animation-delay:.15s}
  .hc-ph.p0 .hc-body > :nth-child(2){animation-delay:.3s}
  .hc-ph.p0 .hc-body > :nth-child(3){animation-delay:.45s}
  .rv{transition-duration:.5s,.55s!important;transition-delay:calc(var(--d,0ms) * .5)!important}
}
/* zakładki ról na tablecie: zwarciej, a poniżej 960 px w dwóch rzędach */
@media (max-width:1180px) and (min-width:721px){.role-tab{grid-template-columns:40px 1fr;column-gap:12px;min-height:96px;padding:20px 16px 18px}.role-tab .ic{width:40px;height:40px}.role-tab b{font-size:18px}.role-tab small{font-size:13px}}
@media (max-width:960px) and (min-width:721px){.role-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.role-tab{margin:0;border:1px solid var(--line)}.role-tab .bar{left:0;right:0;top:0}}
@keyframes hxblink{50%{opacity:0}}
/* cienie ekranów nie urywają się na dole pierwszego ekranu */
@supports (overflow:clip){.hero{overflow:visible;overflow-x:clip}}
.rv-on .hero-label{animation:rvfade .9s var(--ease) both}
/* pasek pobrania: biała karta zachodząca na dół pierwszego ekranu */
.app-dl{position:relative;z-index:2;margin-top:-58px;padding:0}
.app-dl .app-strip{margin-top:0;padding:26px 32px;background:#fff;border:1px solid var(--lav-line);box-shadow:0 34px 60px -34px rgba(20,5,48,.5)}
.hero-in{padding-bottom:58px}
@media (max-width:1180px){.hero-in{padding-bottom:0}}
@media (max-width:720px){.app-dl .app-strip{padding:24px 20px}}
@media (max-width:1180px){
  .hero-demo.hc{width:auto;margin:0 calc(var(--gut)*-1);padding:48px var(--gut) 110px;background:var(--ink)}
  .hc .demo-tag{top:48px}
}
@media (max-width:720px){
  .hero-label{margin-bottom:20px}
  .hero-lead{margin-top:22px}
  .hero-demo.hc{padding:28px 0 92px;overflow:hidden}
  .hc .demo-tag{top:28px}
  .hc-stage{height:556px}
  .hc-ph{top:12px}
  .hc-ph.p1{transform:translateX(158px) scale(.75)}
  .hc-ph.p2{transform:translateX(-158px) scale(.75)}
  .hc-steps{padding:0 var(--gut);gap:12px}
  .hc-steps .lg{display:none}
  .hc-steps button{font-size:14px}
}
/* Przełącznik języka: flagi SVG (jak na stronie 3HT), nieaktywna przygaszona */
.lang{gap:10px}
.fl{display:inline-flex;line-height:0;opacity:.45;transition:opacity .2s}
a.fl:hover,a.fl:focus-visible,.fl.on{opacity:1}
.flg{display:block;width:20px;height:14px;border-radius:2px;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(20,5,48,.16)}
.fl.on .flg{box-shadow:0 0 0 1px rgba(20,5,48,.35)}
.m-menu .flg{width:28px;height:19px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.m-menu .fl.on .flg{box-shadow:0 0 0 1px rgba(255,255,255,.75)}
.fl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.flg-pl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath fill='%23fff' d='M0 0h20v7H0z'/%3E%3Cpath fill='%23dc143c' d='M0 7h20v7H0z'/%3E%3C/svg%3E")}
.flg-gb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='xMidYMid slice'%3E%3CclipPath id='t'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23c8102e' stroke-width='4' clip-path='url(%23t)' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23c8102e' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E")}
/* Stopka: dyskretny podpis wykonawcy */
.f-bottom .f-credit{margin-left:auto;font-size:12px;color:#6f6889}
.f-bottom .f-credit a{color:#8f87a8;letter-spacing:.08em;transition:color .2s}
.f-bottom .f-credit a:hover{color:#fff}
@media (max-width:720px){.f-bottom .f-credit{margin-left:0;flex-basis:100%}}


/* ================= Podstrony 3ht.ai ================= */
.main-nav a[aria-current]{color:var(--ink)}
.main-nav a[aria-current]::after{transform:scaleX(1)}
.m-l[aria-current] .t{color:var(--mint)}

/* ---------- Otwarcie podstrony ---------- */
.pg-hero{position:relative;overflow:hidden;background:var(--paper);padding:72px 0 96px}
.pg-hero .mint-block{position:absolute;right:0;bottom:0;width:96px;height:96px;background:var(--mint)}
.pg-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:end}
.crumbs{display:flex;gap:10px;margin-bottom:40px;font-size:14px;font-weight:500;color:var(--soft)}
.crumbs a{color:var(--muted);transition:color .3s}
.crumbs a:hover{color:var(--violet)}
.pg-hero h1{margin-top:26px;font-size:60px;font-weight:700;line-height:1.04;letter-spacing:-.04em;color:var(--ink)}
.pg-hero h1 .second{display:block;margin-top:4px;font-weight:300;letter-spacing:-.03em;color:var(--violet)}
.pg-lead{max-width:620px;margin-top:30px;font-size:20px;line-height:1.6;color:var(--muted)}
.pg-lead b{font-weight:600;color:var(--ink)}
.pg-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}

/* spis ról w otwarciu */
.jump{border-top:1px solid var(--line)}
.jump a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);transition:color .3s}
.jump .ic{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--mint)}
.jump .ic .i{width:21px;height:21px}
.jump b{display:block;font-size:19px;font-weight:600;color:var(--ink);transition:color .3s}
.jump small{display:block;margin-top:2px;font-size:14px;color:var(--soft)}
.jump .arrow{width:16px;height:16px;color:var(--violet);transition:transform .35s var(--ease)}
.jump a:hover b{color:var(--violet)}
.jump a:hover .arrow{transform:translate(1px,3px)}
.jump-h{margin-bottom:14px;font-size:14px;font-weight:600;color:var(--soft)}

/* branże w otwarciu */
.inds{display:flex;flex-wrap:wrap;gap:10px}
.inds span{padding:10px 16px;border:1px solid var(--lav-line);background:#fff;font-size:15px;font-weight:600;color:var(--ink)}

/* karta audytu w otwarciu */
.audit-card{position:relative;padding:34px 34px 32px;background:var(--ink);color:#fff;overflow:hidden}
.audit-card .ok{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--ink)}
.audit-card .ok .i{width:24px;height:24px;stroke-width:2.6}
.audit-card b{display:block;margin-top:24px;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.audit-card p{margin-top:10px;font-size:16px;line-height:1.55;color:#cbc4dd}

/* liczby w otwarciu */
.stats{border-top:1px solid var(--line)}
.stats > div{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.stats b{display:flex;align-items:baseline;gap:8px;font-size:58px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.stats b small{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--violet)}
.stats span{font-size:16px;line-height:1.5;color:var(--muted)}
.stats .pr{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-style:normal}
.stats .pr em{padding:4px 9px;background:#fff;border:1px solid var(--lav-line);font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink)}

/* ---------- Sekcje ---------- */
.sec{position:relative;padding:112px 0}
.sec-white{background:#fff}
.sec-lav{background:var(--lav)}
.sec-paper{background:var(--paper)}
.sec-dark{background:var(--ink);color:#fff;overflow:hidden}
.sec .sec-head{margin-bottom:56px}
.sec-head .body{max-width:620px;margin-top:22px}
.sec-head.split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:72px;align-items:end}
.sec-head.split .body{margin-top:0}
.sec-dark .body{color:#cbc4dd}
.sec-dark .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.note{display:flex;gap:12px;align-items:flex-start;max-width:760px;margin-top:40px;font-size:15px;line-height:1.55;color:var(--muted)}
.note .i{flex:none;width:20px;height:20px;margin-top:1px;color:var(--violet)}
.sec-dark .note{color:#cbc4dd}
.sec-dark .note .i{color:var(--mint)}

/* trzy kroki: zadanie, wynik, decyzja */
.tri3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.tri3 > div{position:relative;padding:34px 40px 8px 0}
.tri3 > div + div{padding-left:40px;border-left:1px solid var(--line)}
.tri3 .n{font-size:15px;font-weight:700;color:var(--violet)}
.tri3 h3{margin-top:14px;font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.tri3 p{margin-top:12px;font-size:16.5px;line-height:1.65;color:var(--muted)}
.tri3 > div::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:3px;background:var(--mint)}
.tri3 > div + div::before{left:40px}

/* ---------- Role: scenariusz ze strony głównej i rozwinięcie ---------- */
.role-sec{position:relative;padding:96px 0;scroll-margin-top:70px}
.role-sec:nth-of-type(odd){background:#fff}
.role-sec:nth-of-type(even){background:var(--paper)}
.role-sec .stage{background:var(--lav-2);border:1px solid var(--lav-line)}
.role-sec:nth-of-type(even) .stage{background:#fff;border-color:#e6e1ee}
@media (min-width:1181px){.role-sec .role-panel{min-height:0;padding:56px 56px 60px}}
.role-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.role-head .n{font-size:15px;font-weight:700;color:var(--violet)}
.role-head h2{margin-top:10px;font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.role-head h2 span{font-weight:300;color:var(--violet)}
.role-more{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;margin-top:44px}
.role-more h3{font-size:15px;font-weight:700;color:var(--violet)}
.tasks{margin-top:16px;columns:2;column-gap:40px;list-style:none}
.tasks li{display:flex;gap:12px;break-inside:avoid;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--ink)}
.tasks li .i{flex:none;width:18px;height:18px;margin-top:2px;color:var(--violet)}
.asks{display:flex;gap:14px;margin-top:16px;padding:20px 22px;background:var(--lav-2);border:1px solid var(--lav-line)}
.role-sec:nth-of-type(even) .asks{background:#fff}
.asks .qi{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--violet);color:#fff;font-size:15px;font-weight:700}
.asks small{display:block;font-size:13px;font-weight:700;color:var(--violet)}
.asks p{margin-top:4px;font-size:17px;font-weight:600;line-height:1.45;color:var(--ink)}
.asks em{display:block;margin-top:8px;font-style:normal;font-size:14px;line-height:1.5;color:var(--muted)}

/* ---------- Wspólna wiedza ---------- */
.kn-sec .tri-cap{max-width:760px;font-size:17px;line-height:1.6;color:var(--muted)}
.kn-sec .chain-x{margin-top:36px}

/* ---------- Kontrola właściciela: trzy sceny ---------- */
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.scene{display:flex;flex-direction:column}
.scene .sc-l{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;font-weight:600;color:#c9c2dc}
.scene .sc-l b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--mint);font-size:12px;color:var(--mint)}
.scard{position:relative;flex:1;display:flex;flex-direction:column;min-height:330px;padding:22px 22px 20px;background:#fff;border-radius:16px;color:var(--ink);box-shadow:0 40px 70px -40px rgba(0,0,0,.6)}
.scr-h{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #efedf3;font-size:14px;font-weight:700}
.scr-h .ri{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--mint)}
.scr-h .ri .i{width:16px;height:16px}
.scr-h em{margin-left:auto;font-style:normal;font-size:12px;font-weight:500;color:var(--soft)}
.bub{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f4f2f8;font-size:14.5px;line-height:1.5;color:var(--ink)}
.bub.me{align-self:flex-end;max-width:85%;background:var(--lav)}
.bub small{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--violet)}
.scard .acts{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.scard .acts button{flex:1;height:40px;border-radius:999px;font-size:13.5px;font-weight:700}
.scard .b-ghost{border:1.5px solid #d9d4e3;color:var(--ink)}
.scard .b-ok{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--mint);color:var(--ink)}
.scard .b-ok .i{width:14px;height:14px;stroke-width:3}
.scard .okline{display:none;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:700}
.scard .okline .tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint)}
.scard .okline .tick .i{width:13px;height:13px;stroke-width:3}
.scard .okline.on{display:flex}
.nb-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0edf4;font-size:14px}
.nb-row span{color:var(--soft)}
.nb-row b{font-weight:700;text-align:right;transition:color .4s}
.nb-row.edit{margin:0 -10px;padding:11px 10px;background:#f6f3fc;border-radius:8px}
.swap{display:inline-grid;justify-items:end}
.swap > *{grid-area:1/1}
.nb-row .old{text-decoration:line-through;color:var(--soft);font-weight:500;margin-right:6px}
.nb-row .pen{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;border-radius:6px;background:var(--lav);color:var(--violet);vertical-align:middle}
.nb-row .pen .i{width:12px;height:12px}
.scard .saved{display:none;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:13.5px;font-weight:700;color:var(--ink)}
.scard .saved.on{display:flex}
.scard .saved .tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint)}
.scard .saved .tick .i{width:12px;height:12px;stroke-width:3}
.ctrl-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px;padding-top:36px;border-top:1px solid rgba(255,255,255,.16)}
.ctrl-pts b{display:block;font-size:19px;font-weight:600;color:#fff}
.ctrl-pts p{margin-top:8px;font-size:15.5px;line-height:1.6;color:#cbc4dd}
.ctrl-pts .i{width:22px;height:22px;margin-bottom:14px;color:var(--mint)}

/* ---------- Korzyści dla partnera ---------- */
.vcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vcard{position:relative;padding:36px 34px 34px;background:var(--paper);border-top:3px solid var(--mint)}
.vcard .n{font-size:15px;font-weight:700;color:var(--violet)}
.vcard h3{margin-top:18px;font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--ink)}
.vcard h3 em{font-style:normal;font-weight:300;color:var(--violet)}
.vcard p{margin-top:14px;font-size:16.5px;line-height:1.6;color:var(--muted)}
.client{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center;margin-top:24px;padding:30px 34px;background:var(--lav)}
.client h3{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.client small{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--violet)}
.client ul{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none}
.client li{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:600;color:var(--ink)}
.client li .tick{flex:none;margin-top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint)}
.client li .tick .i{width:12px;height:12px;stroke-width:3}

/* ---------- Potrzeba klienta i oferta partnera ---------- */
.need-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.need-tabs button{height:46px;padding:0 20px;border:1.5px solid var(--lav-line);border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--ink);transition:background .3s,border-color .3s,color .3s}
.need-tabs button:hover{border-color:var(--violet)}
.need-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.need{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:stretch}
.nd{position:relative;display:flex;flex-direction:column;padding:28px 28px 26px;background:#fff;border:1px solid var(--lav-line);opacity:.35;transform:translateY(10px);transition:opacity .6s var(--ease),transform .7s var(--ease),box-shadow .6s,border-color .6s}
.nd.on{opacity:1;transform:none}
.nd .who{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.nd .who .ic{display:grid;place-items:center;width:38px;height:38px;background:var(--lav);color:var(--violet)}
.nd .who .ic .i{width:19px;height:19px}
.nd h3{margin-top:18px;font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.nd p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.nd.nd-ok{background:var(--ink);border-color:var(--ink);color:#fff}
.nd.nd-ok .who{color:var(--mint)}
.nd.nd-ok .who .ic{background:var(--mint);color:var(--ink)}
.nd.nd-ok h3{color:#fff}
.nd.nd-ok p{color:#cbc4dd}
.nd .acts{display:flex;gap:8px;margin-top:auto;padding-top:18px}
.nd .acts span{flex:1 1 auto;padding:0 12px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:999px;font-size:13.5px;font-weight:700}
.nd .acts .no{border:1.5px solid rgba(255,255,255,.3);color:#fff}
.nd .acts .yes{background:var(--mint);color:var(--ink)}
.nd .acts .yes .i{width:14px;height:14px;stroke-width:3}
.nd-arr{display:grid;place-items:center;color:var(--violet)}
.nd-arr .i{width:24px;height:24px;stroke-width:2.2;opacity:.3;transition:opacity .5s}
.nd-arr.on .i{opacity:1}
.need-note{display:flex;gap:12px;margin-top:28px;font-size:15px;line-height:1.55;color:var(--muted)}
.need-note .i{flex:none;width:20px;height:20px;color:var(--violet)}

/* ---------- Podział odpowiedzialności ---------- */
.resp{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.resp > div{padding:32px 36px 0 0}
.resp > div + div{padding-left:36px;border-left:1px solid var(--line)}
.resp .n{font-size:15px;font-weight:700;color:var(--violet)}
.resp h3{margin-top:12px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.resp p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--muted)}
.resp .tag{display:inline-block;margin-top:16px;padding:6px 12px;background:var(--lav);font-size:13px;font-weight:700;color:var(--violet)}

/* ---------- Modele marki na podstronie ---------- */
.models.sub-models{padding:112px 0}
.mnote{display:flex;gap:12px;margin-top:40px;font-size:15px;line-height:1.55;color:var(--muted)}
.mnote .i{flex:none;width:20px;height:20px;color:var(--violet)}

/* ---------- Etapy ---------- */
.stages{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:st;list-style:none}
.stages li{position:relative;padding:30px 28px 0 0}
.stages li::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--lav-line)}
.stages li::after{content:"";position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--paper)}
.sec-white .stages li::after{box-shadow:0 0 0 4px #fff}
.sec-lav .stages li::after{box-shadow:0 0 0 4px var(--lav)}
.stages .n{font-size:15px;font-weight:700;color:var(--violet)}
.stages h3{margin-top:10px;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}
.stages p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.stages-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.stages-foot p{max-width:640px;font-size:16px;line-height:1.6;color:var(--muted)}

/* ---------- Tematy bezpieczeństwa ---------- */
.sec-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start}
.topics4{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.topics4 > div{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.topics4 > div:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.topics4 .i{width:24px;height:24px;color:var(--violet)}
.topics4 h3{margin-top:14px;font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.topics4 p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.envs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.env{padding:22px 22px 20px;background:var(--lav);border-top:3px solid var(--violet)}
.env small{font-size:13px;font-weight:700;color:var(--violet)}
.env b{display:block;margin-top:8px;font-size:19px;font-weight:700;line-height:1.3;color:var(--ink)}
.env-or{align-self:center;font-size:14px;font-weight:700;color:var(--soft)}
.chan{padding:30px 32px;background:var(--ink);color:#fff}
.chan small{font-size:14px;font-weight:600;color:var(--mint)}
.chan h3{margin-top:10px;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.chan p{margin-top:10px;font-size:15.5px;line-height:1.6;color:#cbc4dd}
.chan .flowc{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.chan .flowc span{padding:9px 14px;border:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:600}
.chan .flowc span.hl{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.chan .flowc .i{width:16px;height:16px;color:var(--mint)}
.ctrl2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:center}
.ctrl2 ul{list-style:none;margin-top:36px;border-top:1px solid rgba(255,255,255,.16)}
.ctrl2 li{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:17px;line-height:1.55;color:#e6e1f2}
.ctrl2 li .tick{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--mint)}
.ctrl2 li .tick .i{width:14px;height:14px;stroke-width:3;color:var(--ink)}
.ctrl2 .c-ui{margin:0}

/* ---------- O nas: partnerzy ---------- */
.plist{border-top:1px solid var(--line)}
.prow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}
.prow .ph{position:relative;overflow:hidden;aspect-ratio:4/5;background:#ddd}
.prow .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:grayscale(1) contrast(1.03);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.prow .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.prow:hover .ph img{transform:scale(1.05)}.prow:hover .ph::after{transform:scaleX(1)}}
.prow h3{font-size:30px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.prow .rt{margin-top:6px;font-size:15px;font-weight:600;color:var(--violet)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.facts div{padding:16px 18px;background:var(--lav-2);border-top:2px solid var(--mint)}
.facts b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.facts span{display:block;margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.bio{max-width:760px;margin-top:24px;font-size:16.5px;line-height:1.7;color:var(--muted)}
.bio-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.bio-more > div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .55s}
.prow.open .bio-more{grid-template-rows:1fr}
.prow.open .bio-more > div{visibility:visible;transition-delay:0s}
.bio-more p{max-width:760px;padding-top:14px;font-size:16.5px;line-height:1.7;color:var(--muted)}
.bio-t{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:15px;font-weight:700;color:var(--ink)}
.bio-t .pm{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--lav-line);transition:background .35s,border-color .35s,transform .5s var(--ease)}
.bio-t .pm::before,.bio-t .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--violet)}
.bio-t .pm::after{transform:rotate(90deg)}
.bio-t:hover .pm{border-color:var(--violet)}
.prow.open .bio-t .pm{transform:rotate(45deg);background:var(--ink);border-color:var(--ink)}
.prow.open .bio-t .pm::before,.prow.open .bio-t .pm::after{background:var(--mint)}
.bio-t .t-less{display:none}
.prow.open .bio-t .t-more{display:none}
.prow.open .bio-t .t-less{display:inline}

/* ---------- O nas: Advisory Board ---------- */
.adv-sec{scroll-margin-top:70px}
.adv-prof{display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:start;margin-top:8px;padding:40px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
.adv-prof .ph{aspect-ratio:4/5;overflow:hidden}
.adv-prof .ph img{width:100%;height:100%;object-fit:cover;object-position:38% 20%}
.adv-prof small{font-size:14px;font-weight:600;color:var(--mint)}
.adv-prof h3{margin-top:10px;font-size:30px;font-weight:700;letter-spacing:-.025em;color:#fff}
.adv-prof .rt{margin-top:6px;font-size:15px;font-weight:600;color:#cbc4dd}
.adv-prof p{max-width:640px;margin-top:20px;font-size:16.5px;line-height:1.7;color:#cbc4dd}
.ph-note{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:10px 14px;border:1px dashed rgba(255,255,255,.3);font-size:14px;color:#cbc4dd}
.ph-note .i{width:16px;height:16px;color:var(--mint)}

/* ---------- Grupa 3HT ---------- */
.group{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.cos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.co{display:flex;flex-direction:column;padding:30px 30px 28px;background:#fff;border:1px solid #e6e1ee;transition:border-color .35s,box-shadow .35s}
.co:hover{border-color:var(--violet);box-shadow:0 30px 60px -40px rgba(20,5,48,.35)}
.co small{font-size:13px;font-weight:700;color:var(--violet)}
.co b{display:block;margin-top:10px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.co p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.co .link{align-self:flex-start;margin-top:auto;padding-top:20px;font-size:15px}
.co.here{background:var(--ink);border-color:var(--ink)}
.co.here small{color:var(--mint)}
.co.here b{color:#fff}
.co.here p{color:#cbc4dd}
.co.here .tag{align-self:flex-start;margin-top:auto;padding-top:20px;font-size:14px;font-weight:600;color:var(--mint)}

/* ---------- Zaproszenie na końcu podstrony ---------- */
.cta-s{position:relative;overflow:hidden;background:var(--lav);padding:104px 0}
.cta-s .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.cta-s-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:end}
.cta-s .h2{margin-top:24px;font-size:44px}
.cta-s p{max-width:560px;margin-top:20px;font-size:18px;line-height:1.6;color:var(--muted)}
.cta-s .btns{display:flex;flex-direction:column;align-items:center;gap:20px;width:fit-content}

/* ---------- Kontakt ---------- */
.contact{background:var(--paper);padding:72px 0 112px}
.ct-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:start}
.ct-in h1{margin-top:26px;font-size:56px;font-weight:700;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}
.ct-in h1 .second{display:block;margin-top:4px;font-weight:300;letter-spacing:-.03em;color:var(--violet)}
.ct-show{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.ct-show h3,.ct-show h2{font-size:15px;font-weight:700;color:var(--violet)}
.ct-show ul{list-style:none;margin-top:14px}
.ct-show li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:17px;font-weight:600;color:var(--ink)}
.ct-show li .tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint)}
.ct-show li .tick .i{width:13px;height:13px;stroke-width:3}
.direct{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.direct small{display:block;font-size:13px;font-weight:700;color:var(--soft)}
.direct a,.direct p{display:block;margin-top:6px;font-size:16px;font-weight:600;line-height:1.5;color:var(--ink)}
.direct a{border-bottom:1.5px solid var(--mint);align-self:flex-start;display:inline-block}
.cform{position:relative;padding:40px 40px 36px;background:#fff;box-shadow:0 40px 80px -50px rgba(20,5,48,.35)}
.cform h2{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.cform .sub{margin-top:8px;font-size:15px;line-height:1.55;color:var(--muted)}
.topic{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;border:0}
.topic legend{width:100%;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--ink)}
.topic label{position:relative}
.topic input{position:absolute;opacity:0;pointer-events:none}
.topic span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1.5px solid var(--lav-line);border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.topic span:hover{border-color:var(--violet)}
.topic input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.topic input:focus-visible + span{outline:2px solid var(--violet);outline-offset:2px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:22px}
.fld{display:flex;flex-direction:column;gap:7px}
.fld.full{grid-column:1/-1}
.fld label{font-size:14px;font-weight:600;color:var(--ink)}
.fld label i{font-style:normal;font-weight:500;color:var(--soft)}
.fld input,.fld textarea{width:100%;padding:13px 14px;border:1.5px solid #ddd8e6;border-radius:4px;background:#fff;font:inherit;font-size:16px;color:var(--ink);transition:border-color .3s,box-shadow .3s}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 3px rgba(97,51,185,.15)}
.fld input:invalid:not(:placeholder-shown){border-color:#d46a6a}
.agree{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:14px;line-height:1.5;color:var(--muted)}
.agree input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--violet)}
.agree a{color:var(--ink);border-bottom:1px solid currentColor}
.cform .send{margin-top:24px}
.cform .send:disabled{opacity:.6;cursor:progress}
.cform .ferr{margin-top:14px;font-size:15px;line-height:1.55;color:#b42318}
.cform .ferr a{color:inherit;border-bottom:1px solid currentColor}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .demo-n{margin-top:14px;font-size:13px;color:var(--soft)}
.sent{display:none;flex-direction:column;align-items:flex-start;padding:24px 0 8px}
.sent .ok{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--mint)}
.sent .ok .i{width:26px;height:26px;stroke-width:2.6}
.sent h3{margin-top:22px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.sent p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--muted)}
.sent button{margin-top:22px;font-size:15px;font-weight:700;color:var(--ink);border-bottom:1.5px solid var(--mint)}
.cform.done form{display:none}
.cform.done .sent{display:flex}
.next3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.next3 div{padding:26px 26px 24px;background:#fff;border-top:3px solid var(--mint)}
.next3 .n{font-size:15px;font-weight:700;color:var(--violet)}
.next3 b{display:block;margin-top:12px;font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.next3 p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--muted)}

/* ---------- Ekrany średnie ---------- */
@media (max-width:1360px){
  .pg-hero h1{font-size:54px}
  .scenes{gap:18px}
  .scard{padding:20px 18px 18px}
}
@media (max-width:1180px){
  .pg-in,.sec-head.split,.role-more,.sec-grid,.ctrl2,.group,.cta-s-in,.ct-in{grid-template-columns:1fr;gap:44px}
  .pg-hero{padding:56px 0 80px}
  .scenes{grid-template-columns:1fr;max-width:560px}
  .scard{min-height:0}
  .ctrl-pts{grid-template-columns:1fr;gap:26px}
  .vcards{grid-template-columns:1fr}
  .client{grid-template-columns:1fr;gap:18px}
  .need{grid-template-columns:1fr;gap:0}
  .nd-arr{height:44px}
  .nd-arr .i{transform:rotate(90deg)}
  .resp,.tri3{grid-template-columns:1fr}
  .resp > div + div,.tri3 > div + div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .tri3 > div + div::before{left:0}
  .resp > div{padding-bottom:28px}
  .stages{grid-template-columns:1fr 1fr;gap:36px 0}
  .prow{grid-template-columns:200px minmax(0,1fr);gap:36px}
  .adv-prof{grid-template-columns:240px minmax(0,1fr);gap:36px;padding:28px}
  .role-sec .stage{margin:0}
}
/* ---------- Telefon ---------- */
@media (max-width:720px){
  .pg-hero{padding:36px 0 64px}
  .pg-hero .mint-block,.sec-dark .mint-block,.cta-s .mint-block{width:48px;height:48px}
  .crumbs{margin-bottom:26px;font-size:13px}
  .pg-hero h1,.ct-in h1{font-size:38px;line-height:1.08}
  .pg-lead{margin-top:22px;font-size:17px}
  .pg-btns .btn{width:100%;justify-content:space-between}
  .stats > div{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:16px 0}
  .stats b{font-size:34px}
  .stats b small{font-size:15px}
  .stats span{font-size:14.5px}
  .sec,.role-sec,.models.sub-models{padding:72px 0}
  .sec .sec-head{margin-bottom:36px}
  .role-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
  .role-head h2{font-size:30px}
  .role-sec .stage{margin:0 calc(var(--gut)*-1);border-left:0;border-right:0}
  .tasks{columns:1}
  .tri3 h3{font-size:24px}
  .vcard{padding:28px 24px}
  .vcard h3{font-size:28px}
  .need-tabs{gap:8px}
  .need-tabs button{height:42px;padding:0 15px;font-size:14px}
  .nd{padding:22px 20px}
  .stages{grid-template-columns:1fr;gap:30px}
  .stages-foot{flex-direction:column;align-items:flex-start;gap:20px}
  .topics4{grid-template-columns:1fr}
  .topics4 > div:nth-child(even){padding-left:0;border-left:0}
  .envs{grid-template-columns:1fr}
  .chan{padding:24px 22px}
  .prow{grid-template-columns:1fr;gap:22px;padding:36px 0}
  .prow .ph{max-width:260px}
  .prow h3{font-size:25px}
  .facts{grid-template-columns:1fr;gap:10px}
  .adv-prof{grid-template-columns:1fr;padding:22px}
  .adv-prof .ph{max-width:260px}
  .cos{grid-template-columns:1fr}
  .cta-s{padding:72px 0}
  .cta-s .h2{font-size:32px}
  .cta-s .btns{width:100%}
  .cta-s .btns .btn{width:100%;justify-content:space-between}
  .contact{padding:36px 0 72px}
  .cform{margin:0 calc(var(--gut)*-1);padding:28px var(--gut) 26px}
  .fgrid{grid-template-columns:1fr}
  .direct{grid-template-columns:1fr;gap:18px}
  .next3{grid-template-columns:1fr}
}

/* ---------- Wdrożenie: audyt jako mocny dowód w otwarciu ---------- */
.pg-in.half{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.audit-hero{position:relative;overflow:hidden;padding:46px 46px 40px;background:var(--ink);color:#fff;box-shadow:0 50px 90px -60px rgba(20,5,48,.7)}
.audit-hero .seal{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--mint);color:var(--ink);box-shadow:0 0 0 10px rgba(0,255,179,.12)}
.audit-hero .seal .i{width:38px;height:38px;stroke-width:2.6}
.audit-hero small{position:relative;display:block;margin-top:32px;font-size:15px;font-weight:600;color:var(--mint)}
.audit-hero h2{position:relative;margin-top:12px;font-size:44px;font-weight:700;line-height:1.06;letter-spacing:-.035em;color:#fff}
.audit-hero h2 span{display:block;font-weight:300;color:var(--mint)}
.audit-hero p{position:relative;max-width:460px;margin-top:20px;font-size:17px;line-height:1.6;color:#ddd7ec}
.audit-hero .foot{position:relative;display:flex;align-items:flex-start;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:14.5px;line-height:1.5;color:#cbc4dd}
.audit-hero .foot .i{flex:none;width:18px;height:18px;margin-top:1px;color:var(--mint)}

/* ---------- Wdrożenie: zasady na pełną szerokość ---------- */
.rules-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:end;margin-bottom:56px}
.rules-top .h2{margin-top:28px}
.rules-top .body{max-width:520px;margin-top:22px}
.envs2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.envs2 .env{align-self:stretch;padding:28px 26px 26px;background:#fff;border-top:3px solid var(--violet)}
.envs2 .env .ic{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--mint)}
.envs2 .env .ic .i{width:21px;height:21px}
.envs2 .env small{display:block;margin-top:20px}
.envs2 .env b{font-size:21px}
.envs2 .env p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--muted)}
.topics3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topics3 > div{padding:32px 36px 34px 0}
.topics3 > div + div{padding-left:36px;border-left:1px solid var(--line)}
.topics3 .i{width:24px;height:24px;color:var(--violet)}
.topics3 h3{margin-top:14px;font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.topics3 p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.chan2{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;margin-top:48px;padding:44px 48px;background:#fff;border-top:3px solid var(--mint);color:var(--ink);box-shadow:0 40px 80px -60px rgba(20,5,48,.35)}
.chan2 > div{position:relative}
.chan2 > .grain{position:absolute}
.chan2 small{font-size:14px;font-weight:600;color:var(--violet)}
.chan2 h3{margin-top:10px;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.chan2 p{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.flow2{display:flex;align-items:center}
.flow2 span{flex:1;display:grid;place-items:center;min-height:76px;padding:12px 16px;border:1.5px solid var(--lav-line);background:var(--lav-2);text-align:center;font-size:15.5px;font-weight:600;line-height:1.3;color:var(--ink)}
.flow2 span.hl{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.flow2 i{flex:0 0 40px;height:2px;background:var(--violet);opacity:.5}
@media (max-width:1180px){
  .pg-in.half,.rules-top,.chan2{grid-template-columns:1fr;gap:40px}
  .topics3{grid-template-columns:1fr}
  .topics3 > div + div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:720px){
  .audit-hero{margin:0 calc(var(--gut)*-1);padding:32px var(--gut) 28px}
  .audit-hero .seal{width:64px;height:64px}
  .audit-hero .seal .i{width:30px;height:30px}
  .audit-hero h2{font-size:32px}
  .envs2{grid-template-columns:1fr;gap:10px}
  .envs2 .env-or{justify-self:center}
  .chan2{margin:40px calc(var(--gut)*-1) 0;padding:32px var(--gut)}
  .flow2{flex-direction:column;align-items:stretch}
  .flow2 i{flex:0 0 22px;width:2px;height:22px;align-self:center}
  .flow2 span{min-height:56px}
}

/* ---------- Dla partnerów: branże z ikonami ---------- */
.inds-h b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.inds-h span{display:block;margin-top:4px;font-size:14.5px;color:var(--soft)}
.inds2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.ind{display:flex;align-items:center;gap:16px;min-height:78px;padding:14px 18px;background:#fff;border:1px solid #e6e1ee;transition:border-color .35s,box-shadow .35s,transform .45s var(--ease)}
.ind .ic{flex:none;display:grid;place-items:center;width:48px;height:48px;background:var(--lav);color:var(--violet);transition:background .35s,color .35s}
.ind .ic .i{width:25px;height:25px}
.ind b{font-size:18px;font-weight:600;line-height:1.25;color:var(--ink)}
.ind b small{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--mint)}
.ind.more{background:var(--ink);border-color:var(--ink)}
.ind.more b{color:#fff}
.ind.more .ic{background:var(--mint);color:var(--ink)}
.ind.more .ic .i{width:20px;height:20px}
@media (hover:hover){
  .ind:hover{border-color:var(--violet);box-shadow:0 26px 50px -36px rgba(20,5,48,.45);transform:translateY(-3px)}
  .ind:hover .ic{background:var(--ink);color:var(--mint)}
  .ind.more:hover{border-color:var(--ink)}
  .ind.more:hover .ic{background:#fff;color:var(--ink)}
}
.ind:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media (max-width:720px){
  .inds2{gap:8px}
  .ind{min-height:64px;gap:12px;padding:12px}
  .ind .ic{width:40px;height:40px}
  .ind .ic .i{width:21px;height:21px}
  .ind b{font-size:15px}
}

/* ---------- Dla partnerów: karty korzyści z ikonami ---------- */
.vcards{gap:20px}
.vcard{overflow:hidden;padding:34px 36px 40px;background:var(--lav-2);border:1px solid var(--lav-line);border-top:4px solid var(--mint);transition:background .4s,box-shadow .4s,transform .5s var(--ease)}
.vc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.vcard .ic{display:grid;place-items:center;width:58px;height:58px;background:var(--ink);color:var(--mint);transition:background .4s,color .4s}
.vcard .ic .i{width:28px;height:28px}
.vcard .n{font-size:72px;font-weight:700;letter-spacing:-.05em;line-height:.78;color:#ddd3f2;transition:color .4s}
.vcard h3{margin-top:40px;font-size:38px}
.vcard h3 em{display:block}
.vcard p{margin-top:14px;font-size:17px;line-height:1.6}
@media (hover:hover){
  .vcard:hover{background:#fff;box-shadow:0 40px 70px -46px rgba(20,5,48,.45);transform:translateY(-4px)}
  .vcard:hover .ic{background:var(--mint);color:var(--ink)}
  .vcard:hover .n{color:var(--violet)}
}
@media (max-width:1180px){.vcard h3{margin-top:28px}}
@media (max-width:720px){
  .vcard{padding:26px 22px 30px}
  .vcard .ic{width:48px;height:48px}
  .vcard .ic .i{width:24px;height:24px}
  .vcard .n{font-size:54px}
  .vcard h3{margin-top:24px;font-size:30px}
  .vcard p{font-size:16px}
}
.chan2.in-models{margin-top:56px}
.mf{margin:0}


/* ---------- O nas: schemat grupy 3HT ---------- */
.tree{margin-top:8px}
.t-root{display:flex;align-items:center;gap:18px;width:max-content;margin:0 auto;padding:20px 30px 20px 20px;background:var(--ink);color:#fff;box-shadow:0 30px 60px -40px rgba(20,5,48,.6)}
.t-root .mk{display:grid;place-items:center;width:54px;height:54px;background:var(--mint);color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.02em}
.t-root b{display:block;font-size:21px;font-weight:700;letter-spacing:-.02em}
.t-root small{display:block;margin-top:3px;font-size:14px;color:#cbc4dd}
.t-lines{position:relative;height:60px;margin:0 calc(25% - 6px)}
.t-lines::before{content:"";position:absolute;left:50%;top:0;width:2px;height:30px;margin-left:-1px;background:#c4b6e8}
.t-lines::after{content:"";position:absolute;left:0;right:0;top:30px;height:2px;background:#c4b6e8}
.t-lines i{position:absolute;top:30px;width:2px;height:30px;background:#c4b6e8}
.t-lines i:first-child{left:0}
.t-lines i:last-child{right:0}
.t-kids{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.co2{position:relative;display:flex;flex-direction:column;padding:34px 36px 32px;background:#fff;border:1px solid #e6e1ee;border-top:4px solid var(--violet);transition:border-color .35s,box-shadow .35s,transform .45s var(--ease)}
a.co2:hover{box-shadow:0 34px 64px -44px rgba(20,5,48,.45);transform:translateY(-3px)}
.co2-h{display:flex;align-items:center;gap:12px}
.co2 .yr{padding:6px 10px;background:var(--lav);font-size:13px;font-weight:700;color:var(--violet)}
.co2 small{font-size:14px;font-weight:600;color:var(--soft)}
.co2 b{display:block;margin-top:20px;font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.co2 p{margin-top:10px;font-size:16.5px;line-height:1.6;color:var(--muted)}
.co2 ul{list-style:none;margin-top:18px;border-top:1px solid var(--line)}
.co2 li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;color:var(--ink)}
.co2 li .i{flex:none;width:17px;height:17px;margin-top:1px;color:var(--violet)}
.co2 .link{align-self:flex-start;margin-top:auto;padding-top:24px;font-size:15px}
.co2.here{background:var(--ink);border-color:var(--ink);border-top-color:var(--mint)}
.co2.here .yr{background:var(--mint);color:var(--ink)}
.co2.here small{color:#cbc4dd}
.co2.here b{color:#fff}
.co2.here p{color:#cbc4dd}
.co2.here ul,.co2.here li{border-color:rgba(255,255,255,.16)}
.co2.here li{color:#fff}
.co2.here li .i{color:var(--mint)}
.co2 .tag{align-self:flex-start;margin-top:auto;padding-top:24px;font-size:14px;font-weight:700;color:var(--mint)}

/* ---------- Jak działa: kafelki ról w otwarciu ---------- */
.roles4{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.rt4{position:relative;display:flex;flex-direction:column;min-height:150px;padding:22px 22px 20px;background:#fff;border:1px solid #e6e1ee;transition:border-color .35s,box-shadow .35s,transform .45s var(--ease)}
.rt4 .ic{display:grid;place-items:center;width:50px;height:50px;background:var(--ink);color:var(--mint);transition:background .35s,color .35s}
.rt4 .ic .i{width:25px;height:25px}
.rt4 .arrow{position:absolute;right:20px;top:24px;width:16px;height:16px;color:var(--violet)}
.rt4 b{display:block;margin-top:auto;padding-top:18px;font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.rt4 small{display:block;margin-top:3px;font-size:14.5px;color:var(--soft)}
@media (hover:hover){
  .rt4:hover{border-color:var(--violet);box-shadow:0 26px 50px -36px rgba(20,5,48,.45);transform:translateY(-3px)}
  .rt4:hover .ic{background:var(--mint);color:var(--ink)}
  .rt4:hover .arrow{transform:translate(1px,3px)}
}
.rt4:focus-visible{outline:2px solid var(--violet);outline-offset:3px}

/* ---------- Jak działa: tytuł sekcji każdej roli ---------- */
.role-title{display:flex;align-items:center;gap:22px;margin-bottom:32px}
.role-title .rh-ic{flex:none;display:grid;place-items:center;width:68px;height:68px;background:var(--ink);color:var(--mint)}
.role-title .rh-ic .i{width:32px;height:32px}
.role-title .n{font-size:14px;font-weight:700;color:var(--violet)}
.role-title h2{margin-top:4px;font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--ink)}
.role-title p{max-width:380px;margin-left:auto;font-size:17px;line-height:1.55;color:var(--muted);text-align:right}

@media (max-width:1180px){
  .role-title p{display:none}
}
@media (max-width:720px){
  .t-root{width:auto;margin:0}
  .t-lines{display:none}
  .t-kids{grid-template-columns:1fr;gap:16px;margin-top:16px}
  .co2{padding:26px 22px 24px}
  .co2 b{font-size:26px}
  .roles4{gap:8px}
  .rt4{min-height:128px;padding:16px}
  .rt4 .ic{width:42px;height:42px}
  .rt4 .ic .i{width:21px;height:21px}
  .rt4 b{font-size:17px}
  .rt4 small{font-size:13px}
  .role-title{gap:14px;margin-bottom:22px}
  .role-title .rh-ic{width:52px;height:52px}
  .role-title .rh-ic .i{width:26px;height:26px}
  .role-title h2{font-size:32px}
}
.mf{display:flex;flex-direction:column}

/* potrzeby: podpis nad branżami i zastrzeżenie pod nimi */
.need-lbl{margin-bottom:14px;font-size:15px;font-weight:700;color:var(--ink)}
.need-tabs{margin-bottom:14px}
.need-hint{margin-bottom:30px;font-size:15px;line-height:1.55;color:var(--muted)}
/* modele marki: aplikacja w sklepach */
.stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.store{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 15px;border-radius:11px;background:#000;color:#fff;border:1px solid #2b2b2b;transition:transform .35s var(--ease),box-shadow .35s}
.store svg{flex:none;width:25px;height:25px}
.store span{display:flex;flex-direction:column;line-height:1.08}
.store small{font-size:10.5px;font-weight:500;letter-spacing:.01em;opacity:.85}
.store b{font-size:17.5px;font-weight:600;letter-spacing:-.015em}
@media (hover:hover){.store:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px rgba(0,0,0,.55)}}
.store:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media (max-width:1180px){.sub-models .models-top{flex-direction:column;align-items:flex-start;gap:24px}}
@media (max-width:720px){.store{height:48px;padding:0 16px 0 12px}.store b{font-size:15.5px}}
/* modele marki: pełny nagłówek sekcji i wyraźny odstęp od telefonów */
.sub-models .models-top .h2{margin-top:28px}
.sub-models .m-lead{max-width:560px;margin-top:22px}
.sub-models .stores{margin-bottom:6px}

/* modele marki: wspólne logowanie jako ciemny pas, odróżniony od kart modeli */
.chan2.in-models{background:var(--ink);border-top:0;color:#fff;box-shadow:0 40px 80px -60px rgba(20,5,48,.6)}
.chan2.in-models > .grain{position:absolute}
.chan2.in-models small{color:var(--mint)}
.chan2.in-models h3{color:#fff}
.chan2.in-models p{color:#cbc4dd}
.chan2.in-models .flow2 span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.22);color:#fff}
.chan2.in-models .flow2 span .i{width:24px;height:24px;color:var(--mint)}
.chan2.in-models .flow2 span.hl{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.chan2.in-models .flow2 span.hl .i{color:var(--ink)}
.chan2.in-models .flow2 i{height:0;background:none;border-top:2px dashed rgba(0,255,179,.65);opacity:1}
@media (max-width:720px){.chan2.in-models .flow2 i{width:0;border-top:0;border-left:2px dashed rgba(0,255,179,.65)}.chan2.in-models .flow2 span{min-height:76px}}
/* tytuły ról: zakres roli jako wyraźny podtytuł */
.role-title p{max-width:460px;font-size:23px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}
@media (max-width:1180px){.role-title{flex-wrap:wrap}.role-title p{display:block;flex-basis:100%;max-width:none;margin-left:0;text-align:left;font-size:20px}}
@media (max-width:720px){.role-title p{font-size:18px}}
/* kontrola właściciela: aktywna scena jasna, pozostałe przygaszone */
.scenes.auto .scene{cursor:pointer;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.scenes.auto .scene:not(.on){opacity:.4;transform:scale(.97)}
.scenes.auto .scene.past{opacity:.72}
.scenes.auto .scene .sc-l b{transition:background .4s,color .4s}
.scenes.auto .scene.on .sc-l{color:#fff}
.scenes.auto .scene.on .sc-l b{background:var(--mint);color:var(--ink)}
@media (hover:hover){.scenes.auto .scene:not(.on):hover{opacity:.85}}
/* po trzeciej scenie cały scenariusz na biało */
.scenes.auto.all .scene{opacity:1;transform:none}
.scenes.auto.all .scene .sc-l{color:#fff}
.scenes.auto.all .scene .sc-l b{background:var(--mint);color:var(--ink)}
/* ---------- O nas: kolaż portretów w otwarciu ---------- */
.pcol{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:30px}
.pcol figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;background:#ddd}
.pcol figure:nth-child(even){transform:translateY(30px)}
.pcol img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;filter:grayscale(1) contrast(1.03);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.pcol figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 11px;background:linear-gradient(transparent,rgba(20,5,48,.82));color:#fff;font-size:13.5px;font-weight:600;line-height:1.25}
@media (hover:hover){.pcol figure:hover img{transform:scale(1.05)}}

/* ---------- O nas: liczby w ciemnym pasie ---------- */
.stat-band{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:60px 0}
.sb-in{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}
.sb-in > div{padding:6px 40px}
.sb-in > div:first-child{padding-left:0}
.sb-in > div + div{border-left:1px solid rgba(255,255,255,.16)}
.sb-in b{display:flex;align-items:baseline;gap:10px;font-size:72px;font-weight:700;letter-spacing:-.045em;line-height:.95;color:var(--mint)}
.sb-in b small{font-size:26px;font-weight:600;letter-spacing:-.015em;color:#fff}
.sb-in span{display:block;max-width:300px;margin-top:16px;font-size:16.5px;line-height:1.5;color:#d4cee6}
.sb-in .pr{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;font-style:normal}
.sb-in .pr em{padding:4px 9px;border:1px solid rgba(255,255,255,.24);font-style:normal;font-size:12.5px;font-weight:600;color:#fff}
@media (max-width:1180px){.pcol{max-width:520px}}
@media (max-width:720px){
  .stat-band{padding:44px 0}
  .sb-in{grid-template-columns:1fr}
  .sb-in > div{padding:22px 0}
  .sb-in > div + div{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .sb-in b{font-size:54px}
  .pcol{gap:10px;padding-bottom:22px}
  .pcol figure:nth-child(even){transform:translateY(22px)}
}
.pg-in.solo{grid-template-columns:1fr}
.pg-in.solo .pg-lead{max-width:760px}
/* ---------- O nas: otwarcie z granatowym panelem liczb ---------- */
.onas-hero{padding:0}
.onas-hero .mint-block{z-index:2}
.oh-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:stretch;min-height:620px}
.oh-txt{display:flex;flex-direction:column;justify-content:center;padding:80px 72px 96px 0}
.oh-txt .pg-btns{margin-top:40px}
.oh-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:72px 0 72px 64px;background:var(--ink);color:#fff}
.oh-panel::after{content:"";position:absolute;left:100%;top:0;bottom:0;width:50vw;background:var(--ink)}
.oh-stats{margin-top:30px;border-top:1px solid rgba(255,255,255,.16)}
.oh-stat{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.oh-stat b{display:flex;align-items:baseline;gap:8px;font-size:80px;font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--mint)}
.oh-stat b small{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#fff}
.oh-stat span{font-size:17px;line-height:1.5;color:#ddd7ec}
.oh-stat .pr{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;font-style:normal}
.oh-stat .pr em{padding:4px 9px;border:1px solid rgba(255,255,255,.24);font-style:normal;font-size:12.5px;font-weight:600;color:#fff}
@media (max-width:1180px){
  .oh-in{grid-template-columns:1fr;min-height:0}
  .oh-txt{padding:56px 0 52px}
  .oh-panel{margin:0 calc(var(--gut)*-1);padding:52px var(--gut) 64px}
  .oh-panel::after{display:none}
}
@media (max-width:720px){
  .oh-txt{padding:36px 0 44px}
  .oh-txt .pg-btns .btn{width:100%;justify-content:space-between}
  .oh-panel{padding:40px var(--gut) 56px}
  .oh-stat{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:20px 0}
  .oh-stat b{font-size:54px}
  .oh-stat b small{font-size:16px}
  .oh-stat span{font-size:15.5px}
}
.oh-stat{grid-template-columns:150px minmax(0,1fr);gap:28px}
.oh-stat b{font-size:88px}
@media (max-width:720px){.oh-stat{grid-template-columns:96px minmax(0,1fr);gap:16px}.oh-stat b{font-size:54px}}
/* ---------- Dla partnerów: branże w granatowym panelu ---------- */
.dp-panel{padding:64px 0 64px 56px}
.dp-sub{max-width:440px;margin-top:14px;font-size:15.5px;line-height:1.55;color:#cbc4dd}
.ind3{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.dpi{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px 18px;background:var(--ink);color:#fff;transition:background .35s}
.dpi .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(0,255,179,.38);color:var(--mint);transition:background .35s,color .35s,border-color .35s}
.dpi .ic .i{width:22px;height:22px}
.dpi b{display:block;font-size:16.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.dpi small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:#b9b1cf}
.dpi.more .ic .i{width:18px;height:18px}
@media (hover:hover){
  .dpi:hover{background:#21104a}
  .dpi:hover .ic{background:var(--mint);border-color:var(--mint);color:var(--ink)}
}
.dpi:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}
@media (max-width:1180px){.dp-panel{padding:52px var(--gut) 64px}}
@media (max-width:720px){
  .dp-panel{padding:40px var(--gut) 52px}
  .ind3{grid-template-columns:1fr}
  .dpi{min-height:70px;padding:12px 14px}
  .dpi .ic{width:40px;height:40px}
}
@media (min-width:1181px){.dp-hero .mint-block{top:0;bottom:auto}}
/* ---------- Jak działa: role w granatowym panelu, podświetlane po kolei ---------- */
.jd-role{position:relative}
.jd-role .bar{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden}
.jd-role .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mint)}
.jd-role.on{background:#21104a}
.jd-role.on .ic{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.jd-role.on .bar i{width:100%}
.jd-role.on.run .bar i{animation:fill var(--dur,3400ms) linear both}
.jd-prev{margin-top:22px;padding:18px 20px;border-left:3px solid var(--mint);background:rgba(255,255,255,.05)}
.jd-prev small{font-size:13px;font-weight:700;color:var(--mint)}
.jd-prev p{margin-top:6px;font-size:16px;line-height:1.55;color:#fff;transition:opacity .3s ease}
.jd-prev.fading p{opacity:0}
/* ---------- Kontakt: co pokażemy na prezentacji ---------- */
.ct-show2{margin-top:40px;background:#fff;border:1px solid #e6e1ee;border-top:3px solid var(--mint)}
.ct-show2 h3,.ct-show2 h2{padding:22px 26px 6px;font-size:15px;font-weight:700;color:var(--violet)}
.ct-show2 ol{list-style:none;padding:0 26px 8px}
.ct-show2 li{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid #efebf4}
.ct-show2 li:first-child{border-top:0}
.ct-show2 .ic{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--mint)}
.ct-show2 .ic .i{width:21px;height:21px}
.ct-show2 b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.ct-show2 li span:not(.ic){display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--muted)}
@media (max-width:720px){.ct-show2 h3,.ct-show2 h2{padding:18px 18px 4px}.ct-show2 ol{padding:0 18px 6px}}
/* ---------- Wdrożenie: audyt w granatowym panelu (skala jak w innych otwarciach) ---------- */
.wd-head{display:flex;align-items:center;gap:18px;margin-top:26px}
.wd-head .seal{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--mint);color:var(--ink);box-shadow:0 0 0 8px rgba(0,255,179,.12)}
.wd-head .seal .i{width:26px;height:26px;stroke-width:2.6}
.wd-head h2{font-size:28px;font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff}
.wd-head h2 span{display:block;font-weight:300;color:var(--mint)}
.wd-panel .dp-sub{margin-top:18px}
.wd-list{list-style:none;margin-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.wd-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:15.5px;font-weight:500;line-height:1.4;color:#fff}
.wd-list .tick{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint)}
.wd-list .tick .i{width:13px;height:13px;stroke-width:3;color:var(--ink)}
@media (max-width:720px){.wd-head h2{font-size:23px}.wd-head .seal{width:48px;height:48px}}
/* ---------- Dokumenty: polityka prywatności i cookies ---------- */
.doc-hero{padding-bottom:80px}
.doc-date{margin-top:22px;font-size:15px;color:var(--soft)}
.doc-date b{color:var(--ink);font-weight:600}
.doc-sec{background:#fff;padding:88px 0 112px}
.doc-in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;align-items:start}
.toc{position:sticky;top:120px}
.toc h2{font-size:14px;font-weight:700;color:var(--violet)}
.toc ol{list-style:none;margin-top:14px;border-top:1px solid var(--line)}
.toc a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;line-height:1.35;color:var(--muted);transition:color .3s}
.toc a span{flex:none;min-width:24px;font-size:13px;font-weight:700;color:#b3a7d6;transition:color .3s}
.toc a:hover{color:var(--ink)}
.toc a:hover span{color:var(--violet)}
.doc-body{max-width:780px}
.doc-note{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px;padding:18px 20px;background:var(--lav-2);border:1px solid var(--lav-line);border-left:3px solid var(--violet)}
.doc-note .i{flex:none;width:20px;height:20px;margin-top:1px;color:var(--violet)}
.doc-note p{font-size:15px;line-height:1.6;color:var(--muted)}
.doc-note b{color:var(--ink)}
.doc-part{padding:36px 0 30px;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.doc-part .n{font-size:14px;font-weight:700;color:var(--violet)}
.doc-part h2{margin-top:8px;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.doc-part p{margin-top:14px;font-size:16.5px;line-height:1.7;color:var(--muted)}
.doc-part ul{list-style:none;margin-top:14px}
.doc-part li{position:relative;padding:6px 0 6px 22px;font-size:16.5px;line-height:1.6;color:var(--muted)}
.doc-part li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--mint)}
.doc-part dl{margin-top:16px;border-top:1px solid #efebf4}
.doc-part dt{padding-top:16px;font-size:16.5px;font-weight:700;color:var(--ink)}
.doc-part dd{padding:6px 0 16px;border-bottom:1px solid #efebf4;font-size:16px;line-height:1.7;color:var(--muted)}
.doc-part a{color:var(--ink);border-bottom:1.5px solid var(--mint)}
.todo{padding:1px 6px;background:#fff3cd;color:#7a5a00;font-weight:600}
@media (max-width:1180px){.doc-in{grid-template-columns:1fr;gap:40px}.toc{position:static}}
@media (max-width:720px){.doc-sec{padding:56px 0 72px}.doc-part h2{font-size:22px}.doc-part p,.doc-part li{font-size:16px}}
/* zaproszenie na podstronach: link pod opisem */
.cta-more{margin-top:30px}
.cta-more .link{font-size:16px}
/* telefon: przycisk rozwijania BIO z polem dotyku co najmniej 44 px */
@media (max-width:720px){.bio-t{min-height:44px}}
/* Jak działa: granice działania roli pod „W czym pomaga” */
.limits{margin-top:22px;padding:18px 20px;border-left:3px solid var(--violet);background:var(--lav-2)}
.role-sec:nth-of-type(even) .limits{background:#fff}
.limits small{display:block;font-size:13px;font-weight:700;color:var(--violet)}
.limits p{display:flex;gap:10px;margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--ink)}
.limits p .i{flex:none;width:18px;height:18px;margin-top:2px;color:var(--violet)}
/* ekrany scenariuszy wyrównane do góry, w każdej roli na tej samej wysokości */
.role-sec .role-panel{align-items:start}
/* Jak działa: bez sekcji „Może zapytać”, pod scenariuszem tylko „W czym pomaga” i granice działania */
.role-more{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}
.role-more .limits{margin-top:0;display:flex;flex-direction:column;justify-content:center;padding:26px 28px}
.limits small{font-size:14px}
.limits p{margin-top:10px;font-size:16px}
@media (max-width:1180px){.role-more{grid-template-columns:1fr;gap:28px}.role-more .limits{padding:22px 22px}}
/* nagłówki pod scenariuszem wyraźniej */
.role-more h3{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.role-more .tasks{margin-top:18px}
.limits small{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.limits p{margin-top:14px}
@media (max-width:720px){.role-more h3{font-size:20px}.limits small{font-size:19px}}
/* Asystent: odsłuch notatki przy kroku 01 */
.st-listen{display:inline-flex;align-items:center;gap:9px;margin-top:10px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:background .3s}
.st-listen .ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--ink);font-style:normal}
.st-listen .tx{font-weight:700}
.st-listen .ic svg{grid-area:1/1}
.st-listen .pp{display:none}
.st-listen.on .pi{display:none}
.st-listen.on .pp{display:block}
.st-listen em{font-style:normal;font-weight:600;color:#bdb5d3;font-variant-numeric:tabular-nums}
@media (hover:hover){.st-listen:hover{background:var(--violet)}}
.st-listen:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
/* Asystent: dwa widoki przykładu (notatka i ustalenia / dopytanie i przypomnienie) */
.st-vis [data-view][hidden]{display:none!important}
.st-demo2{flex-direction:column;align-items:stretch;gap:12px}
.st-demo2 .st-views{align-self:flex-start}
.st-demo2 .demo-tag{align-self:flex-end;order:-1}
.st-views{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--lav-line);box-shadow:0 10px 24px -18px rgba(20,5,48,.4)}
.st-views button{height:34px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;transition:background .3s,color .3s}
.st-views button.on{background:var(--ink);color:var(--mint)}
@media (hover:hover){.st-views button:not(.on):hover{background:var(--mint);color:var(--ink)}}
.task2{display:flex;flex-direction:column;min-height:540px}
.ch-head{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--ink);color:#fff}
.ch-head .ri{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--ink)}
.ch-head .ri .i{width:19px;height:19px}
.ch-head b{display:block;font-size:15px;font-weight:700}
.ch-head small{display:block;margin-top:1px;font-size:12.5px;color:#cfc8e0}
.ch-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:22px 24px 26px;background:var(--lav)}
.cb{max-width:80%;padding:12px 16px;border-radius:16px}
.cb small{display:block;margin-bottom:3px;font-size:11.5px;font-weight:700}
.cb p{font-size:15px;font-weight:500;line-height:1.5}
.cb.ai{align-self:flex-start;background:#fff;border:1px solid #dcd3ee;border-bottom-left-radius:4px;color:var(--ink);box-shadow:0 12px 24px -18px rgba(20,5,48,.4)}
.cb.ai small{color:var(--violet)}
.cb.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.cb.me small{color:var(--mint)}
.rem{margin-top:6px;padding:16px;border-radius:16px;background:#fff;border:1px solid #dcd3ee;box-shadow:0 22px 36px -20px rgba(20,5,48,.5)}
.rem-h{display:flex;align-items:center;gap:12px}
.rem-h .ri{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--mint)}
.rem-h .ri .i{width:19px;height:19px}
.rem-h b{display:block;font-size:15.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.rem-h small{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 8px;border-radius:6px;font-size:13px;font-weight:700;color:var(--violet)}
.rem-h small .i{width:14px;height:14px}
.rem.flash .rem-h small{animation:remflash 1.4s ease}
@keyframes remflash{0%,60%{background:rgba(0,255,179,.45)}100%{background:transparent}}
.rem-f{display:grid;margin-top:14px}
.rem-f > *{grid-area:1/1;align-self:center}
.rem-acts{display:flex;flex-wrap:wrap;gap:8px}
.js .task2 .fx[data-at].on{transition-delay:var(--d,0s)}
@media (max-width:720px){.st-views{width:100%}.st-views button{flex:1;padding:6px 8px;font-size:12px;white-space:normal;height:auto;min-height:34px;line-height:1.2}.ch-body{padding:18px 16px 20px}.cb{max-width:90%}.task2{min-height:0}}
/* drugie ekrany Handlowca i Finansisty */
.steps[hidden]{display:none}
.fl-st{display:inline-flex;align-items:flex-start;gap:7px;margin-top:12px;padding:6px 10px;border-radius:8px;line-height:1.35;background:var(--lav);font-size:12.5px;font-weight:700;color:var(--violet)}
.fl-st .i{flex:none;width:15px;height:15px;margin-top:1px}
.msg .fl-st + p{margin-top:10px}
.draft.edit{border-left-color:var(--violet);box-shadow:0 0 0 3px rgba(97,51,185,.18)}
/* === Zespół Pracowników AI (3ht-ai-zespol.html) === */
.zs-panel{gap:0}
.zs-big{margin-top:18px;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}
.zs-big b{font-size:76px;font-weight:700;line-height:.9;letter-spacing:-.05em;color:var(--mint)}
.zs-big span{max-width:200px;font-size:16px;font-weight:600;line-height:1.35;color:#ddd6ee}
.zs-map{display:flex;flex-direction:column;margin-top:30px;border-top:1px solid rgba(255,255,255,.12)}
.zs-mrow{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;transition:background .4s}
.zs-mname{font-size:15px;font-weight:700;line-height:1.3}
.zs-mname small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:#a69ebf}
.zs-dots{display:flex;flex-wrap:wrap;gap:6px}
.zs-dots i{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#cfc8e0;transition:background .45s ease,border-color .45s ease,color .45s ease,transform .45s var(--ease)}
.zs-dots .i{width:17px;height:17px}
/* przyklejony pasek: obszary i wyszukiwarka */
.zs-bar{position:sticky;top:96px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(20,5,48,.4)}
.zs-bar-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.zs-nav{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.zs-nav::-webkit-scrollbar{display:none}
.zs-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--lav-line);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;transition:background .35s var(--ease),color .35s,border-color .35s,transform .35s var(--ease)}
.zs-nav a .i{width:16px;height:16px;color:var(--violet);transition:color .3s}
.zs-nav a em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--soft)}
.zs-nav a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.zs-nav a.on .i,.zs-nav a.on em{color:var(--mint)}
@media (hover:hover){.zs-nav a:not(.on):hover{background:var(--lav);border-color:var(--lav);color:var(--ink);transform:translateY(-1px)}.zs-nav a:not(.on):hover .i{color:var(--ink)}.zs-nav a:not(.on):hover em{color:var(--violet)}}
.zs-find{flex:none;display:flex;align-items:center;gap:10px;width:310px;height:44px;padding:0 14px;border:1.5px solid var(--lav-line);background:#fff;transition:border-color .3s,box-shadow .3s}
.zs-find:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(97,51,185,.12)}
.zs-find .i{width:18px;height:18px;color:var(--violet)}
.zs-find input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:14.5px;color:var(--ink)}
.zs-find input::placeholder{color:#9a94a8}
.zs-cnt{font-size:12px;font-weight:700;color:var(--violet);white-space:nowrap}
/* wstęp i obszary */
.zs-intro{padding-top:40px}
.zs-intro p{font-size:15.5px;line-height:1.9;color:var(--muted)}
.zs-intro p .zs-tag{margin-right:8px;vertical-align:1px}
.zs-intro a{color:var(--violet);font-weight:600;border-bottom:1px solid currentColor}
.zs-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--mint);font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.zs-area{padding:64px 0 72px;scroll-margin-top:176px}
.zs-area.alt{background:var(--paper)}
.zs-ain{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.zs-ahead{position:sticky;top:200px}
.zs-anum{display:block;font-size:14px;font-weight:700;color:var(--violet)}
.zs-aic{display:grid;place-items:center;width:56px;height:56px;margin-top:16px;background:var(--ink);color:var(--mint)}
.zs-aic .i{width:26px;height:26px}
.zs-ahead h2{margin-top:20px;font-size:32px;font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.zs-ahead p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--muted)}
.zs-acount{display:inline-flex;align-items:baseline;gap:6px;margin-top:20px;padding-top:16px;border-top:2px solid var(--mint);font-size:14px;font-weight:600;color:var(--muted)}
.zs-acount b{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.zs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zs-card{position:relative;display:flex;flex-direction:column;padding:24px 24px 22px;background:#fff;border:1px solid #e4def0;box-shadow:0 20px 36px -32px rgba(20,5,48,.45);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.zs-area.alt .zs-card{border-color:#e3ddd2}
.zs-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--lav-line);transition:background .4s}
.zs-card.core::before{background:var(--mint)}
.zs-ch{display:flex;align-items:center;gap:14px}
.zs-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;background:var(--lav);color:var(--violet);transition:background .4s,color .4s}
.zs-card.core .zs-ic{background:var(--ink);color:var(--mint)}
.zs-ic .i{width:21px;height:21px}
.zs-ch h3{font-size:18.5px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}
.zs-card .zs-tag{align-self:flex-start;margin-top:14px}
.zs-card p{margin-top:14px;font-size:15.5px;line-height:1.6;color:#4f4a60}
.zs-more{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:700;color:var(--violet)}
.zs-more .arrow{transition:transform .45s var(--ease)}
@media (hover:hover){.zs-card:hover{transform:translateY(-4px);border-color:var(--violet);box-shadow:0 30px 50px -36px rgba(20,5,48,.5)}.zs-card:hover::before{background:var(--violet)}.zs-card.core:hover::before{background:var(--mint)}.zs-card:hover .zs-ic{background:var(--ink);color:var(--mint)}.zs-more:hover .arrow{transform:translateX(4px)}}
.zs-card[hidden],.zs-area[hidden],.zs-none[hidden]{display:none!important}
.zs-card mark{background:rgba(0,255,179,.45);color:inherit;padding:0 1px}
.zs-none{padding:56px var(--gut) 72px;text-align:left}
.zs-none p{max-width:640px;font-size:17px;line-height:1.6;color:var(--muted)}
.zs-none b{color:var(--ink)}
.zs-none .btn{margin-top:22px}
/* zakończenie */
.zs-end{background:var(--lav);overflow:hidden}
.zs-end .mint-block{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--mint)}
.zs-end .body{color:var(--muted)}
.zs-end-in{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end}
.zs-end .h2{margin-top:22px}
.zs-end .body{max-width:620px;margin-top:20px}
@media (max-width:1180px){
  .zs-bar{top:72px}
  .zs-bar-in{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px;padding-bottom:12px}
  .zs-find{width:auto}
  .zs-area{scroll-margin-top:200px}
  .zs-ain{grid-template-columns:1fr;gap:28px}
  .zs-ahead{position:static;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:center}
  .zs-anum{grid-column:1/-1}
  .zs-aic{margin-top:10px}
  .zs-ahead h2{margin-top:10px}
  .zs-ahead p,.zs-acount{grid-column:1/-1}
  .zs-end-in{grid-template-columns:1fr;gap:32px}
}
@media (max-width:720px){
  .zs-bar{top:64px}
  .zs-big b{font-size:60px}
  .zs-mrow{grid-template-columns:1fr;gap:10px}
  .zs-dots i{width:30px;height:30px}
  .zs-area{padding:48px 0 52px;scroll-margin-top:190px}
  .zs-ahead h2{font-size:26px}
  .zs-grid{grid-template-columns:1fr;gap:12px}
  .zs-card{padding:20px 18px}
  .zs-intro{padding-top:28px}
  .zs-intro p{font-size:15px}
  .zs-find input{font-size:16px}
  .zs-end-btns .btn{white-space:normal;height:auto;min-height:58px;padding:14px 22px;text-align:left}
}
/* Zespół: karty bez cieni */
.zs-card,.zs-card:hover{box-shadow:none}

/* Zespół: karta „Nowa rola” w zakończeniu */
.zs-end-in{align-items:center}
.zs-end-more{margin-top:28px}
.zs-new{position:relative;padding:28px 28px 26px;background:#fff;border:1.5px dashed #b9a8e4}
.zs-new::before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:-1.5px;height:4px;background:var(--mint)}
.zs-new-h{display:flex;align-items:center;gap:14px}
.zs-new-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--ink);color:var(--mint)}
.zs-new-ic .i{width:22px;height:22px}
.zs-new-h small{display:block;font-size:12.5px;font-weight:700;color:var(--violet)}
.zs-new-h b{display:block;margin-top:2px;font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.zs-new-f{margin-top:22px}
.zs-new-f small,.zs-new-ex small{display:block;font-size:12.5px;font-weight:700;color:var(--soft)}
.zs-type{display:flex;align-items:center;min-height:54px;margin-top:8px;padding:0 16px;background:var(--lav-2);border:1.5px solid var(--lav-line);font-size:17px;font-weight:600;color:var(--ink)}
.zs-type .cr{width:2px;height:20px;margin-left:2px;background:var(--violet);animation:zsblink 1s steps(1) infinite}
@keyframes zsblink{50%{opacity:0}}
.zs-new-ex{margin-top:18px}
.zs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.zs-chips button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--lav-line);background:#fff;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.zs-chips button.on{background:var(--ink);border-color:var(--ink);color:var(--mint)}
@media (hover:hover){.zs-chips button:not(.on):hover{border-color:var(--violet)}}
.zs-new-btn{width:100%;justify-content:space-between;margin-top:24px}
.static .zs-type .cr{display:none}
@media (max-width:720px){.zs-new{padding:22px 18px}.zs-new-btn{white-space:normal;height:auto;min-height:58px;padding:14px 20px;text-align:left}}
@media (prefers-reduced-motion:reduce){.zs-type .cr{animation:none}}
/* Zespół: mapa w otwarciu podświetla po kolei całe obszary */
.zs-mrow{position:relative;transition:opacity .5s ease,background .5s ease}
.zs-mrow::before{content:"";position:absolute;left:-16px;top:12px;bottom:12px;width:3px;background:var(--mint);transform:scaleY(0);transition:transform .5s var(--ease)}
.zs-map.run .zs-mrow{opacity:.45}
.zs-map.run .zs-mrow.on{opacity:1;background:rgba(255,255,255,.04)}
.zs-mrow.on::before{transform:scaleY(1)}
.zs-mrow.on .zs-dots i{background:var(--mint);border-color:var(--mint);color:var(--ink);transition-delay:calc(var(--j) * 70ms)}
.zs-mcap{position:relative;margin-top:20px}
.zs-mcap > span{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;transition:opacity .3s ease}
.zs-mcap.fade > span{opacity:0}
.zs-mcap b{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(0,255,179,.4);font-size:13px;font-weight:600;color:#fff;white-space:nowrap;animation:zschip .45s var(--ease) backwards;animation-delay:calc(var(--j) * 60ms)}
.zs-mcap b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
@keyframes zschip{from{opacity:0;transform:translateY(5px)}}
.static .zs-mcap b{animation:none}
@media (max-width:720px){.zs-mrow::before{left:-10px}}
/* Zespół: legenda nad obszarami (czytelniej: tło, większy i ciemniejszy tekst) */
.zs-legend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;padding:22px 26px 22px 24px;background:var(--lav);border-left:4px solid var(--mint)}
.zs-legend .zs-tag{margin:0;height:32px;padding:0 14px;font-size:13px}
.zs-legend p{font-size:17px;font-weight:500;line-height:1.5;color:var(--ink)}
.zs-legend p b{font-weight:700;color:var(--ink)}
.zs-legend p span{display:block;margin-top:3px;font-size:15.5px;font-weight:500;color:#4f4a60}
.zs-legend .link{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border:0;background:var(--ink);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:background .35s}
.zs-legend .link .arrow{color:var(--mint)}
@media (hover:hover){.zs-legend .link:hover{background:var(--violet)}}
@media (max-width:720px){.zs-legend{grid-template-columns:1fr;gap:14px;padding:20px 18px}.zs-legend .zs-tag{justify-self:start}.zs-legend p{font-size:16px}.zs-legend .link{justify-self:start}}
/* Zespół: tło aktywnego obszaru w mapie sięga miętowej kreski */
.zs-mrow{margin-left:-16px;padding-left:16px}
.zs-mrow::before{left:0;top:0;bottom:0}
@media (max-width:720px){.zs-mrow{margin-left:-12px;padding-left:12px}.zs-mrow::before{left:0}}
/* Zespół: mapa jako zakładki (klik wybiera obszar, pasek postępu pokazuje automatyczne przejście) */
.zs-hint{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;font-weight:600;color:#a69ebf}
.zs-hint .i{width:16px;height:16px;color:var(--mint)}
.zs-map{margin-top:14px}
button.zs-mrow{width:calc(100% + 16px);font:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:#fff;-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;grid-template-columns:minmax(0,172px) minmax(0,1fr) 18px;column-gap:14px;padding-right:10px;overflow:hidden}
button.zs-mrow .zs-dots{gap:5px}
.zs-chev{width:18px;height:18px;color:#7d75a0;transition:transform .45s var(--ease),color .3s}
.zs-mrow.on .zs-chev{color:var(--mint);transform:translateX(3px)}
.zs-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left}
.zs-mrow.on.run .zs-prog{animation:zsprog var(--dur,3600ms) linear forwards}
@keyframes zsprog{to{transform:scaleX(1)}}
@media (hover:hover){.zs-map.run button.zs-mrow:not(.on):hover{opacity:.8;background:rgba(255,255,255,.03)}.zs-map.run button.zs-mrow.on{background:rgba(255,255,255,.05)}.zs-mrow:not(.on):hover .zs-chev{color:#fff}}
button.zs-mrow:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}
.zs-mcap{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.zs-mcap b .i{width:14px;height:14px;color:var(--mint)}
.zs-mcap b::before{display:none}
.zs-mgo{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:#fff;border-bottom:1.5px solid var(--mint);padding-bottom:4px}
.zs-mgo .arrow{color:var(--mint)}
@media (max-width:720px){button.zs-mrow{width:calc(100% + 12px);grid-template-columns:minmax(0,1fr) 20px}.zs-mrow .zs-dots{grid-column:1/-1;grid-row:2}}
@media (min-width:1181px) and (max-width:1400px){button.zs-mrow{grid-template-columns:minmax(0,150px) minmax(0,1fr) 18px}button.zs-mrow .zs-dots i{width:30px;height:30px}button.zs-mrow .zs-dots .i{width:15px;height:15px}}
@media (min-width:1181px) and (max-width:1260px){button.zs-mrow{grid-template-columns:minmax(0,128px) minmax(0,1fr) 16px;column-gap:10px}button.zs-mrow .zs-dots{gap:4px}}
/* Zespół: mapa jako zakładki obszarów i lista ról (zamiast ikon) */
.zs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.zs-tab{position:relative;overflow:hidden;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;font:inherit;font-size:14px;font-weight:600;color:#ddd6ee;cursor:pointer;transition:background .35s var(--ease),border-color .35s,color .35s}
.zs-tab.on{background:var(--mint);border-color:var(--mint);color:var(--ink);font-weight:700}
@media (hover:hover){.zs-tab:not(.on):hover{border-color:var(--mint);color:#fff}}
.zs-tab:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.zs-tab .zs-prog{position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:1px;background:var(--ink);opacity:.35;transform:scaleX(0);transform-origin:left}
.zs-tab.on.run .zs-prog{animation:zsprog var(--dur,3600ms) linear forwards}
.zs-tps{display:grid;margin-top:24px}
.zs-tp{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s}
.zs-tp.on{opacity:1;visibility:visible;transition:opacity .45s ease}
.zs-tpn{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--mint)}
.zs-tp ul{list-style:none;margin-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.zs-tp li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15.5px;font-weight:600;color:#fff}
.zs-tp.on li{animation:zsli .5s var(--ease) backwards;animation-delay:calc(var(--j) * 55ms)}
@keyframes zsli{from{opacity:0;transform:translateX(-8px)}}
.zs-ti{display:grid;place-items:center;flex:none;width:30px;height:30px;background:rgba(255,255,255,.08);color:var(--mint)}
.zs-ti .i{width:16px;height:16px}
.zs-tp .zs-mgo{margin-top:18px}
.static .zs-tp li{animation:none}
@media (max-width:720px){.zs-tab{height:40px;padding:0 13px;font-size:13.5px}.zs-tp li{font-size:15px}}
@media (min-width:721px){
  .zs-tabs{display:flex;flex-wrap:nowrap;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
  .zs-tab{flex:1 1 auto;height:40px;padding:0 10px;border:0;font-size:13.5px;white-space:nowrap}
  .zs-tab:not(.on){background:transparent}
  @media (hover:hover){.zs-tab:not(.on):hover{background:rgba(255,255,255,.08);color:#fff}}
}
@media (min-width:1181px) and (max-width:1300px){.zs-tab{padding:0 7px;font-size:12.5px}}
/* Zespół: prosty przegląd obszarów i ról w otwarciu (bez zakładek i animacji) */
.zs-groups{display:flex;flex-direction:column;margin-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.zs-g{display:block;padding:14px 0 15px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.zs-gn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--mint)}
.zs-gn .arrow{width:11px;height:11px;opacity:0;transform:translateY(-3px);transition:opacity .3s,transform .4s var(--ease)}
.zs-gr{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.zs-gr i{font-style:normal;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600;line-height:1.35;color:#fff;transition:border-color .3s}
@media (hover:hover){.zs-g:hover .zs-gn .arrow{opacity:1;transform:none}.zs-g:hover .zs-gr i{border-color:rgba(0,255,179,.45)}}
.zs-g:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
/* Zespół: panel otwarcia jak w „Wdrożeniu”, obszary jako lista z odnośnikami */
.zs-wdl li{padding:0}
.zs-wdl a{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;color:#fff}
.zs-wdl .tick .i{width:13px;height:13px;stroke-width:2.4}
.zs-wdl .arrow{width:11px;height:11px;margin-left:auto;color:var(--mint);opacity:0;transform:translateY(-3px);transition:opacity .3s,transform .4s var(--ease)}
@media (hover:hover){.zs-wdl a:hover .arrow{opacity:1;transform:none}.zs-wdl a:hover{color:var(--mint)}}
.zs-wdl a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
/* Zespół: bez paska obszarów, odstępy przewijania i przyklejony nagłówek obszaru pod samym menu */
.zs-area{scroll-margin-top:0}
.zs-ahead{top:130px}
.zs-intro{padding-top:56px}
@media (max-width:1180px){.zs-area{scroll-margin-top:0}}
@media (max-width:720px){.zs-area{scroll-margin-top:0}.zs-intro{padding-top:36px}}
/* Zespół: opis w panelu otwarcia szerzej */
.zs-panel .dp-sub{max-width:560px}