/* ============================================================
   NEURISE · Reklamy (Google Ads, ChatGPT Ads) - komponenty podstron /reklamy/
   Ładowany PO subpage.css, korzysta z jego tokenów i komponentów (.phero, .plan, .card, .faq, .cta-band).
   2026-10-24, specyfikacja neurise-ads-architektura.md
   ============================================================ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.phero .crumbs a{color:var(--paper-3);transition:color .2s}
.phero .crumbs a:hover{color:var(--paper)}
.phero .rk-hero-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.rk-intro .rk-lead{margin-top:26px;font-size:clamp(19px,2.1vw,25px);font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--paper);max-width:660px}
.rk-intro p{margin-top:16px;font-size:clamp(16px,1.5vw,18px);line-height:1.65;color:var(--paper-2);max-width:660px}
.rk .card p a,.rk .sec-head p a,.rk-note a,.rk .prose a,.rk .faq .a a{color:var(--paper);border-bottom:1px solid rgba(255,127,17,.55);transition:border-color .2s}
.rk .card p a:hover,.rk .sec-head p a:hover,.rk-note a:hover,.rk .prose a:hover,.rk .faq .a a:hover{border-color:var(--orange-500)}
a.card{display:block}
/* karty pakietów */
.rk-plans .plan h3{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:2px 0}
.rk-plans .plan .rk-for{color:var(--paper-3);font-size:14px;line-height:1.55}
.rk-plans .plan ul li b{color:var(--paper);font-weight:500}
.rk-plans .plan.feat::after{content:none}
@media (min-width:1000px){.rk-steps{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.rk .phero .rk-hero-cta{display:none}}
.rk-plans .plan .price.rk-ind{font-size:24px;line-height:1.25}
.rk-note{margin-top:24px;text-align:center;font-size:13.5px;line-height:1.6;color:var(--paper-3);font-family:'JetBrains Mono',monospace}
/* pasek pakietu łączonego */
.rk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:22px 28px;border:1px solid rgba(255,127,17,.4);border-radius:20px;background:linear-gradient(90deg,rgba(255,127,17,.13),rgba(255,127,17,.03));transition:transform .2s,border-color .2s}
.rk-bar:hover{transform:translateY(-2px);border-color:rgba(255,127,17,.75)}
.rk-bar strong{font-size:clamp(17px,2vw,21px);font-weight:600;letter-spacing:-.01em}
.rk-bar .go{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--orange-500)}
.section.rk-tight{padding:44px 0}
.rk-gap{height:20px}
/* tabele */
.rk-table-wrap{overflow-x:auto;border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));-webkit-overflow-scrolling:touch}
.rk-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}
.rk-table th,.rk-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.rk-table thead th{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-3);font-weight:500;vertical-align:bottom}
.rk-table thead th b{display:block;color:var(--paper);font-size:15px;letter-spacing:.02em;text-transform:none;margin-top:6px;font-weight:500}
.rk-table tbody th{color:var(--paper);font-weight:500;width:18%}
.rk-table td{color:var(--paper-2)}
.rk-table .num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-table .feat{background:rgba(255,127,17,.06)}
.rk-table tbody tr:last-child th,.rk-table tbody tr:last-child td{border-bottom:0}
/* karty kanałów (hub) */
.rk-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.rk-channel{position:relative;display:flex;flex-direction:column;gap:14px;min-height:300px;padding:36px;border:1px solid var(--line-2);border-radius:24px;background:radial-gradient(90% 120% at 0% 0%,rgba(44,24,80,.8),rgba(11,6,23,.3));overflow:hidden;transition:transform .25s,border-color .25s}
.rk-channel::after{content:'';position:absolute;right:-20%;bottom:-40%;width:70%;height:80%;background:radial-gradient(closest-side,rgba(255,127,17,.18),transparent);pointer-events:none}
.rk-channel:hover{transform:translateY(-3px);border-color:rgba(255,127,17,.45)}
.rk-channel .eyebrow{color:var(--orange-500);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500}
.rk-channel h2{font-size:clamp(32px,3.6vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.02}
.rk-channel p{color:var(--paper-2);font-size:16px;line-height:1.6;max-width:430px}
.rk-channel .from{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--paper)}
.rk-channel .go{margin-top:auto;color:var(--orange-500);font-weight:600}
/* linki i miejsca do uzupełnienia */
.rk-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.rk-links a{padding:9px 15px;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;color:var(--paper-2);transition:border-color .2s,color .2s}
.rk-links a:hover{border-color:rgba(255,127,17,.5);color:var(--paper)}
.rk-todo{border:1px dashed rgba(255,127,17,.55);border-radius:14px;padding:16px 18px;color:var(--orange-500);font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.6;background:rgba(255,127,17,.05)}
.faq .q .a p.rk-todo{margin:0 4px 24px;padding:14px 16px;font-size:13px;color:var(--orange-500)}
.rk-inline span{font-family:'JetBrains Mono',monospace;color:var(--paper)}