/* HiLobby: strona glowna (wyglad hx). Motyw Midnight z theme.css: kolory i cienie ze zmiennych --sf, --tx, --mu, --pr, --grad. */

[data-page=home] main{overflow-x:clip}
[data-page=home] section.s{padding:88px 0}
[data-page=home] h2.t{font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0 0 12px}

/* naglowek sekcji */
.hx-hd{max-width:44rem;margin:0 auto 44px;text-align:center}
.hx-hd .sub{margin:0 auto;font-size:1.05rem;line-height:1.6;max-width:38rem}

/* ----- hero ----- */
.hx-hero{position:relative;isolation:isolate}
.hx-hero::before{content:"";position:absolute;inset:-120px 0 auto;height:760px;z-index:-1;pointer-events:none;
 background:radial-gradient(48% 42% at 72% 38%,rgba(106,76,245,.28),transparent 70%),radial-gradient(34% 30% at 18% 22%,rgba(56,189,248,.14),transparent 70%)}
.hx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;
 background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;
 -webkit-mask-image:radial-gradient(60% 60% at 50% 30%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 30%,#000,transparent)}
.hero.hx-h{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:56px 0 72px;text-align:left}
.hx-copy h1{font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1;letter-spacing:-.045em;font-weight:800;margin:0 0 22px}
.hx-copy .lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6;color:var(--mu);max-width:34rem;margin:0 0 32px}
.hx-copy .acts{display:flex;gap:12px;flex-wrap:wrap}
.hx-copy .acts .btn{padding:14px 24px;font-size:1rem;border-radius:14px}
.hx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:28px 0 0}
.hx-trust li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--bd);border-radius:999px;background:rgba(255,255,255,.025);font-size:.85rem;color:var(--tx)}
.hx-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pr2);box-shadow:0 0 10px var(--pr2)}
.hx-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:640px}
.hx-orb{position:absolute;width:420px;height:420px;border-radius:50%;background:conic-gradient(from 200deg,rgba(106,76,245,.0),rgba(106,76,245,.55),rgba(56,189,248,.45),rgba(106,76,245,0));filter:blur(60px);opacity:.7}
.hx-stage .phw{position:relative}
/* telefon w hero: metalowa rama, czarna ramka ekranu, wyspa z aparatem, pasek stanu, przyciski boczne i pasek gestow */
.hx-stage .phone.hx-dev{width:290px;height:592px;padding:4px;border:0;border-radius:52px;overflow:visible;
 background:linear-gradient(145deg,#5b6075 0%,#23263a 18%,#0f1018 45%,#2a2d40 75%,#6a6f86 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 2px 2px rgba(0,0,0,.6),0 40px 90px rgba(10,8,40,.7),0 0 80px rgba(106,76,245,.25)}
.hx-scr{position:relative;width:100%;height:100%;border:9px solid #020205;border-radius:48px;overflow:hidden;background:#000;isolation:isolate}
.hx-dev .glare{border-radius:39px}
.hx-sb{position:absolute;left:0;right:0;top:0;height:44px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:4px 24px 0 30px;pointer-events:none;
 color:#fff;font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}
.hx-isl{position:absolute;left:50%;top:9px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.hx-isl::after{content:"";position:absolute;right:10px;top:8px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a7a,#0b0f22 60%,#000)}
.hx-si{display:inline-flex;align-items:center;gap:5px}
.hx-si svg{display:block}
.hx-bat{position:relative;display:inline-block;width:24px;height:12px;border:1.5px solid rgba(255,255,255,.55);border-radius:4px;padding:1px;margin-left:1px}
.hx-bat::after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;border-radius:0 2px 2px 0;background:rgba(255,255,255,.55)}
.hx-bat i{display:block;width:80%;height:100%;border-radius:2px;background:#fff}
.hx-hb{position:absolute;left:50%;bottom:8px;width:110px;height:5px;margin-left:-55px;border-radius:3px;background:rgba(255,255,255,.75);z-index:4;box-shadow:0 0 4px rgba(0,0,0,.4)}
.hx-k{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#1a1c28,#6a6f86 60%,#2a2d40);z-index:-1}
.hx-k.a{left:-3px;top:112px;height:30px}
.hx-k.v1{left:-3px;top:162px;height:54px}
.hx-k.v2{left:-3px;top:228px;height:54px}
.hx-k.pw{right:-3px;left:auto;top:180px;height:84px;background:linear-gradient(270deg,#1a1c28,#6a6f86 60%,#2a2d40)}

/* ----- jak to dziala ----- */
.hx-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.hx-steps::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:1px;background:linear-gradient(90deg,transparent,var(--bd2),var(--bd2),transparent)}
.hx-steps li{position:relative;padding:0 8px;text-align:center}
.hx-n{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:var(--sf);border:1px solid var(--bd2);font-weight:800;font-size:1.05rem;letter-spacing:.02em;
 color:#fff;box-shadow:0 0 0 6px var(--bg),0 10px 30px rgba(106,76,245,.25);position:relative}
.hx-n::after{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hx-steps h3{margin:18px 0 8px;font-size:1.15rem;letter-spacing:-.01em}
.hx-steps p{margin:0 auto;color:var(--mu);line-height:1.6;max-width:30ch}

/* ----- funkcje (bento) ----- */
.hx-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-tile{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 50%),var(--sf);border:1px solid var(--bd);border-radius:22px;padding:24px;position:relative;overflow:hidden;
 transition:border-color .25s,transform .25s var(--ease)}
.hx-tile:nth-child(1)::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(106,76,245,.28),transparent);pointer-events:none}
.hx-tile:nth-child(2)::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(56,189,248,.2),transparent);pointer-events:none}
.hx-tile:hover{border-color:rgba(139,123,255,.4)}
.hx-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(139,123,255,.12);color:#c4bbff;border:1px solid rgba(139,123,255,.25)}
.hx-tile h3{margin:16px 0 12px;font-size:1.12rem;letter-spacing:-.01em}
.hx-tile ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hx-tile li{position:relative;padding-left:24px;color:var(--mu);font-size:.95rem;line-height:1.5}
.hx-tile li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--pr2);border-bottom:2px solid var(--pr2);transform:rotate(-45deg)}
.hx-more{text-align:center;margin:28px 0 0}
.hx-more a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* ----- szablony ----- */
.hx-rail{max-width:1240px;margin:0 auto;padding:0 18px;position:relative}
.hx-rail .strip{gap:18px;padding:8px 4px 18px;justify-content:safe center;scrollbar-width:thin}
.hx-rail::before,.hx-rail::after{content:"";position:absolute;top:0;bottom:18px;width:48px;z-index:1;pointer-events:none}
.hx-rail::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.hx-rail::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.hx-rail .tcard{border-radius:20px}

/* ----- cennik ----- */
/* oferta startowa i akcje promocyjne: kafelki z ikona nad planami */
.hx-deals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;max-width:1000px;margin:0 auto 32px}
.hx-deal{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:20px;border:1px solid var(--bd);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--sf);line-height:1.55;font-size:.95rem}
.hx-deal p{margin:0;color:var(--tx)}
.hx-deal .hx-ic{flex:none;width:40px;height:40px;border-radius:12px}
.hx-deal.st{background:linear-gradient(var(--sf),var(--sf)) padding-box,var(--grad) border-box;border-color:transparent;box-shadow:0 18px 50px rgba(106,76,245,.18)}
.hx-deal.st .hx-ic{background:var(--grad);color:#fff;border-color:transparent}
.hx-deal-a{display:inline-flex;align-items:center;min-height:44px;margin:2px 0 -10px;font-weight:600;color:#c4bbff}
/* karty planow: wiersze wyrownane miedzy kartami (subgrid), przycisk zawsze na tej samej wysokosci */
.hx-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:0 18px;align-items:stretch}
.hx-plan{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:18px;padding:28px 24px;border-radius:24px;border:1px solid var(--bd);position:relative;
 background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--sf);transition:border-color .25s}
.hx-plan:hover{border-color:rgba(139,123,255,.4)}
.hx-plan.pro{background:radial-gradient(120% 60% at 50% 0%,rgba(106,76,245,.16),transparent 70%) padding-box,linear-gradient(var(--sf),var(--sf)) padding-box,var(--grad) border-box;border-color:transparent;box-shadow:0 30px 70px rgba(106,76,245,.25)}
.hx-ph h3{margin:0 0 8px;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hx-ph .ptag{margin:0;line-height:1.55;font-size:.95rem}
.hx-per0{margin:0;display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;border:1px dashed var(--bd2);color:var(--mu);font-size:.88rem}
.hx-plans .per{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:4px;margin:0;padding:4px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--bd);align-self:start}
.hx-plans .per button{border:0;border-radius:10px;min-height:44px;padding:4px;text-align:center;font-size:.85rem;white-space:nowrap;line-height:1.2}
.hx-plans .per button:not(.on):hover{background:rgba(255,255,255,.05)}
.hx-plans .per button:focus-visible{outline:2px solid var(--pr2);outline-offset:2px}
.hx-pr{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.hx-plans .pp{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;margin:0;line-height:1.05}
.hx-plans .pp small{font-size:.9rem;letter-spacing:0;font-weight:500}
.hx-pr .sv{margin:0 6px 0 0}
.hx-pr .sv.lo{display:block;background:none;color:var(--mu);padding:0;border-radius:0;font-weight:400;font-size:.82rem;margin-top:6px}
.hx-plan .btn{width:100%;text-align:center;align-self:start}
.hx-inc{border-top:1px solid var(--bd);padding-top:18px}
.hx-inc-t{margin:0 0 10px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mu)}
.hx-inc ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hx-inc li{position:relative;padding-left:24px;color:var(--tx);font-size:.93rem;line-height:1.45}
.hx-inc li::before{content:"";position:absolute;left:2px;top:.4em;width:12px;height:7px;border-left:2px solid var(--pr2);border-bottom:2px solid var(--pr2);transform:rotate(-45deg)}
.hx-trial{margin:14px 0 0;font-size:.85rem;line-height:1.55}
.hx-trial a{color:#c4bbff}
/* porownanie planow: karta z naglowkami planow, kolumna PRO jako wyrozniony pas, sekcje jako etykiety */
.hx-cmph{margin:56px 0 18px;text-align:center;font-size:1.35rem;letter-spacing:-.02em}
.hx-cmp{border-radius:24px;border:1px solid var(--bd);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 120px),var(--sf);box-shadow:0 24px 60px rgba(5,6,20,.35)}
.hx-cmp .cmp{border-collapse:separate;border-spacing:0}
.hx-cmp .cmp th,.hx-cmp .cmp td{padding:14px 18px;border-top:0;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
.hx-cmp .cmp thead th{position:static;background:transparent;padding:22px 18px 18px;border-bottom:1px solid var(--bd);vertical-align:bottom}
.hx-cmp .cmp thead th:first-child{text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:700}
.hx-cn{display:block;font-size:1.05rem;font-weight:800;letter-spacing:.04em;color:var(--tx)}
.hx-cp{display:block;margin-top:4px;font-size:.78rem;font-weight:500;color:var(--mu)}
.hx-cmp .cmp th:first-child{position:static;background:transparent}
.hx-cmp .cmp tbody th{color:var(--tx);font-weight:500}
/* pas kolumny PRO */
.hx-cmp .cmp .hl{background:rgba(106,76,245,.08);box-shadow:inset 1px 0 rgba(139,123,255,.28),inset -1px 0 rgba(139,123,255,.28)}
.hx-cmp .cmp thead th.hl{background:linear-gradient(180deg,rgba(106,76,245,.22),rgba(106,76,245,.08));border-radius:18px 18px 0 0;position:relative}
.hx-cmp .cmp thead th.hl::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:18px 18px 0 0;background:var(--grad)}
.hx-cmp .cmp thead th.hl .hx-cn{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.6)}
.hx-cmp .cmp thead th.hl .hx-cp{color:#c4bbff}
/* sekcje */
.hx-cmp .cmp .grp th{background:rgba(255,255,255,.025);padding:12px 18px;font-size:.74rem;letter-spacing:.1em;color:#a9b1c6;border-bottom:1px solid var(--bd)}
.hx-cmp .cmp tbody tr:not(.grp):hover>*{background-color:rgba(255,255,255,.025)}
.hx-cmp .cmp tbody tr:not(.grp):hover>.hl{background-color:rgba(106,76,245,.14)}
.hx-cmp .cmp tbody tr:last-child>*{border-bottom:0}
/* znaczniki tak/nie */
.hx-cmp .cmp .y{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 4px 14px rgba(106,76,245,.35)}
.hx-cmp .cmp .no{display:inline-block;width:12px;height:2px;border-radius:2px;background:#4a5370;color:transparent;overflow:hidden;vertical-align:middle;line-height:0;font-size:0}
#pricing .cmpt label{gap:10px}
#pricing .cmpt label::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
#cmpall:checked ~ .cmpt label::after{transform:translateY(2px) rotate(-135deg)}
#pricing .cmpt{text-align:center;margin:18px 0 0}
.hx-note{text-align:center;font-size:.88rem;max-width:52rem;margin:16px auto 0;line-height:1.6}

/* ----- prywatnosc ----- */
.hx-lvl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;counter-reset:lv}
.hx-lvl>.card{border-radius:22px;padding:24px;position:relative;border-top:3px solid transparent;background:linear-gradient(var(--sf),var(--sf)) padding-box,linear-gradient(90deg,rgba(139,123,255,.6),rgba(56,189,248,.4)) border-box}
.hx-lvl>.card:nth-child(1){background:linear-gradient(var(--sf),var(--sf)) padding-box,linear-gradient(90deg,#22c55e,#16a34a) border-box}
.hx-lvl>.card:nth-child(3){background:linear-gradient(var(--sf),var(--sf)) padding-box,linear-gradient(90deg,#f59e0b,#ec4899) border-box}
.hx-lvl small{display:inline-block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);font-weight:700}
.hx-lvl h3{margin:8px 0 10px;font-size:1.1rem}
.hx-lvl p,.hx-lvl li{color:var(--mu);line-height:1.55;font-size:.95rem}
.hx-pvg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.hx-pvg>.card{border-radius:22px;padding:22px 24px;background:transparent;border:1px dashed var(--bd2);box-shadow:none}
.hx-pvg h3{margin:0 0 10px;font-size:1rem}
.hx-pvg li{color:var(--mu);font-size:.93rem;line-height:1.55;margin:4px 0}
.hx-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0 0}

/* ----- koniec: CTA i kontakt ----- */
.hx-endg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}
.hx-cta,.hx-ct{border-radius:28px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hx-cta{background:radial-gradient(80% 120% at 100% 0%,rgba(56,189,248,.25),transparent 60%),var(--grad);color:#fff;box-shadow:0 30px 80px rgba(106,76,245,.35)}
.hx-cta h2,.hx-ct h2{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em;line-height:1.15}
.hx-cta p{margin:0;color:rgba(255,255,255,.88);line-height:1.6;max-width:36rem}
.hx-cta .btn{background:#fff;color:#1d1452;margin-top:8px;box-shadow:none}
.hx-cta .btn:hover{background:#eef0ff;color:#1d1452}
.hx-ct{background:var(--sf);border:1px solid var(--bd)}
.hx-ct p{margin:0;color:var(--mu);line-height:1.6}
.hx-ct .hx-btns{justify-content:flex-start;margin-top:8px}

/* ----- tablet ----- */
@media (max-width:980px){
 .hero.hx-h{grid-template-columns:1fr;text-align:center;gap:24px;padding:40px 0 48px}
 .hx-copy .lead{margin-left:auto;margin-right:auto}
 .hx-copy .acts,.hx-trust{justify-content:center}
 .hx-stage{min-height:0}
 .hx-orb{width:320px;height:320px}
 .hx-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hx-plans{grid-template-columns:1fr;grid-template-rows:none;gap:16px;max-width:560px;margin-left:auto;margin-right:auto}
 .hx-plan{grid-row:auto;grid-template-rows:none}
 .hx-lvl,.hx-pvg{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
 .hx-endg{grid-template-columns:1fr}
}
/* ----- telefon ----- */
@media (max-width:640px){
 [data-page=home] section.s{padding:56px 0}
 .hx-hd{margin-bottom:28px}
 .hx-hd .sub{font-size:1rem}
 .hero.hx-h{padding:24px 0 36px}
 .hx-copy h1{font-size:clamp(2.2rem,11vw,2.9rem);margin-bottom:16px}
 .hx-copy .lead{font-size:1.02rem;margin-bottom:24px}
 .hx-copy .acts{flex-direction:column;align-items:stretch}
 .hx-trust{gap:6px;margin-top:20px}
 .hx-trust li{font-size:.8rem;padding:6px 10px}
 .hx-stage .phw{transform:none!important}
 .hx-stage .phone.hx-dev{width:246px;height:502px;padding:3px;border-radius:44px}
 .hx-scr{border-width:7px;border-radius:41px}
 .hx-dev .sc{--scs:.6}
 .hx-dev .glare{border-radius:34px}
 .hx-sb{height:38px;padding:3px 14px 0 22px;font-size:11px}
 .hx-isl{top:7px;width:64px;height:20px;margin-left:-32px}
 .hx-si{gap:3px}
 .hx-isl::after{top:5px;right:7px;width:9px;height:9px}
 .hx-si svg{width:14px;height:9px}
 .hx-bat{width:19px;height:10px}
 .hx-si svg:first-child{width:13px}
 .hx-hb{width:90px;height:4px;margin-left:-45px;bottom:6px}
 .hx-k.a{top:92px;height:24px}
 .hx-k.v1{top:132px;height:44px}
 .hx-k.v2{top:186px;height:44px}
 .hx-k.pw{top:148px;height:70px}
 .hx-orb{width:260px;height:260px;filter:blur(48px)}
 .hx-steps{grid-template-columns:1fr;gap:14px}
 .hx-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:linear-gradient(180deg,var(--bd2),var(--bd2))}
 .hx-steps li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;text-align:left;padding:0}
 .hx-n{grid-row:span 2}
 .hx-steps h3{margin:4px 0 4px}
 .hx-steps p{margin:0;max-width:none}
 .hx-bento{grid-template-columns:1fr;gap:12px}
 .hx-tile{padding:20px;border-radius:18px}
 .hx-rail{padding:0 0 0 16px}
 .hx-rail::before{display:none}
 .hx-rail .strip{justify-content:flex-start;scroll-padding-left:16px}
 .hx-deals{margin-bottom:24px}
 .hx-deal{padding:16px;gap:12px;border-radius:18px;font-size:.92rem}
 .hx-plan{padding:22px 18px;border-radius:20px;row-gap:16px}
 .hx-plans .pp{font-size:2.2rem}
 .hx-plans .per{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}
 .hx-plans .per button{font-size:.8rem;padding:4px 2px}
 .hx-cmph{margin:40px 0 14px;font-size:1.2rem}
 .hx-cmp{border-radius:18px}
 .hx-cmp .cmp{min-width:0;font-size:.86rem}
 .hx-cmp .cmp th,.hx-cmp .cmp td{padding:11px 8px}
 .hx-cmp .cmp thead th{padding:16px 8px 12px}
 .hx-cmp .cmp tbody th{width:42%}
 .hx-cn{font-size:.9rem}
 .hx-cp{font-size:.7rem}
 .hx-cmp .cmp .grp th{padding:10px 12px}
 .hx-lvl>.card,.hx-pvg>.card{padding:20px;border-radius:18px}
 .hx-btns{flex-direction:column;align-items:stretch}
 .hx-btns .btn{width:100%}
 .hx-cta,.hx-ct{padding:26px 20px;border-radius:22px}
 .hx-cta .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.hx-tile,.hx-plan{transition:none}}
/* waski telefon: porownanie jako wiersze z nazwa funkcji nad wartosciami (bez lamania "bez limitu" i "30 dni") */
@media (max-width:480px){
 .hx-cmp .cmp,.hx-cmp .cmp thead,.hx-cmp .cmp tbody{display:block}
 .hx-cmp .cmp tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .hx-cmp .cmp th,.hx-cmp .cmp td{display:block;text-align:center}
 .hx-cmp .cmp thead th:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .hx-cmp .cmp tbody th[scope=row]{grid-column:1/-1;width:auto;text-align:left;padding:12px 12px 4px;border-bottom:0;font-size:.84rem;color:var(--mu)}
 .hx-cmp .cmp tr.grp th{grid-column:1/-1;width:auto;text-align:left}
 .hx-cmp .cmp tbody td{padding:4px 6px 12px}
 .hx-cmp .cmp tbody tr:not(.grp):hover>*{background-color:transparent}
 .hx-cmp .cmp thead th.hl{border-radius:14px 14px 0 0}
}
.hx-cur{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 16px;font-size:.9rem}.hx-cur a{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border:1px solid var(--bd);border-radius:999px;text-decoration:none}.hx-cur a.on{border-color:var(--pr);background:rgba(99,102,241,.16);font-weight:600}