/* =====================================================================
   HOMEFolio — styl A „Papier i noc” (właściciele i strony wspólne)
   Akcenty marki: limonka #E3FF00 i fiolet #8701FF z logo; dąb jako kolor tekstu wyróżnień.
   ===================================================================== */
:root{
  --bg:#f3eee6; --bg2:#ebe4d9; --card:#fbf8f3; --field:#fffdf9;
  --ink:#16130e; --ink2:#463f35; --ink3:#6f675b;
  --line:rgba(22,19,14,.11); --line2:rgba(22,19,14,.22);
  --acc:#E3FF00; --acc-ink:#000; --acc-text:#7a35d6; --violet:#8701FF;
  --dark:#110f0c; --dark2:#1b1814; --dark-ink:#f4eee4; --dark-ink2:#bdb2a2;
  --btnp-bg:#16130e; --btnp-ink:#f3eee6; --btnp-hover:#3a3127;
  --focus:#8701FF; --err:#b3261e; --ok-bg:#e7f1dc; --ok-ink:#1d3a12; --note-bg:#efe8dc;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Space Mono",ui-monospace,Menlo,monospace;
  --h1-font:400 clamp(42px,4.9vw,76px)/1 var(--serif);
  --h2-font:400 clamp(34px,4.2vw,58px)/1.04 var(--serif);
  --h3-font:600 21px/1.25 var(--sans);
  --num-font:400 1em/1 var(--serif);
  --gut:clamp(16px,4vw,48px);
  color-scheme:light;
}
body.A{background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .08  0 0 0 0 .05  0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.A ::selection{background:var(--acc)}

/* nagłówek: szklany pasek na papierze */
.A .hdr{background:rgba(243,238,230,.82);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}
.A .hcta{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.A .hcta:hover{background:var(--violet);border-color:var(--violet);color:#fff}

/* hero */
.A .hero{padding:clamp(28px,5vw,72px) 0 clamp(56px,7vw,96px)}
.A .hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center}
.A .hero h1{font:var(--h1-font);letter-spacing:-.02em;margin-top:16px}
.A .hero h1 em{display:block}
.A .hero .lead{font-size:20px;color:var(--ink2);margin-top:22px;max-width:34em}
.A .pv{position:relative}
.A .pv::before{content:"";position:absolute;inset:-18px -18px auto auto;width:42%;height:60%;background:var(--violet);border-radius:18px;z-index:-1}
.A .pv::after{content:"";position:absolute;left:-18px;bottom:30px;width:30%;height:42%;background:var(--acc);border-radius:18px;z-index:-1}
.A .hero{overflow-x:clip}
@media (max-width:900px){
  .A .hero-g{grid-template-columns:minmax(0,1fr)}
  .A .pv{margin:8px 6px 0}
  .A .pv::before{inset:-10px -10px auto auto}
  .A .pv::after{left:-10px}
}

/* sekcje ciemne */
.A .sec.dark{background:var(--dark);color:var(--dark-ink)}
.A .sec.dark .sub,.A .sec.dark .two-t,.A .sec.dark .caption,.A .sec.dark .small,.A .sec.dark .pair figcaption,.A .sec.dark p{color:var(--dark-ink2)}
.A .sec.dark .h2 em,.A .sec.dark .pair figcaption b{color:var(--dark-ink)}
.A .sec.dark .h2 em{color:var(--acc)}
.A .sec.dark .lnk{color:var(--dark-ink);border-color:var(--acc)}
.A .sec.dark .btn{border-color:var(--dark-ink);color:var(--dark-ink)}
.A .sec.dark .btn:hover{background:var(--acc);color:#000;border-color:var(--acc)}
.A .sec.dark .vid figcaption{color:var(--dark-ink2)}
.A .vfeature{max-width:960px;margin:32px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#070707;box-shadow:0 24px 64px rgba(0,0,0,.3)}
.A .vfeature video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.A .vfeature+.caption{max-width:960px;margin:14px auto 0}
.A #przyklad .vgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin:32px auto 0;gap:12px}
.A #przyklad .vfmt{padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:12px}
.A #przyklad .vfmt h3{margin:0;font-size:clamp(17px,1.7vw,22px)}
.A #przyklad .vfmt p{font-size:14px;line-height:1.5}
@media(max-width:700px){.A #przyklad .vgrid{grid-template-columns:1fr}}
.A .sec.alt{background:var(--bg2)}
.A .sec.final{background:var(--dark);color:var(--dark-ink);text-align:center}
.A .sec.final .h2{margin:0 auto}
.A .sec.final .sub{margin:18px auto 0;color:var(--dark-ink2)}
.A .sec.final .btn.p{margin-top:28px;background:var(--acc);color:#000;border-color:var(--acc)}
.A .sec.final .btn.p:hover{background:#fff;border-color:#fff}
.A .sec.final .btn:not(.p){border-color:var(--dark-ink);color:var(--dark-ink)}
.A .sec.final .ctas{justify-content:center}
.A .sec.final .small{margin:14px auto 0;color:var(--dark-ink2)}
.A .sec.final .lnk{color:var(--dark-ink)}
.A .sec.bonus{background:var(--violet);color:#fff}
.A .sec.bonus .sub{color:#eadcff}

/* karty i cennik */
.A .card .n{color:var(--violet)}
.A .pc.pop{box-shadow:0 30px 70px -40px rgba(0,0,0,.6)}
.A .ftabs [role=tab][aria-selected=true]{background:var(--violet);border-color:var(--violet);color:#fff}

/* stopka nocna */
.A .foot{background:var(--dark);color:var(--dark-ink2)}
.A .foot h2{color:var(--dark-ink)}
.A .foot a{color:var(--dark-ink)}
.A .foot .fbot{border-top:1px solid rgba(255,240,220,.12);color:#8f8473}

/* zamówienie */
.A .lead .grp{background:var(--card)}

/* przyklejony przycisk na telefonie: pełny kolor marki, czytelny na papierze i na nocnych sekcjach */
.A .bbar .btn.p{background:var(--violet);border-color:var(--violet);color:#fff}

/* pierwszy ekran: pytanie + odpowiedź, Kolekcja w przeglądarce i telefon z działającym modułem koloru ścian */
.A .hero2{padding:clamp(40px,6vw,96px) 0 clamp(96px,10vw,150px)}
.A .hero2 .hero-g{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px)}
.A .hero2 h1{margin:0}
.A .hero2 .hq{display:flex;align-items:center;gap:12px;font:600 clamp(17px,1.5vw,21px)/1.3 var(--sans);letter-spacing:0;color:var(--ink2);margin-bottom:18px}
.A .hero2 .hq::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--violet)}
.A .hero2 .ha{display:block;font:var(--h1-font);font-size:clamp(50px,6.2vw,100px);line-height:.94;letter-spacing:-.03em}
.A .hero2 mark{background:linear-gradient(transparent 58%,var(--acc) 58%,var(--acc) 90%,transparent 90%);color:inherit;padding:0 .04em}
.A .hero2 .lead{font-size:clamp(18px,1.5vw,21px);max-width:27em;margin-top:26px}
.A .hero2 .ctas{margin-top:32px}
.hv{position:relative;margin-right:clamp(40px,6vw,96px)}
.hv::before{content:"";position:absolute;right:calc(-1 * clamp(40px,6vw,96px) - 20px);bottom:-70px;width:52%;height:62%;border-radius:22px;background:var(--acc);z-index:-1}
.hv-br{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 40px 80px -40px rgba(30,20,10,.45);text-decoration:none;color:inherit}
.hv-br .bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#f6f3ed;border-bottom:1px solid rgba(0,0,0,.07)}
.hv-br .bar i{width:9px;height:9px;border-radius:50%;background:#d9d3c8}
.hv-br .bar span{margin-left:10px;padding:3px 12px;border-radius:99px;background:#fff;font:600 11px/1.3 var(--mono);color:#6b645a}
.hv-br .bar em{margin-left:auto;font:700 11px/1 var(--mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#6b645a;transition:color .2s}
.hv-br:hover .bar em{color:var(--violet)}
.hv-br img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.hv-ph{position:absolute;right:calc(-1 * clamp(40px,6vw,96px));bottom:-110px;padding:8px;border-radius:40px;background:#111;box-shadow:0 40px 70px -30px rgba(0,0,0,.6),inset 0 0 0 1.5px #333}
.hv-scr{position:relative;width:218px;height:472px;border-radius:32px;overflow:hidden;background:#1a1416}
.hv-scr iframe{position:absolute;left:0;top:0;width:390px;height:844px;border:0;transform:scale(.559);transform-origin:0 0}
.hv-tip{position:absolute;right:calc(218px + 16px - clamp(40px,6vw,96px) + 24px);bottom:-92px;display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--ink2);pointer-events:none;white-space:nowrap}
.hv-tip b{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:99px;background:var(--ink);color:#fff;font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.hv-tip b::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4d4d;animation:hvLive 1.6s ease-in-out infinite}
.hv-tip::after{content:"→";font-size:18px;color:var(--ink)}
@keyframes hvLive{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.hv-tip b::before{animation:none}}
@media (max-width:1100px){
  .A .hero2 .hero-g{grid-template-columns:minmax(0,1fr)}
  .hv{max-width:760px;margin-top:8px}
}
@media (max-width:760px){
  .A .hero2{padding:28px 0 120px}
  .A .hero2 .ha{font-size:clamp(44px,13vw,64px)}
  .hv{margin-right:56px}
  .hv::before{right:-36px;bottom:-40px;width:60%;height:70%}
  .hv-br .bar{height:24px;padding:0 8px;gap:4px}.hv-br .bar i{width:6px;height:6px}
  .hv-br .bar span{display:none}.hv-br .bar em{font-size:9px}
  .hv-ph{right:-52px;bottom:-96px;padding:6px;border-radius:30px}
  .hv-scr{width:160px;height:346px;border-radius:24px}
  .hv-scr iframe{transform:scale(.4103)}
  .hv-tip{left:0;right:auto;bottom:-70px;font-size:12px;white-space:normal;max-width:calc(100% - 120px);flex-wrap:wrap}
  .hv-tip::after{display:none}
}
/* poprawki pierwszego ekranu */
.hv-scr iframe{max-width:none;max-height:none}
.A .hero2 .hq{display:block}
.A .hero2 .hq::before{display:inline-block;margin-right:12px;vertical-align:.12em}
.hv-br .bar em{display:none}
.hv-tip{left:0;right:auto;bottom:auto;top:calc(100% + 18px);white-space:normal;max-width:calc(100% - 200px);flex-wrap:wrap;row-gap:6px}
@media (max-width:760px){
  .A .hero2{padding-bottom:200px}
  .hv{margin-top:20px;margin-right:64px}
  .hv-ph{top:36px;bottom:auto;right:-60px}
  .hv-tip{top:calc(100% + 14px);max-width:calc(100% - 90px)}
}
.hv-tip::after{display:none}
.hv-tip{max-width:330px}
@media (max-width:1100px){.hv-tip{max-width:calc(100% - 260px)}}
@media (max-width:760px){.A .hero2{padding-bottom:150px}.hv-tip{max-width:170px;font-size:12px}}
/* pierwszy ekran v2: większe pytanie i odpowiedź, rzut mieszkania wpisany w tło */
.A .hero2{position:relative;isolation:isolate}
.A .hero2 .rzt{position:absolute;z-index:-1;right:-6vw;top:50%;width:min(1180px,92vw);height:auto;transform:translateY(-46%) rotate(-4deg);color:#2b251d;opacity:.13;pointer-events:none}
.A .hero2 .rzt .ext{fill:currentColor}
.A .hero2 .rzt .wall{stroke:currentColor;stroke-width:12;fill:none}
.A .hero2 .rzt .ln,.A .hero2 .rzt .fur,.A .hero2 .rzt rect,.A .hero2 .rzt circle,.A .hero2 .rzt ellipse,.A .hero2 .rzt path:not(.ext):not(.wall){stroke:currentColor;stroke-width:1.6;fill:none}
.A .hero2 .rzt .gap{fill:var(--bg);stroke:none}
.A .hero2 .rzt .zone{stroke:var(--violet);stroke-width:3;stroke-dasharray:14 10;opacity:.9}
.A .hero2 .rzt text{fill:currentColor;font:600 14px var(--mono);letter-spacing:.08em}
.A .hero2 .rzt g>*{stroke-dasharray:inherit}
@media (prefers-reduced-motion:no-preference){
  .A .hero2 .rzt{animation:rztIn 1.6s cubic-bezier(.16,1,.3,1) both}
  @keyframes rztIn{from{opacity:0;transform:translateY(-44%) rotate(-6deg) scale(1.04)}}
}
.A .hero2 .hq{font:700 clamp(26px,2.9vw,44px)/1.08 var(--sans);letter-spacing:-.025em;color:var(--ink);margin-bottom:clamp(14px,1.6vw,22px);max-width:16em}
.A .hero2 .hq::before{width:14px;height:14px;margin-right:14px;vertical-align:.1em;background:var(--acc);box-shadow:0 0 0 3px var(--ink)}
.A .hero2 .hq span{display:inline-block;padding:.02em .32em .1em;border-radius:.3em;background:var(--violet);color:#fff;transform:rotate(-2deg);margin-left:.06em}
.A .hero2 .ha{font-size:clamp(58px,7.2vw,118px);line-height:.9}
@media (max-width:760px){
  .A .hero2 .hq{font-size:clamp(24px,7vw,32px)}
  .A .hero2 .ha{font-size:clamp(50px,14.5vw,72px)}
  .A .hero2 .rzt{width:150vw;right:-40vw;top:62%;opacity:.1}
}
/* v3: fioletowa plakietka tylko na „bezpośrednio?”, odpowiedź w dwóch liniach, jasnofioletowe tło z rzutem */
.A .hero2 .hq span{display:inline;padding:0;border-radius:0;background:none;color:inherit;transform:none;margin:0}
.A .hero2 .hq mark.hqm{display:inline-block;padding:.02em .3em .1em;border-radius:.3em;background:var(--violet);color:#fff;transform:rotate(-2deg);margin-left:.04em}
.A .hero2 .hq mark.hqm *{color:#fff}
.A .hero2 .ha{font-size:clamp(52px,5.8vw,94px)}
.A .hero2{--hbg:#EEE6FF;background:var(--hbg)}
.A .hero2 .rzt{color:#3d1a73;opacity:.14}
.A .hero2 .rzt .gap{fill:var(--hbg)}
@media (max-width:760px){.A .hero2 .ha{font-size:clamp(48px,13.5vw,68px)}}
@media (max-width:760px){.A .hero2{padding-bottom:240px}.A .hero2 .rzt{top:auto;bottom:-6%;transform:rotate(-4deg)}}
.A .hero2{overflow:hidden}

/* Jak to działa: cztery kroki z ilustracjami i strzałka do sekcji niżej */
.A .jak{position:relative;z-index:2;background:#fff;padding:clamp(64px,8vw,120px) 0 clamp(72px,8vw,120px)}
.jk-arrow{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none;z-index:0}
.jak .wrap{position:relative;z-index:1}
.jk-line,.jk-head{fill:none;stroke:var(--violet);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.jk-head{stroke-width:3.5;transition:opacity .3s}
.jak .h2{font-size:clamp(44px,5.4vw,84px);line-height:.95}
.jak .sub{max-width:34em}
.jks{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:56px 0 0;padding:0}
.jk{display:flex;flex-direction:column;gap:8px}
.jk-n{position:relative;width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid var(--violet);display:grid;place-items:center;font:800 21px/1 var(--mono);color:var(--violet);margin-bottom:22px}
.jk-tag{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin:14px 0 2px}
.jk h3{font:var(--h3-font);font-size:clamp(21px,1.8vw,26px);line-height:1.15;margin:0}
.jk p:not(.jk-tag){font-size:15px;line-height:1.5;color:var(--ink2);margin:0}
.jv{position:relative;aspect-ratio:4/3;border-radius:20px;background:#F1EAFF;overflow:hidden}
.jv img{display:block}
/* 1 · brief → mapa */
.jb-card{position:absolute;left:7%;top:9%;width:50%;display:grid;gap:7px;padding:12px 13px;border-radius:12px;background:#fff;box-shadow:0 14px 30px -18px rgba(40,10,90,.45);font-size:12px;z-index:1}
.jb-card b{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6b645a;margin-bottom:2px}
.jb-card span{display:flex;align-items:center;gap:8px;font-weight:600}
.jb-card i{width:10px;height:10px;border-radius:50%;flex:none}
.jb-map{position:absolute;right:6%;bottom:8%;width:60%;height:auto;filter:drop-shadow(0 14px 22px rgba(40,10,90,.25))}
.jb-pin{transform-box:fill-box;transform-origin:50% 100%;animation:jbPin 4.8s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--d) * .45s)}
@keyframes jbPin{0%,8%{opacity:0;transform:translateY(-16px)}22%,82%{opacity:1;transform:none}100%{opacity:0;transform:none}}
/* 2 · rzut + zdjęcie telefonem */
.jp-paper{position:absolute;left:6%;top:9%;width:60%;aspect-ratio:4/3;padding:6px;border-radius:6px;background:#fff;box-shadow:0 14px 30px -16px rgba(40,10,90,.4);transform:rotate(-5deg)}
.jp-plan{width:100%;height:100%;color:#3d1a73}
.jp-plan .ext{fill:currentColor}.jp-plan .wall{stroke:currentColor;stroke-width:12;fill:none}
.jp-plan path:not(.ext):not(.wall),.jp-plan rect,.jp-plan circle,.jp-plan ellipse{stroke:currentColor;stroke-width:2;fill:none}
.jp-plan .gap{fill:#fff;stroke:none}.jp-plan text{display:none}.jp-plan .zone{stroke:var(--violet);stroke-dasharray:14 10;stroke-width:4}
.jp-cam{position:absolute;right:8%;bottom:6%;width:34%;aspect-ratio:9/17;padding:4px;border-radius:16px;background:#111;transform:rotate(6deg);box-shadow:0 18px 30px -14px rgba(0,0,0,.55);overflow:hidden}
.jp-cam img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.jp-shutter{position:absolute;left:50%;bottom:9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;border:3px solid #fff;background:rgba(255,255,255,.35)}
.jp-cam::after{content:"";position:absolute;inset:4px;border-radius:12px;background:#fff;opacity:0;animation:jpFlash 3.6s ease-out infinite}
@keyframes jpFlash{0%,62%{opacity:0}66%{opacity:.85}80%,100%{opacity:0}}
/* 3 · przed / po */
.jf{position:absolute;margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px -16px rgba(40,10,90,.45)}
.jf:first-child{left:6%;top:8%;width:62%}
.jf:last-child{right:6%;bottom:7%;width:52%;border:3px solid #fff}
.jf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jf-b{clip-path:inset(0 0 0 100%);animation:jfSlide 5s cubic-bezier(.65,0,.35,1) infinite}
.jf:last-child .jf-b{animation-delay:1.2s}
@keyframes jfSlide{0%,12%{clip-path:inset(0 0 0 100%)}42%,72%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
.jf-l,.jf-r{position:absolute;top:8px;padding:4px 8px;border-radius:99px;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.jf-l{left:8px;background:rgba(0,0,0,.6);color:#fff}.jf-r{right:8px;background:var(--acc);color:#000}
/* 4 · gotowa strona */
.js-br{position:absolute;left:8%;top:10%;width:84%;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 34px -18px rgba(40,10,90,.5)}
.js-br .bar{display:flex;gap:4px;padding:6px 8px;background:#f6f3ed}.js-br .bar i{width:6px;height:6px;border-radius:50%;background:#d9d3c8}
.js-br img{width:100%;height:auto}
.js-code{position:absolute;left:4%;bottom:9%;padding:8px 12px;border-radius:10px;background:#111;color:#E3FF00;font:700 15px/1 var(--mono);transform:rotate(-7deg)}
.js-ok{position:absolute;right:5%;bottom:8%;padding:9px 13px;border-radius:99px;background:var(--acc);color:#000;font:700 13px/1 var(--sans);box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.jb-pin,.jp-cam::after,.jf-b{animation:none}.jf-b{clip-path:inset(0 0 0 50%)}}
@media (max-width:1000px){
  .jks{grid-template-columns:minmax(0,1fr);max-width:560px;gap:44px}
  .jk{padding-left:30px}
  .jk-n{margin-bottom:14px}
}
@media (max-width:600px){.jk{padding-left:22px}.jk-n{width:46px;height:46px;font-size:18px}}
/* Jak to działa v2 */
.jk-line{stroke-width:2;opacity:.35}
.jk-fat{fill:none;stroke:var(--violet);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.jk-head{opacity:.35;stroke-width:3;transition:opacity .3s}
.jk-head.on{opacity:1;stroke-width:7}
/* 1 · brief */
.jv-brief .jb-card{left:7%;right:7%;top:8%;width:auto;gap:6px;padding:12px 14px}
.jb-st,.jb-sec{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}
.jb-st span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 4px;border-radius:8px;background:#f6f3ed;font-size:11px;font-weight:600;border:2px solid transparent;animation:jbPick 7.5s infinite;animation-delay:calc(var(--i,0) * 2.5s)}
.jb-st span:nth-child(1){--i:0}.jb-st span:nth-child(2){--i:1}.jb-st span:nth-child(3){--i:2}
.jb-st i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--bg);color:var(--fg);font:700 10px/1 Georgia,serif;font-style:normal}
@keyframes jbPick{0%,30%{border-color:var(--violet);background:#F1EAFF}34%,100%{border-color:transparent;background:#f6f3ed}}
.jb-sec span{padding:4px 8px;border-radius:99px;background:#f6f3ed;font-size:11px;font-weight:600;color:#3a3530}
.jb-idea{justify-self:start;margin-top:2px;padding:6px 10px;border-radius:99px;background:var(--acc);color:#000;font-size:11.5px;font-weight:800;box-shadow:0 8px 16px -8px rgba(0,0,0,.35);animation:jbIdea 4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes jbIdea{0%,10%{transform:scale(.6) rotate(-6deg);opacity:0}22%,85%{transform:rotate(-2deg);opacity:1}100%{transform:rotate(-2deg);opacity:0}}
/* 2 · rzut, dane, telefon ze zmieniającym się zdjęciem */
.jv-ph .jp-paper{left:5%;top:7%;width:54%}
.jp-info{position:absolute;left:7%;bottom:7%;width:48%;margin:0;padding:8px 10px;display:grid;gap:3px;border-radius:10px;background:#fff;box-shadow:0 12px 24px -14px rgba(40,10,90,.45);transform:rotate(2deg);z-index:1}
.jp-info div{display:flex;justify-content:space-between;gap:6px;font-size:10.5px;border-bottom:1px dashed #e4ded3;padding-bottom:3px}
.jp-info div:last-child{border:0;padding:0}
.jp-info dt{color:#6b645a}.jp-info dd{margin:0;font-weight:700;white-space:nowrap}
.jp-cam img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);opacity:0;animation:jpShot 12s infinite;animation-delay:calc(var(--i) * 3s)}
@keyframes jpShot{0%{opacity:0}1.5%,25%{opacity:1}26.5%,100%{opacity:0}}
.jp-cam::after{animation:jpFlash 3s ease-out infinite;z-index:2}
@keyframes jpFlash{0%,90%{opacity:0}93%{opacity:.85}100%{opacity:0}}
.jp-shutter{z-index:3}
/* 4 · budowanie interaktywnego rzutu */
.jq{position:absolute;inset:7% 6%;width:88%;height:86%}
.jq-l{color:#2b251d}
.jq-l .ext{fill:currentColor;animation:jqFade 9s infinite}
.jq-l .wall{stroke:currentColor;stroke-width:12;fill:none}
.jq-l [pathLength]{stroke:currentColor;stroke-width:2.5;fill:none;stroke-dasharray:1;stroke-dashoffset:1;animation:jqDraw 9s cubic-bezier(.65,0,.35,1) infinite}
.jq-l .wall[pathLength]{stroke-width:12}
.jq-l .gap{fill:#F1EAFF}.jq-l text{display:none}.jq-l .zone{stroke:var(--violet);stroke-dasharray:14 10}
.jq-r{opacity:0;animation:jqRoom 9s infinite;animation-delay:calc(var(--i) * .25s)}
@keyframes jqDraw{0%{stroke-dashoffset:1}28%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes jqFade{0%,8%{opacity:0}28%,92%{opacity:1}100%{opacity:0}}
@keyframes jqRoom{0%,30%{opacity:0}40%,92%{opacity:.9}100%{opacity:0}}
.jq-cur{position:absolute;left:0;top:0;width:24px;height:24px;animation:jqCur 9s cubic-bezier(.65,0,.35,1) infinite;z-index:2}
@keyframes jqCur{0%,50%{transform:translate(260px,220px);opacity:0}55%{opacity:1}66%,92%{transform:translate(110px,76px);opacity:1}100%{opacity:0}}
.jq-tip{position:absolute;left:24%;top:22%;padding:6px 10px;border-radius:8px;background:#111;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;transform:translateY(6px);animation:jqTip 9s infinite;z-index:2}
@keyframes jqTip{0%,66%{opacity:0;transform:translateY(6px)}70%,92%{opacity:1;transform:none}100%{opacity:0}}
/* gotowa strona na dole */
.jk-fin{margin:clamp(110px,10vw,160px) auto 0;max-width:880px;text-align:center}
.jk-fin h3{font:var(--h2-font);font-size:clamp(26px,2.6vw,38px);line-height:1.1;margin:6px auto 28px;max-width:22em}
.jk-fbr{position:relative;border-radius:16px;overflow:visible;background:#fff;box-shadow:0 50px 90px -40px rgba(40,10,90,.55);border:1px solid rgba(0,0,0,.08)}
.jk-fbr .bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#f6f3ed;border-bottom:1px solid rgba(0,0,0,.07);border-radius:16px 16px 0 0}
.jk-fbr .bar i{width:9px;height:9px;border-radius:50%;background:#d9d3c8}
.jk-fbr .bar span{margin-left:10px;padding:3px 12px;border-radius:99px;background:#fff;font:600 11px/1.3 var(--mono);color:#6b645a}
.jk-fbr img{display:block;width:100%;height:auto;border-radius:0 0 16px 16px}
.jk-fbr .js-ok{right:-14px;bottom:-16px;font-size:15px;padding:12px 18px}
@media (prefers-reduced-motion:reduce){.jb-st span,.jb-idea,.jp-cam img,.jq-l *,.jq-r,.jq-cur,.jq-tip{animation:none}.jp-cam img:first-child,.jq-r,.jq-tip{opacity:1}.jq-l [pathLength]{stroke-dashoffset:0}.jq-cur{display:none}}
@media (max-width:600px){.jk-fbr .js-ok{right:8px;font-size:12px;padding:9px 12px}}
.jv{aspect-ratio:1/.86}
.jv-brief .jb-card{top:7%;bottom:7%;padding:11px 12px;gap:5px;align-content:start}
.jb-st span{font-size:10.5px;padding:3px 7px 3px 3px;gap:4px}
.jb-st i{width:17px;height:17px;font-size:9px}
.jb-sec span{font-size:10.5px;padding:3px 8px}
.jk-fin{margin-top:clamp(150px,13vw,200px)}
/* 3 · przed → po na całą kartę */
.jv-fix .jfx{position:absolute;inset:0;opacity:0;animation:jfxShow 10s infinite both;animation-delay:calc(var(--i) * 5s)}
.jv-fix .jfx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jv-fix .jfx-b{clip-path:inset(0 100% 0 0);animation:jfxWipe 10s cubic-bezier(.65,0,.35,1) infinite both;animation-delay:calc(var(--i) * 5s)}
.jv-fix .jfx-d{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);animation:jfxLine 10s cubic-bezier(.65,0,.35,1) infinite both;animation-delay:calc(var(--i) * 5s)}
.jv-fix .jfx-d::after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.3)}
@keyframes jfxShow{0%{opacity:0}2%,49%{opacity:1}51%,100%{opacity:0}}
@keyframes jfxWipe{0%,10%{clip-path:inset(0 100% 0 0)}34%,100%{clip-path:inset(0 0 0 0)}}
@keyframes jfxLine{0%,10%{left:0;opacity:1}34%{left:100%;opacity:1}38%,100%{left:100%;opacity:0}}
.jv-fix .jf-l,.jv-fix .jf-r{top:10px;z-index:2}
.jv-fix .jf-l{left:10px}.jv-fix .jf-r{right:10px}
@media (prefers-reduced-motion:reduce){.jv-fix .jfx,.jv-fix .jfx-b,.jv-fix .jfx-d{animation:none}.jv-fix .jfx:first-child{opacity:1}.jv-fix .jfx-b{clip-path:inset(0 50% 0 0)}.jv-fix .jfx-d{left:50%}}
/* brief: pięć stylów, zaznaczenie przechodzi po kolei */
.jb-st{gap:4px}
.jb-st span{animation:jbPick5 12.5s infinite;animation-delay:calc(var(--i,0) * 2.5s)}
.jb-st span:nth-child(4){--i:3}.jb-st span:nth-child(5){--i:4}
@keyframes jbPick5{0%,18%{border-color:var(--violet);background:#F1EAFF}20%,100%{border-color:transparent;background:#f6f3ed}}
.jb-st span:nth-child(5) i{font-family:"Bodoni Moda",Didot,Georgia,serif;font-style:italic}
.jb-st span:nth-child(4) i{border-radius:3px;box-shadow:inset 0 0 0 1.5px #111}
.jv-brief .jb-card{top:6%;bottom:auto;gap:4px;padding:10px 12px 12px}
.jb-st span{padding:2px 7px 2px 2px}
.jb-st,.jb-sec{margin-bottom:2px}
/* 3 · jedna plakietka stanu: „przed” do przejścia linii, potem „po”; podpis pomieszczenia */
.jfx-s,.jfx-p,.jfx-n{position:absolute;z-index:2;padding:5px 10px;border-radius:99px;font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.jfx-s,.jfx-p{left:10px;top:10px}
.jfx-s{background:rgba(0,0,0,.65);color:#fff;animation:jfxS 10s infinite both;animation-delay:calc(var(--i) * 5s)}
.jfx-p{background:var(--acc);color:#000;opacity:0;animation:jfxP 10s infinite both;animation-delay:calc(var(--i) * 5s)}
.jfx-n{left:10px;bottom:10px;background:#fff;color:#111;letter-spacing:.04em;text-transform:none;font:700 12px/1 var(--sans)}
@keyframes jfxS{0%,30%{opacity:1}33%,100%{opacity:0}}
@keyframes jfxP{0%,32%{opacity:0;transform:scale(.8)}36%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jfx-s,.jfx-p{animation:none}.jfx-p{opacity:1}.jfx-s{opacity:0}}
.jp-info{bottom:5%;gap:2px;padding:7px 10px}
.jp-info .jp-more{display:block;border:0;padding:2px 0 0;font-size:10px;font-weight:700;color:var(--violet)}

/* Premium: czarne tło, neonowa strzałka, te same kafelki */
.A .jak-pr{background:#0b0b0b;color:#fff;z-index:3}
.jak-pr .h2{color:#fff}
.jak-pr .sub,.A .jak-pr .sub{color:#bdb6aa}
.jak-pr .jk-line,.jak-pr .jk-fat,.jak-pr .jk-head{stroke:#E3FF00}
.jak-pr .jk-fat,.jak-pr .jk-head.on{filter:drop-shadow(0 0 6px rgba(227,255,0,.75))}
.jak-pr .jk-line{opacity:.25}
.jak-pr .jk-n{background:#0b0b0b;border-color:#E3FF00;color:#E3FF00;box-shadow:0 0 18px rgba(227,255,0,.35)}
.jak-pr .jk-tag{color:#E3FF00}
.jak-pr .jk h3{color:#fff}
.jak-pr .jk p:not(.jk-tag){color:#bdb6aa}
.jak-pr .jv{background:#161616;border:1px solid #262626}
.pr-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px}
.pr-price b{padding:8px 14px;border-radius:99px;background:#E3FF00;color:#000;font:700 14px/1 var(--sans)}
.pr-price a{color:#E3FF00;font-weight:700;text-decoration:none}.pr-price a:hover{text-decoration:underline}
/* 1 · rzut 3D: podłoga + warstwy ścian (wyciągnięcie), powolny obrót */
.p3{position:absolute;inset:0;perspective:900px;display:grid;place-items:center}
.p3-s{position:relative;width:78%;aspect-ratio:1290/960;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-34deg);animation:p3Spin 14s ease-in-out infinite alternate}
.p3-s svg{position:absolute;inset:0;width:100%;height:100%}
.p3-w{transform:translateZ(calc(var(--z) * 2.2px))}
.p3-w .ext,.p3-w .wall{fill:#4d5a00;stroke:#4d5a00}
.p3-w .wall{stroke-width:12;fill:none}
.p3-w:last-child .ext{fill:#E3FF00}.p3-w:last-child .wall{stroke:#E3FF00}
@keyframes p3Spin{from{transform:rotateX(58deg) rotateZ(-40deg)}to{transform:rotateX(52deg) rotateZ(-14deg)}}
/* 2 · przelot: kadr jak z drona */
.pfly video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-c{position:absolute;inset:10px;background:
  linear-gradient(#fff,#fff) 0 0/18px 2px no-repeat,linear-gradient(#fff,#fff) 0 0/2px 18px no-repeat,
  linear-gradient(#fff,#fff) 100% 0/18px 2px no-repeat,linear-gradient(#fff,#fff) 100% 0/2px 18px no-repeat,
  linear-gradient(#fff,#fff) 0 100%/18px 2px no-repeat,linear-gradient(#fff,#fff) 0 100%/2px 18px no-repeat,
  linear-gradient(#fff,#fff) 100% 100%/18px 2px no-repeat,linear-gradient(#fff,#fff) 100% 100%/2px 18px no-repeat;opacity:.9}
.pf-rec{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:6px;font:700 10px/1 var(--mono);letter-spacing:.1em;color:#fff}
.pf-rec::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff3b30;animation:hvLive 1.2s ease-in-out infinite}
.pf-x{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:1.5px solid rgba(255,255,255,.8);border-radius:50%}
.pf-x::before,.pf-x::after{content:"";position:absolute;background:rgba(255,255,255,.8)}
.pf-x::before{left:50%;top:-8px;bottom:-8px;width:1.5px;margin-left:-.75px}.pf-x::after{top:50%;left:-8px;right:-8px;height:1.5px;margin-top:-.75px}
/* 3 · reklama 16:9 + pion */
.pa-h,.pa-v{position:absolute;overflow:hidden;box-shadow:0 18px 34px -16px rgba(0,0,0,.8);border:2px solid #2a2a2a}
.pa-h{left:6%;top:12%;width:68%;aspect-ratio:16/9;border-radius:10px}
.pa-v{right:6%;bottom:7%;width:30%;aspect-ratio:9/16;border-radius:12px;border-color:#E3FF00}
.pa-h img,.pa-v img{width:100%;height:100%;object-fit:cover;display:block}
.pa-sub{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font:600 9px/1.2 var(--sans);white-space:nowrap;animation:paSub 3s steps(1) infinite}
.pa-v .pa-sub{font-size:8px;white-space:normal;text-align:center;width:80%}
@keyframes paSub{0%,70%{opacity:1}71%,100%{opacity:0}}
.pa-k{position:absolute;right:6px;top:6px;padding:3px 6px;border-radius:5px;background:#E3FF00;color:#000;font:800 9px/1 var(--mono)}
.pa-mic{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:99px;background:rgba(0,0,0,.7);color:#fff;font:700 9px/1.2 var(--sans)}
/* 4 · publikacja: reklama → neonowa strzałka → platformy */
.pp-ad{position:absolute;left:6%;top:50%;width:40%;aspect-ratio:16/9;margin-top:-13%;border-radius:8px;overflow:hidden;border:2px solid #E3FF00;box-shadow:0 0 22px rgba(227,255,0,.3)}
.pp-ad img{width:100%;height:100%;object-fit:cover;display:block}
.pp-ad i{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#E3FF00;color:#000;font-style:normal;font-size:11px;display:grid;place-items:center}
.pp-arr{position:absolute;left:36%;top:22%;width:26%;overflow:visible}
.pp-arr path{stroke:#E3FF00;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(227,255,0,.8));stroke-dasharray:160;stroke-dashoffset:160;animation:ppArr 3.2s ease-in-out infinite}
.pp-arr path+path{animation-delay:.5s}
@keyframes ppArr{0%{stroke-dashoffset:160}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.pp-l{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:38%;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-l li{display:grid;justify-items:center;gap:3px;animation:ppPop 3.2s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(1.2s + var(--i) * .15s)}
.pp-l svg{width:100%;max-width:44px;height:auto}
.pp-l span{font:600 9px/1 var(--sans);color:#cfcfcf}
@keyframes ppPop{0%{transform:scale(1)}10%{transform:scale(1.18)}22%,100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.p3-s,.pa-sub,.pp-arr path,.pp-l li,.pf-rec::before{animation:none}.pp-arr path{stroke-dashoffset:0}}

/* Premium v2: trzy wysokie kafelki, render, przelot, odtwarzacz */
.pm-jks{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.jak-pr .jk-n{border-width:1.5px;box-shadow:none}
.jak-pr .jk-fat{filter:drop-shadow(0 0 4px rgba(227,255,0,.55))}
.jak-pr .pm-v{aspect-ratio:4/5;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#121212;box-shadow:0 40px 80px -40px rgba(0,0,0,.9);isolation:isolate}
.pm-v::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none;z-index:1}
.pm-cap{position:absolute;left:18px;bottom:16px;z-index:2;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.pm-cap::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#E3FF00;vertical-align:1px}
.pm-3d{background:#efeadf}
.pm-3d img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 50%;transform:scale(1.04);animation:pmZoom 18s ease-in-out infinite alternate}
@keyframes pmZoom{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.16) translate(-2%,1.5%)}}
.pm-fly video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-fly::after{display:none}
.pm-ad{display:flex;justify-content:center;align-items:center;padding:16px}
.pm-ad-bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(24px) brightness(.32) saturate(1.3);z-index:-1}
.pm-pl{height:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 50px -24px rgba(0,0,0,.9)}
.pm-pl-s{position:relative;aspect-ratio:16/9}
.pm-pl-s img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.82)}
.pm-pl-k{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.pm-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45)}
.pm-play::before{content:"";position:absolute;left:23px;top:18px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.pm-play::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(227,255,0,.7);animation:pmRing 2.4s ease-out infinite}
@keyframes pmRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.pm-pl-bar{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#0d0d0d}
.pm-pl-pp{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}
.pm-pl-t{font:600 9px/1 var(--mono);color:#aaa;white-space:nowrap}
.pm-pl-p{flex:1;height:3px;border-radius:2px;background:#2b2b2b;overflow:hidden}
.pm-pl-p b{display:block;width:100%;height:100%;background:#E3FF00;transform-origin:0 50%;transform:scaleX(0);animation:pmProg 9s linear infinite}
@keyframes pmProg{to{transform:scaleX(1)}}
.pm-pl-cc{font:800 7px/1 var(--mono);font-style:normal;color:#ddd;border:1px solid #777;border-radius:3px;padding:2px 3px}
.pm-pl-vol{width:12px;height:9px;background:#ddd;clip-path:polygon(0 30%,35% 30%,75% 0,75% 100%,35% 70%,0 70%)}
.pm-soon{margin:0;text-align:center;font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.pm-pl video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}
.pm-platforms{margin-top:10px}
.pm-platforms>span{display:block;margin-bottom:10px;color:#4a355f;font:800 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.pm-platforms ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.pm-platform{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border:1px solid rgba(68,34,96,.14);border-radius:999px;background:rgba(255,255,255,.72);color:#211b26;font-size:12px;font-weight:700}
.pm-platform i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-style:normal}
.pm-platform svg{display:block;width:15px;height:15px}
.pm-platform-youtube i{background:#ed1b35}
.pm-platform-instagram i{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7)}
.pm-platform-tiktok i{background:#121212}
.pm-platform-facebook i{background:#1877f2}
@media (max-width:1000px){.pm-jks{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pm-3d img,.pm-play::after,.pm-pl-p b{animation:none}}

/* Premium: mniejszy nagłówek, cena na dole */
.jak-pr .h2{font-size:clamp(36px,4.2vw,62px)}
.jak-pr .pr-price{margin-top:clamp(36px,4vw,56px)}

/* Po co własna strona: bento */
.A .poco{background:var(--bg)}
.poco .h2{font-size:clamp(40px,5vw,76px);line-height:.95;max-width:14em}
.pcg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(32px,4vw,52px)}
.pc{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2vw,28px);border-radius:26px;background:#fff;border:1px solid rgba(0,0,0,.07);overflow:hidden}
.pc h3{font:var(--h3-font);font-size:clamp(22px,2vw,30px);line-height:1.1;margin:0}
.pc>p:not(.pc-tag):not(.pc-note),.pc-b-in>p:not(.pc-tag){font-size:15px;line-height:1.55;color:var(--ink2);margin:0}
.pc-tag{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin:0}
.pc-note{font-size:12px;color:var(--ink3,#8a8378);margin:6px 0 0}
.pc-v{position:relative;border-radius:18px;overflow:hidden;margin-bottom:12px}
.pc-a{grid-column:span 7}.pc-b{grid-column:span 5}.pc-c,.pc-d,.pc-e{grid-column:span 4}.pc-f{grid-column:span 12}
/* 01 · portal: szare ogłoszenia i jedno z własną stroną */
.pc-portal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;background:#f3f1ec}
.pc-g{display:grid;gap:5px;padding:7px;border-radius:9px;background:#fff;opacity:.7}
.pc-g b{aspect-ratio:4/3;border-radius:6px;background:#dcd8cf}
.pc-g s{height:6px;border-radius:3px;background:#e6e2da}.pc-g s+s{width:58%}
.pc-me{position:relative;display:block;padding:7px;border-radius:9px;background:#fff;outline:3px solid var(--violet);box-shadow:0 22px 34px -14px rgba(135,1,255,.55);transform:scale(1.1) rotate(-2deg);z-index:1;animation:pcMe 3.2s ease-in-out infinite}
.pc-me img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:6px}
.pc-me em{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);padding:5px 9px;border-radius:99px;background:var(--acc);color:#000;font:800 10px/1 var(--sans);font-style:normal;white-space:nowrap}
@keyframes pcMe{0%,100%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.14) rotate(-1deg)}}
/* 02 · wyobrażenie: render w tle, statystyka */
.pc-b{background:#17121f;color:#fff;justify-content:flex-end;min-height:420px}
.pc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.pc-b::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,18,31,.1) 20%,rgba(23,18,31,.92) 70%)}
.pc-b-in{position:relative;display:flex;flex-direction:column;gap:8px}
.pc-b h3{color:#fff}.pc-b .pc-tag{color:var(--acc)}.pc-b-in>p:not(.pc-tag){color:#d9d2e6}
.pc-stat{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.pc-stat b{font:var(--h1-font);font-size:clamp(54px,5vw,76px);line-height:.9;color:var(--acc)}
.pc-stat span{font-size:13px;line-height:1.4;color:#e8e2f2}
.pc-stat small{display:block;margin-top:4px;font:600 10px/1.3 var(--mono);color:#a99fbb;letter-spacing:.04em}
/* 03 · jedno miejsce */
.pc-one{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 14px;background:#F1EAFF}
.pc-one ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.pc-one li{padding:6px 11px;border-radius:99px;background:#fff;font-size:12px;font-weight:700;animation:pcChip 4.2s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}
@keyframes pcChip{0%,60%,100%{transform:none}70%{transform:translateY(8px) scale(.94);opacity:.6}}
.pc-url{padding:9px 16px;border-radius:99px;background:#111;color:var(--acc);font:700 13px/1 var(--mono)}
/* 04 · GA4 */
.pc-ga4{padding:16px;background:#fff;border:1px solid rgba(0,0,0,.08)}
.pc-ga-h{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}
.pc-ga{width:22px;height:22px}.pc-ga-h small{margin-left:auto;font:600 10px/1 var(--mono);color:#9a9387;text-transform:uppercase;letter-spacing:.06em}
.pc-ga4 ul{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.pc-ga4 li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12px;font-weight:600}
.pc-ga4 li i{grid-column:1/-1;order:3;height:7px;border-radius:4px;background:linear-gradient(90deg,#F9AB00,#E37400);width:var(--w);transform-origin:0 50%;animation:pcBar 1.4s cubic-bezier(.16,1,.3,1) both}
.pc-ga4 li b{font-family:var(--mono)}
@keyframes pcBar{from{transform:scaleX(0)}}
/* 05 · gdzie wkleić link */
.pc-where{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0}
.pc-where li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px dashed rgba(0,0,0,.12);font-size:13px;line-height:1.4;color:var(--ink2)}
.pc-where b{min-width:86px;font-weight:800;color:var(--ink)}
/* 06 · kalkulator */
.pc-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);background:var(--acc);border-color:transparent;align-items:center}
.pc-f .pc-tag{color:#000}
.pc-f h3{font-size:clamp(26px,2.6vw,40px);margin-bottom:18px}
.pc-lab{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14px}
.pc-lab output{font:var(--h3-font);font-size:22px}
.pc-f input[type=range]{width:100%;margin:12px 0 18px;accent-color:#111}
.pc-pk{display:flex;flex-wrap:wrap;gap:8px}
.pc-pk button{padding:10px 16px;border-radius:99px;border:2px solid #111;background:transparent;font:700 14px/1 var(--sans);cursor:pointer}
.pc-pk button[aria-checked=true]{background:#111;color:var(--acc)}
.pc-res{padding:clamp(18px,2vw,28px);border-radius:20px;background:#111;color:#fff}
.pc-big{margin:0;font-size:18px;color:#d6d6d6}.pc-big b{display:block;font:var(--h1-font);font-size:clamp(56px,6vw,96px);line-height:.9;color:var(--acc)}
.pc-back{margin:12px 0 16px;font-size:15px;line-height:1.5;color:#eee}
.pc-one-pct{display:grid;gap:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}
.pc-one-pct b{font:var(--h3-font);font-size:22px;color:#fff}
.pc-one-pct span{font-size:12.5px;line-height:1.45;color:#bdbdbd}
.pc-res .pc-note{color:#8d8d8d}
@media (max-width:1100px){.pc-a,.pc-b{grid-column:span 12}.pc-c,.pc-d{grid-column:span 6}.pc-e{grid-column:span 12}}
@media (max-width:720px){.pc-c,.pc-d{grid-column:span 12}.pc-f{grid-template-columns:minmax(0,1fr)}.pc-portal{gap:8px;padding:12px}.pc-b{min-height:380px}}
@media (prefers-reduced-motion:reduce){.pc-me,.pc-one li,.pc-ga4 li i{animation:none}}
/* bento: bez globalnych znaczników list, równe wiersze */
.pcg li::before{content:none!important;display:none!important}
.pcg li{padding-left:0;margin:0}
.pc-c,.pc-d{grid-column:span 6}
.pc-e{grid-column:span 12}
.pc-where{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));column-gap:28px}
.pc-where li{display:grid!important;grid-template-columns:110px 1fr}
.pc-ga4 li{display:grid!important;grid-template-columns:1fr auto}
.pc-one li{display:block!important}
.pc-c .pc-one,.pc-d .pc-ga4{min-height:230px}
.pc-d .pc-ga4{display:flex;flex-direction:column;justify-content:center}
@media (max-width:720px){.pc-c,.pc-d{grid-column:span 12}.pc-where li{grid-template-columns:92px 1fr}}
.pc-one{justify-content:center}
.pc-one ul{align-items:flex-start;flex:none}
.pc-one li{height:auto;line-height:1.2}
@media (max-width:1100px){.pc-b{min-height:520px}.pc-b::before{background:linear-gradient(180deg,rgba(23,18,31,.05) 0%,rgba(23,18,31,.82) 38%,rgba(23,18,31,.96) 70%)}.pc-bg{height:60%;opacity:.7}}
.pc{--p:clamp(20px,2vw,28px);padding:var(--p)}
@media (max-width:1100px){
  .pc-b{min-height:0;padding-top:0}
  .pc-b::before{display:none}
  .pc-bg{position:relative;inset:auto;display:block;width:calc(100% + 2 * var(--p));max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;opacity:1;margin:0 calc(-1 * var(--p)) 18px}
}
/* bento v2: karta 01 — lista z portalu → strona; 03 — fragment Zmierzchu; 05 — wynik w Google; 06 — tablet i telefon */
.pc-portal{display:grid;grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.25fr);align-items:center;gap:0;padding:22px;background:#f3f1ec}
.pc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pcg .pc-list li{position:relative;display:grid!important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px;border-radius:10px;background:#fff;opacity:.55}
.pc-list li i{grid-row:1/3;width:42px;height:32px;border-radius:6px;background:#dcd8cf}
.pc-list li span{display:grid;gap:4px;min-width:0}
.pc-list li b{font:600 11px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-list li s{height:5px;width:60%;border-radius:3px;background:#e6e2da}
.pc-list li em{font:700 11px/1 var(--sans);font-style:normal;color:#6b645a}
.pc-list li.on{opacity:1;outline:2px solid var(--violet);box-shadow:0 14px 26px -14px rgba(135,1,255,.5)}
.pc-list li.on i{background:url(/assets/img/kierunki/ogrod-desktop.jpg) center/cover}
.pc-list li u{position:absolute;right:-8px;top:-10px;padding:4px 8px;border-radius:99px;background:var(--acc);color:#000;font:800 10px/1 var(--sans);text-decoration:none;white-space:nowrap}
.pc-link{width:100%;height:80px;overflow:visible}
.pc-link path{fill:none;stroke:var(--violet);stroke-width:2.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;animation:pcDash 1.2s linear infinite}
@keyframes pcDash{to{stroke-dashoffset:-20}}
.pc-br{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 26px 40px -20px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.08)}
.pc-br .bar{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;background:#f6f3ed;border-bottom:1px solid rgba(0,0,0,.06)}
.pc-br .bar i{width:6px;height:6px;border-radius:50%;background:#d9d3c8}
.pc-br .bar span{margin-left:6px;padding:2px 8px;border-radius:99px;background:#fff;font:600 9px/1.2 var(--mono);color:#6b645a}
.pc-br img{display:block;width:100%;height:auto}
/* 03 */
.pc-one{display:block;padding:18px 18px 0;background:linear-gradient(160deg,#2a0f22,#5b1f3b)}
.pc-br-z{border-radius:10px 10px 0 0;border:0;box-shadow:0 -10px 40px -10px rgba(0,0,0,.5)}
.pc-one ul{position:absolute;left:12px;right:12px;bottom:12px;justify-content:flex-start}
.pc-one li{background:rgba(255,255,255,.92);font-size:11px;padding:5px 9px;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.pc-c .pc-one{min-height:0;height:260px;overflow:hidden}
/* 05 */
.pc-g7,.pc-h8{grid-column:span 6}
.pc-serp{padding:18px;background:#fff;border:1px solid rgba(0,0,0,.08);display:grid;gap:12px;align-content:start;height:260px}
.pc-q{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:99px;border:1px solid #dfe1e5;box-shadow:0 2px 6px rgba(32,33,36,.12);font-size:13px;color:#202124}
.pc-q svg{width:16px;height:16px;color:#5f6368}
.pc-q span::after{content:"";display:inline-block;width:1px;height:14px;margin-left:2px;background:#202124;vertical-align:-2px;animation:hvLive 1s steps(1) infinite}
.pc-res1{padding:12px 14px;border-radius:12px;background:#F1EAFF;outline:2px solid var(--violet)}
.pc-res1 small{display:block;font-size:11px;color:#4d5156}
.pc-res1 b{display:block;margin:3px 0;font:400 16px/1.3 var(--sans);color:#1a0dab}
.pc-res1 p{margin:0;font-size:12px;line-height:1.45;color:#4d5156}
.pc-res2{display:grid;gap:6px;padding:0 14px;opacity:.5}
.pc-res2 s{height:7px;border-radius:4px;background:#e6e2da}.pc-res2 s:first-child{width:40%;background:#c9cdf3}.pc-res2 s:last-child{width:75%}
/* 06 */
.pc-tab{height:260px;background:linear-gradient(160deg,#e9f1d6,#cfe0a8)}
.pc-tabl{position:absolute;left:8%;top:12%;width:70%;aspect-ratio:4/3;padding:9px;border-radius:18px;background:#111;box-shadow:0 26px 40px -18px rgba(0,0,0,.5);transform:rotate(-4deg)}
.pc-tabl img,.pc-tabp img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.pc-tabp{position:absolute;right:7%;bottom:-24px;width:26%;aspect-ratio:9/18;padding:5px;border-radius:18px;background:#111;box-shadow:0 20px 30px -14px rgba(0,0,0,.55);transform:rotate(6deg)}
.pc-tabp img{object-position:30% 50%;border-radius:13px}
@media (max-width:720px){.pc-g7,.pc-h8{grid-column:span 12}.pc-portal{grid-template-columns:minmax(0,1fr);gap:14px}.pc-link{display:none}}
@media (prefers-reduced-motion:reduce){.pc-link path,.pc-q span::after{animation:none}}
.pc-tabl img{object-position:left top}
.pc-tabp img{object-position:top}
/* Po co v3: zwięzłe bento redakcyjne */
.poco .h2{font-size:clamp(40px,4.6vw,68px)}
.pcg{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.pc{gap:6px;--p:22px;padding:var(--p);border-radius:24px}
.pc h3{font-size:clamp(20px,1.6vw,24px);line-height:1.15}
.pc>p:not(.pc-tag):not(.pc-note),.pc-b-in>p:not(.pc-tag){font-size:14px;line-height:1.5}
.pc-v{height:210px;margin-bottom:10px}
.pc-a{grid-column:1/8;grid-row:1}.pc-b{grid-column:8/13;grid-row:1/3;min-height:0}.pc-c{grid-column:1/8;grid-row:2}
.pc-d,.pc-g7,.pc-e{grid-column:span 4}
.pc-f{grid-column:1/-1}
/* 01 */
.pc-portal{padding:16px;grid-template-columns:minmax(0,.95fr) 34px minmax(0,1.2fr)}
.pc-list{gap:6px}
.pcg .pc-list li{padding:6px}
.pcg .pc-list li:nth-child(4){display:none!important}
/* 02 lifestyle: segment „18:07” z Noir na całą kartę */
.pc-b{background:#0c0b0a;justify-content:flex-end;padding:0}
.pc-b::before{background:linear-gradient(180deg,rgba(12,11,10,0) 30%,rgba(12,11,10,.9) 62%,#0c0b0a 80%)}
.pc-bg{position:absolute;inset:0 0 auto 0;width:100%;height:68%;object-fit:cover;object-position:left top;opacity:1}
.pc-b-in{padding:var(--p)}
.pc-b h3{font:var(--h2-font);font-size:clamp(30px,2.6vw,42px);line-height:1;letter-spacing:-.01em}
.pc-stat{gap:12px;margin-top:8px;padding-top:12px}
.pc-stat b{font-size:clamp(44px,4vw,58px)}
.pc-stat span{font-size:12px}
/* 03 */
.pc-c .pc-tab{background:linear-gradient(160deg,#2a0f22,#5b1f3b)}
.pc-c .pc-tabl{left:6%;top:12%;width:66%;aspect-ratio:16/10}
.pc-c .pc-tabp{right:8%;bottom:-30px;width:22%}
/* 04 GA4, 05 Google, 06 zasięg: jedna wysokość */
.pc-d .pc-ga4{min-height:0;height:210px;padding:14px;gap:0}
.pc-ga4 ul{gap:6px}
.pc-ga-h{margin-bottom:8px}
.pc-serp{height:210px;padding:14px;gap:10px}
.pc-res1 b{font-size:14px}
.pc-res1 p{font-size:11px}
.pc-chips{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#F1EAFF;padding:14px}
.pc-hub{padding:8px 14px;border-radius:99px;background:#111;color:var(--acc);font:700 12px/1 var(--mono)}
.pc-chips ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.pcg .pc-chips li{display:block!important;padding:6px 10px;border-radius:99px;background:#fff;font:700 11.5px/1 var(--sans);box-shadow:0 6px 12px -8px rgba(40,10,90,.4);animation:pcChip 4.2s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}
@keyframes pcChip{0%,55%,100%{transform:none}65%{transform:translateY(-4px)}}
.pc-note{font-size:11px;line-height:1.4}
/* 07 kalkulator */
.pc-f{padding:28px;gap:32px}
.pc-f h3{font-size:clamp(24px,2.2vw,32px);margin-bottom:12px}
.pc-big b{font-size:clamp(48px,5vw,76px)}
.pc-one-pct span{display:none}
@media (max-width:1100px){
  .pc-a,.pc-c{grid-column:1/-1;grid-row:auto}.pc-b{grid-column:1/-1;grid-row:auto;min-height:520px}
  .pc-d,.pc-g7,.pc-e{grid-column:span 6}.pc-e{grid-column:1/-1}
  .pc-bg{position:absolute;height:64%;margin:0;aspect-ratio:auto}
  .pc-b::before{display:block}
}
@media (max-width:720px){.pc-d,.pc-g7,.pc-e{grid-column:1/-1}.pc-b{min-height:500px}.pc-portal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pc-portal .pc-link{display:none}.pc-v{height:200px}.pc-list li em{display:none}}
.pc-bg{height:72%;object-position:50% 40%;animation:pmZoom 20s ease-in-out infinite alternate}
.pc-b::before{z-index:0;background:linear-gradient(180deg,rgba(12,11,10,.55) 0%,rgba(12,11,10,0) 30%,rgba(12,11,10,0) 42%,rgba(12,11,10,.92) 68%,#0c0b0a 82%)}
.pc-life{position:absolute;left:var(--p);top:var(--p);z-index:1;margin:0;color:#fff}
.pc-life small{display:block;font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.pc-life span{display:block;font:var(--h1-font);font-size:clamp(40px,3.8vw,58px);line-height:.92;letter-spacing:-.02em}
.pc-life em{font-style:italic;color:#f3e3c4}
.pc-b-in{z-index:1}
.pcg .pc-chips ul{align-items:flex-start}
.pcg .pc-chips li{height:auto;line-height:1;flex:none}
@media (prefers-reduced-motion:reduce){.pc-bg{animation:none}}
.pc-b{isolation:isolate}
.pc-b .pc-bg{z-index:0}
.pc-b::before{z-index:1}
.pc-life,.pc-b-in{z-index:2}
.pcg .pc-chips ul{align-content:center;flex:none}
.pcg .pc-b>.pc-life{color:#fff;font-size:inherit}.pc-life span{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}

/* nagłówki sekcji: tytuł i opis w jednym rzędzie, cienka linia, limonkowy zakreślacz na kluczowej frazie */
.A .shd{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px clamp(28px,5vw,88px);align-items:end;
  padding-top:clamp(18px,2vw,26px);border-top:1px solid rgba(43,37,29,.18);margin-bottom:clamp(30px,4vw,56px)}
.A .shd::before{content:"";position:absolute;left:0;top:-1px;width:clamp(56px,7vw,110px);height:3px;background:var(--violet)}
.A .shd .h2{margin:0;max-width:16em;text-wrap:balance}
.A .shd .sub{margin:0;max-width:30em;font-size:clamp(16px,1.25vw,18px);line-height:1.55;text-wrap:pretty}
.A .shd:not(:has(.sub)){grid-template-columns:minmax(0,1fr)}
.A .shd mark{background:linear-gradient(transparent 62%,var(--acc) 62%,var(--acc) 92%,transparent 92%);color:inherit;padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* ciemne sekcje */
.A .sec.dark .shd,.A .jak-pr .shd{border-top-color:rgba(255,255,255,.18)}
.A .sec.dark .shd::before,.A .jak-pr .shd::before{background:var(--acc)}
.A .sec.dark .shd mark,.A .jak-pr .shd mark{background:none;color:var(--acc);font-style:italic;padding:0}
@media (max-width:900px){.A .shd{grid-template-columns:minmax(0,1fr);align-items:start}}
.pc-d,.pc-e{grid-column:span 6}
@media (max-width:720px){.pc-d,.pc-e{grid-column:1/-1}.pc-portal .pc-br .bar span{display:none}}
.pc-one-pct span{display:block}

/* Cena: styl szwajcarski + Bauhaus — siatka, linie, groteska, figury geometryczne */
.A .cz{background:#f7f5f0;padding:clamp(72px,8vw,120px) 0}
.cz-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4.5fr) minmax(0,4.5fr);border-top:2px solid #111;border-bottom:2px solid #111}
.cz-g>*{position:relative;border-left:1px solid #111}
.cz-g>*:first-child{border-left:0}
/* kompozycja: kwadrat, koło, trójkąt, linia */
.cz-art{min-height:100%;overflow:hidden;background:#f7f5f0}
.cz-art i{position:absolute;display:block}
.cz-sq{left:0;top:0;width:58%;aspect-ratio:1;background:var(--acc)}
.cz-ci{right:-18%;top:30%;width:78%;aspect-ratio:1;border-radius:50%;background:var(--violet);mix-blend-mode:multiply}
.cz-tr{left:8%;bottom:6%;width:0;height:0;border-style:solid;border-width:0 70px 120px 70px;border-color:transparent transparent #111 transparent}
.cz-ln{left:0;right:0;top:62%;height:2px;background:#111}
@media (prefers-reduced-motion:no-preference){.cz-ci{animation:czSpin 14s ease-in-out infinite alternate}}
@keyframes czSpin{to{transform:translateY(-14%)}}
/* karty */
.cz-card{display:flex;flex-direction:column;padding:clamp(22px,2.6vw,40px)}
.cz-no{margin:0;font:800 13px/1 var(--sans);letter-spacing:.08em}
.cz-card h3{margin:14px 0 0;font:800 clamp(28px,2.6vw,40px)/1 var(--sans);letter-spacing:-.03em;text-transform:uppercase}
.cz-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:18px 0 0;padding-bottom:16px;border-bottom:2px solid currentColor}
.cz-price b{font:800 clamp(64px,7.4vw,118px)/.82 var(--sans);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.cz-price span{font:600 13px/1.3 var(--sans)}
.cz-time{margin:12px 0 0;font:600 13px/1.4 var(--sans)}
.cz-lh{margin:26px 0 10px;font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.cz-list{list-style:none;margin:0;padding:0}
.cz-list li{display:grid!important;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-top:1px solid rgba(17,17,17,.2);font-size:15px;line-height:1.35}
.cz-list li::before{content:none!important}
.cz-list li span{font:800 12px/1.6 var(--sans);font-variant-numeric:tabular-nums}
.cz-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:14px 22px;margin-top:28px;background:#111;color:#fff;font:800 14px/1 var(--sans);letter-spacing:.02em;text-decoration:none;text-transform:uppercase;transition:background-color .2s,color .2s}
.cz-btn:hover{background:var(--violet)}
/* Premium: czarne pole, limonkowa cena, fioletowe koło */
.cz-p{background:#111;color:#fff;overflow:hidden}
.cz-p .cz-price b{color:var(--acc)}
.cz-p .cz-list li{border-top-color:rgba(255,255,255,.22)}
.cz-p .cz-plus li{font-size:17px;font-weight:600}
.cz-p .cz-plus li span{color:var(--acc);font-size:20px;line-height:1}
.cz-diff{margin:12px 0 0;display:inline-block;align-self:flex-start;padding:6px 10px;background:var(--acc);color:#000;font:800 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.cz-circ{position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--violet);opacity:.9;pointer-events:none}
.cz-p>*:not(.cz-circ){position:relative}
.cz-p .cz-btn{background:var(--acc);color:#000}.cz-p .cz-btn:hover{background:#fff}
/* stopka: dodatki + po roku */
.cz-foot{display:grid;grid-template-columns:minmax(0,7.5fr) minmax(0,4.5fr);border-bottom:2px solid #111}
.cz-foot>*{padding:clamp(18px,2vw,28px) clamp(18px,2.4vw,36px) clamp(22px,2.4vw,32px)}
.cz-add{padding-left:0}
.cz-year{border-left:1px solid #111}
.cz-add ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.cz-add li{display:grid!important;align-content:start;gap:6px;padding:12px 14px 0 0;border-top:1px solid rgba(17,17,17,.2)}
.cz-add li::before{content:none!important}
.cz-add b{font:800 14px/1.25 var(--sans)}
.cz-add span{font:800 20px/1.1 var(--sans);letter-spacing:-.02em}
.cz-add small{font-size:12px;line-height:1.35;color:#5d574e}
.cz-year p:not(.cz-lh){margin:0 0 12px;font-size:14px;line-height:1.5}
.cz-year a{font:800 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:#111}
@media (max-width:1000px){
  .cz-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cz-art{grid-column:1/-1;height:160px;border-bottom:1px solid #111}
  .cz-g>.cz-n{border-left:0}
  .cz-foot{grid-template-columns:minmax(0,1fr)}.cz-year{border-left:0;border-top:1px solid #111;padding-left:0}
  .cz-add ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){.cz-g{grid-template-columns:minmax(0,1fr)}.cz-p{border-left:0!important;border-top:1px solid #111}.cz-card{padding:24px 0}.cz-p{padding:24px 18px;margin:0 -16px}}
/* porównanie wiersz w wiersz: dodatki Premium w Normalnym przekreślone */
.cz-list li{min-height:62px;align-items:center}
.cz-list li.cz-no-x{color:rgba(17,17,17,.38)}
.cz-list li.cz-no-x s{text-decoration-thickness:1px}
.cz-list li.cz-x{font-weight:700;color:var(--acc)}
.cz-list li.cz-x span{color:var(--acc)}
.cz-p .cz-list li{font-size:15px}
@media (max-width:680px){.cz-list li{min-height:0}}
/* pierwszy ekran: Zobacz → dwa linki | po drugiej stronie zamówienie; lista atutów */
.A .hero2 .hact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:32px;padding:16px 0;border-top:1px solid rgba(43,37,29,.2);border-bottom:1px solid rgba(43,37,29,.2)}
.hsee{display:flex;flex-direction:column;gap:6px}
.hsee>span{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.hsee a{display:inline-flex;align-items:center;gap:10px;font:700 17px/1.2 var(--sans);color:var(--ink);text-decoration:none}
.hsee a i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--violet);color:#fff;font-style:normal;font-size:14px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.hsee a:hover i{transform:translateX(4px)}
.hsee a:hover{color:var(--violet)}
.A .hero2 .hord{white-space:normal;text-align:center}
.A .hero2 .hund{display:grid;gap:8px;margin-top:20px;font-size:15px}
.A .hero2 .hund li{display:flex;gap:10px;align-items:baseline}
.A .hero2 .hund li:first-child{font-weight:700;color:var(--ink)}
@media (max-width:560px){.A .hero2 .hact{flex-direction:column;align-items:stretch}.A .hero2 .hord{width:100%}}
@media (min-width:561px){.A .hero2 .hact{flex-wrap:nowrap}.A .hero2 .hord{flex:none;max-width:230px;padding:14px 22px;line-height:1.25;border-radius:18px}}
.A .roi{padding:clamp(56px,6vw,90px) 0}
.A .sec.roi{padding:clamp(40px,4vw,64px) 0 clamp(64px,6vw,96px)}
/* pierwszy ekran v4: odręczne „Zobacz” z malowanymi strzałkami, przycisk, atuty z dużymi ikonami */
.A .hero2 .hsee{display:grid;grid-template-columns:auto 110px auto;align-items:center;justify-content:start;gap:0 6px;margin-top:30px}
.hsee-w{font:italic 400 clamp(56px,5.6vw,84px)/1 var(--serif,"Instrument Serif",Georgia,serif);letter-spacing:-.02em;color:var(--ink);transform:rotate(-4deg);padding-right:2px}
.hsee-a{width:110px;height:100px;overflow:visible}
.hsee-a path{fill:none;stroke:var(--violet);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:hseeDraw 1s cubic-bezier(.65,0,.35,1) .5s forwards}
.hsee-a path:nth-child(2){animation-delay:1.3s}.hsee-a path:nth-child(3){animation-delay:.8s}.hsee-a path:nth-child(4){animation-delay:1.6s}
@keyframes hseeDraw{to{stroke-dashoffset:0}}
.hsee-l{display:grid;gap:22px}
.hsee-l a{font:800 clamp(20px,1.7vw,24px)/1.1 var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none;background:linear-gradient(var(--acc),var(--acc)) 0 100%/0 40% no-repeat;transition:background-size .35s cubic-bezier(.16,1,.3,1)}
.hsee-l a:hover{background-size:100% 40%}
.A .hero2 .hord{display:inline-flex;margin-top:26px;max-width:none;padding:16px 28px;border-radius:999px}
.A .hero2 .hund{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(43,37,29,.2)}
.A .hero2 .hund li{display:flex;flex-direction:column;gap:10px;font:600 14px/1.35 var(--sans);color:var(--ink)}
.A .hero2 .hund li::before{content:none}
.A .hero2 .hund li:first-child{font-weight:800}
.hico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;box-shadow:0 10px 20px -12px rgba(60,20,120,.45)}
.hico svg{width:28px;height:28px;fill:none;stroke:var(--violet);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hund li:first-child .hico{background:var(--acc)}.hund li:first-child .hico svg{stroke:#111}
@media (prefers-reduced-motion:reduce){.hsee-a path{animation:none;stroke-dashoffset:0}}
@media (max-width:560px){.A .hero2 .hsee{grid-template-columns:auto 76px auto}.hsee-a{width:76px;height:84px}.hsee-l{gap:16px}.A .hero2 .hord{width:100%;justify-content:center}.A .hero2 .hund{gap:10px}.A .hero2 .hund li{font-size:12.5px}.hico{width:44px;height:44px}}
.A .hero2 .hsee>.hsee-w{display:block;font:italic 400 clamp(60px,6vw,92px)/.9 var(--serif,"Instrument Serif",Georgia,serif);letter-spacing:-.02em;text-transform:none;color:var(--ink);transform:rotate(-5deg)}
.A .hero2 .hsee{display:grid;flex-direction:initial}
@media (max-width:560px){.A .hero2 .hsee>.hsee-w{font-size:56px}}

/* === uwagi z makiety (05.10) === */
/* górny pasek: agencje limonkowe, deweloperzy fioletowi */
.topbar .tb-sub.tb-ag{background:#E3FF00;color:#000}
.topbar .tb-sub.tb-dev{background:#8701FF;color:#fff}
.topbar .tb-sub.tb-ag:hover{background:#f0ff66;color:#000}.topbar .tb-sub.tb-dev:hover{background:#9d33ff;color:#fff}
.topbar .tb-sub[aria-current]{box-shadow:inset 0 -3px 0 #000}
/* menu: „Masz pytania?” obok „Wyślij brief” */
.hq-link{margin-left:auto;margin-right:14px;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap}
.hq-link:hover{color:var(--violet)}
.hdr-in .nav{margin-right:18px}
.sheet .hq-link{display:block;margin:10px 0}
@media (max-width:1100px){.hdr-in>.hq-link{display:none}}
/* pierwszy ekran: makieta wyżej, ikony pod makietą */
.A .hero2 .hero-g{align-items:start}
.A .hero2 .hv{margin-top:clamp(0px,2vw,30px)}
.A .hero2 .hund{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:150px 0 0;padding:0;border:0;position:relative;z-index:2}
.A .hero2 .hund li{display:flex;flex-direction:column;gap:12px;font:700 15px/1.3 var(--sans);color:var(--ink)}
.A .hero2 .hund li:first-child{font-weight:800}
.hico{width:64px;height:64px;background:none!important;box-shadow:none!important;border-radius:0;display:block}
.hico svg{width:64px;height:64px;fill:none;stroke:#111!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hico svg .f{fill:#E3FF00;stroke:none}
.hund li:nth-child(2) .hico svg .f{fill:#c9a6ff}.hund li:nth-child(3) .hico svg .f{fill:#E3FF00}
/* „Zobacz” na limonkowym romboprostokącie */
.A .hero2 .hsee>.hsee-w{position:relative;z-index:0;padding:0 18px 4px 10px}
.A .hero2 .hsee>.hsee-w::before{content:"";position:absolute;inset:16% -4px 6% -6px;z-index:-1;background:#E3FF00;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}
/* przycisk na pociągnięciu pędzla */
.A .hero2 .hord{position:relative;display:inline-grid;place-items:center;margin-top:30px;padding:22px 46px 24px;background:none;border:0;border-radius:0;color:#fff;font:800 17px/1.2 var(--sans);text-decoration:none;isolation:isolate;max-width:none}
.A .hero2 .hord::before{content:"";position:absolute;inset:0;z-index:-1;background:#8701FF;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath d='M14 22C60 9 140 6 220 8s150 2 168 10c9 9 8 34 0 46-50 8-150 10-240 9S30 72 12 62C2 52 4 30 14 22z'/%3E%3Cpath d='M30 10c70-6 210-7 330-1l-2 4C250 9 120 10 32 14zM40 74c90 3 220 2 320-4l-1 4C250 80 120 82 42 78z' opacity='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath d='M14 22C60 9 140 6 220 8s150 2 168 10c9 9 8 34 0 46-50 8-150 10-240 9S30 72 12 62C2 52 4 30 14 22z'/%3E%3Cpath d='M30 10c70-6 210-7 330-1l-2 4C250 9 120 10 32 14zM40 74c90 3 220 2 320-4l-1 4C250 80 120 82 42 78z' opacity='.8'/%3E%3C/svg%3E") center/100% 100% no-repeat;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.A .hero2 .hord:hover::before{transform:scale(1.04) rotate(-1deg)}
.A .hero2 .hord:hover{background:none}
@media (max-width:1100px){.A .hero2 .hund{margin-top:130px}}
@media (max-width:560px){.A .hero2 .hund{margin-top:120px;gap:10px}.A .hero2 .hund li{font-size:12.5px}.hico,.hico svg{width:48px;height:48px}.A .hero2 .hord{width:100%;padding:20px 20px}}
/* Po co: czarna strzałka pod kartami, numery na rogach, nowa siatka */
.A .poco.jak{background:var(--bg);padding:clamp(64px,8vw,120px) 0}
.poco.jak .h2{font-size:clamp(40px,4.6vw,68px)}
.jak-po .jk-line,.jak-po .jk-fat,.jak-po .jk-head{stroke:#111}
.jak-po .jk-fat{stroke-width:5}
.pcg .pc{overflow:visible}
.pcg .pc>.jk-n{position:absolute;left:-16px;top:-16px;margin:0;width:44px;height:44px;border:0;background:#111;color:#fff;font-size:16px;z-index:3}
.pc-b .pc-bg,.pc-b::before{border-radius:24px}
.pc-a{grid-column:1/8;grid-row:1}.pc-b{grid-column:8/13;grid-row:1/3}
.pcg .pc-e{grid-column:1/8;grid-row:2;background:#0c0b0a;color:#fff;border-color:transparent}
.pcg .pc-c{grid-column:1/7;grid-row:3}.pcg .pc-d{grid-column:7/13;grid-row:3}
.pc-e h3{color:#fff}.pc-e .pc-tag{color:#E3FF00}.pcg .pc-e .pc-b-in>p:not(.pc-tag){color:#d9d2c6;font-size:14px}
.pc-e .pc-b-in{padding:0}
/* wynik Google z rozszerzeniami (sitelinks) */
.pc-serp2{height:auto!important;padding:16px;background:#fff;color:#202124;border-radius:16px;display:grid;gap:12px;margin-bottom:16px}
.pc-serp2 .pc-q{box-shadow:none;border-color:#dfe1e5}
.srp{display:grid;gap:4px;padding:2px 4px}
.sr-h{display:flex;align-items:center;gap:10px}
.sr-fav{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f3f4}.sr-fav svg{width:16px;height:16px}
.sr-h span{display:grid;line-height:1.2}.sr-h b{font:500 13px/1.2 var(--sans);color:#202124}.sr-h small{font-size:11px;color:#4d5156}
.sr-t{font:400 19px/1.3 var(--sans);color:#1a0dab;text-decoration:none;margin-top:4px}
.sr-d{margin:0;font-size:12.5px;line-height:1.5;color:#4d5156}
.pcg .sr-l{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:1px solid #ebebeb}
.pcg .sr-l li{display:grid!important;gap:2px;padding:8px 0;border-bottom:1px solid #ebebeb}
.pcg .sr-l li::before{content:none!important}
.sr-l b{font:400 14px/1.3 var(--sans);color:#1a0dab}.sr-l span{font-size:11.5px;color:#4d5156}
.pcg .pc-chips2{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}
.pcg .pc-chips2 li{display:block!important;padding:5px 10px;border-radius:99px;background:#222;color:#eee;font:700 11px/1 var(--sans)}
.pcg .pc-chips2 li::before{content:none!important}
@media (max-width:1100px){.pcg .pc-a,.pcg .pc-b,.pcg .pc-e,.pcg .pc-c,.pcg .pc-d{grid-column:1/-1;grid-row:auto}.pcg .pc>.jk-n{left:-8px;top:-14px;width:38px;height:38px}}
@media (max-width:560px){.pcg .sr-l{grid-template-columns:1fr}}
/* cennik: termin pod ceną, kalkulator w segmencie ceny */
.pk-term{margin:-4px 0 4px;font:700 13px/1.3 var(--sans)}
#pakiety .pk:not(.pop) .pk-term{color:var(--ink)}#pakiety .pk.pop .pk-term{color:#E3FF00}
.roi-in{margin-top:24px}
.roi-in .pc-f{grid-column:1/-1}
/* formularz kontaktowy */
.A .kontakt2{background:#fff}
.kform{max-width:900px}
.kgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.kform .fld[data-f=message]{margin-top:4px}
@media (max-width:640px){.kgrid{grid-template-columns:1fr}}
/* ikony atutów: pionowo, po lewej od telefonu */
.A .hero2 .hund{grid-template-columns:minmax(0,1fr);gap:14px;margin:34px 0 0;max-width:calc(100% - 260px)}
.A .hero2 .hund li{flex-direction:row;align-items:center;gap:16px;font-size:16px}
@media (max-width:1100px){.A .hero2 .hund{margin-top:30px;max-width:calc(100% - 220px)}}
@media (max-width:560px){.A .hero2 .hund{max-width:none;margin-top:130px}.A .hero2 .hund li{font-size:14px}}
/* karta 02: zdjęcie w granicach karty */
.pcg .pc-b{overflow:hidden}
.pcg .pc-b>.jk-n{display:none}
.pc-b .pc-bg{animation:none;transform:none}
/* kalkulator w czarnym segmencie ceny */
#pakiety .pc-f{color:#111}
#pakiety .pc-f h3,#pakiety .pc-f .pc-lab,#pakiety .pc-f .pc-lab output,#pakiety .pc-f .pc-tag{color:#111}
#pakiety .pc-f .pc-pk button{color:#111}#pakiety .pc-f .pc-pk button[aria-checked=true]{color:#E3FF00}
.pcg .pc-b{overflow:visible}
.pcg .pc-b>.jk-n{display:grid}
.pc-b .pc-bg{border-radius:24px 24px 0 0}
.A .hero2 .hund .hico{flex:none}.hico svg{flex:none}
@media (max-width:620px){.topbar .tb-seg,.topbar .tb-sub{padding:0 12px;font-size:11.5px}.tb-in{min-height:36px}.topbar .tb-sub:first-of-type{margin-left:2px}}
.tb-sh{display:none}@media (max-width:620px){.tb-lg{display:none}.tb-sh{display:inline}.topbar .tb-seg,.topbar .tb-sub{padding:0 16px;font-size:12.5px}}
@media (max-width:620px){.topbar .tb-seg,.topbar .tb-sub{padding:0 13px}}

/* === uwagi 2 (05.10) === */
/* Premium: jasne tło jak pierwszy ekran, fioletowa strzałka, bez kropek w podpisach */
.A .jak-pr{background:#EEE6FF;color:var(--ink)}
.jak-pr .h2,.jak-pr .jk h3{color:var(--ink)}
.A .jak-pr .sub,.jak-pr .jk p:not(.jk-tag){color:var(--ink2)}
.jak-pr .jk-line,.jak-pr .jk-fat,.jak-pr .jk-head{stroke:var(--violet)}
.jak-pr .jk-fat,.jak-pr .jk-head.on{filter:none}
.jak-pr .jk-n{background:#EEE6FF;border-color:var(--violet);color:var(--violet);box-shadow:none}
.A .jak-pr .shd{border-top-color:rgba(43,37,29,.18)}
.A .jak-pr .shd::before{background:var(--violet)}
.A .jak-pr .shd mark{color:var(--violet);font-style:italic;background:none}
.jak-pr .pm-v{border-color:rgba(0,0,0,.06);box-shadow:0 30px 60px -36px rgba(40,10,90,.5)}
.pm-cap::before{display:none}
.pm-cap{letter-spacing:.06em;font:600 11px/1 var(--sans)}
/* karta 03 w stylu 02: duży napis, ciemny wynik Google */
.pcg .pc-e{position:relative;overflow:visible}
.pc-e>.pc-life{position:relative;left:auto;top:auto;margin:0 0 18px;color:#fff}
.pc-e>.pc-life span{font-size:clamp(40px,3.8vw,58px)}
.pc-e h3{font:var(--h2-font);font-size:clamp(28px,2.4vw,38px);line-height:1.02;letter-spacing:-.01em}
.pc-serp2{background:#202124;color:#e8eaed;border:1px solid #3c4043}
.pc-serp2 .pc-q{background:#303134;border-color:#5f6368;color:#e8eaed}
.pc-serp2 .pc-q svg{color:#9aa0a6}
.sr-fav{background:#303134}
.sr-h b{color:#dadce0}.sr-h small{color:#9aa0a6}
.sr-t{color:#8ab4f8}.sr-d{color:#bdc1c6}
.pcg .sr-l{border-top-color:#3c4043}.pcg .sr-l li{border-bottom-color:#3c4043}
.sr-l b{color:#8ab4f8}.sr-l span{color:#9aa0a6}
/* pierwszy ekran mieści się na jednym ekranie */
.A .hero2{padding:clamp(18px,2.4vw,36px) 0 clamp(28px,3vw,44px)}
.A .hero2 .hq{font-size:clamp(22px,2.1vw,32px);margin-bottom:10px;max-width:none}
.A .hero2 .ha{font-size:clamp(48px,5vw,80px)}
.A .hero2 .lead{margin-top:16px;font-size:clamp(16px,1.25vw,19px)}
.A .hero2 .hsee{margin-top:18px}
.A .hero2 .hsee>.hsee-w{font-size:clamp(48px,4.4vw,70px)}
.hsee-a{height:84px}
.hsee-l{gap:14px}
.A .hero2 .hord{margin-top:16px;padding:18px 40px 20px}
.A .hero2 .hv{margin-top:0}
.A .hero2 .hund{margin-top:24px;gap:10px}
.A .hero2 .hund li{font-size:15px;gap:14px}
.hico,.hico svg{width:52px;height:52px}
@media (max-width:1100px){.A .hero2{padding-bottom:60px}}
.pc-e>.pc-life small:empty{display:none}
@media (min-width:1101px){
  .A .hero2 .hv-ph{top:120px;bottom:auto;padding:6px;border-radius:32px}
  .A .hero2 .hv-scr{width:190px;height:411px;border-radius:26px}
  .A .hero2 .hv-scr iframe{transform:scale(.4872)}
  .A .hero2 .hund{max-width:calc(100% - 230px)}
}
@media (min-width:1101px){.A .hero2 .hv::before{bottom:auto;top:250px;height:400px;width:46%}}
@media (min-width:1101px){.A .hero2 .hv::before{top:230px;height:320px}}

/* === uwagi 3 (05.10) === */
/* przycisk: maznięcie pędzlem, wyśrodkowany pod „Zobacz”, kolor zmienia się po najechaniu */
.A .hero2 .h2c{display:flex;flex-direction:column}
.A .hero2 .hord{align-self:center;margin:40px 0 0;padding:26px 58px 30px;transform:rotate(-1.5deg)}
.A .hero2 .hord::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM70 44C170 39 300 41 430 36L431 39C300 44 170 43 70 47ZM110 61C210 58 330 60 452 55L452 57C330 63 210 62 110 64ZM48 72C140 70 240 74 360 70L360 72C240 77 140 74 48 75ZM160 27C250 24 340 25 410 22L410 24C340 27 250 27 160 29Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM70 44C170 39 300 41 430 36L431 39C300 44 170 43 70 47ZM110 61C210 58 330 60 452 55L452 57C330 63 210 62 110 64ZM48 72C140 70 240 74 360 70L360 72C240 77 140 74 48 75ZM160 27C250 24 340 25 410 22L410 24C340 27 250 27 160 29Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;transition:background-color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.A .hero2 .hord span{transition:color .3s}
.A .hero2 .hord:hover::before{background:#E3FF00;transform:scale(1.05) rotate(1deg)}
.A .hero2 .hord:hover span{color:#111}
/* „Po co”: białe tło, jasne karty, karta 03 jasna, karta 04 jak 02 */
.A .poco.jak{background:#fff}
.pcg .pc-a,.pcg .pc-d,.pcg .pc-e{background:#f6f3ee;border-color:transparent}
.pcg .pc-e{color:var(--ink)}
.pc-e>.pc-life{color:var(--ink)}.pc-e>.pc-life span{color:var(--ink);text-shadow:none}.pc-e>.pc-life em{color:var(--violet)}
.pc-e h3{color:var(--ink)}.pc-e .pc-tag{color:var(--violet)}.pcg .pc-e .pc-b-in>p:not(.pc-tag){color:var(--ink2)}
.pc-serp2{background:#fff;color:#202124;border:1px solid #e6e2da}
.pc-serp2 .pc-q{background:#fff;border-color:#dfe1e5;color:#202124}
.sr-fav{background:#f1f3f4}.sr-h b{color:#202124}.sr-h small{color:#4d5156}
.sr-t{color:#1a0dab}.sr-d{color:#4d5156}
.pcg .sr-l{border-top-color:#ebebeb}.pcg .sr-l li{border-bottom-color:#ebebeb}
.sr-l b{color:#1a0dab}.sr-l span{color:#4d5156}
.pcg .pc-chips2 li{background:#fff;color:#111;box-shadow:0 0 0 1px #e6e2da}
.pcg .pc-c2{grid-column:1/7;grid-row:3;min-height:560px}
.pcg .pc-d{grid-column:7/13;grid-row:3}
.pc-c2 .pc-bg{height:66%;object-position:50% 55%}
/* strzałka „Po co” jak wyżej */
.jak-side .jk-line,.jak-side .jk-fat,.jak-side .jk-head{stroke:var(--violet)}
.jak-side .jk-fat{stroke-width:7}
@media (max-width:1100px){.pcg .pc-c2,.pcg .pc-d{grid-column:1/-1;grid-row:auto}.pcg .pc-c2{min-height:520px}}

.A .hero2 .hord::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM150 23C240 21 330 22 420 20L420 22C330 25 240 25 150 26ZM70 81C150 80 250 83 360 79L360 81C250 86 150 84 70 84ZM12 52C14 54 16 55 26 55L26 57C16 57 13 57 10 55ZM478 44C484 45 488 47 492 48L478 47Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3Cpath d='M380 92C420 92 450 90 470 86C452 94 420 97 382 95Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM150 23C240 21 330 22 420 20L420 22C330 25 240 25 150 26ZM70 81C150 80 250 83 360 79L360 81C250 86 150 84 70 84ZM12 52C14 54 16 55 26 55L26 57C16 57 13 57 10 55ZM478 44C484 45 488 47 492 48L478 47Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3Cpath d='M380 92C420 92 450 90 470 86C452 94 420 97 382 95Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.A .hero2 .hord{padding:28px 56px 32px}
.pcg .pc-d{display:flex;flex-direction:column}
.pcg .pc-d .pc-ga4{flex:1;height:auto;min-height:210px;justify-content:center}
.pcg .pc-c2{min-height:500px}
.pc-c2 .pc-bg{height:60%}
.pcg .pc-d .pc-ga4 ul{flex:none;align-content:start}
.pcg .pc-d .pc-ga4 li{align-content:start}
@media (max-width:1100px){
  .A .hero2 .hund{position:relative;margin-top:calc(var(--phh,420px));max-width:none}
  .A .hero2 .hv{padding-bottom:0}
}
@media (max-width:560px){.A .hero2 .hund{margin-top:330px}}
@media (min-width:561px) and (max-width:1100px){.A .hero2 .hv-ph{top:60px;bottom:auto;right:-40px}.A .hero2 .hund{margin-top:150px;max-width:calc(100% - 260px)}}
.pcg .pc-c2{min-height:450px}
.pcg .pc-d .pc-ga4 ul{gap:12px}
@media (max-width:1100px){.A .hero2 .hv::before{display:none}}
@media (max-width:560px){.A .hero2 .hund{margin-top:215px}}

/* === uwagi 4 (06.10) === */
/* przycisk na pierwszym ekranie większy */
.A .hero2 .hord{padding:34px 74px 38px;font-size:20px;margin-top:34px}
/* telefon trochę niżej i w lewo — mniej zasłania stronę */
@media (min-width:1101px){.A .hero2 .hv-ph{top:170px;right:calc(-1 * clamp(40px,6vw,96px) + 30px)}.A .hero2 .hv::before{top:290px}}
/* „Wyślij brief” w menu: plama farby */
.A .hdr .hcta{position:relative;background:none;border:0;color:#fff;padding:12px 26px 14px;isolation:isolate}
.A .hdr .hcta::before{content:"";position:absolute;inset:-4px -8px;z-index:-1;background:#8701FF;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM150 23C240 21 330 22 420 20L420 22C330 25 240 25 150 26ZM70 81C150 80 250 83 360 79L360 81C250 86 150 84 70 84ZM12 52C14 54 16 55 26 55L26 57C16 57 13 57 10 55ZM478 44C484 45 488 47 492 48L478 47Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3Cpath d='M380 92C420 92 450 90 470 86C452 94 420 97 382 95Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 110' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M22 34C52 20 130 15 246 17S440 12 474 22C490 27 484 38 496 46C484 54 498 62 486 74C452 88 330 86 222 90S58 96 26 82C10 74 18 64 4 56C16 48 6 40 22 34ZM150 23C240 21 330 22 420 20L420 22C330 25 240 25 150 26ZM70 81C150 80 250 83 360 79L360 81C250 86 150 84 70 84ZM12 52C14 54 16 55 26 55L26 57C16 57 13 57 10 55ZM478 44C484 45 488 47 492 48L478 47Z'/%3E%3Cpath d='M8 46C2 50 0 54 6 57C10 54 8 50 12 47Z'/%3E%3Cpath d='M486 30C496 31 500 36 494 40C492 36 490 34 484 33Z'/%3E%3Cpath d='M30 90C70 96 120 95 170 93C120 99 70 100 32 94Z'/%3E%3Cpath d='M300 10C360 7 420 8 460 12C420 11 360 11 302 14Z'/%3E%3Cpath d='M380 92C420 92 450 90 470 86C452 94 420 97 382 95Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;transition:background-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.A .hdr .hcta:hover{background:none;color:#111}
.A .hdr .hcta:hover::before{background:#E3FF00;transform:rotate(-2deg) scale(1.04)}
/* karta 04 na miejscu 02 (prawa, dwa rzędy): przewijana strona Ogrodu */
.pcg .pc-c2{grid-column:8/13;grid-row:1/3;min-height:0;display:flex;flex-direction:column;gap:8px;background:#0c0b0a;color:#fff;border-color:transparent;overflow:visible}
.pcg .pc-b{grid-column:1/7;grid-row:3;min-height:520px}
.pcg .pc-d{grid-column:7/13;grid-row:3}
.pc-c2>.pc-life{position:relative;left:auto;top:auto;margin:0 0 6px;color:#fff;z-index:1}
.pc-c2 .pc-life small{display:block;font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#E3FF00;margin-bottom:10px}
.pc-scr{flex:1;min-height:340px;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 50px -24px rgba(0,0,0,.9)}
.pc-scr .bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:#f6f3ed;border-bottom:1px solid rgba(0,0,0,.07);flex:none}
.pc-scr .bar i{width:7px;height:7px;border-radius:50%;background:#d9d3c8}
.pc-scr .bar span{margin-left:8px;padding:2px 9px;border-radius:99px;background:#fff;font:600 10px/1.2 var(--mono);color:#6b645a}
.pc-scr-v{position:relative;flex:1;overflow:hidden}
.pc-scr-v img{position:absolute;left:0;top:0;width:100%;height:auto;animation:pcScroll 26s cubic-bezier(.45,0,.55,1) infinite}
@keyframes pcScroll{0%,6%{transform:translateY(0)}46%,54%{transform:translateY(calc(-100% + 340px))}94%,100%{transform:translateY(0)}}
.pc-c2 .pc-b-in{padding:10px 0 0}
.pc-c2 h3{color:#fff;font:var(--h2-font);font-size:clamp(28px,2.4vw,38px);line-height:1.02}
.pc-c2 .pc-tag{color:#E3FF00}
.pcg .pc-c2 .pc-b-in>p:not(.pc-tag){color:#d9d2c6;font-size:14px;line-height:1.5}
@media (prefers-reduced-motion:reduce){.pc-scr-v img{animation:none}}
@media (max-width:1100px){.pcg .pc-c2,.pcg .pc-b,.pcg .pc-d{grid-column:1/-1;grid-row:auto}.pc-scr{min-height:420px;flex:none}}
@keyframes pcScroll{0%,6%{transform:translateY(0)}46%,54%{transform:translateY(calc(-100% + var(--vh,340px)))}94%,100%{transform:translateY(0)}}
@media (min-width:1101px){.A .hero2 .hv-ph{top:140px}.A .hero2 .hv::before{top:260px}}
.A .hdr .hcta::before{inset:-3px -2px}
/* przewijanie jak użytkownik (JS): bez ciągłej animacji CSS, z paskiem przewijania */
.pc-scr-v img{animation:none;will-change:transform}
.pc-sb{position:absolute;right:3px;top:3px;bottom:3px;width:6px;border-radius:3px;background:rgba(0,0,0,.06)}
.pc-sb b{display:block;width:100%;border-radius:3px;background:rgba(0,0,0,.35)}
/* karta „Wszystko w jednym miejscu”: nagranie prawdziwej sesji na stronie (ekran 16:10) */
.pc-scr{flex:none;min-height:0}
.pc-scr-v{flex:none;aspect-ratio:16/10;background:#0f2a22}
.pc-scr-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pcg .pc-c2{justify-content:flex-start}
.pc-c2 .pc-b-in{margin-top:auto;padding-top:22px}
.pc-c2>.pc-life span{font-size:clamp(48px,4.6vw,72px)}
.pcg .pc-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
.pcg .pc-steps li{display:flex!important;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1);font:600 13px/1.25 var(--sans);color:#8f887d;transition:color .3s}
.pcg .pc-steps li::before{content:none!important}
.pc-steps li i{flex:none;width:8px;height:8px;border-radius:50%;background:#3a3631;transition:background-color .3s,box-shadow .3s}
.pcg .pc-steps li.was{color:#cfc8bc}.pc-steps li.was i{background:#8701FF}
.pcg .pc-steps li.on{color:#fff}.pc-steps li.on i{background:#E3FF00;box-shadow:0 0 0 4px rgba(227,255,0,.2)}
@media (max-width:560px){.pcg .pc-steps{grid-template-columns:1fr}}
.pcg .pc-steps{grid-template-columns:1fr;gap:0}.pcg .pc-steps li{font-size:14px;padding:8px 0}

/* Strona główna: prawdziwe próbki projektu i funkcji w jednej ramie. */
.A .hf-hero{background:#171411;color:#f8f3e8;overflow:hidden}
.hf-hero .wrap{max-width:1480px}
.hf-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,4vw,66px);align-items:center;min-height:calc(100svh - 118px);padding:clamp(34px,5vw,74px) 0 clamp(40px,5vw,74px)}
.hf-hero-copy{max-width:620px}
.hf-hero h1{font:750 clamp(42px,4.2vw,66px)/1.04 var(--sans);letter-spacing:-.035em;text-wrap:balance}
.hf-hero h1 em{display:block;margin-top:.16em;color:var(--acc);font:italic 400 clamp(59px,5.3vw,84px)/.96 var(--serif);letter-spacing:-.025em}
.hf-lead{max-width:31em;margin-top:30px;color:#e4dacb;font-size:clamp(18px,1.4vw,21px);line-height:1.52}
.hf-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:36px}
.hf-primary{min-height:58px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--acc);color:#171411;text-decoration:none;font-size:16px;font-weight:800;line-height:1.15;transition:background .2s,transform .2s}
.hf-primary:hover{background:#efff75;transform:translateY(-2px)}
.hf-primary span,.hf-secondary span{font-size:20px;font-weight:500}
.hf-secondary{display:inline-flex;gap:10px;align-items:center;color:#f8f3e8;text-decoration:none;border-bottom:1px solid #bfb29f;padding:4px 0;font-weight:650;line-height:1.2}
.hf-secondary:hover{color:var(--acc);border-color:var(--acc)}
.hf-price-note{margin-top:20px;color:#cabbab;font-size:14px}
.hf-showcase{min-width:0;background:#100e0c;border:1px solid #5c5148;box-shadow:0 34px 70px -44px rgba(0,0,0,.9)}
.hf-showcase-top{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:47px;padding:10px 18px;border-bottom:1px solid #4b4139;font:700 11px/1.3 var(--mono);letter-spacing:.03em;text-transform:uppercase}
.hf-showcase-brand{display:flex;align-items:center;gap:10px;color:var(--acc)}
.hf-showcase-brand i{display:block;width:15px;height:15px;border:2px solid var(--acc);border-top:0;transform:rotate(-45deg)}
.hf-showcase-context{color:#c8bcaa;text-align:right}
.hf-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #4b4139}
.hf-tabs button{display:flex;align-items:center;gap:6px;min-width:0;min-height:55px;padding:9px 8px;border:0;border-right:1px solid #4b4139;background:#24201b;color:#d8cdbf;text-align:left;font-size:clamp(11px,1vw,14px);font-weight:650;line-height:1.2;transition:background .2s,color .2s}
.hf-tabs button:last-child{border-right:0}
.hf-tabs button span{font:700 10px/1 var(--mono);color:#a89b8c}
.hf-tabs button:hover{background:#393129;color:#fff}
.hf-tabs button[aria-selected=true]{background:var(--acc);color:#171411}
.hf-tabs button[aria-selected=true] span{color:#574d12}
.hf-panel[hidden]{display:none!important}
.hf-media{position:relative;height:clamp(340px,31vw,440px);overflow:hidden;background:#e9e1d3}
.hf-media>img,.hf-media>video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.hf-live{position:relative;width:100%;height:100%;overflow:hidden;background:#ede9e1}
.hf-live-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hf-live iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;transition:opacity .3s}
.hf-live.ready iframe{opacity:1;pointer-events:auto}
.hf-live-hint{position:absolute;right:14px;top:14px;padding:7px 9px;background:var(--acc);color:#171411;font:700 10px/1 var(--mono);letter-spacing:.06em;pointer-events:none;box-shadow:0 7px 17px rgba(0,0,0,.2)}
.hf-live-open{position:absolute;right:14px;bottom:14px;z-index:2;max-width:calc(100% - 28px);padding:9px 12px;background:#171411;color:#e3ff00;font:750 12px/1.2 var(--sans);text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.hf-live-open:hover{background:#8701ff;color:#fff}
.hf-device{position:absolute;right:3.5%;bottom:-5%;width:22%;max-width:150px;aspect-ratio:780/1688;padding:5px;border:2px solid #eeeae3;border-radius:18px;background:#171411;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow:hidden;transform:rotate(5deg);animation:hf-device-in 1s cubic-bezier(.16,1,.3,1) both}
.hf-device img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:11px}
.hf-preview-label{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#171411;color:var(--acc);font:700 10px/1 var(--mono);letter-spacing:.06em;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.hf-preview-label i{width:15px;height:1px;background:currentColor}
@keyframes hf-device-in{from{opacity:0;transform:translateY(35px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(5deg)}}
.hf-panel-video .hf-media{background:#100e0c}
.hf-video-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center}
.hf-video-wrap video{width:100%;height:100%;object-fit:contain;display:block}
.hf-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:#fff;font-weight:750;text-shadow:0 2px 8px #000;cursor:pointer;transition:opacity .2s}
.hf-video-play span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--acc);color:#171411;font-size:29px;text-shadow:none;box-shadow:0 14px 36px rgba(0,0,0,.45);transition:transform .2s}
.hf-video-play:hover span{transform:scale(1.08)}
.hf-video-play small{font-size:13px}
.hf-video-wrap.playing .hf-video-play{opacity:0;pointer-events:none}
.hf-model-note{position:absolute;bottom:17px;left:18px;padding:8px 10px;background:#171411;color:#f8f3e8;font:700 11px/1.2 var(--mono)}
.hf-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px;padding:17px 21px;background:#171411}
.hf-panel-footer b{display:block;font-size:18px;line-height:1.2}
.hf-panel-footer p{max-width:37em;margin-top:5px;color:#cbbfaf;font-size:13px;line-height:1.35}
.hf-panel-footer a{flex:none;display:inline-flex;gap:8px;align-items:center;color:var(--acc);font-size:13px;font-weight:750;line-height:1.3;text-decoration:none;border-bottom:1px solid var(--acc);padding-bottom:2px}
.hf-panel-footer a:hover{color:#fff;border-color:#fff}
.hf-compare,.hf-compare .cmp-stage{width:100%;height:100%;margin:0;max-width:none;border-radius:0;aspect-ratio:auto}
.hf-compare .cmp-stage>img,.hf-compare .cmp-b img{object-fit:cover;object-position:center}
.hf-compare .cmp-h{background:var(--acc);width:3px;margin-left:-1.5px}
.hf-compare .cmp-h::after{background:var(--acc);color:#171411;box-shadow:0 9px 25px -9px rgba(0,0,0,.7)}
.hf-compare-label{position:absolute;top:18px;z-index:1;padding:7px 10px;background:#171411;color:#f8f3e8;font:700 11px/1.2 var(--mono);pointer-events:none}
.hf-before{left:18px}.hf-after{right:18px}
.hf-hero :focus-visible{outline-color:var(--acc)}
.hf-hero ::selection{background:var(--acc);color:#171411}
@media (max-width:1050px){
  .hf-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:30px}
  .hf-hero-copy{max-width:760px}
  .hf-lead{max-width:38em}
  .hf-showcase{max-width:850px}
}
@media (max-width:640px){
  .hf-hero-grid{padding:27px 0 38px;gap:24px}
  .hf-hero h1{font-size:clamp(34px,9vw,48px);line-height:1.04}
  .hf-hero h1 em{font-size:clamp(52px,13vw,70px);margin-top:.08em}
  .hf-lead{font-size:16px;line-height:1.42;margin-top:16px}
  .hf-hero-actions{gap:12px;margin-top:20px;flex-wrap:nowrap}
  .hf-primary{min-height:48px;padding:10px 13px;gap:10px;font-size:13px}
  .hf-secondary{gap:4px;font-size:13px;white-space:nowrap}
  .hf-primary span,.hf-secondary span{font-size:16px}
  .hf-price-note{margin-top:12px;font-size:12px}
  .hf-showcase-top{padding:8px 12px;min-height:38px;font-size:9px}
  .hf-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hf-tabs button{grid-column:span 2;min-height:47px;padding:7px 9px;gap:5px;font-size:11px}
  .hf-tabs button:nth-child(n+4){grid-column:span 3;border-top:1px solid #4b4139}
  .hf-tabs button span{font-size:9px}
  .hf-media{height:clamp(220px,54vw,310px)}
  .hf-live-hint{right:8px;top:8px;font-size:8px;padding:6px}
  .hf-device{width:19%;right:3%;bottom:-9%;border-radius:11px;padding:3px}
  .hf-device img{border-radius:7px}
  .hf-preview-label{left:10px;bottom:10px;font-size:8px;padding:6px 7px;gap:5px}
  .hf-panel-footer{min-height:78px;padding:12px 14px;gap:10px}
  .hf-panel-footer b{font-size:15px}
  .hf-panel-footer p{font-size:11px}
  .hf-panel-footer a{font-size:11px;max-width:100px}
  .hf-model-note,.hf-compare-label{font-size:9px}
}
@media (max-width:380px){.hf-showcase-context{display:none}.hf-hero-actions{flex-wrap:wrap}.hf-primary{width:100%}}
@media (prefers-reduced-motion:reduce){.hf-primary,.hf-tabs button{transition:none}.hf-device{animation:none}}

/* Finał: pytanie lub brief, dwie równorzędne drogi do kontaktu. */
.hf-end{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));color:#fff}
.hf-end-question{background:#8701FF}
.hf-end-order{position:relative;display:flex;align-items:center;overflow:hidden;background:#E3FF00;color:#171411}
.hf-end-order::before{content:"";position:absolute;width:min(50vw,680px);aspect-ratio:1;right:-24%;bottom:-28%;border:2px solid rgba(23,20,17,.22);border-radius:50%;pointer-events:none}
.hf-end-order::after{content:"↗";position:absolute;right:6%;bottom:-.21em;color:rgba(23,20,17,.11);font:400 clamp(260px,30vw,520px)/1 var(--serif);pointer-events:none}
.hf-end-inner{position:relative;z-index:1;width:100%;max-width:650px;margin:0 auto;padding:clamp(48px,6vw,100px) clamp(24px,5vw,76px)}
.hf-end-kicker{font:800 11px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.hf-end h2{margin-top:24px;font:750 clamp(42px,4.7vw,76px)/.98 var(--sans);letter-spacing:-.04em;text-wrap:balance}
.hf-end h2 mark{display:block;margin-top:.08em;background:none;color:var(--acc);font:italic 400 1.22em/.98 var(--serif);letter-spacing:-.03em}
.hf-end-sub{max-width:29em;margin-top:20px;font-size:clamp(17px,1.4vw,20px);line-height:1.45}
.hf-end-question .hf-end-sub{color:#f0ddff}
.hf-end-form{max-width:none;margin-top:30px}
.hf-end-form .fld{margin-top:18px}
.hf-end-form .fld>label,.hf-end-form .fld>legend{color:#fff;font-size:14px}
.hf-end-form .fld .rq{color:#e9d2ff}
.hf-end-form .opts{gap:7px}
.hf-end-form .opts label{padding:8px 11px;border-color:rgba(255,255,255,.55);color:#fff;font-size:13px}
.hf-end-form .opts label:has(input:checked){border-color:var(--acc);background:var(--acc);color:#171411}
.hf-end-form .opts input{accent-color:#171411;width:16px;height:16px}
.hf-end-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.hf-end-form .fld input[type=text],.hf-end-form .fld input[type=email],.hf-end-form .fld textarea{border-radius:0;border:2px solid transparent;background:#fff;color:#171411;font-size:16px;padding:11px 12px;box-shadow:0 7px 20px rgba(40,0,80,.18)}
.hf-end-form .fld textarea{min-height:104px}
.hf-end-form .fld input:focus,.hf-end-form .fld textarea:focus{border-color:var(--acc)}
.hf-end-form .ferr{color:#fff}
.hf-end-form .fact{margin-top:20px}
.hf-end-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:12px 17px;border:0;background:var(--acc);color:#171411;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}
.hf-end-submit:hover{transform:translateY(-2px);background:#f2ff80}
.hf-end-form .fact .small{max-width:43em;color:#f0ddff;font-size:11px;line-height:1.45}
.hf-end-form .preview-note,.hf-end-form .fstatus{color:#171411}
.hf-end-order .hf-end-inner{max-width:700px}
.hf-end-order .hf-end-sub{max-width:25em}
.hf-end-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:72px;max-width:100%;margin-top:40px;padding:18px 22px;background:#171411;color:#fff;text-decoration:none;font-size:clamp(18px,1.6vw,24px);font-weight:800;line-height:1.1;transition:transform .2s,background .2s}
.hf-end-cta span{font-size:30px;font-weight:400}
.hf-end-cta:hover{transform:translateY(-3px);background:#3d2a22}
.hf-end-note{margin-top:18px;font-size:13px;font-weight:600}
.hf-end :focus-visible{outline:3px solid #171411;outline-offset:3px}
@media (max-width:860px){.hf-end{grid-template-columns:1fr}.hf-end-inner{max-width:760px;padding:52px 28px}.hf-end-order{min-height:480px}.hf-end-order::before{width:70vw}}
@media (max-width:480px){.hf-end-inner{padding:46px 22px}.hf-end h2{font-size:clamp(39px,11vw,55px)}.hf-end-fields{grid-template-columns:1fr}.hf-end-order{min-height:460px}.hf-end-cta{width:100%;min-height:64px;font-size:18px}}

/* Ramki strony głównej: ten sam prosty, precyzyjny język co w pierwszej planszy. */
.home{--hf-frame:#5c5148}
.home .jak-pr .pm-v,.home .pcg .pc,.home #pakiety .pk,.home #pakiety .bnt-more,.home #pakiety .bnt a.ad,.home #pakiety .camp{border:1px solid var(--hf-frame);border-radius:0;box-shadow:0 34px 70px -44px rgba(0,0,0,.42)}
.home .pm-pl,.home .pc-v,.home .pc-br,.home .pc-scr{border-radius:0}
.home .pm-ad .pm-pl{border-color:#5c5148}
.home .pc-b .pc-bg,.home .pc-b::before,.home #pakiety .pk-plus{border-radius:0}

/* Moduły na ramkach: prawdziwa notacja interfejsu, spójna z konsolą w hero. */
.hf-frame-ui{display:none}
.home .hf-frame-ui{display:block;position:absolute;inset:0;z-index:6;pointer-events:none;--hf-trace:#8701ff}
.home .pm-v .hf-frame-ui,.home .pc-b .hf-frame-ui,.home .pc-c2 .hf-frame-ui,.home #pakiety .bnt-more .hf-frame-ui{--hf-trace:#e3ff00}
.home .hf-frame-bar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:9px;height:28px;padding:0 12px;background:#171411;color:#e3ff00;border-bottom:1px solid #5c5148}
.home .hf-frame-bar::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--hf-trace);transform:scaleX(.08);transform-origin:left center;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.home .pc:hover .hf-frame-bar::after,.home .pc:focus-within .hf-frame-bar::after,.home .pk:hover .hf-frame-bar::after,.home .pk:focus-within .hf-frame-bar::after,.home .pm-v:hover .hf-frame-bar::after,.home .pm-v:focus-within .hf-frame-bar::after,.home .bnt-more:hover .hf-frame-bar::after,.home .bnt-more:focus-within .hf-frame-bar::after{transform:scaleX(1)}
.home .hf-frame-signal{flex:none;width:6px;height:6px;background:#e3ff00;transform:rotate(45deg)}
.home .hf-frame-bar code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3ff00;font:700 10px/1 var(--mono);letter-spacing:.025em}
.home .hf-frame-slash{color:#b7ac9c;font:700 11px/1 var(--mono)}
.home .hf-frame-corner{position:absolute;right:10px;bottom:10px;width:17px;height:17px;border-right:2px solid var(--hf-trace);border-bottom:2px solid var(--hf-trace)}
.home .hf-frame-corner::before{content:"";position:absolute;right:5px;bottom:5px;width:3px;height:3px;background:var(--hf-trace)}
.home .pcg .pc:not(.pc-b){padding-top:calc(var(--p,22px) + 29px)}
.home #pakiety .pk{padding-top:55px}
.home #pakiety .bnt-more{position:relative;padding-top:28px}
.home #pakiety .bnt-more summary{position:relative;z-index:7}
.home #pakiety .bnt a.ad::after,.home #pakiety .camp::after{content:"";position:absolute;right:10px;bottom:10px;width:15px;height:15px;border-right:2px solid #8701ff;border-bottom:2px solid #8701ff;pointer-events:none}
.home #pakiety .camp{position:relative}
@media(max-width:640px){.home .hf-frame-bar{height:26px;padding:0 10px}.home .hf-frame-bar code{font-size:9px}.home .pcg .pc:not(.pc-b){padding-top:calc(var(--p,22px) + 27px)}.home #pakiety .pk{padding-top:51px}.home #pakiety .bnt-more{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.home .hf-frame-bar::after{transition:none}}

/* Po co: bento odzyskuje własne proporcje. Oznaczenie jest częścią ramy,
   a nie kolejną belką zajmującą miejsce treści. */
.home #po-co .pcg{gap:18px;margin-top:clamp(30px,3.2vw,46px)}
.home #po-co .pcg .pc{box-shadow:none;border-color:#bdb6aa}
.home #po-co .pcg .pc-b,.home #po-co .pcg .pc-c2{border-color:#5c5148}
.home #po-co .pcg .pc:not(.pc-b){padding-top:var(--p,22px)}
.home #po-co .pc-v{border-radius:18px}
.home #po-co .pc-br{border-radius:10px}
.home #po-co .pc-scr{border-radius:14px}
.home #po-co .pcg .pc .hf-frame-corner{right:8px;bottom:8px;width:12px;height:12px;border-width:1px}
.home #po-co .pcg .pc .hf-frame-corner::before{right:4px;bottom:4px;width:2px;height:2px}

/* Kody w narożnikach kart nie zasłaniają prezentowanych materiałów. */
.home #po-co .pcg .pc .hf-frame-bar,
.home #pakiety .pk .hf-frame-bar{
  inset:0 0 auto auto;width:max-content;max-width:calc(100% - 28px);height:21px;
  padding:0 9px;gap:7px;border:0;border-left:1px solid #5c5148;border-bottom:1px solid #5c5148;
  background:#171411
}
.home #po-co .pcg .pc .hf-frame-bar::after,
.home #pakiety .pk .hf-frame-bar::after{height:1px;bottom:-1px;transform:scaleX(.28)}
.home #po-co .pcg .pc .hf-frame-slash,
.home #pakiety .pk .hf-frame-slash{display:none}
.home #po-co .pcg .pc .hf-frame-bar code,
.home #pakiety .pk .hf-frame-bar code{font-size:9px;letter-spacing:.02em}

/* Cennik: cena i zakres prowadzą wzrok, detale techniczne domykają ramę. */
.home #pakiety .pband-top{padding-bottom:clamp(20px,2.6vw,34px);border-bottom:1px solid #3e372b}
.home #pakiety .bnt{gap:18px;margin-top:26px}
.home #pakiety .pk{padding-top:clamp(20px,2vw,28px);box-shadow:none;border-color:#a9a196}
.home #pakiety .pk.pop{border-color:#e3ff00}
.home #pakiety .pk-h{padding-bottom:15px;border-bottom:1px solid #d9d2c7}
.home #pakiety .pk.pop .pk-h{border-bottom-color:#4e503c}
.home #pakiety .pk-price{margin-top:10px}
.home #pakiety .pk .btn{min-height:52px;border-radius:0}
.home #pakiety .bnt-more{padding-top:0;box-shadow:none;border-color:#767565}
.home #pakiety .bnt-more .hf-frame-ui{display:none}
.home #pakiety .bnt-more::before{content:"";position:absolute;left:-1px;top:-1px;width:82px;height:3px;background:#e3ff00}
.home #pakiety .bnt-more summary{padding:21px 24px;gap:8px 18px}
.home #pakiety .bnt-more summary i{border-radius:0}
.home #pakiety .bnt a.ad,.home #pakiety .camp{box-shadow:none}

/* Kontakt: czytelny formularz w lekkim panelu roboczym. */
.home .hf-end{border-top:1px solid #171411}
.home .hf-end-form{margin-top:30px;padding:0 24px 24px;border:1px solid rgba(255,255,255,.5);background:rgba(32,0,64,.18)}
.hf-end-form-head{display:flex;align-items:center;gap:9px;height:34px;margin:0 -24px 20px;padding:0 14px;border-bottom:1px solid rgba(227,255,0,.5);background:#171411;color:#e3ff00}
.hf-end-form-head i{width:6px;height:6px;flex:none;background:#e3ff00;transform:rotate(45deg)}
.hf-end-form-head code{flex:1;min-width:0;font:700 10px/1 var(--mono);letter-spacing:.04em}
.hf-end-form-head span{font:700 10px/1 var(--mono);letter-spacing:.04em;color:#b9b0a0}
.home .hf-end-form .hf-end-fields{gap:0 16px}
.home .hf-end-form .hf-end-fields .fld{margin-top:0}
.home .hf-end-form>.fld{margin-top:18px}
.home .hf-end-form .fld>label{display:block;margin-bottom:8px;font-weight:700}
.home .hf-end-form .fld input[type=text],.home .hf-end-form .fld input[type=email],.home .hf-end-form .fld textarea{
  min-height:48px;border:1px solid #e6d5ff;background:#fcfaff;box-shadow:none
}
.home .hf-end-form .fld textarea{min-height:116px}
.home .hf-end-form .fld input:focus,.home .hf-end-form .fld textarea:focus{border-color:#e3ff00;box-shadow:0 0 0 3px rgba(227,255,0,.24);outline:0}
.home .hf-end-form .fact{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.35)}
.home .hf-end-submit{min-height:58px;padding:14px 20px}
.home .hf-end-order{border-left:1px solid #171411}
.home .hf-end-order .hf-end-cta{border:1px solid #171411;box-shadow:0 18px 28px -18px rgba(23,20,17,.42)}
.home .hf-end-order .hf-end-cta:hover{box-shadow:0 12px 22px -14px rgba(23,20,17,.5)}
@media(max-width:860px){.home .hf-end-order{border-left:0;border-top:1px solid #171411}}
@media(max-width:640px){
  .home #po-co .pcg{gap:14px}
  .home #po-co .pcg .pc:not(.pc-b){padding-top:var(--p,22px)}
  .home #pakiety .pk{padding-top:clamp(20px,2vw,28px)}
  .home #pakiety .bnt-more{padding-top:0}
  .home .hf-end-form{padding:0 18px 20px}
  .hf-end-form-head{margin-left:-18px;margin-right:-18px}
}

/* Reklama: pionowy film na jednolitej apli, bez ramy pozostałych próbek. */
.home .jak-pr .pm-ad{position:relative;display:block;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none}
.home .pm-ad::after{display:none}
.home .pm-ad-apla{position:absolute;left:3%;top:12%;width:76%;height:78%;background:#8701ff;transform:rotate(-5deg);z-index:0}
.home .pm-ad .pm-pl{position:absolute;right:3%;top:1%;z-index:1;width:auto;height:95%;aspect-ratio:9/16;overflow:hidden;border:0;border-radius:16px;box-shadow:0 30px 50px -24px rgba(36,10,61,.62);transform:rotate(3deg);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.home .pm-ad:hover .pm-pl,.home .pm-ad:focus-within .pm-pl{transform:translateY(-4px) rotate(1deg)}
@media(max-width:1000px){.home .pm-ad{width:min(100%,480px);margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.home .pm-ad .pm-pl{transition:none}}

/* Krótsza, drobniejsza mozaika: dwie karty wyżej, trzy niżej. */
.home #po-co{padding:clamp(46px,5vw,76px) 0 clamp(64px,7vw,100px)}
.home #po-co .jk-arrow{display:none}
.home #po-co .shd{margin-bottom:0}
.home #po-co .pcg{gap:14px;margin-top:30px}
.home #po-co .pcg .pc{--p:18px;gap:5px}
.home #po-co .pcg .pc-v{height:clamp(168px,18vw,214px);margin-bottom:8px}
.home #po-co .pcg .pc h3{font-size:clamp(20px,1.7vw,25px)}
.home #po-co .pcg .pc>p:not(.pc-tag),.home #po-co .pcg .pc-b-in>p:not(.pc-tag){font-size:13px;line-height:1.48}
.home #po-co .pcg .pc-e>.pc-life span{font-size:clamp(31px,3.3vw,45px)}
.home #po-co .pcg .pc-c2>.pc-life span{font-size:clamp(35px,3.7vw,50px)}
.home #po-co .pcg .pc-c2 .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin-top:9px}
.home #po-co .pcg .pc-c2 .pc-steps li{font-size:11px;line-height:1.2;padding:5px 0;gap:6px}
.home #po-co .pcg .pc-c2 .pc-steps li i{width:6px;height:6px}
.home #po-co .pcg .pc-c2 .pc-b-in{padding-top:14px}
.home #po-co .pcg .pc-a{min-height:430px}
.home #po-co .pcg .pc-a .pc-portal{flex:1;height:auto!important;min-height:255px;align-items:stretch}
.home #po-co .pcg .pc-a .pc-br{display:flex;flex-direction:column;min-height:0}
.home #po-co .pcg .pc-a .pc-br img{flex:1;height:0;min-height:0;object-fit:cover;object-position:top center}
.home #po-co .pcg .pc-b{min-height:430px}
.home #po-co .pcg .pc-e,.home #po-co .pcg .pc-c2,.home #po-co .pcg .pc-d{align-self:start}
.home #po-co .pcg .pc-d{justify-content:flex-start}
.home #po-co .pcg .pc-d .pc-ga4{flex:none;height:auto;min-height:0;justify-content:flex-start;margin-bottom:10px}
@media(min-width:1060px){
  .home #po-co .pcg .pc-a{grid-column:1/7;grid-row:1}
  .home #po-co .pcg .pc-b{grid-column:7/13;grid-row:1}
  .home #po-co .pcg .pc-e{grid-column:1/5;grid-row:2}
  .home #po-co .pcg .pc-c2{grid-column:5/9;grid-row:2}
  .home #po-co .pcg .pc-d{grid-column:9/13;grid-row:2}
}
@media(min-width:721px) and (max-width:1059px){
  .home #po-co .pcg .pc-a{grid-column:1/7;grid-row:1}
  .home #po-co .pcg .pc-b{grid-column:7/13;grid-row:1}
  .home #po-co .pcg .pc-e{grid-column:1/7;grid-row:2}
  .home #po-co .pcg .pc-c2{grid-column:7/13;grid-row:2}
  .home #po-co .pcg .pc-d{grid-column:1/13;grid-row:3}
  .home #po-co .pcg .pc-d{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:24px}
  .home #po-co .pcg .pc-d .pc-ga4{grid-row:1/4;margin:0;height:auto}
}
@media(max-width:720px){
  .home #po-co .pcg .pc-a,.home #po-co .pcg .pc-e,.home #po-co .pcg .pc-c2,.home #po-co .pcg .pc-b,.home #po-co .pcg .pc-d{grid-column:1/-1;grid-row:auto}
  .home #po-co .pcg .pc-a{min-height:0}
  .home #po-co .pcg .pc-a .pc-portal{flex:none;height:220px!important;min-height:0}
  .home #po-co .pcg .pc-c2 .pc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home #po-co .pcg .pc-b{min-height:420px}
}
@media(max-width:420px){.home #po-co .pcg .pc-b{min-height:390px}}

/* Monochromatyczny znak w wolnej przestrzeni części z briefem. */
.home .hf-end-order::before,.home .hf-end-order::after{display:none}
.hf-end-watermark{position:absolute;right:7%;bottom:8%;z-index:0;display:block;width:min(72%,480px);height:auto;filter:brightness(0);opacity:.2;pointer-events:none}
@media(max-width:860px){.hf-end-watermark{width:min(60%,440px);right:8%;bottom:8%}}
@media(max-width:480px){.hf-end-watermark{width:72%;right:5%;bottom:7%;opacity:.16}}

/* Oficjalne znaki platform, bez kapsułek i dopisanych nazw. */
.home .pm-platforms{margin-top:22px}
.home .pm-platforms>span{margin-bottom:12px}
.home .pm-platforms ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;max-width:380px}
.home .pm-platforms .pm-platform{display:grid!important;place-items:center;min-width:0;height:76px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.home .pm-platforms .pm-platform img{display:block;width:min(100%,72px);height:72px;object-fit:contain}
.home .pm-platforms .pm-platform-youtube img{width:min(100%,82px)}
@media(max-width:460px){.home .pm-platforms .pm-platform{height:62px}.home .pm-platforms .pm-platform img{height:58px;width:min(100%,58px)}.home .pm-platforms .pm-platform-youtube img{width:min(100%,68px)}}

/* Równe znaki w cenniku oraz spokojniejsza typografia dodatków Premium. */
#pakiety .pk-plus li{align-items:flex-start;gap:10px;font:500 15px/1.4 var(--sans)}
#pakiety .pk-plus li::before{content:none;display:none}
#pakiety .pk-plus li .ck{flex:none;width:18px;height:18px;margin-top:2px;color:#8701ff}

/* Prosty, prostokątny przycisk i tekstowe odnośniki w górnym pasku. */
.A.home .hdr .hcta{background:#8701ff;border:1px solid #8701ff;border-radius:0;color:#fff;padding:12px 23px;isolation:auto;transform:none}
.A.home .hdr .hcta::before{display:none}
.A.home .hdr .hcta:hover,.A.home .hdr .hcta:focus-visible{background:#e3ff00;border-color:#e3ff00;color:#111}
.topbar .tb-sub.tb-ag,.topbar .tb-sub.tb-dev{background:transparent;color:#e3ff00}
.topbar .tb-sub.tb-ag:hover,.topbar .tb-sub.tb-dev:hover{background:transparent;color:#fff}
.topbar .tb-sub[aria-current]{box-shadow:inset 0 -2px 0 #e3ff00}

/* Premium jako bento (9.10): przelot szeroko, film pionowo na dwa rzędy, rzut 3D obok opisu; obramowania jak dotąd */
.home .pm-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;margin-top:8px}
.home .pm-bento .pmb{display:flex;flex-direction:column;gap:0;min-width:0}
.home .pm-bento .pmb-fly{grid-column:1/9;grid-row:1}
.home .pm-bento .pmb-ad{grid-column:9/13;grid-row:1/3}
.home .pm-bento .pmb-3d{grid-column:1/9;grid-row:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:end}
.home .pm-bento .pm-v{aspect-ratio:auto;width:100%}
.home .pm-bento .pmb-fly .pm-v{aspect-ratio:16/9}
.home .pm-bento .pmb-3d .pm-v{aspect-ratio:4/3}
.home .pm-bento .pmb-ad .pm-ad{aspect-ratio:4/5.6}
.home .pm-bento .pmb-tx{padding-top:16px}
.home .pm-bento .pmb-3d .pmb-tx{padding:0 0 6px}
.home .pm-bento .pmb-tx .pc-tag{margin:0 0 6px;font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.home .pm-bento .pmb-tx h3{margin:0 0 6px;font:var(--h3-font);font-size:clamp(22px,1.8vw,28px);line-height:1.1}
.home .pm-bento .pmb-tx p:not(.pc-tag){margin:0;font-size:15px;line-height:1.5}
.home .pm-bento .pmb-fly .pmb-tx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4px 28px;align-items:start}
.home .pm-bento .pmb-fly .pmb-tx .pc-tag{grid-column:1/-1}
@media (max-width:1000px){
  .home .pm-bento .pmb-fly,.home .pm-bento .pmb-ad,.home .pm-bento .pmb-3d{grid-column:1/-1;grid-row:auto}
  .home .pm-bento .pmb-3d,.home .pm-bento .pmb-fly .pmb-tx{grid-template-columns:minmax(0,1fr)}
  .home .pm-bento .pmb-3d .pmb-tx{padding-top:6px}
}
.home #po-co .pcg{align-items:stretch}