/* CANYON · Aplikacje Canyon Life & Eye (/news/n/379) · wymaga canyon-core.css · .cny-page.cny-page--aplikacje = .cny-page.cny-page--aplikacje */
.cny-page.cny-page--aplikacje .cny-h2{font-size:clamp(28px,2.8vw,42px)}
.cny-page.cny-page--aplikacje .app-mb{mix-blend-mode:multiply}

/* ---------- HERO ---------- */
.cny-page.cny-page--aplikacje .app-hero{border-bottom:1px solid var(--hair)}
.cny-page.cny-page--aplikacje .app-hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,64px);align-items:center}
.cny-page.cny-page--aplikacje .app-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.cny-page.cny-page--aplikacje .app-hero h1{color:var(--navy);font-size:clamp(40px,4.6vw,66px);line-height:.9}
.cny-page.cny-page--aplikacje .app-hero h1 span{display:block;color:var(--red)}
.cny-page.cny-page--aplikacje .app-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:6px}
.cny-page.cny-page--aplikacje .app-pick>div{position:relative;display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--hair);border-radius:14px;background:#fff;transition:border-color .5s var(--ease),background .5s var(--ease)}
.cny-page.cny-page--aplikacje .app-pick a{font:700 16px/1.2 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-pick a::after{content:"";position:absolute;inset:0}
.cny-page.cny-page--aplikacje .app-pick__s{display:block;font:500 13px/1.35 var(--ui);color:var(--muted);margin-top:3px}
.cny-page.cny-page--aplikacje .app-icon{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff;font:700 18px/1 var(--disp);letter-spacing:.02em}
.cny-page.cny-page--aplikacje .app-icon--eye{background:#fff;border:1.5px solid var(--navy);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.cny-page.cny-page--aplikacje .app-stage{position:relative;height:clamp(440px,40vw,560px);border-radius:var(--r-panel);background:var(--surface);overflow:hidden;isolation:isolate}
.cny-page.cny-page--aplikacje .app-stage__band{position:absolute;top:0;bottom:0;left:54%;width:clamp(110px,11vw,160px);background:var(--navy);transform-origin:0 100%;transform:skewX(var(--skew));z-index:-1}
.cny-page.cny-page--aplikacje .app-stage__echo{position:absolute;top:0;bottom:0;left:calc(54% + clamp(110px,11vw,160px) + 16px);width:8px;background:var(--red);transform-origin:0 100%;transform:skewX(var(--skew));z-index:-1}
.cny-page.cny-page--aplikacje .app-stage .app-phone{position:absolute;top:50%;left:50%;width:clamp(200px,17vw,248px);margin:calc(clamp(200px,17vw,248px) * -1.03) 0 0 calc(clamp(200px,17vw,248px) * -.35)}
.cny-page.cny-page--aplikacje .app-stage__watch{position:absolute;left:1%;bottom:-2%;width:38%;max-width:250px;z-index:3;mix-blend-mode:multiply}
.cny-page.cny-page--aplikacje .app-stage__watch img{width:100%;height:auto;display:block}
.cny-page.cny-page--aplikacje .app-stage__tag{position:absolute;right:20px;top:20px;font:600 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);padding:7px 12px;transform:skewX(var(--skew))}
.cny-page.cny-page--aplikacje .app-stage__tag b{display:inline-block;transform:skewX(30deg);font-weight:600}

/* ---------- PHONE MOCKUP ---------- */
.cny-page.cny-page--aplikacje .app-phone{aspect-ratio:9/19;border-radius:34px;background:var(--navy);padding:9px;box-shadow:0 24px 50px rgba(0,38,62,.22);z-index:2}
.cny-page.cny-page--aplikacje .app-phone__scr{position:relative;width:100%;height:100%;border-radius:26px;background:#fff;overflow:hidden}
.cny-page.cny-page--aplikacje .app-phone__scr::before{content:"";position:absolute;top:8px;left:50%;width:34%;height:16px;margin-left:-17%;border-radius:10px;background:var(--navy);z-index:5}
.cny-page.cny-page--aplikacje .app-ui{position:absolute;inset:0;padding:36px 14px 14px;display:flex;flex-direction:column;gap:10px;font-family:var(--ui)}
.cny-page.cny-page--aplikacje .app-ui__top{display:flex;justify-content:space-between;align-items:baseline}
.cny-page.cny-page--aplikacje .app-ui__top b{font:700 15px/1.2 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-ui__top small{font:500 10.5px/1 var(--ui);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-ui__card{background:var(--navy-5);border-radius:14px;padding:11px 12px}
.cny-page.cny-page--aplikacje .app-ui__card small{display:block;font:600 9.5px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cny-page.cny-page--aplikacje .app-ui__card strong{display:block;font:700 18px/1.15 var(--ui);color:var(--navy);margin-top:4px}
.cny-page.cny-page--aplikacje .app-ui__card strong em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-left:3px}
.cny-page.cny-page--aplikacje .app-ui__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cny-page.cny-page--aplikacje .app-ring{position:relative;width:62%;margin:2px auto 0;aspect-ratio:1}
.cny-page.cny-page--aplikacje .app-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.cny-page.cny-page--aplikacje .app-ring circle{fill:none;stroke-width:9}
.cny-page.cny-page--aplikacje .app-ring .bg{stroke:var(--navy-10)}
.cny-page.cny-page--aplikacje .app-ring .fg{stroke:var(--red);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.22}
.cny-page.cny-page--aplikacje .app-ring__v{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.cny-page.cny-page--aplikacje .app-ring__v b{font:700 20px/1 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-ring__v span{font:500 9.5px/1.3 var(--ui);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-bars{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:8px}
.cny-page.cny-page--aplikacje .app-bars i{flex:1;background:var(--navy);border-radius:3px 3px 0 0;height:var(--h)}
.cny-page.cny-page--aplikacje .app-bars i:nth-child(odd){background:var(--navy-40)}
.cny-page.cny-page--aplikacje .app-ui__label{font:600 9.5px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:auto}

/* notifications */
.cny-page.cny-page--aplikacje .app-ntf{display:flex;gap:10px;align-items:center;background:var(--navy-5);border-radius:12px;padding:9px 10px}
.cny-page.cny-page--aplikacje .app-ntf i{flex:none;width:28px;height:28px;border-radius:8px;background:var(--navy);display:grid;place-items:center}
.cny-page.cny-page--aplikacje .app-ntf i svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cny-page.cny-page--aplikacje .app-ntf:nth-of-type(2) i{background:var(--red)}
.cny-page.cny-page--aplikacje .app-ntf b{display:block;font:700 11.5px/1.25 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-ntf span{font:500 10.5px/1.3 var(--ui);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-toggle{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 var(--ui);color:var(--navy);padding:8px 2px;border-bottom:1px solid var(--hair)}
.cny-page.cny-page--aplikacje .app-toggle::after{content:"";width:28px;height:16px;border-radius:9px;background:var(--navy);box-shadow:inset -14px 0 0 2px var(--navy),inset 12px 0 0 2px #fff}
.cny-page.cny-page--aplikacje .app-toggle.off::after{background:var(--navy-10);box-shadow:inset 14px 0 0 2px var(--navy-10),inset -12px 0 0 2px #fff}

/* workout */
.cny-page.cny-page--aplikacje .app-route{position:relative;height:96px;border-radius:12px;background:var(--navy-5);overflow:hidden}
.cny-page.cny-page--aplikacje .app-route svg{position:absolute;inset:0;width:100%;height:100%}
.cny-page.cny-page--aplikacje .app-route path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.cny-page.cny-page--aplikacje .app-sync{display:flex;flex-wrap:wrap;gap:5px}
.cny-page.cny-page--aplikacje .app-sync span{font:600 9.5px/1 var(--ui);color:var(--navy);border:1px solid var(--hair);border-radius:6px;padding:6px 7px;background:#fff}

/* faces */
.cny-page.cny-page--aplikacje .app-faces{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cny-page.cny-page--aplikacje .app-face{aspect-ratio:5/6;border-radius:12px;background:var(--navy);display:grid;place-content:center;text-align:center;color:#fff;font:700 15px/1 var(--ui)}
.cny-page.cny-page--aplikacje .app-face small{display:block;font:500 8px/1.4 var(--ui);color:var(--navy-40);letter-spacing:.1em;margin-top:4px}
.cny-page.cny-page--aplikacje .app-face:nth-child(2){background:var(--red)}
.cny-page.cny-page--aplikacje .app-face:nth-child(3){background:#fff;border:1.5px solid var(--navy);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-face:nth-child(4){background:var(--navy-80)}
.cny-page.cny-page--aplikacje .app-face:nth-child(5){background:var(--surface);color:var(--navy);border-radius:50%}
.cny-page.cny-page--aplikacje .app-face:nth-child(6){background:var(--navy);border-radius:50%;color:var(--red)}
.cny-page.cny-page--aplikacje .app-face.is-on{outline:2.5px solid var(--red);outline-offset:2px}

/* kid map */
.cny-page.cny-page--aplikacje .app-map{position:relative;height:150px;border-radius:12px;overflow:hidden;background:
 linear-gradient(90deg,transparent 46%,#fff 46% 50%,transparent 50%),
 linear-gradient(0deg,transparent 58%,#fff 58% 62%,transparent 62%),
 linear-gradient(20deg,transparent 30%,#fff 30% 33%,transparent 33%),
 var(--navy-10)}
.cny-page.cny-page--aplikacje .app-map__zone{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:2px dashed var(--navy);background:rgba(0,38,62,.08)}
.cny-page.cny-page--aplikacje .app-map__pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-20px 0 0 -9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);box-shadow:0 0 0 4px #fff}
.cny-page.cny-page--aplikacje .app-sos{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;border-radius:12px;padding:10px 12px;font:700 12px/1.2 var(--ui)}
.cny-page.cny-page--aplikacje .app-sos span{font-weight:500;font-size:10.5px;opacity:.9}

/* ---------- 2 APPS: KTÓRA DLA MNIE ---------- */
.cny-page.cny-page--aplikacje .app-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cny-page.cny-page--aplikacje .app-card{position:relative;display:flex;flex-direction:column;gap:18px;border:1px solid var(--hair);border-radius:var(--r-panel);padding:clamp(22px,2.6vw,34px);background:#fff;overflow:hidden;transition:border-color .5s var(--ease),box-shadow .5s var(--ease)}
.cny-page.cny-page--aplikacje .app-card__head{display:flex;gap:16px;align-items:center}
.cny-page.cny-page--aplikacje .app-card__head .app-icon{width:58px;height:58px;border-radius:15px;font-size:22px}
.cny-page.cny-page--aplikacje .app-card__head small{display:block;font:600 11px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cny-page.cny-page--aplikacje .app-card__head h3{font-family:var(--disp);font-weight:640;text-transform:uppercase;font-size:clamp(26px,2.4vw,34px);line-height:1;color:var(--navy);margin-top:4px}
.cny-page.cny-page--aplikacje .app-card>p{font:400 16px/1.6 var(--body);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cny-page.cny-page--aplikacje .app-prod{position:relative;display:flex;flex-direction:column;gap:6px}
.cny-page.cny-page--aplikacje .app-prod__img{aspect-ratio:1;border-radius:var(--r-media);background:var(--surface);display:grid;place-items:center;overflow:hidden}
.cny-page.cny-page--aplikacje .app-prod__img img{width:82%;height:82%;object-fit:contain;transition:scale .6s var(--ease)}
.cny-page.cny-page--aplikacje .app-prod a{font:600 12.5px/1.3 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-prod a::after{content:"";position:absolute;inset:0}
.cny-page.cny-page--aplikacje .app-cats{display:flex;flex-wrap:wrap;gap:8px}
.cny-page.cny-page--aplikacje .app-cats a{font:600 13px/1 var(--ui);color:var(--navy);border:1px solid var(--navy);border-radius:var(--r-btn);padding:10px 13px;transition:background .5s var(--ease)}
.cny-page.cny-page--aplikacje .app-dl{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid var(--hair)}
.cny-page.cny-page--aplikacje .app-dl__btns{display:flex;flex-direction:column;gap:8px}
.cny-page.cny-page--aplikacje .app-store{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:var(--r-btn);padding:10px 14px;font:700 14px/1.15 var(--ui);transition:background .4s var(--ease)}
.cny-page.cny-page--aplikacje .app-store small{display:block;font:500 10.5px/1.1 var(--ui);color:var(--navy-40)}
.cny-page.cny-page--aplikacje .app-store svg{flex:none;width:20px;height:20px;fill:#fff}
.cny-page.cny-page--aplikacje .app-qr{width:84px;text-align:center}
.cny-page.cny-page--aplikacje .app-qr img{width:84px;height:84px;border-radius:8px;border:1px solid var(--hair)}
.cny-page.cny-page--aplikacje .app-qr span{display:block;font:600 9.5px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.cny-page.cny-page--aplikacje .app-none{margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border-radius:var(--r-panel);background:var(--navy-5);padding:20px 24px}
.cny-page.cny-page--aplikacje .app-none b{font:700 16px/1.3 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-none p{font:400 15px/1.55 var(--body);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-none a{color:var(--red-text);font-weight:600}
.cny-page.cny-page--aplikacje .app-none svg{width:38px;height:38px;fill:none;stroke:var(--navy);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- LIFE: INTERAKTYWNE DEMO ---------- */
.cny-page.cny-page--aplikacje .app-demo{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.cny-page.cny-page--aplikacje .app-feats{display:flex;flex-direction:column;border-top:2px solid var(--navy)}
.cny-page.cny-page--aplikacje .app-feat{position:relative;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;padding:18px 18px 18px 0;border-bottom:1px solid var(--hair);cursor:pointer;outline:none;isolation:isolate}
.cny-page.cny-page--aplikacje .app-feat::before{content:"";position:absolute;inset:6px auto 6px -26px;width:0;background:var(--navy-5);transform:skewX(var(--skew));z-index:-1;transition:width .6s var(--ease)}
.cny-page.cny-page--aplikacje .app-feat__n{grid-row:span 2;font:600 12px/1 var(--ui);letter-spacing:.14em;color:var(--red-text);padding-top:5px}
.cny-page.cny-page--aplikacje .app-feat b{font:700 clamp(17px,1.5vw,20px)/1.25 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-feat p{font:400 15px/1.55 var(--body);color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s var(--ease)}
.cny-page.cny-page--aplikacje .app-feat:focus-visible b{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.cny-page.cny-page--aplikacje .app-demo__view{position:relative;display:grid;place-items:center;height:clamp(520px,44vw,600px);border-radius:var(--r-panel);background:var(--surface);overflow:hidden;isolation:isolate}
.cny-page.cny-page--aplikacje .app-demo__view::before{content:"";position:absolute;top:0;bottom:0;right:16%;width:120px;background:var(--navy);transform-origin:0 100%;transform:skewX(var(--skew));z-index:-1}
.cny-page.cny-page--aplikacje .app-demo__view .app-phone{width:clamp(220px,19vw,262px)}
.cny-page.cny-page--aplikacje .app-scr{opacity:0;translate:0 14px;transition:opacity .25s var(--ease),translate .25s var(--ease);pointer-events:none}
.cny-page.cny-page--aplikacje .app-demo__cap{position:absolute;left:18px;bottom:16px;font:500 11px/1.3 var(--ui);color:var(--muted)}
/* stan domyślny: pierwsza funkcja */
.cny-page.cny-page--aplikacje .app-demo:not(:has(.app-feat:focus)) .app-feat--1 p,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat:focus) .app-feat:focus p{max-height:120px;opacity:1}
.cny-page.cny-page--aplikacje .app-demo:not(:has(.app-feat:focus)) .app-feat--1::before,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat:focus) .app-feat:focus::before{width:calc(100% + 26px)}
.cny-page.cny-page--aplikacje .app-demo:not(:has(.app-feat:focus)) .app-scr--1,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat--1:focus) .app-scr--1,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat--2:focus) .app-scr--2,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat--3:focus) .app-scr--3,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat--4:focus) .app-scr--4,
.cny-page.cny-page--aplikacje .app-demo:has(.app-feat--5:focus) .app-scr--5{opacity:1;translate:0 0;transition:opacity .45s var(--ease) .2s,translate .45s var(--ease) .2s}

/* ---------- PIERWSZE KROKI ---------- */
.cny-page.cny-page--aplikacje .app-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:st}
.cny-page.cny-page--aplikacje .app-step{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 26px;border-radius:var(--r-panel);background:var(--surface)}
.cny-page.cny-page--aplikacje .app-step:last-child{background:var(--navy)}
.cny-page.cny-page--aplikacje .app-step:last-child b{color:#fff}
.cny-page.cny-page--aplikacje .app-step:last-child p{color:var(--navy-40)}
.cny-page.cny-page--aplikacje .app-step__n{font-family:var(--disp);font-weight:640;font-size:48px;line-height:.8;color:var(--navy)}
.cny-page.cny-page--aplikacje .app-step:last-child .app-step__n{color:var(--red)}
.cny-page.cny-page--aplikacje .app-step b{font:700 18px/1.25 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-step p{font:400 14.5px/1.55 var(--body);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-tip{margin-top:16px;display:flex;gap:12px;align-items:baseline;font:500 15px/1.5 var(--ui);color:var(--ink)}
.cny-page.cny-page--aplikacje .app-tip::before{content:"";flex:none;width:8px;height:12px;background:var(--red);transform:skewX(var(--skew))}

/* ---------- EYE (jeden blok granatowy) ---------- */
.cny-page.cny-page--aplikacje .app-eye{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center;background:var(--navy);border-radius:var(--r-panel);padding:clamp(28px,4vw,56px);overflow:hidden;isolation:isolate}
.cny-page.cny-page--aplikacje .app-eye::after{content:"";position:absolute;top:0;bottom:0;right:clamp(28px,4vw,56px);width:1px;background:var(--mint);opacity:.5;transform-origin:0 100%;transform:skewX(var(--skew));z-index:-1}
.cny-page.cny-page--aplikacje .app-eye .cny-eyebrow{color:#fff}
.cny-page.cny-page--aplikacje .app-eye h2{color:#fff}
.cny-page.cny-page--aplikacje .app-eye__lede{font:400 16px/1.6 var(--body);color:var(--navy-40);max-width:54ch;margin-top:14px}
.cny-page.cny-page--aplikacje .app-eye__list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:22px}
.cny-page.cny-page--aplikacje .app-eye__list div{padding:14px 0;border-top:1px solid rgba(16,221,215,.35)}
.cny-page.cny-page--aplikacje .app-eye__list b{display:block;font:700 15.5px/1.3 var(--ui);color:#fff}
.cny-page.cny-page--aplikacje .app-eye__list span{font:400 14px/1.5 var(--body);color:var(--navy-40)}
.cny-page.cny-page--aplikacje .app-eye__media{position:relative;display:flex;flex-direction:column;gap:14px}
.cny-page.cny-page--aplikacje .app-eye__photo{border-radius:var(--r-media);background:#fff;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.cny-page.cny-page--aplikacje .app-eye__photo img{width:78%;height:78%;object-fit:contain}
.cny-page.cny-page--aplikacje .app-wifi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cny-page.cny-page--aplikacje .app-wifi div{border:1px solid rgba(16,221,215,.45);border-radius:12px;padding:12px}
.cny-page.cny-page--aplikacje .app-wifi small{display:block;font:600 10.5px/1 var(--ui);letter-spacing:.14em;color:var(--mint)}
.cny-page.cny-page--aplikacje .app-wifi b{display:block;font:600 13.5px/1.35 var(--ui);color:#fff;margin-top:6px}
.cny-page.cny-page--aplikacje .app-eye__note{display:flex;gap:10px;align-items:baseline;font:500 14px/1.5 var(--ui);color:#fff;margin-top:6px}
.cny-page.cny-page--aplikacje .app-eye__note::before{content:"";flex:none;width:8px;height:12px;background:var(--red);transform:skewX(var(--skew))}

/* ---------- WYMAGANIA ---------- */
.cny-page.cny-page--aplikacje .app-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cny-page.cny-page--aplikacje .app-spec{border-top:2px solid var(--navy)}
.cny-page.cny-page--aplikacje .app-spec h3{font:700 18px/1.3 var(--ui);color:var(--navy);padding:16px 0 6px}
.cny-page.cny-page--aplikacje .app-spec>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--hair)}
.cny-page.cny-page--aplikacje .app-spec>div b{font:600 11px/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cny-page.cny-page--aplikacje .app-spec>div span{font:500 15px/1.5 var(--ui);color:var(--ink)}

/* ---------- FAQ ---------- */
.cny-page.cny-page--aplikacje .app-faq{display:flex;flex-direction:column;gap:10px;max-width:900px}
.cny-page.cny-page--aplikacje .app-faq details{background:#fff;border:1px solid var(--hair);border-radius:14px;transition:border-color .5s var(--ease)}
.cny-page.cny-page--aplikacje .app-faq details[open]{border-color:var(--navy)}
.cny-page.cny-page--aplikacje .app-faq summary{position:relative;list-style:none;cursor:pointer;padding:19px 56px 19px 22px;font:700 16px/1.35 var(--ui);color:var(--navy)}
.cny-page.cny-page--aplikacje .app-faq summary::-webkit-details-marker{display:none}
.cny-page.cny-page--aplikacje .app-faq summary::after{content:"+";position:absolute;right:22px;top:50%;translate:0 -50%;font:400 24px/1 var(--ui);color:var(--red-text)}
.cny-page.cny-page--aplikacje .app-faq details[open] summary::after{content:"–"}
.cny-page.cny-page--aplikacje .app-faq details p{padding:0 22px 20px;font:400 15px/1.6 var(--body);color:var(--muted)}
.cny-page.cny-page--aplikacje .app-faq a{color:var(--red-text);font-weight:600}
.cny-page.cny-page--aplikacje .app-faq summary:focus-visible{outline:2px solid var(--red-text);outline-offset:3px}

/* ---------- RUCH ---------- */
@keyframes app-ring{from{stroke-dashoffset:1}}
@keyframes app-bar{from{height:0}}
@keyframes app-draw{from{stroke-dashoffset:1}}
@keyframes app-band{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes app-rise{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
@keyframes app-slant{from{opacity:0;translate:-52px 90px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
  .cny-page.cny-page--aplikacje .app-stage__band{animation:app-band .8s cubic-bezier(.6,0,.2,1) both}
  .cny-page.cny-page--aplikacje .app-stage__echo{animation:app-band .8s cubic-bezier(.6,0,.2,1) .12s both}
  .cny-page.cny-page--aplikacje .app-stage .app-phone{animation:app-rise 1s var(--ease) .3s both}
  .cny-page.cny-page--aplikacje .app-stage__watch{animation:app-slant 1.1s var(--ease) .6s both}
  .cny-page.cny-page--aplikacje .app-stage__tag{animation:app-rise .6s var(--ease) 1.1s both}
  .cny-page.cny-page--aplikacje .app-stage .app-ring .fg{animation:app-ring 1.6s var(--ease) .9s both}
  .cny-page.cny-page--aplikacje .app-stage .app-bars i{animation:app-bar .8s var(--ease) both;animation-delay:calc(1s + var(--i,0) * 70ms)}
  .cny-page.cny-page--aplikacje .app-scr .app-ring .fg,.cny-page.cny-page--aplikacje .app-scr .app-route path{animation:none}
  .cny-page.cny-page--aplikacje .app-demo:not(:has(.app-feat:focus)) .app-scr--1 .app-ring .fg,
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--2:focus) .app-scr--2 .app-ring .fg{animation:app-ring 1.4s var(--ease) .3s both}
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--3:focus) .app-scr--3 .app-route path{animation:app-draw 1.6s var(--ease) .3s both}
  @supports (animation-timeline:view()){
    .cny-page.cny-page--aplikacje .app-rv{animation:app-rise linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
    .cny-page.cny-page--aplikacje .app-rv:nth-child(2){animation-range:entry 6% cover 30%}
    .cny-page.cny-page--aplikacje .app-rv:nth-child(3){animation-range:entry 12% cover 36%}
    .cny-page.cny-page--aplikacje .app-rv:nth-child(4){animation-range:entry 18% cover 42%}
  }
}
@media(hover:hover){
  .cny-page.cny-page--aplikacje .app-pick>div:hover{border-color:var(--navy);background:var(--navy-5)}
  .cny-page.cny-page--aplikacje .app-card:hover{border-color:var(--navy);box-shadow:0 14px 34px rgba(0,38,62,.08)}
  .cny-page.cny-page--aplikacje .app-prod:hover .app-prod__img img{scale:1.06}
  .cny-page.cny-page--aplikacje .app-cats a:hover{background:var(--navy-5)}
  .cny-page.cny-page--aplikacje .app-store:hover{background:var(--red-text)}
  /* najechanie wygrywa ze starym fokusem */
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat:hover) .app-scr{opacity:0;translate:0 14px;transition:opacity .2s var(--ease),translate .2s var(--ease)}
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat:hover) .app-feat p{max-height:0;opacity:0}
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat:hover) .app-feat::before{width:0}
  .cny-page.cny-page--aplikacje .app-demo .app-feat.app-feat:hover p{max-height:120px;opacity:1}
  .cny-page.cny-page--aplikacje .app-demo .app-feat.app-feat:hover::before{width:calc(100% + 26px)}
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--1:hover) .app-scr.app-scr--1,
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--2:hover) .app-scr.app-scr--2,
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--3:hover) .app-scr.app-scr--3,
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--4:hover) .app-scr.app-scr--4,
  .cny-page.cny-page--aplikacje .app-demo:has(.app-feat--5:hover) .app-scr.app-scr--5{opacity:1;translate:0 0;transition:opacity .45s var(--ease) .2s,translate .45s var(--ease) .2s}
}
@media(hover:none){
  .cny-page.cny-page--aplikacje .app-store:active{background:var(--red-text)}
}

/* ---------- RWD ---------- */
@media(max-width:1100px){
  .cny-page.cny-page--aplikacje .app-steps{grid-template-columns:repeat(2,1fr)}
  .cny-page.cny-page--aplikacje .app-prods{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .cny-page.cny-page--aplikacje .app-hero__grid,.cny-page.cny-page--aplikacje .app-two,.cny-page.cny-page--aplikacje .app-eye,.cny-page.cny-page--aplikacje .app-specs{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-demo{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-demo__view{order:-1;height:500px}
  .cny-page.cny-page--aplikacje .app-eye::after{display:none}
}
@media(max-width:767px){
  .cny-page.cny-page--aplikacje .app-pick{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-stage{height:440px}
  .cny-page.cny-page--aplikacje .app-stage .app-phone{width:168px;margin:-178px 0 0 -24px}
  .cny-page.cny-page--aplikacje .app-stage__tag{right:auto;left:18px}
  .cny-page.cny-page--aplikacje .app-ui{padding:30px 10px 10px;gap:7px}
  .cny-page.cny-page--aplikacje .app-ui__card{padding:8px 9px;border-radius:11px}
  .cny-page.cny-page--aplikacje .app-ui__card strong{font-size:15px}
  .cny-page.cny-page--aplikacje .app-ui__card small{font-size:8.5px;letter-spacing:.08em}
  .cny-page.cny-page--aplikacje .app-ui__row{gap:6px}
  .cny-page.cny-page--aplikacje .app-ntf{padding:7px 8px;gap:8px}
  .cny-page.cny-page--aplikacje .app-stage__band{left:48%;width:96px}
  .cny-page.cny-page--aplikacje .app-stage__echo{left:calc(48% + 110px)}
  .cny-page.cny-page--aplikacje .app-stage__watch{width:48%}
  .cny-page.cny-page--aplikacje .app-prods{grid-template-columns:repeat(4,1fr);gap:8px}
  .cny-page.cny-page--aplikacje .app-prod a{font-size:11px}
  .cny-page.cny-page--aplikacje .app-dl{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-qr{display:none}
  .cny-page.cny-page--aplikacje .app-dl__btns{flex-direction:row;flex-wrap:wrap}
  .cny-page.cny-page--aplikacje .app-store{flex:1 1 140px}
  .cny-page.cny-page--aplikacje .app-feats{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border-top:0;padding-bottom:6px;scrollbar-width:none}
  .cny-page.cny-page--aplikacje .app-feats::-webkit-scrollbar{display:none}
  .cny-page.cny-page--aplikacje .app-feat{flex:0 0 76%;scroll-snap-align:start;border:1px solid var(--hair);border-radius:14px;padding:16px;grid-template-columns:1fr;overflow:hidden}
  .cny-page.cny-page--aplikacje .app-feat::before{inset:0;left:0;transform:none}
  .cny-page.cny-page--aplikacje .app-feat__n{grid-row:auto}
  .cny-page.cny-page--aplikacje .app-demo .app-feats .app-feat p{max-height:none!important;opacity:1!important}
  .cny-page.cny-page--aplikacje .app-demo .app-feats .app-feat:focus{border-color:var(--navy)}
  .cny-page.cny-page--aplikacje .app-demo__view{height:460px}
  .cny-page.cny-page--aplikacje .app-demo__view .app-phone{width:180px;margin-bottom:22px}
  .cny-page.cny-page--aplikacje .app-steps{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-eye__list{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-wifi{grid-template-columns:1fr}
  .cny-page.cny-page--aplikacje .app-spec>div{grid-template-columns:1fr;gap:2px}
  .cny-page.cny-page--aplikacje .app-none{grid-template-columns:1fr;padding:20px}
}
@media(prefers-reduced-motion:reduce){.cny-page.cny-page--aplikacje *{transition:none!important;animation:none!important}}