@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

/**
 * Wspólny arkusz stylów serwisu Inotic.
 *
 * Reguły widoków są ograniczone klasą body przypisaną przez CMS, dzięki czemu
 * wszystkie strony korzystają z jednego pliku bez konfliktów między szablonami.
 */

/* ==========================================================================
   Widok: 404
   ========================================================================== */
body.page-404{
    --color-bg: #ffffff;
    --color-surface: #f4f6f8;
    --color-text: #1f2933;
    --color-muted: #52606d;
    --color-border: #d9e2ec;
    --color-accent: #2457d6;
    --container-width: 1120px;
    --space: clamp(1rem, 2vw, 1.5rem);
    font-family: Arial, sans-serif;
    color: var(--color-text);
    background: var(--color-bg);
}

body.page-404,
body.page-404 *{ box-sizing: border-box; }
body.page-404{ scroll-behavior: smooth; }
body.page-404{ margin: 0; line-height: 1.6; }
body.page-404 a{ color: var(--color-accent); }
body.page-404 img{ display: block; max-width: 100%; height: auto; }
body.page-404 code{ padding: .125rem .35rem; background: var(--color-surface); border-radius: .25rem; }
body.page-404 .container{ width: min(100% - 2rem, var(--container-width)); margin-inline: auto; }
body.page-404 .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; }

body.page-404 .site-header{ border-bottom: 1px solid var(--color-border); background: var(--color-bg); }
body.page-404 .site-header__inner{ display: flex; min-height: 4.5rem; align-items: center; justify-content: space-between; gap: var(--space); }
body.page-404 .site-header__brand{ color: var(--color-text); font-weight: 700; text-decoration: none; }
body.page-404 .site-header__toggle{ display: none; padding: .5rem .75rem; border: 1px solid var(--color-border); background: var(--color-bg); font: inherit; cursor: pointer; }
body.page-404 .site-nav__list{ display: flex; gap: 1rem; padding: 0; margin: 0; list-style: none; }
body.page-404 .site-nav__link{ color: var(--color-muted); text-decoration: none; }
body.page-404 .site-nav__link:hover,
body.page-404 .site-nav__link--active{ color: var(--color-accent); }

body.page-404 .placeholder{ padding: clamp(4rem, 12vw, 9rem) 0; background: var(--color-surface); }
body.page-404 .placeholder--compact{ padding: clamp(2.5rem, 7vw, 5rem) 0; }
body.page-404 .placeholder h1{ max-width: 48rem; margin: 0 0 .75rem; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.1; }
body.page-404 .placeholder p{ max-width: 48rem; margin: .5rem 0 0; color: var(--color-muted); }
body.page-404 .placeholder__eyebrow{ color: var(--color-accent) !important; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
body.page-404 .section,
body.page-404 .article__body{ padding: clamp(2.5rem, 7vw, 5rem) 0; }
body.page-404 .post-list{ display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
body.page-404 .post-card{ padding: 1.25rem; border: 1px solid var(--color-border); }
body.page-404 .post-card h2{ margin: .25rem 0; font-size: 1.25rem; }
body.page-404 .post-card__meta{ margin: 0; color: var(--color-muted); font-size: .875rem; }
body.page-404 .pagination{ display: flex; justify-content: space-between; margin-top: 2rem; }
body.page-404 .article__image{ margin-top: 2rem; }
body.page-404 .article__body{ max-width: 48rem; }
body.page-404 .site-footer{ border-top: 1px solid var(--color-border); }
body.page-404 .site-footer__inner{ display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.5rem; color: var(--color-muted); font-size: .875rem; }
body.page-404 .site-footer p{ margin: 0; }
body.page-404 .site-footer nav{ display: flex; gap: 1rem; }

@media (max-width: 640px) {
    body.page-404 .site-header__inner{ flex-wrap: wrap; padding-block: .75rem; }
    body.page-404 .site-header__toggle{ display: block; }
    body.page-404 .site-nav{ display: none; width: 100%; }
    body.page-404 .site-nav--open{ display: block; }
    body.page-404 .site-nav__list{ flex-direction: column; padding-block: .5rem; }
    body.page-404 .site-footer__inner,
body.page-404 .site-footer nav{ flex-direction: column; }
}

/* ==========================================================================
   Widok: home
   ========================================================================== */
body.page-home{
    --ink:#0b0f0d;
    --ink-2:#10160f;
    --surface:#141b14;
    --surface-2:#1b231a;
    --line:rgba(196,255,90,.14);
    --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec;
    --muted:#9aa395;
    --muted-2:#6f7869;
    --lime:#c4ff5a;
    --lime-deep:#9be01f;
    --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif;
    --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px;
    --r:18px;
  }
  body.page-home,
body.page-home *{margin:0;padding:0;box-sizing:border-box}
  body.page-home{scroll-behavior:smooth}
  body.page-home{
    font-family:var(--body);
    background:var(--ink);
    color:var(--cream);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  /* grain + glow atmosphere */
  body.page-home::before{
    content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:
      radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 120%, rgba(155,224,31,.06), transparent 60%);
  }
  body.page-home::after{
    content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  body.page-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-home a{color:inherit;text-decoration:none}
  body.page-home h1,
body.page-home h2,
body.page-home h3,
body.page-home h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-home .accent{color:var(--lime)}

  /* ===== HEADER ===== */
  body.page-home header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);
    background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-home .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-home .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center;gap:2px}
  body.page-home .logo b{color:var(--lime)}
  body.page-home .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-home .menu>li{position:relative}
  body.page-home .menu>li>a,
body.page-home .menu>li>.toplink{
    display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;
    font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-home .menu>li>a:hover,
body.page-home .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-home .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-home .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-home .dropdown{
    position:absolute;top:calc(100% + 10px);left:0;min-width:264px;
    background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;
    opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;
    box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-home .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-home .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-home .dropdown a:hover{background:var(--surface)}
  body.page-home .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-home .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-home .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;
    transition:.2s;font-size:.95rem}
  body.page-home .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-home .nav-right{display:flex;align-items:center;gap:14px}
  body.page-home .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-home .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  /* ===== HERO ===== */
  body.page-home .hero{padding:90px 0 70px;position:relative}
  body.page-home .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;
    letter-spacing:.12em;text-transform:uppercase;color:var(--lime);
    border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:28px}
  body.page-home .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-home .hero h1{font-size:clamp(2.8rem,7vw,5.4rem);font-weight:700;max-width:14ch}
  body.page-home .hero h1 em{font-style:normal;color:var(--lime);position:relative}
  body.page-home .hero p.lead{font-size:clamp(1.05rem,2vw,1.32rem);color:var(--muted);max-width:60ch;margin:28px 0 38px}
  body.page-home .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  body.page-home .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;
    transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-home .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
  body.page-home .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s}
  body.page-home .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-home .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px;
    border-top:1px solid var(--line-soft);padding-top:36px}
  body.page-home .stat .num{font-family:var(--display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--cream)}
  body.page-home .stat .num span{color:var(--lime)}
  body.page-home .stat .lbl{color:var(--muted);font-size:.92rem;margin-top:4px}

  body.page-home .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-home .d1{animation-delay:.05s}body.page-home .d2{animation-delay:.15s}body.page-home .d3{animation-delay:.25s}
  body.page-home .d4{animation-delay:.35s}body.page-home .d5{animation-delay:.45s}

  /* ===== SECTION GENERICS ===== */
  body.page-home section{position:relative;z-index:1}
  body.page-home .sec{padding:96px 0}
  body.page-home .sec-head{max-width:760px;margin-bottom:54px}
  body.page-home .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-home .sec-head h2{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:700}
  body.page-home .sec-head p{color:var(--muted);font-size:1.1rem;margin-top:18px}

  /* ===== OFERTA / USŁUGI ===== */
  body.page-home .services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  body.page-home .service{background:linear-gradient(160deg,var(--surface),var(--ink-2));
    border:1px solid var(--line-soft);border-radius:var(--r);padding:36px 34px;
    transition:.3s;position:relative;overflow:hidden}
  body.page-home .service::after{content:"";position:absolute;inset:0;border-radius:var(--r);
    background:radial-gradient(420px 220px at 100% 0%,rgba(196,255,90,.10),transparent 60%);
    opacity:0;transition:.3s}
  body.page-home .service:hover{border-color:var(--line);transform:translateY(-4px)}
  body.page-home .service:hover::after{opacity:1}
  body.page-home .service .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
    background:var(--ink);border:1px solid var(--line);font-size:1.5rem;margin-bottom:22px}
  body.page-home .service h3{font-size:1.5rem;margin-bottom:12px}
  body.page-home .service p{color:var(--muted);margin-bottom:22px;font-size:1.02rem}
  body.page-home .service .more{font-weight:600;color:var(--lime);display:inline-flex;align-items:center;gap:8px;font-size:.96rem}
  body.page-home .service .more svg{transition:.2s}
  body.page-home .service:hover .more svg{transform:translateX(5px)}
  body.page-home .service.tall{grid-row:span 1}

  /* ===== NARZĘDZIA ===== */
  body.page-home .tools-band{background:linear-gradient(180deg,transparent,rgba(196,255,90,.03),transparent)}
  body.page-home .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-home .tool{display:flex;gap:16px;align-items:flex-start;background:var(--ink-2);
    border:1px solid var(--line-soft);border-radius:14px;padding:22px;transition:.25s}
  body.page-home .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-home .tool .temoji{font-size:1.5rem;line-height:1;flex-shrink:0;width:44px;height:44px;border-radius:11px;
    background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center}
  body.page-home .tool h4{font-family:var(--display);font-size:1.12rem;font-weight:600;margin-bottom:4px}
  body.page-home .tool p{color:var(--muted);font-size:.9rem;line-height:1.45}

  /* ===== PROCES ===== */
  body.page-home .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  body.page-home .step{border-top:2px solid var(--line);padding-top:22px}
  body.page-home .step .n{font-family:var(--display);font-size:2.6rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-home .step h4{font-size:1.22rem;margin:14px 0 8px}
  body.page-home .step p{color:var(--muted);font-size:.96rem}

  /* ===== SEO CONTENT ===== */
  body.page-home .seo-content{max-width:880px}
  body.page-home .seo-content h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:24px}
  body.page-home .seo-content h3{font-size:1.4rem;margin:38px 0 14px;color:var(--cream)}
  body.page-home .seo-content p{color:var(--muted);margin-bottom:16px;font-size:1.06rem}
  body.page-home .seo-content strong{color:var(--cream);font-weight:600}
  body.page-home .seo-content ul{list-style:none;margin:10px 0 20px}
  body.page-home .seo-content li{color:var(--muted);padding-left:30px;position:relative;margin-bottom:12px;font-size:1.04rem}
  body.page-home .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* ===== FAQ ===== */
  body.page-home .faq{max-width:860px;margin:0 auto}
  body.page-home .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-home .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;
    padding:26px 8px;font-family:var(--display);font-size:1.22rem;font-weight:600;
    display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-home .faq-q:hover{color:var(--lime)}
  body.page-home .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative;transition:.3s}
  body.page-home .faq-q .plus::before,
body.page-home .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;
    top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-home .faq-q .plus::before{width:16px;height:2px}
  body.page-home .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-home .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-home .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  body.page-home .faq-a p{color:var(--muted);padding:0 8px 26px;font-size:1.04rem}

  /* ===== TESTIMONIALS ===== */
  body.page-home .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  body.page-home .quote{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:32px}
  body.page-home .quote .mark{font-family:var(--display);font-size:3rem;color:var(--lime);line-height:.6;height:26px}
  body.page-home .quote p{font-size:1.06rem;color:var(--cream);margin-bottom:22px}
  body.page-home .quote .who{display:flex;align-items:center;gap:13px}
  body.page-home .quote .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--teal));
    display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#0b0f0d}
  body.page-home .quote .who b{display:block;font-size:.96rem}
  body.page-home .quote .who small{color:var(--muted);font-size:.85rem}

  /* ===== BLOG ===== */
  body.page-home .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  body.page-home .post{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;transition:.25s}
  body.page-home .post:hover{transform:translateY(-4px);border-color:var(--line)}
  body.page-home .post .thumb{height:170px;background:linear-gradient(135deg,var(--surface-2),var(--ink));position:relative;overflow:hidden}
  body.page-home .post .thumb span{position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem;opacity:.5}
  body.page-home .post .body{padding:24px}
  body.page-home .post .date{color:var(--teal);font-size:.82rem;font-weight:600;letter-spacing:.05em}
  body.page-home .post h3{font-size:1.22rem;margin:10px 0 0;line-height:1.25}
  body.page-home .post:hover h3{color:var(--lime)}

  /* ===== CTA BAND ===== */
  body.page-home .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;
    padding:74px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-home .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;
    background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-home .cta-band h2{font-size:clamp(2rem,4.6vw,3.4rem);max-width:18ch;margin:0 auto;position:relative;color:#0b0f0d}
  body.page-home .cta-band p{position:relative;font-size:1.15rem;margin:18px auto 34px;max-width:48ch;color:#1a2410;font-weight:500}
  body.page-home .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:16px 38px;
    border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-home .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* ===== FOOTER ===== */
  body.page-home footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-home .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-home .foot-brand .logo{margin-bottom:18px}
  body.page-home .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-home .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;
    color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-home .foot-col ul{list-style:none}
  body.page-home .foot-col li{margin-bottom:11px}
  body.page-home .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-home .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-home .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-home .foot-social{display:flex;gap:12px}
  body.page-home .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);
    display:grid;place-items:center;transition:.2s}
  body.page-home .foot-social a:hover{border-color:var(--lime);color:var(--lime)}
  body.page-home .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-home .nap b{color:var(--cream)}

  /* ===== MOBILE ===== */
  body.page-home .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-home .services,
body.page-home .tools,
body.page-home .steps,
body.page-home .quotes,
body.page-home .posts{grid-template-columns:1fr 1fr}
    body.page-home .stats{grid-template-columns:1fr 1fr;gap:30px}
    body.page-home .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-home .menu,
body.page-home .nav-right .cta{display:none}
    body.page-home .burger{display:flex}
    body.page-home .services,
body.page-home .tools,
body.page-home .steps,
body.page-home .quotes,
body.page-home .posts,
body.page-home .stats,
body.page-home .foot-grid{grid-template-columns:1fr}
    body.page-home .sec{padding:64px 0}
    body.page-home .cta-band{padding:48px 26px}
    body.page-home .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);
      transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-home .mobile-menu.on{transform:translateX(0)}
    body.page-home .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;
      border-bottom:1px solid var(--line-soft)}
    body.page-home .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
      margin:24px 6px 6px;font-weight:700}
    body.page-home .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-home.lock{overflow:hidden}
    body.page-home .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-home .burger.on span:nth-child(2){opacity:0}
    body.page-home .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: doradztwo-marketingowe
   ========================================================================== */
body.page-doradztwo-marketingowe{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-doradztwo-marketingowe,
body.page-doradztwo-marketingowe *{margin:0;padding:0;box-sizing:border-box}
  body.page-doradztwo-marketingowe{scroll-behavior:smooth}
  body.page-doradztwo-marketingowe{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-doradztwo-marketingowe::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-doradztwo-marketingowe::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-doradztwo-marketingowe .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-doradztwo-marketingowe a{color:inherit;text-decoration:none}
  body.page-doradztwo-marketingowe h1,
body.page-doradztwo-marketingowe h2,
body.page-doradztwo-marketingowe h3,
body.page-doradztwo-marketingowe h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-doradztwo-marketingowe .accent{color:var(--lime)}
  body.page-doradztwo-marketingowe section{position:relative;z-index:1}

  /* HEADER */
  body.page-doradztwo-marketingowe header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-doradztwo-marketingowe .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-doradztwo-marketingowe .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-doradztwo-marketingowe .logo b{color:var(--lime)}
  body.page-doradztwo-marketingowe .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-doradztwo-marketingowe .menu>li{position:relative}
  body.page-doradztwo-marketingowe .menu>li>a,
body.page-doradztwo-marketingowe .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-doradztwo-marketingowe .menu>li>a:hover,
body.page-doradztwo-marketingowe .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-doradztwo-marketingowe .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-doradztwo-marketingowe .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-doradztwo-marketingowe .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-doradztwo-marketingowe .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-doradztwo-marketingowe .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-doradztwo-marketingowe .dropdown a:hover{background:var(--surface)}
  body.page-doradztwo-marketingowe .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-doradztwo-marketingowe .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-doradztwo-marketingowe .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-doradztwo-marketingowe .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-doradztwo-marketingowe .nav-right{display:flex;align-items:center;gap:14px}
  body.page-doradztwo-marketingowe .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-doradztwo-marketingowe .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-doradztwo-marketingowe .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-doradztwo-marketingowe .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-doradztwo-marketingowe .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-doradztwo-marketingowe .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* BREADCRUMB + HERO */
  body.page-doradztwo-marketingowe .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-doradztwo-marketingowe .crumb a:hover{color:var(--lime)}
  body.page-doradztwo-marketingowe .crumb span{color:var(--muted-2)}
  body.page-doradztwo-marketingowe .phero{padding:38px 0 64px}
  body.page-doradztwo-marketingowe .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
  body.page-doradztwo-marketingowe .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-doradztwo-marketingowe .phero h1{font-size:clamp(2.6rem,6.4vw,4.8rem);font-weight:700;max-width:16ch}
  body.page-doradztwo-marketingowe .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-doradztwo-marketingowe .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:62ch;margin:26px 0 36px}
  body.page-doradztwo-marketingowe .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
  body.page-doradztwo-marketingowe .trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:46px;border-top:1px solid var(--line-soft);padding-top:30px}
  body.page-doradztwo-marketingowe .trust div{font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:9px}
  body.page-doradztwo-marketingowe .trust b{color:var(--cream)}body.page-doradztwo-marketingowe .trust .ok{color:var(--lime)}

  body.page-doradztwo-marketingowe .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-doradztwo-marketingowe .d1{animation-delay:.05s}body.page-doradztwo-marketingowe .d2{animation-delay:.15s}body.page-doradztwo-marketingowe .d3{animation-delay:.25s}body.page-doradztwo-marketingowe .d4{animation-delay:.35s}

  body.page-doradztwo-marketingowe .sec{padding:90px 0}
  body.page-doradztwo-marketingowe .sec-head{max-width:760px;margin-bottom:50px}
  body.page-doradztwo-marketingowe .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-doradztwo-marketingowe .sec-head h2{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700}
  body.page-doradztwo-marketingowe .sec-head p{color:var(--muted);font-size:1.1rem;margin-top:18px}

  /* NLP CALLOUT */
  body.page-doradztwo-marketingowe .nlp{max-width:880px;margin:0 auto;text-align:center}
  body.page-doradztwo-marketingowe .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
  body.page-doradztwo-marketingowe .nlp p .accent{color:var(--lime)}
  body.page-doradztwo-marketingowe .nlp .sub{font-family:var(--body);font-size:1.08rem;color:var(--muted);max-width:60ch;margin:26px auto 0;font-weight:400;line-height:1.6}
  body.page-doradztwo-marketingowe .yesset{display:grid;gap:14px;max-width:720px;margin:44px auto 0}
  body.page-doradztwo-marketingowe .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.05rem}
  body.page-doradztwo-marketingowe .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}

  /* SERVICES GRID */
  body.page-doradztwo-marketingowe .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  body.page-doradztwo-marketingowe .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
  body.page-doradztwo-marketingowe .card:hover{border-color:var(--line);transform:translateY(-4px)}
  body.page-doradztwo-marketingowe .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
  body.page-doradztwo-marketingowe .card h3{font-size:1.3rem;margin-bottom:10px}
  body.page-doradztwo-marketingowe .card p{color:var(--muted);font-size:.98rem}

  /* INTERIM MANAGER */
  body.page-doradztwo-marketingowe .interim{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
  body.page-doradztwo-marketingowe .interim::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 340px at 0% 0%,rgba(47,212,168,.10),transparent 60%);pointer-events:none}
  body.page-doradztwo-marketingowe .interim-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;position:relative}
  body.page-doradztwo-marketingowe .interim .tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:20px}
  body.page-doradztwo-marketingowe .interim h3{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:16px}
  body.page-doradztwo-marketingowe .interim h3 .accent{color:var(--lime)}
  body.page-doradztwo-marketingowe .interim p{color:var(--muted);font-size:1.06rem;margin-bottom:16px}
  body.page-doradztwo-marketingowe .when{list-style:none}
  body.page-doradztwo-marketingowe .when li{background:var(--ink);border:1px solid var(--line-soft);border-radius:13px;padding:16px 18px;margin-bottom:12px;display:flex;gap:13px;align-items:flex-start;font-size:1rem}
  body.page-doradztwo-marketingowe .when .e{font-size:1.2rem;line-height:1.2;flex-shrink:0}
  body.page-doradztwo-marketingowe .when b{color:var(--cream);font-weight:600}
  body.page-doradztwo-marketingowe .when span{color:var(--muted)}
  body.page-doradztwo-marketingowe .interim-cta{margin-top:24px}

  /* CASE STUDY */
  body.page-doradztwo-marketingowe .case-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
  body.page-doradztwo-marketingowe .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
  body.page-doradztwo-marketingowe .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-doradztwo-marketingowe .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
  body.page-doradztwo-marketingowe .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch;margin-bottom:14px}
  body.page-doradztwo-marketingowe .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
  body.page-doradztwo-marketingowe .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
  body.page-doradztwo-marketingowe .metric .big{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--lime);line-height:1}
  body.page-doradztwo-marketingowe .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
  body.page-doradztwo-marketingowe .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
  body.page-doradztwo-marketingowe .ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
  body.page-doradztwo-marketingowe .ba .box{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:24px}
  body.page-doradztwo-marketingowe .ba .box .t{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin-bottom:14px}
  body.page-doradztwo-marketingowe .bar{height:11px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:10px 0 6px}
  body.page-doradztwo-marketingowe .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--lime-deep),var(--lime))}
  body.page-doradztwo-marketingowe .ba .before .bar i{background:linear-gradient(90deg,#3a4438,#566150)}
  body.page-doradztwo-marketingowe .ba .row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}
  body.page-doradztwo-marketingowe .ba .row b{color:var(--cream)}
  body.page-doradztwo-marketingowe .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
  body.page-doradztwo-marketingowe .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}
  body.page-doradztwo-marketingowe .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
  body.page-doradztwo-marketingowe .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
  body.page-doradztwo-marketingowe .mini .num{font-family:var(--display);font-size:2.4rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-doradztwo-marketingowe .mini h4{font-size:1.08rem;margin:10px 0 6px}
  body.page-doradztwo-marketingowe .mini p{color:var(--muted);font-size:.92rem}

  /* PROCESS */
  body.page-doradztwo-marketingowe .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  body.page-doradztwo-marketingowe .step{border-top:2px solid var(--line);padding-top:22px}
  body.page-doradztwo-marketingowe .step .n{font-family:var(--display);font-size:2.6rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-doradztwo-marketingowe .step h4{font-size:1.2rem;margin:14px 0 8px}
  body.page-doradztwo-marketingowe .step p{color:var(--muted);font-size:.95rem}

  /* PRICING */
  body.page-doradztwo-marketingowe .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
  body.page-doradztwo-marketingowe .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:34px;transition:.3s;position:relative}
  body.page-doradztwo-marketingowe .plan:hover{transform:translateY(-5px);border-color:var(--line)}
  body.page-doradztwo-marketingowe .plan.feat{border-color:var(--lime);background:linear-gradient(170deg,rgba(196,255,90,.06),var(--ink-2))}
  body.page-doradztwo-marketingowe .plan .badge{position:absolute;top:-12px;left:34px;background:var(--lime);color:#0b0f0d;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
  body.page-doradztwo-marketingowe .plan h3{font-size:1.5rem;margin-bottom:6px}
  body.page-doradztwo-marketingowe .plan .for{color:var(--muted);font-size:.92rem;min-height:42px}
  body.page-doradztwo-marketingowe .plan .price{font-family:var(--display);font-size:1.05rem;color:var(--lime);font-weight:600;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
  body.page-doradztwo-marketingowe .plan ul{list-style:none;margin-bottom:28px}
  body.page-doradztwo-marketingowe .plan li{color:var(--muted);font-size:.96rem;padding-left:28px;position:relative;margin-bottom:12px}
  body.page-doradztwo-marketingowe .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
  body.page-doradztwo-marketingowe .plan .pcta{display:block;text-align:center;padding:13px;border-radius:999px;font-weight:700;transition:.2s}
  body.page-doradztwo-marketingowe .plan .pcta.ghost{border:1px solid var(--line-soft)}
  body.page-doradztwo-marketingowe .plan .pcta.ghost:hover{border-color:var(--lime);color:var(--lime)}
  body.page-doradztwo-marketingowe .plan .pcta.full{background:var(--lime);color:#0b0f0d}
  body.page-doradztwo-marketingowe .plan .pcta.full:hover{background:#d8ff85}

  /* SEO CONTENT */
  body.page-doradztwo-marketingowe .seo-content{max-width:880px}
  body.page-doradztwo-marketingowe .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:22px}
  body.page-doradztwo-marketingowe .seo-content h3{font-size:1.35rem;margin:36px 0 12px}
  body.page-doradztwo-marketingowe .seo-content p{color:var(--muted);margin-bottom:15px;font-size:1.05rem}
  body.page-doradztwo-marketingowe .seo-content strong{color:var(--cream);font-weight:600}
  body.page-doradztwo-marketingowe .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-doradztwo-marketingowe .seo-content ul{list-style:none;margin:8px 0 18px}
  body.page-doradztwo-marketingowe .seo-content li{color:var(--muted);padding-left:28px;position:relative;margin-bottom:11px;font-size:1.03rem}
  body.page-doradztwo-marketingowe .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* FAQ */
  body.page-doradztwo-marketingowe .faq{max-width:860px;margin:0 auto}
  body.page-doradztwo-marketingowe .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-doradztwo-marketingowe .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:26px 8px;font-family:var(--display);font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-doradztwo-marketingowe .faq-q:hover{color:var(--lime)}
  body.page-doradztwo-marketingowe .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-doradztwo-marketingowe .faq-q .plus::before,
body.page-doradztwo-marketingowe .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-doradztwo-marketingowe .faq-q .plus::before{width:16px;height:2px}
  body.page-doradztwo-marketingowe .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-doradztwo-marketingowe .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-doradztwo-marketingowe .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  body.page-doradztwo-marketingowe .faq-a p{color:var(--muted);padding:0 8px 26px;font-size:1.03rem}

  /* CTA BAND */
  body.page-doradztwo-marketingowe .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:72px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-doradztwo-marketingowe .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-doradztwo-marketingowe .cta-band h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:20ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-doradztwo-marketingowe .cta-band p{position:relative;font-size:1.12rem;margin:18px auto 34px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-doradztwo-marketingowe .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:16px 38px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-doradztwo-marketingowe .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-doradztwo-marketingowe footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-doradztwo-marketingowe .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-doradztwo-marketingowe .foot-brand .logo{margin-bottom:18px}
  body.page-doradztwo-marketingowe .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-doradztwo-marketingowe .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-doradztwo-marketingowe .nap b{color:var(--cream)}body.page-doradztwo-marketingowe .nap a:hover{color:var(--lime)}
  body.page-doradztwo-marketingowe .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-doradztwo-marketingowe .foot-col ul{list-style:none}body.page-doradztwo-marketingowe .foot-col li{margin-bottom:11px}
  body.page-doradztwo-marketingowe .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-doradztwo-marketingowe .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-doradztwo-marketingowe .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-doradztwo-marketingowe .foot-social{display:flex;gap:12px}
  body.page-doradztwo-marketingowe .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-doradztwo-marketingowe .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-doradztwo-marketingowe .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-doradztwo-marketingowe .grid3,
body.page-doradztwo-marketingowe .steps,
body.page-doradztwo-marketingowe .pricing,
body.page-doradztwo-marketingowe .mini-cases{grid-template-columns:1fr 1fr}
    body.page-doradztwo-marketingowe .metrics{grid-template-columns:1fr 1fr}
    body.page-doradztwo-marketingowe .interim-grid{grid-template-columns:1fr;gap:30px}
    body.page-doradztwo-marketingowe .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-doradztwo-marketingowe .menu,
body.page-doradztwo-marketingowe .nav-right .cta{display:none}
    body.page-doradztwo-marketingowe .burger{display:flex}
    body.page-doradztwo-marketingowe .grid3,
body.page-doradztwo-marketingowe .steps,
body.page-doradztwo-marketingowe .pricing,
body.page-doradztwo-marketingowe .mini-cases,
body.page-doradztwo-marketingowe .metrics,
body.page-doradztwo-marketingowe .ba,
body.page-doradztwo-marketingowe .foot-grid{grid-template-columns:1fr}
    body.page-doradztwo-marketingowe .sec{padding:60px 0}body.page-doradztwo-marketingowe .case,
body.page-doradztwo-marketingowe .interim{padding:30px}body.page-doradztwo-marketingowe .cta-band{padding:46px 24px}
    body.page-doradztwo-marketingowe .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-doradztwo-marketingowe .mobile-menu.on{transform:translateX(0)}
    body.page-doradztwo-marketingowe .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-doradztwo-marketingowe .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-doradztwo-marketingowe .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-doradztwo-marketingowe.lock{overflow:hidden}
    body.page-doradztwo-marketingowe .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-doradztwo-marketingowe .burger.on span:nth-child(2){opacity:0}
    body.page-doradztwo-marketingowe .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: pozycjonowanie-stron
   ========================================================================== */
body.page-pozycjonowanie-stron{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-pozycjonowanie-stron,
body.page-pozycjonowanie-stron *{margin:0;padding:0;box-sizing:border-box}
  body.page-pozycjonowanie-stron{scroll-behavior:smooth}
  body.page-pozycjonowanie-stron{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-pozycjonowanie-stron::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-pozycjonowanie-stron::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-pozycjonowanie-stron .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-pozycjonowanie-stron a{color:inherit;text-decoration:none}
  body.page-pozycjonowanie-stron h1,
body.page-pozycjonowanie-stron h2,
body.page-pozycjonowanie-stron h3,
body.page-pozycjonowanie-stron h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-pozycjonowanie-stron .accent{color:var(--lime)}
  body.page-pozycjonowanie-stron section{position:relative;z-index:1}

  /* HEADER */
  body.page-pozycjonowanie-stron header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-pozycjonowanie-stron .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-pozycjonowanie-stron .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-pozycjonowanie-stron .logo b{color:var(--lime)}
  body.page-pozycjonowanie-stron .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-pozycjonowanie-stron .menu>li{position:relative}
  body.page-pozycjonowanie-stron .menu>li>a,
body.page-pozycjonowanie-stron .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-pozycjonowanie-stron .menu>li>a:hover,
body.page-pozycjonowanie-stron .menu>li>.toplink:hover,
body.page-pozycjonowanie-stron .menu>li>a[aria-current]{background:var(--surface);color:var(--lime)}
  body.page-pozycjonowanie-stron .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-pozycjonowanie-stron .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-pozycjonowanie-stron .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-pozycjonowanie-stron .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-pozycjonowanie-stron .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-pozycjonowanie-stron .dropdown a:hover{background:var(--surface)}
  body.page-pozycjonowanie-stron .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-pozycjonowanie-stron .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-pozycjonowanie-stron .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-pozycjonowanie-stron .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-pozycjonowanie-stron .nav-right{display:flex;align-items:center;gap:14px}
  body.page-pozycjonowanie-stron .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-pozycjonowanie-stron .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-pozycjonowanie-stron .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-pozycjonowanie-stron .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-pozycjonowanie-stron .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-pozycjonowanie-stron .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* BREADCRUMB + HERO */
  body.page-pozycjonowanie-stron .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-pozycjonowanie-stron .crumb a:hover{color:var(--lime)}
  body.page-pozycjonowanie-stron .crumb span{color:var(--muted-2)}
  body.page-pozycjonowanie-stron .phero{padding:38px 0 64px}
  body.page-pozycjonowanie-stron .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
  body.page-pozycjonowanie-stron .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-pozycjonowanie-stron .phero h1{font-size:clamp(2.6rem,6.4vw,4.8rem);font-weight:700;max-width:16ch}
  body.page-pozycjonowanie-stron .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-pozycjonowanie-stron .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:62ch;margin:26px 0 36px}
  body.page-pozycjonowanie-stron .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
  body.page-pozycjonowanie-stron .trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:46px;border-top:1px solid var(--line-soft);padding-top:30px}
  body.page-pozycjonowanie-stron .trust div{font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:9px}
  body.page-pozycjonowanie-stron .trust b{color:var(--cream)}
  body.page-pozycjonowanie-stron .trust .ok{color:var(--lime)}

  body.page-pozycjonowanie-stron .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-pozycjonowanie-stron .d1{animation-delay:.05s}body.page-pozycjonowanie-stron .d2{animation-delay:.15s}body.page-pozycjonowanie-stron .d3{animation-delay:.25s}body.page-pozycjonowanie-stron .d4{animation-delay:.35s}

  body.page-pozycjonowanie-stron .sec{padding:90px 0}
  body.page-pozycjonowanie-stron .sec-head{max-width:760px;margin-bottom:50px}
  body.page-pozycjonowanie-stron .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-pozycjonowanie-stron .sec-head h2{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700}
  body.page-pozycjonowanie-stron .sec-head p{color:var(--muted);font-size:1.1rem;margin-top:18px}

  /* NLP CALLOUT */
  body.page-pozycjonowanie-stron .nlp{max-width:880px;margin:0 auto;text-align:center}
  body.page-pozycjonowanie-stron .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
  body.page-pozycjonowanie-stron .nlp p .accent{color:var(--lime)}
  body.page-pozycjonowanie-stron .nlp .sub{font-family:var(--body);font-size:1.08rem;color:var(--muted);max-width:60ch;margin:26px auto 0;font-weight:400;line-height:1.6}
  body.page-pozycjonowanie-stron .yesset{display:grid;gap:14px;max-width:720px;margin:44px auto 0}
  body.page-pozycjonowanie-stron .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.05rem}
  body.page-pozycjonowanie-stron .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}

  /* SERVICES GRID */
  body.page-pozycjonowanie-stron .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  body.page-pozycjonowanie-stron .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
  body.page-pozycjonowanie-stron .card:hover{border-color:var(--line);transform:translateY(-4px)}
  body.page-pozycjonowanie-stron .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
  body.page-pozycjonowanie-stron .card h3{font-size:1.3rem;margin-bottom:10px}
  body.page-pozycjonowanie-stron .card p{color:var(--muted);font-size:.98rem}

  /* CASE STUDY */
  body.page-pozycjonowanie-stron .case-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
  body.page-pozycjonowanie-stron .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
  body.page-pozycjonowanie-stron .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-pozycjonowanie-stron .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
  body.page-pozycjonowanie-stron .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:20ch;margin-bottom:14px}
  body.page-pozycjonowanie-stron .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
  body.page-pozycjonowanie-stron .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
  body.page-pozycjonowanie-stron .metric .big{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--lime);line-height:1}
  body.page-pozycjonowanie-stron .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
  body.page-pozycjonowanie-stron .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
  body.page-pozycjonowanie-stron .ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
  body.page-pozycjonowanie-stron .ba .box{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:24px}
  body.page-pozycjonowanie-stron .ba .box .t{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin-bottom:14px}
  body.page-pozycjonowanie-stron .bar{height:11px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:10px 0 6px}
  body.page-pozycjonowanie-stron .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--lime-deep),var(--lime))}
  body.page-pozycjonowanie-stron .ba .before .bar i{background:linear-gradient(90deg,#3a4438,#566150)}
  body.page-pozycjonowanie-stron .ba .row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}
  body.page-pozycjonowanie-stron .ba .row b{color:var(--cream)}
  body.page-pozycjonowanie-stron .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
  body.page-pozycjonowanie-stron .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}

  body.page-pozycjonowanie-stron .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
  body.page-pozycjonowanie-stron .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
  body.page-pozycjonowanie-stron .mini .num{font-family:var(--display);font-size:2.4rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-pozycjonowanie-stron .mini h4{font-size:1.08rem;margin:10px 0 6px}
  body.page-pozycjonowanie-stron .mini p{color:var(--muted);font-size:.92rem}

  /* PROCESS */
  body.page-pozycjonowanie-stron .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  body.page-pozycjonowanie-stron .step{border-top:2px solid var(--line);padding-top:22px}
  body.page-pozycjonowanie-stron .step .n{font-family:var(--display);font-size:2.6rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-pozycjonowanie-stron .step h4{font-size:1.2rem;margin:14px 0 8px}
  body.page-pozycjonowanie-stron .step p{color:var(--muted);font-size:.95rem}

  /* PRICING */
  body.page-pozycjonowanie-stron .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
  body.page-pozycjonowanie-stron .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:34px;transition:.3s;position:relative}
  body.page-pozycjonowanie-stron .plan:hover{transform:translateY(-5px);border-color:var(--line)}
  body.page-pozycjonowanie-stron .plan.feat{border-color:var(--lime);background:linear-gradient(170deg,rgba(196,255,90,.06),var(--ink-2))}
  body.page-pozycjonowanie-stron .plan .badge{position:absolute;top:-12px;left:34px;background:var(--lime);color:#0b0f0d;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
  body.page-pozycjonowanie-stron .plan h3{font-size:1.5rem;margin-bottom:6px}
  body.page-pozycjonowanie-stron .plan .for{color:var(--muted);font-size:.92rem;min-height:42px}
  body.page-pozycjonowanie-stron .plan .price{font-family:var(--display);font-size:1.05rem;color:var(--lime);font-weight:600;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
  body.page-pozycjonowanie-stron .plan ul{list-style:none;margin-bottom:28px}
  body.page-pozycjonowanie-stron .plan li{color:var(--muted);font-size:.96rem;padding-left:28px;position:relative;margin-bottom:12px}
  body.page-pozycjonowanie-stron .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
  body.page-pozycjonowanie-stron .plan .pcta{display:block;text-align:center;padding:13px;border-radius:999px;font-weight:700;transition:.2s}
  body.page-pozycjonowanie-stron .plan .pcta.ghost{border:1px solid var(--line-soft)}
  body.page-pozycjonowanie-stron .plan .pcta.ghost:hover{border-color:var(--lime);color:var(--lime)}
  body.page-pozycjonowanie-stron .plan .pcta.full{background:var(--lime);color:#0b0f0d}
  body.page-pozycjonowanie-stron .plan .pcta.full:hover{background:#d8ff85}

  /* SEO CONTENT */
  body.page-pozycjonowanie-stron .seo-content{max-width:880px}
  body.page-pozycjonowanie-stron .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:22px}
  body.page-pozycjonowanie-stron .seo-content h3{font-size:1.35rem;margin:36px 0 12px}
  body.page-pozycjonowanie-stron .seo-content p{color:var(--muted);margin-bottom:15px;font-size:1.05rem}
  body.page-pozycjonowanie-stron .seo-content strong{color:var(--cream);font-weight:600}
  body.page-pozycjonowanie-stron .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-pozycjonowanie-stron .seo-content ul{list-style:none;margin:8px 0 18px}
  body.page-pozycjonowanie-stron .seo-content li{color:var(--muted);padding-left:28px;position:relative;margin-bottom:11px;font-size:1.03rem}
  body.page-pozycjonowanie-stron .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* FAQ */
  body.page-pozycjonowanie-stron .faq{max-width:860px;margin:0 auto}
  body.page-pozycjonowanie-stron .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-pozycjonowanie-stron .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:26px 8px;font-family:var(--display);font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-pozycjonowanie-stron .faq-q:hover{color:var(--lime)}
  body.page-pozycjonowanie-stron .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-pozycjonowanie-stron .faq-q .plus::before,
body.page-pozycjonowanie-stron .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-pozycjonowanie-stron .faq-q .plus::before{width:16px;height:2px}
  body.page-pozycjonowanie-stron .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-pozycjonowanie-stron .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-pozycjonowanie-stron .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  body.page-pozycjonowanie-stron .faq-a p{color:var(--muted);padding:0 8px 26px;font-size:1.03rem}

  /* CTA BAND */
  body.page-pozycjonowanie-stron .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:72px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-pozycjonowanie-stron .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-pozycjonowanie-stron .cta-band h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:20ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-pozycjonowanie-stron .cta-band p{position:relative;font-size:1.12rem;margin:18px auto 34px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-pozycjonowanie-stron .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:16px 38px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-pozycjonowanie-stron .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-pozycjonowanie-stron footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-pozycjonowanie-stron .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-pozycjonowanie-stron .foot-brand .logo{margin-bottom:18px}
  body.page-pozycjonowanie-stron .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-pozycjonowanie-stron .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-pozycjonowanie-stron .nap b{color:var(--cream)}body.page-pozycjonowanie-stron .nap a:hover{color:var(--lime)}
  body.page-pozycjonowanie-stron .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-pozycjonowanie-stron .foot-col ul{list-style:none}body.page-pozycjonowanie-stron .foot-col li{margin-bottom:11px}
  body.page-pozycjonowanie-stron .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-pozycjonowanie-stron .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-pozycjonowanie-stron .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-pozycjonowanie-stron .foot-social{display:flex;gap:12px}
  body.page-pozycjonowanie-stron .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-pozycjonowanie-stron .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-pozycjonowanie-stron .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-pozycjonowanie-stron .grid3,
body.page-pozycjonowanie-stron .steps,
body.page-pozycjonowanie-stron .pricing,
body.page-pozycjonowanie-stron .mini-cases{grid-template-columns:1fr 1fr}
    body.page-pozycjonowanie-stron .metrics{grid-template-columns:1fr 1fr}
    body.page-pozycjonowanie-stron .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-pozycjonowanie-stron .menu,
body.page-pozycjonowanie-stron .nav-right .cta{display:none}
    body.page-pozycjonowanie-stron .burger{display:flex}
    body.page-pozycjonowanie-stron .grid3,
body.page-pozycjonowanie-stron .steps,
body.page-pozycjonowanie-stron .pricing,
body.page-pozycjonowanie-stron .mini-cases,
body.page-pozycjonowanie-stron .metrics,
body.page-pozycjonowanie-stron .ba,
body.page-pozycjonowanie-stron .foot-grid{grid-template-columns:1fr}
    body.page-pozycjonowanie-stron .sec{padding:60px 0}body.page-pozycjonowanie-stron .case{padding:30px}body.page-pozycjonowanie-stron .cta-band{padding:46px 24px}
    body.page-pozycjonowanie-stron .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-pozycjonowanie-stron .mobile-menu.on{transform:translateX(0)}
    body.page-pozycjonowanie-stron .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-pozycjonowanie-stron .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-pozycjonowanie-stron .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-pozycjonowanie-stron.lock{overflow:hidden}
    body.page-pozycjonowanie-stron .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-pozycjonowanie-stron .burger.on span:nth-child(2){opacity:0}
    body.page-pozycjonowanie-stron .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: system-kolejkowy
   ========================================================================== */
body.page-system-kolejkowy{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-system-kolejkowy,
body.page-system-kolejkowy *{margin:0;padding:0;box-sizing:border-box}
  body.page-system-kolejkowy{scroll-behavior:smooth}
  body.page-system-kolejkowy{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-system-kolejkowy::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-system-kolejkowy::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-system-kolejkowy .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-system-kolejkowy a{color:inherit;text-decoration:none}
  body.page-system-kolejkowy h1,
body.page-system-kolejkowy h2,
body.page-system-kolejkowy h3,
body.page-system-kolejkowy h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-system-kolejkowy .accent{color:var(--lime)}
  body.page-system-kolejkowy section{position:relative;z-index:1}

  /* HEADER */
  body.page-system-kolejkowy header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-system-kolejkowy .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-system-kolejkowy .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-system-kolejkowy .logo b{color:var(--lime)}
  body.page-system-kolejkowy .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-system-kolejkowy .menu>li{position:relative}
  body.page-system-kolejkowy .menu>li>a,
body.page-system-kolejkowy .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-system-kolejkowy .menu>li>a:hover,
body.page-system-kolejkowy .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-system-kolejkowy .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-system-kolejkowy .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-system-kolejkowy .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-system-kolejkowy .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-system-kolejkowy .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-system-kolejkowy .dropdown a:hover{background:var(--surface)}
  body.page-system-kolejkowy .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-system-kolejkowy .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-system-kolejkowy .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-system-kolejkowy .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-system-kolejkowy .nav-right{display:flex;align-items:center;gap:14px}
  body.page-system-kolejkowy .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-system-kolejkowy .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-system-kolejkowy .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-system-kolejkowy .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-system-kolejkowy .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-system-kolejkowy .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* BREADCRUMB + HERO */
  body.page-system-kolejkowy .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-system-kolejkowy .crumb a:hover{color:var(--lime)}
  body.page-system-kolejkowy .crumb span{color:var(--muted-2)}
  body.page-system-kolejkowy .phero{padding:38px 0 64px}
  body.page-system-kolejkowy .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
  body.page-system-kolejkowy .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-system-kolejkowy .phero h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:700;max-width:18ch}
  body.page-system-kolejkowy .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-system-kolejkowy .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:64ch;margin:26px 0 36px}
  body.page-system-kolejkowy .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
  body.page-system-kolejkowy .trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:46px;border-top:1px solid var(--line-soft);padding-top:30px}
  body.page-system-kolejkowy .trust div{font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:9px}
  body.page-system-kolejkowy .trust b{color:var(--cream)}body.page-system-kolejkowy .trust .ok{color:var(--lime)}

  body.page-system-kolejkowy .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-system-kolejkowy .d1{animation-delay:.05s}body.page-system-kolejkowy .d2{animation-delay:.15s}body.page-system-kolejkowy .d3{animation-delay:.25s}body.page-system-kolejkowy .d4{animation-delay:.35s}

  body.page-system-kolejkowy .sec{padding:90px 0}
  body.page-system-kolejkowy .sec-head{max-width:760px;margin-bottom:50px}
  body.page-system-kolejkowy .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-system-kolejkowy .sec-head h2{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700}
  body.page-system-kolejkowy .sec-head p{color:var(--muted);font-size:1.1rem;margin-top:18px}

  /* NLP CALLOUT */
  body.page-system-kolejkowy .nlp{max-width:880px;margin:0 auto;text-align:center}
  body.page-system-kolejkowy .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
  body.page-system-kolejkowy .nlp p .accent{color:var(--lime)}
  body.page-system-kolejkowy .nlp .sub{font-family:var(--body);font-size:1.08rem;color:var(--muted);max-width:62ch;margin:26px auto 0;font-weight:400;line-height:1.6}
  body.page-system-kolejkowy .yesset{display:grid;gap:14px;max-width:720px;margin:44px auto 0}
  body.page-system-kolejkowy .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.05rem}
  body.page-system-kolejkowy .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}

  /* GRID */
  body.page-system-kolejkowy .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  body.page-system-kolejkowy .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
  body.page-system-kolejkowy .card:hover{border-color:var(--line);transform:translateY(-4px)}
  body.page-system-kolejkowy .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
  body.page-system-kolejkowy .card h3{font-size:1.3rem;margin-bottom:10px}
  body.page-system-kolejkowy .card p{color:var(--muted);font-size:.98rem}

  /* CASE STUDY */
  body.page-system-kolejkowy .case-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
  body.page-system-kolejkowy .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
  body.page-system-kolejkowy .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-system-kolejkowy .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
  body.page-system-kolejkowy .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch;margin-bottom:14px}
  body.page-system-kolejkowy .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
  body.page-system-kolejkowy .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
  body.page-system-kolejkowy .metric .big{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--lime);line-height:1}
  body.page-system-kolejkowy .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
  body.page-system-kolejkowy .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
  body.page-system-kolejkowy .ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
  body.page-system-kolejkowy .ba .box{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:24px}
  body.page-system-kolejkowy .ba .box .t{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin-bottom:14px}
  body.page-system-kolejkowy .bar{height:11px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:10px 0 6px}
  body.page-system-kolejkowy .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--lime-deep),var(--lime))}
  body.page-system-kolejkowy .ba .before .bar i{background:linear-gradient(90deg,#3a4438,#566150)}
  body.page-system-kolejkowy .ba .row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted)}
  body.page-system-kolejkowy .ba .row b{color:var(--cream)}
  body.page-system-kolejkowy .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
  body.page-system-kolejkowy .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}
  body.page-system-kolejkowy .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
  body.page-system-kolejkowy .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
  body.page-system-kolejkowy .mini .num{font-family:var(--display);font-size:2.4rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-system-kolejkowy .mini h4{font-size:1.08rem;margin:10px 0 6px}
  body.page-system-kolejkowy .mini p{color:var(--muted);font-size:.92rem}

  /* PROCESS */
  body.page-system-kolejkowy .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  body.page-system-kolejkowy .step{border-top:2px solid var(--line);padding-top:22px}
  body.page-system-kolejkowy .step .n{font-family:var(--display);font-size:2.6rem;font-weight:700;color:var(--lime);line-height:1}
  body.page-system-kolejkowy .step h4{font-size:1.2rem;margin:14px 0 8px}
  body.page-system-kolejkowy .step p{color:var(--muted);font-size:.95rem}

  /* BRANŻE (warianty) */
  body.page-system-kolejkowy .plans{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}
  body.page-system-kolejkowy .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:34px;transition:.3s;position:relative}
  body.page-system-kolejkowy .plan:hover{transform:translateY(-5px);border-color:var(--line)}
  body.page-system-kolejkowy .plan .pico{font-size:1.7rem;margin-bottom:14px}
  body.page-system-kolejkowy .plan h3{font-size:1.45rem;margin-bottom:8px}
  body.page-system-kolejkowy .plan .for{color:var(--muted);font-size:.98rem;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
  body.page-system-kolejkowy .plan ul{list-style:none;margin-bottom:26px}
  body.page-system-kolejkowy .plan li{color:var(--muted);font-size:.96rem;padding-left:28px;position:relative;margin-bottom:11px}
  body.page-system-kolejkowy .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
  body.page-system-kolejkowy .plan .pcta{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--lime)}
  body.page-system-kolejkowy .plan .pcta svg{transition:.2s}
  body.page-system-kolejkowy .plan:hover .pcta svg{transform:translateX(5px)}

  /* WDROŻENIE checklist */
  body.page-system-kolejkowy .deploy{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:46px}
  body.page-system-kolejkowy .deploy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin-top:8px}
  body.page-system-kolejkowy .deploy h3{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:8px}
  body.page-system-kolejkowy .deploy .ds{color:var(--muted);font-size:1.05rem;margin-bottom:28px;max-width:60ch}
  body.page-system-kolejkowy .dl{display:flex;gap:13px;align-items:flex-start;font-size:1rem;color:var(--muted)}
  body.page-system-kolejkowy .dl .c{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.8rem;margin-top:1px}

  /* SEO CONTENT */
  body.page-system-kolejkowy .seo-content{max-width:880px}
  body.page-system-kolejkowy .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:22px}
  body.page-system-kolejkowy .seo-content h3{font-size:1.35rem;margin:36px 0 12px}
  body.page-system-kolejkowy .seo-content p{color:var(--muted);margin-bottom:15px;font-size:1.05rem}
  body.page-system-kolejkowy .seo-content strong{color:var(--cream);font-weight:600}
  body.page-system-kolejkowy .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-system-kolejkowy .seo-content ul{list-style:none;margin:8px 0 18px}
  body.page-system-kolejkowy .seo-content li{color:var(--muted);padding-left:28px;position:relative;margin-bottom:11px;font-size:1.03rem}
  body.page-system-kolejkowy .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* FAQ */
  body.page-system-kolejkowy .faq{max-width:860px;margin:0 auto}
  body.page-system-kolejkowy .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-system-kolejkowy .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:26px 8px;font-family:var(--display);font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-system-kolejkowy .faq-q:hover{color:var(--lime)}
  body.page-system-kolejkowy .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-system-kolejkowy .faq-q .plus::before,
body.page-system-kolejkowy .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-system-kolejkowy .faq-q .plus::before{width:16px;height:2px}
  body.page-system-kolejkowy .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-system-kolejkowy .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-system-kolejkowy .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  body.page-system-kolejkowy .faq-a p{color:var(--muted);padding:0 8px 26px;font-size:1.03rem}

  /* CTA BAND */
  body.page-system-kolejkowy .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:72px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-system-kolejkowy .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-system-kolejkowy .cta-band h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:20ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-system-kolejkowy .cta-band p{position:relative;font-size:1.12rem;margin:18px auto 34px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-system-kolejkowy .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:16px 38px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-system-kolejkowy .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-system-kolejkowy footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-system-kolejkowy .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-system-kolejkowy .foot-brand .logo{margin-bottom:18px}
  body.page-system-kolejkowy .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-system-kolejkowy .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-system-kolejkowy .nap b{color:var(--cream)}body.page-system-kolejkowy .nap a:hover{color:var(--lime)}
  body.page-system-kolejkowy .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-system-kolejkowy .foot-col ul{list-style:none}body.page-system-kolejkowy .foot-col li{margin-bottom:11px}
  body.page-system-kolejkowy .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-system-kolejkowy .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-system-kolejkowy .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-system-kolejkowy .foot-social{display:flex;gap:12px}
  body.page-system-kolejkowy .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-system-kolejkowy .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-system-kolejkowy .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-system-kolejkowy .grid3,
body.page-system-kolejkowy .steps,
body.page-system-kolejkowy .mini-cases{grid-template-columns:1fr 1fr}
    body.page-system-kolejkowy .metrics{grid-template-columns:1fr 1fr}
    body.page-system-kolejkowy .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-system-kolejkowy .menu,
body.page-system-kolejkowy .nav-right .cta{display:none}
    body.page-system-kolejkowy .burger{display:flex}
    body.page-system-kolejkowy .grid3,
body.page-system-kolejkowy .steps,
body.page-system-kolejkowy .mini-cases,
body.page-system-kolejkowy .metrics,
body.page-system-kolejkowy .ba,
body.page-system-kolejkowy .plans,
body.page-system-kolejkowy .deploy-grid,
body.page-system-kolejkowy .foot-grid{grid-template-columns:1fr}
    body.page-system-kolejkowy .sec{padding:60px 0}body.page-system-kolejkowy .case,
body.page-system-kolejkowy .deploy{padding:30px}body.page-system-kolejkowy .cta-band{padding:46px 24px}
    body.page-system-kolejkowy .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-system-kolejkowy .mobile-menu.on{transform:translateX(0)}
    body.page-system-kolejkowy .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-system-kolejkowy .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-system-kolejkowy .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-system-kolejkowy.lock{overflow:hidden}
    body.page-system-kolejkowy .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-system-kolejkowy .burger.on span:nth-child(2){opacity:0}
    body.page-system-kolejkowy .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: generator-hasel
   ========================================================================== */
body.page-generator-hasel{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --red:#ff6b5e; --orange:#ffb454;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif; --mono:"JetBrains Mono", monospace;
    --maxw:1240px; --r:18px;
  }
  body.page-generator-hasel,
body.page-generator-hasel *{margin:0;padding:0;box-sizing:border-box}
  body.page-generator-hasel{scroll-behavior:smooth}
  body.page-generator-hasel{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-generator-hasel::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-generator-hasel::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-generator-hasel .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-generator-hasel a{color:inherit;text-decoration:none}
  body.page-generator-hasel h1,
body.page-generator-hasel h2,
body.page-generator-hasel h3,
body.page-generator-hasel h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-generator-hasel .accent{color:var(--lime)}
  body.page-generator-hasel section{position:relative;z-index:1}

  /* HEADER */
  body.page-generator-hasel header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-generator-hasel .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-generator-hasel .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-generator-hasel .logo b{color:var(--lime)}
  body.page-generator-hasel .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-generator-hasel .menu>li{position:relative}
  body.page-generator-hasel .menu>li>a,
body.page-generator-hasel .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-generator-hasel .menu>li>a:hover,
body.page-generator-hasel .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-generator-hasel .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-generator-hasel .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-generator-hasel .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-generator-hasel .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-generator-hasel .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-generator-hasel .dropdown a:hover{background:var(--surface)}
  body.page-generator-hasel .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-generator-hasel .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-generator-hasel .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-generator-hasel .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-generator-hasel .nav-right{display:flex;align-items:center;gap:14px}
  body.page-generator-hasel .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-generator-hasel .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-generator-hasel .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-generator-hasel .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-generator-hasel .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-generator-hasel .crumb a:hover{color:var(--lime)}
  body.page-generator-hasel .crumb span{color:var(--muted-2)}
  body.page-generator-hasel .phero{padding:34px 0 26px}
  body.page-generator-hasel .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-generator-hasel .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-generator-hasel .phero h1{font-size:clamp(2.4rem,5.6vw,4rem);font-weight:700;max-width:18ch}
  body.page-generator-hasel .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-generator-hasel .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:62ch;margin:22px 0 0}

  body.page-generator-hasel .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-generator-hasel .d1{animation-delay:.05s}body.page-generator-hasel .d2{animation-delay:.15s}body.page-generator-hasel .d3{animation-delay:.25s}

  /* ===== GENERATOR ===== */
  body.page-generator-hasel .gen-wrap{padding:30px 0 70px}
  body.page-generator-hasel .gen{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;padding:36px;max-width:820px;margin:0 auto}

  /* pole wyniku */
  body.page-generator-hasel .pw-out{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:8px 8px 8px 22px;display:flex;align-items:center;gap:14px;transition:.2s}
  body.page-generator-hasel .pw-out:focus-within{border-color:var(--lime)}
  body.page-generator-hasel .pw-out #password{flex:1;font-family:var(--mono);font-size:clamp(1.15rem,3vw,1.7rem);font-weight:700;color:var(--cream);
    background:none;border:0;outline:none;letter-spacing:.5px;overflow-x:auto;white-space:nowrap;padding:14px 0}
  body.page-generator-hasel .pw-out #password::-webkit-scrollbar{height:0}
  body.page-generator-hasel .icon-btn{flex-shrink:0;width:48px;height:48px;border-radius:12px;border:1px solid var(--line-soft);background:var(--surface);
    color:var(--cream);cursor:pointer;display:grid;place-items:center;transition:.2s}
  body.page-generator-hasel .icon-btn:hover{border-color:var(--lime);color:var(--lime)}
  body.page-generator-hasel .icon-btn svg{width:20px;height:20px}
  body.page-generator-hasel .copied-msg{text-align:center;color:var(--lime);font-size:.86rem;font-weight:600;height:18px;margin-top:10px;opacity:0;transition:.2s}
  body.page-generator-hasel .copied-msg.show{opacity:1}

  /* siła hasła */
  body.page-generator-hasel .strength{margin:22px 0 28px}
  body.page-generator-hasel .strength-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
  body.page-generator-hasel .strength-bars i{height:7px;border-radius:999px;background:var(--surface-2);transition:.3s}
  body.page-generator-hasel .strength-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
  body.page-generator-hasel .strength-head .lbl{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
  body.page-generator-hasel .strength-head .val{font-family:var(--display);font-weight:700;font-size:1.02rem}

  /* opcje */
  body.page-generator-hasel .opt{margin-bottom:22px}
  body.page-generator-hasel .opt-len-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
  body.page-generator-hasel .opt-len-head label{font-size:.92rem;font-weight:600;color:var(--cream)}
  body.page-generator-hasel .opt-len-head .num{font-family:var(--display);font-weight:700;font-size:1.7rem;color:var(--lime)}
  body.page-generator-hasel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:999px;
    background:linear-gradient(90deg,var(--lime) 0%,var(--lime) var(--p,40%),var(--surface-2) var(--p,40%),var(--surface-2) 100%);outline:none;cursor:pointer}
  body.page-generator-hasel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--lime);
    border:3px solid var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer}
  body.page-generator-hasel input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lime);border:3px solid var(--ink);cursor:pointer}

  body.page-generator-hasel .toggles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
  body.page-generator-hasel .tg{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);border:1px solid var(--line-soft);
    border-radius:13px;padding:15px 18px;cursor:pointer;transition:.2s;user-select:none}
  body.page-generator-hasel .tg:hover{border-color:var(--line)}
  body.page-generator-hasel .tg .tg-txt{font-size:.98rem;font-weight:500}
  body.page-generator-hasel .tg .tg-txt small{display:block;color:var(--muted-2);font-size:.78rem;font-family:var(--mono);margin-top:2px}
  body.page-generator-hasel .switch{flex-shrink:0;width:46px;height:26px;border-radius:999px;background:var(--surface-2);position:relative;transition:.25s}
  body.page-generator-hasel .switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:.25s}
  body.page-generator-hasel .tg input{position:absolute;opacity:0;pointer-events:none}
  body.page-generator-hasel .tg input:checked + .switch{background:var(--lime)}
  body.page-generator-hasel .tg input:checked + .switch::after{transform:translateX(20px);background:#0b0f0d}

  body.page-generator-hasel .gen-actions{margin-top:28px}
  body.page-generator-hasel .gen-actions .btn-fill{width:100%;justify-content:center;font-size:1.06rem;padding:16px}
  body.page-generator-hasel .opt-warn{color:var(--orange);font-size:.86rem;margin-top:14px;text-align:center;min-height:18px}

  body.page-generator-hasel .sec{padding:80px 0}
  body.page-generator-hasel .sec-head{max-width:760px;margin-bottom:40px}
  body.page-generator-hasel .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-generator-hasel .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-generator-hasel .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* CONTENT 2-col */
  body.page-generator-hasel .content2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
  body.page-generator-hasel .tblock h3{font-size:1.28rem;margin-bottom:10px}
  body.page-generator-hasel .tblock p{color:var(--muted);font-size:1.02rem;margin-bottom:12px}
  body.page-generator-hasel .tblock strong{color:var(--cream);font-weight:600}

  /* OTHER TOOLS */
  body.page-generator-hasel .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-generator-hasel .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-generator-hasel .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-generator-hasel .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-generator-hasel .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-generator-hasel .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-generator-hasel .faq{max-width:880px;margin:0 auto}
  body.page-generator-hasel .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-generator-hasel .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-generator-hasel .faq-q:hover{color:var(--lime)}
  body.page-generator-hasel .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-generator-hasel .faq-q .plus::before,
body.page-generator-hasel .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-generator-hasel .faq-q .plus::before{width:16px;height:2px}
  body.page-generator-hasel .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-generator-hasel .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-generator-hasel .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.page-generator-hasel .faq-a p{color:var(--muted);padding:0 8px 14px;font-size:1.01rem}
  body.page-generator-hasel .faq-a p:last-child{padding-bottom:24px}
  body.page-generator-hasel .faq-a strong{color:var(--cream)}
  body.page-generator-hasel .faq-a ul{list-style:none;padding:0 8px 24px;margin:0}
  body.page-generator-hasel .faq-a li{color:var(--muted);font-family:var(--mono);font-size:.92rem;padding:5px 0 5px 22px;position:relative}
  body.page-generator-hasel .faq-a li::before{content:"×";position:absolute;left:0;color:var(--red);font-weight:700;font-family:var(--body)}

  /* CTA BAND */
  body.page-generator-hasel .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-generator-hasel .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-generator-hasel .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-generator-hasel .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-generator-hasel .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-generator-hasel .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-generator-hasel footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-generator-hasel .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-generator-hasel .foot-brand .logo{margin-bottom:18px}
  body.page-generator-hasel .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-generator-hasel .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-generator-hasel .nap b{color:var(--cream)}body.page-generator-hasel .nap a:hover{color:var(--lime)}
  body.page-generator-hasel .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-generator-hasel .foot-col ul{list-style:none}body.page-generator-hasel .foot-col li{margin-bottom:11px}
  body.page-generator-hasel .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-generator-hasel .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-generator-hasel .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-generator-hasel .foot-social{display:flex;gap:12px}
  body.page-generator-hasel .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-generator-hasel .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-generator-hasel .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-generator-hasel .content2{grid-template-columns:1fr}
    body.page-generator-hasel .tools{grid-template-columns:1fr 1fr}
    body.page-generator-hasel .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-generator-hasel .menu,
body.page-generator-hasel .nav-right .cta{display:none}
    body.page-generator-hasel .burger{display:flex}
    body.page-generator-hasel .tools,
body.page-generator-hasel .foot-grid,
body.page-generator-hasel .toggles{grid-template-columns:1fr}
    body.page-generator-hasel .sec{padding:56px 0}body.page-generator-hasel .cta-band{padding:46px 24px}body.page-generator-hasel .gen{padding:26px}
    body.page-generator-hasel .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-generator-hasel .mobile-menu.on{transform:translateX(0)}
    body.page-generator-hasel .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-generator-hasel .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-generator-hasel .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-generator-hasel.lock{overflow:hidden}
    body.page-generator-hasel .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-generator-hasel .burger.on span:nth-child(2){opacity:0}
    body.page-generator-hasel .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: kalkulator-roi
   ========================================================================== */
body.page-kalkulator-roi{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8; --red:#ff6b5e;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-kalkulator-roi,
body.page-kalkulator-roi *{margin:0;padding:0;box-sizing:border-box}
  body.page-kalkulator-roi{scroll-behavior:smooth}
  body.page-kalkulator-roi{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-kalkulator-roi::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-kalkulator-roi::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-kalkulator-roi .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-kalkulator-roi a{color:inherit;text-decoration:none}
  body.page-kalkulator-roi h1,
body.page-kalkulator-roi h2,
body.page-kalkulator-roi h3,
body.page-kalkulator-roi h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-kalkulator-roi .accent{color:var(--lime)}
  body.page-kalkulator-roi section{position:relative;z-index:1}

  /* HEADER */
  body.page-kalkulator-roi header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-kalkulator-roi .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-kalkulator-roi .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-kalkulator-roi .logo b{color:var(--lime)}
  body.page-kalkulator-roi .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-kalkulator-roi .menu>li{position:relative}
  body.page-kalkulator-roi .menu>li>a,
body.page-kalkulator-roi .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-kalkulator-roi .menu>li>a:hover,
body.page-kalkulator-roi .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-kalkulator-roi .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-kalkulator-roi .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-kalkulator-roi .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-kalkulator-roi .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-kalkulator-roi .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-kalkulator-roi .dropdown a:hover{background:var(--surface)}
  body.page-kalkulator-roi .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-kalkulator-roi .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-kalkulator-roi .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-kalkulator-roi .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-kalkulator-roi .nav-right{display:flex;align-items:center;gap:14px}
  body.page-kalkulator-roi .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-kalkulator-roi .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-kalkulator-roi .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-kalkulator-roi .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-kalkulator-roi .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-kalkulator-roi .crumb a:hover{color:var(--lime)}
  body.page-kalkulator-roi .crumb span{color:var(--muted-2)}
  body.page-kalkulator-roi .phero{padding:34px 0 26px}
  body.page-kalkulator-roi .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-kalkulator-roi .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-kalkulator-roi .phero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700;max-width:18ch}
  body.page-kalkulator-roi .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-kalkulator-roi .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:62ch;margin:22px 0 0}

  body.page-kalkulator-roi .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-kalkulator-roi .d1{animation-delay:.05s}body.page-kalkulator-roi .d2{animation-delay:.15s}body.page-kalkulator-roi .d3{animation-delay:.25s}

  /* ===== KALKULATOR ===== */
  body.page-kalkulator-roi .calc-wrap{padding:30px 0 70px}
  body.page-kalkulator-roi .calc{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
  body.page-kalkulator-roi .calc-card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;padding:34px}
  body.page-kalkulator-roi .calc-card h2{font-size:1.35rem;margin-bottom:6px}
  body.page-kalkulator-roi .calc-card .hint{color:var(--muted);font-size:.95rem;margin-bottom:24px}

  body.page-kalkulator-roi .field{margin-bottom:20px}
  body.page-kalkulator-roi .field label{display:block;font-size:.9rem;font-weight:600;color:var(--cream);margin-bottom:9px}
  body.page-kalkulator-roi .field label small{display:block;color:var(--muted-2);font-weight:400;font-size:.82rem;margin-top:2px}
  body.page-kalkulator-roi .input-money{position:relative}
  body.page-kalkulator-roi .input-money input{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:13px;color:var(--cream);
    font-family:var(--display);font-size:1.35rem;font-weight:600;padding:15px 56px 15px 18px;transition:.2s;outline:none}
  body.page-kalkulator-roi .input-money input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(196,255,90,.12)}
  body.page-kalkulator-roi .input-money .unit{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;font-size:1.05rem;pointer-events:none}
  body.page-kalkulator-roi .input-money input::-webkit-outer-spin-button,
body.page-kalkulator-roi .input-money input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  body.page-kalkulator-roi .input-money input[type=number]{-moz-appearance:textfield}
  body.page-kalkulator-roi .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}

  /* WYNIK */
  body.page-kalkulator-roi .result-card{background:linear-gradient(160deg,var(--ink-2),var(--surface));border:1px solid var(--line-soft);border-radius:26px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column}
  body.page-kalkulator-roi .result-card::before{content:"";position:absolute;inset:0;background:radial-gradient(440px 240px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-kalkulator-roi .result-card .rh{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
  body.page-kalkulator-roi .roi-big{font-family:var(--display);font-weight:700;line-height:1;font-size:clamp(3rem,8vw,4.6rem);color:var(--lime)}
  body.page-kalkulator-roi .roi-big.neg{color:var(--red)}
  body.page-kalkulator-roi .roi-sub{color:var(--muted);font-size:1rem;margin-top:10px}
  body.page-kalkulator-roi .roi-badge{display:inline-block;margin-top:18px;padding:7px 15px;border-radius:999px;font-size:.85rem;font-weight:600}
  body.page-kalkulator-roi .roi-badge.good{background:rgba(196,255,90,.1);color:var(--lime);border:1px solid rgba(196,255,90,.3)}
  body.page-kalkulator-roi .roi-badge.bad{background:rgba(255,107,94,.1);color:var(--red);border:1px solid rgba(255,107,94,.3)}
  body.page-kalkulator-roi .roi-badge.zero{background:rgba(154,163,149,.12);color:var(--muted);border:1px solid var(--line-soft)}
  body.page-kalkulator-roi .breakdown{margin-top:26px;display:grid;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden}
  body.page-kalkulator-roi .bd-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:var(--ink);padding:14px 18px;font-size:.96rem}
  body.page-kalkulator-roi .bd-row .k{color:var(--muted)}
  body.page-kalkulator-roi .bd-row .v{font-family:var(--display);font-weight:600;color:var(--cream);white-space:nowrap}
  body.page-kalkulator-roi .bd-row.accent-row .k{color:var(--cream);font-weight:600}
  body.page-kalkulator-roi .bd-row.accent-row .v{color:var(--lime);font-size:1.1rem}
  body.page-kalkulator-roi .roi-note{font-size:.82rem;color:var(--muted-2);margin-top:16px;line-height:1.5}
  body.page-kalkulator-roi .placeholder-res{color:var(--muted-2);font-size:1rem;padding:40px 0;text-align:center;margin:auto 0}

  body.page-kalkulator-roi .sec{padding:80px 0}
  body.page-kalkulator-roi .sec-head{max-width:760px;margin-bottom:40px}
  body.page-kalkulator-roi .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-kalkulator-roi .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-kalkulator-roi .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* WZÓR */
  body.page-kalkulator-roi .formula{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:18px;padding:26px 30px;margin-bottom:30px}
  body.page-kalkulator-roi .formula h3{font-size:1.1rem;margin-bottom:14px;color:var(--cream)}
  body.page-kalkulator-roi .formula code{display:block;font-family:var(--display);font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:600;color:var(--lime);
    background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;padding:16px 20px;overflow-x:auto;white-space:nowrap}
  body.page-kalkulator-roi .formula p{color:var(--muted);font-size:.95rem;margin-top:12px}

  /* CONTENT 2-col */
  body.page-kalkulator-roi .content2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
  body.page-kalkulator-roi .tblock h3{font-size:1.28rem;margin-bottom:10px}
  body.page-kalkulator-roi .tblock p{color:var(--muted);font-size:1.02rem;margin-bottom:12px}
  body.page-kalkulator-roi .tblock strong{color:var(--cream);font-weight:600}

  /* OTHER TOOLS */
  body.page-kalkulator-roi .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-kalkulator-roi .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-kalkulator-roi .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-kalkulator-roi .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-kalkulator-roi .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-kalkulator-roi .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-kalkulator-roi .faq{max-width:880px;margin:0 auto}
  body.page-kalkulator-roi .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-kalkulator-roi .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-kalkulator-roi .faq-q:hover{color:var(--lime)}
  body.page-kalkulator-roi .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-kalkulator-roi .faq-q .plus::before,
body.page-kalkulator-roi .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-kalkulator-roi .faq-q .plus::before{width:16px;height:2px}
  body.page-kalkulator-roi .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-kalkulator-roi .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-kalkulator-roi .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.page-kalkulator-roi .faq-a p{color:var(--muted);padding:0 8px 14px;font-size:1.01rem}
  body.page-kalkulator-roi .faq-a p:last-child{padding-bottom:24px}
  body.page-kalkulator-roi .faq-a strong{color:var(--cream)}
  body.page-kalkulator-roi .faq-a ul{list-style:none;padding:0 8px 24px;margin:0}
  body.page-kalkulator-roi .faq-a li{color:var(--muted);padding:6px 0 6px 24px;position:relative;font-size:1rem}
  body.page-kalkulator-roi .faq-a li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
  body.page-kalkulator-roi .faq-a strong{color:var(--cream)}

  /* CTA BAND */
  body.page-kalkulator-roi .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-kalkulator-roi .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-kalkulator-roi .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-kalkulator-roi .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-kalkulator-roi .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-kalkulator-roi .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-kalkulator-roi footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-kalkulator-roi .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-kalkulator-roi .foot-brand .logo{margin-bottom:18px}
  body.page-kalkulator-roi .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-kalkulator-roi .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-kalkulator-roi .nap b{color:var(--cream)}body.page-kalkulator-roi .nap a:hover{color:var(--lime)}
  body.page-kalkulator-roi .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-kalkulator-roi .foot-col ul{list-style:none}body.page-kalkulator-roi .foot-col li{margin-bottom:11px}
  body.page-kalkulator-roi .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-kalkulator-roi .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-kalkulator-roi .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-kalkulator-roi .foot-social{display:flex;gap:12px}
  body.page-kalkulator-roi .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-kalkulator-roi .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-kalkulator-roi .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-kalkulator-roi .calc,
body.page-kalkulator-roi .content2{grid-template-columns:1fr}
    body.page-kalkulator-roi .tools{grid-template-columns:1fr 1fr}
    body.page-kalkulator-roi .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-kalkulator-roi .menu,
body.page-kalkulator-roi .nav-right .cta{display:none}
    body.page-kalkulator-roi .burger{display:flex}
    body.page-kalkulator-roi .tools,
body.page-kalkulator-roi .foot-grid,
body.page-kalkulator-roi .two{grid-template-columns:1fr}
    body.page-kalkulator-roi .sec{padding:56px 0}body.page-kalkulator-roi .cta-band{padding:46px 24px}body.page-kalkulator-roi .calc-card,
body.page-kalkulator-roi .result-card{padding:26px}
    body.page-kalkulator-roi .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-kalkulator-roi .mobile-menu.on{transform:translateX(0)}
    body.page-kalkulator-roi .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-kalkulator-roi .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-kalkulator-roi .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-kalkulator-roi.lock{overflow:hidden}
    body.page-kalkulator-roi .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-kalkulator-roi .burger.on span:nth-child(2){opacity:0}
    body.page-kalkulator-roi .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: kalkulator-brutto-netto
   ========================================================================== */
body.page-kalkulator-brutto-netto{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-kalkulator-brutto-netto,
body.page-kalkulator-brutto-netto *{margin:0;padding:0;box-sizing:border-box}
  body.page-kalkulator-brutto-netto{scroll-behavior:smooth}
  body.page-kalkulator-brutto-netto{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-kalkulator-brutto-netto::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-kalkulator-brutto-netto::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-kalkulator-brutto-netto .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-kalkulator-brutto-netto a{color:inherit;text-decoration:none}
  body.page-kalkulator-brutto-netto h1,
body.page-kalkulator-brutto-netto h2,
body.page-kalkulator-brutto-netto h3,
body.page-kalkulator-brutto-netto h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-kalkulator-brutto-netto .accent{color:var(--lime)}
  body.page-kalkulator-brutto-netto section{position:relative;z-index:1}

  /* HEADER */
  body.page-kalkulator-brutto-netto header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-kalkulator-brutto-netto .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-kalkulator-brutto-netto .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-kalkulator-brutto-netto .logo b{color:var(--lime)}
  body.page-kalkulator-brutto-netto .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-kalkulator-brutto-netto .menu>li{position:relative}
  body.page-kalkulator-brutto-netto .menu>li>a,
body.page-kalkulator-brutto-netto .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-kalkulator-brutto-netto .menu>li>a:hover,
body.page-kalkulator-brutto-netto .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-kalkulator-brutto-netto .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-kalkulator-brutto-netto .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-kalkulator-brutto-netto .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-kalkulator-brutto-netto .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-kalkulator-brutto-netto .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-kalkulator-brutto-netto .dropdown a:hover{background:var(--surface)}
  body.page-kalkulator-brutto-netto .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-kalkulator-brutto-netto .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-kalkulator-brutto-netto .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-kalkulator-brutto-netto .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-kalkulator-brutto-netto .nav-right{display:flex;align-items:center;gap:14px}
  body.page-kalkulator-brutto-netto .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-kalkulator-brutto-netto .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-kalkulator-brutto-netto .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-kalkulator-brutto-netto .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-kalkulator-brutto-netto .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-kalkulator-brutto-netto .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* BREADCRUMB + HERO */
  body.page-kalkulator-brutto-netto .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-kalkulator-brutto-netto .crumb a:hover{color:var(--lime)}
  body.page-kalkulator-brutto-netto .crumb span{color:var(--muted-2)}
  body.page-kalkulator-brutto-netto .phero{padding:34px 0 26px}
  body.page-kalkulator-brutto-netto .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-kalkulator-brutto-netto .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-kalkulator-brutto-netto .phero h1{font-size:clamp(2.4rem,5.6vw,4rem);font-weight:700;max-width:18ch}
  body.page-kalkulator-brutto-netto .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-kalkulator-brutto-netto .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:60ch;margin:22px 0 0}

  body.page-kalkulator-brutto-netto .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-kalkulator-brutto-netto .d1{animation-delay:.05s}body.page-kalkulator-brutto-netto .d2{animation-delay:.15s}body.page-kalkulator-brutto-netto .d3{animation-delay:.25s}

  /* ===== KALKULATOR ===== */
  body.page-kalkulator-brutto-netto .calc-wrap{padding:30px 0 80px}
  body.page-kalkulator-brutto-netto .calc{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
  body.page-kalkulator-brutto-netto .calc-card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;padding:34px}
  body.page-kalkulator-brutto-netto .calc-card h2{font-size:1.35rem;margin-bottom:6px}
  body.page-kalkulator-brutto-netto .calc-card .hint{color:var(--muted);font-size:.95rem;margin-bottom:24px}

  body.page-kalkulator-brutto-netto .toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--ink);border:1px solid var(--line-soft);border-radius:14px;padding:6px;margin-bottom:24px}
  body.page-kalkulator-brutto-netto .toggle button{border:0;background:none;color:var(--muted);font-family:var(--body);font-weight:600;font-size:.98rem;padding:12px;border-radius:10px;cursor:pointer;transition:.2s}
  body.page-kalkulator-brutto-netto .toggle button.active{background:var(--lime);color:#0b0f0d}

  body.page-kalkulator-brutto-netto .field{margin-bottom:22px}
  body.page-kalkulator-brutto-netto .field label{display:block;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--cream);margin-bottom:9px}
  body.page-kalkulator-brutto-netto .input-money{position:relative}
  body.page-kalkulator-brutto-netto .input-money input{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:13px;color:var(--cream);
    font-family:var(--display);font-size:1.5rem;font-weight:600;padding:16px 56px 16px 18px;transition:.2s;outline:none}
  body.page-kalkulator-brutto-netto .input-money input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(196,255,90,.12)}
  body.page-kalkulator-brutto-netto .input-money .unit{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;font-size:1.1rem;pointer-events:none}
  body.page-kalkulator-brutto-netto .input-money input::-webkit-outer-spin-button,
body.page-kalkulator-brutto-netto .input-money input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  body.page-kalkulator-brutto-netto .input-money input[type=number]{-moz-appearance:textfield}

  body.page-kalkulator-brutto-netto .vat-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
  body.page-kalkulator-brutto-netto .vat-chips button{background:var(--ink);border:1px solid var(--line-soft);color:var(--cream);font-family:var(--body);font-weight:600;
    font-size:.95rem;padding:10px 18px;border-radius:999px;cursor:pointer;transition:.2s}
  body.page-kalkulator-brutto-netto .vat-chips button:hover{border-color:var(--line)}
  body.page-kalkulator-brutto-netto .vat-chips button.active{background:var(--lime);color:#0b0f0d;border-color:var(--lime)}
  body.page-kalkulator-brutto-netto .vat-custom{position:relative;max-width:160px}
  body.page-kalkulator-brutto-netto .vat-custom input{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:11px;color:var(--cream);
    font-family:var(--body);font-size:1rem;font-weight:600;padding:11px 38px 11px 14px;outline:none;transition:.2s}
  body.page-kalkulator-brutto-netto .vat-custom input:focus{border-color:var(--lime)}
  body.page-kalkulator-brutto-netto .vat-custom .unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}
  body.page-kalkulator-brutto-netto .vat-custom input::-webkit-outer-spin-button,
body.page-kalkulator-brutto-netto .vat-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

  /* WYNIKI */
  body.page-kalkulator-brutto-netto .result-card{background:linear-gradient(160deg,var(--ink-2),var(--surface));border:1px solid var(--line-soft);border-radius:26px;padding:34px;position:relative;overflow:hidden}
  body.page-kalkulator-brutto-netto .result-card::before{content:"";position:absolute;inset:0;background:radial-gradient(440px 240px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-kalkulator-brutto-netto .result-card .rh{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:24px}
  body.page-kalkulator-brutto-netto .res-main{display:grid;gap:14px}
  body.page-kalkulator-brutto-netto .res-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line-soft)}
  body.page-kalkulator-brutto-netto .res-row .k{color:var(--muted);font-size:1rem}
  body.page-kalkulator-brutto-netto .res-row .v{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--cream);white-space:nowrap}
  body.page-kalkulator-brutto-netto .res-row.hero-row .k{color:var(--cream);font-weight:600}
  body.page-kalkulator-brutto-netto .res-row.hero-row .v{font-size:2.1rem;color:var(--lime)}
  body.page-kalkulator-brutto-netto .res-extra{margin-top:22px;background:var(--ink);border:1px solid var(--line-soft);border-radius:14px;padding:18px 20px}
  body.page-kalkulator-brutto-netto .res-extra-title{font-weight:600;color:var(--cream);font-size:.96rem;margin-bottom:7px}
  body.page-kalkulator-brutto-netto .res-extra .ei{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:.95rem;color:var(--muted)}
  body.page-kalkulator-brutto-netto .res-extra .ei:last-child{border-bottom:0}
  body.page-kalkulator-brutto-netto .res-extra .ei b{color:var(--cream)}
  body.page-kalkulator-brutto-netto .res-extra .note{font-size:.82rem;color:var(--muted-2);margin-top:12px;line-height:1.5}
  body.page-kalkulator-brutto-netto .extra-tax{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}
  body.page-kalkulator-brutto-netto .extra-tax input{width:70px;background:var(--ink);border:1px solid var(--line-soft);border-radius:9px;color:var(--cream);font-family:var(--body);font-weight:600;padding:7px 10px;outline:none}
  body.page-kalkulator-brutto-netto .extra-tax input:focus{border-color:var(--lime)}
  body.page-kalkulator-brutto-netto .placeholder-res{color:var(--muted-2);font-size:1rem;padding:30px 0;text-align:center}

  body.page-kalkulator-brutto-netto .sec{padding:80px 0}
  body.page-kalkulator-brutto-netto .sec-head{max-width:760px;margin-bottom:44px}
  body.page-kalkulator-brutto-netto .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-kalkulator-brutto-netto .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-kalkulator-brutto-netto .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* CONTENT 2-col */
  body.page-kalkulator-brutto-netto .content2{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}
  body.page-kalkulator-brutto-netto .tblock h3{font-size:1.3rem;margin-bottom:10px}
  body.page-kalkulator-brutto-netto .tblock p{color:var(--muted);font-size:1.02rem}
  body.page-kalkulator-brutto-netto .tblock strong{color:var(--cream);font-weight:600}
  body.page-kalkulator-brutto-netto .tblock a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

  /* OTHER TOOLS */
  body.page-kalkulator-brutto-netto .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-kalkulator-brutto-netto .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-kalkulator-brutto-netto .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-kalkulator-brutto-netto .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-kalkulator-brutto-netto .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-kalkulator-brutto-netto .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-kalkulator-brutto-netto .faq{max-width:860px;margin:0 auto}
  body.page-kalkulator-brutto-netto .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-kalkulator-brutto-netto .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-kalkulator-brutto-netto .faq-q:hover{color:var(--lime)}
  body.page-kalkulator-brutto-netto .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-kalkulator-brutto-netto .faq-q .plus::before,
body.page-kalkulator-brutto-netto .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-kalkulator-brutto-netto .faq-q .plus::before{width:16px;height:2px}
  body.page-kalkulator-brutto-netto .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-kalkulator-brutto-netto .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-kalkulator-brutto-netto .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  body.page-kalkulator-brutto-netto .faq-a p{color:var(--muted);padding:0 8px 24px;font-size:1.02rem}
  body.page-kalkulator-brutto-netto .faq-a strong{color:var(--cream)}

  /* CTA BAND */
  body.page-kalkulator-brutto-netto .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-kalkulator-brutto-netto .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-kalkulator-brutto-netto .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-kalkulator-brutto-netto .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-kalkulator-brutto-netto .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-kalkulator-brutto-netto .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-kalkulator-brutto-netto footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-kalkulator-brutto-netto .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-kalkulator-brutto-netto .foot-brand .logo{margin-bottom:18px}
  body.page-kalkulator-brutto-netto .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-kalkulator-brutto-netto .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-kalkulator-brutto-netto .nap b{color:var(--cream)}body.page-kalkulator-brutto-netto .nap a:hover{color:var(--lime)}
  body.page-kalkulator-brutto-netto .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-kalkulator-brutto-netto .foot-col ul{list-style:none}body.page-kalkulator-brutto-netto .foot-col li{margin-bottom:11px}
  body.page-kalkulator-brutto-netto .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-kalkulator-brutto-netto .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-kalkulator-brutto-netto .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-kalkulator-brutto-netto .foot-social{display:flex;gap:12px}
  body.page-kalkulator-brutto-netto .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-kalkulator-brutto-netto .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-kalkulator-brutto-netto .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-kalkulator-brutto-netto .calc,
body.page-kalkulator-brutto-netto .content2{grid-template-columns:1fr}
    body.page-kalkulator-brutto-netto .tools{grid-template-columns:1fr 1fr}
    body.page-kalkulator-brutto-netto .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-kalkulator-brutto-netto .menu,
body.page-kalkulator-brutto-netto .nav-right .cta{display:none}
    body.page-kalkulator-brutto-netto .burger{display:flex}
    body.page-kalkulator-brutto-netto .tools,
body.page-kalkulator-brutto-netto .foot-grid{grid-template-columns:1fr}
    body.page-kalkulator-brutto-netto .sec{padding:56px 0}body.page-kalkulator-brutto-netto .cta-band{padding:46px 24px}body.page-kalkulator-brutto-netto .calc-card,
body.page-kalkulator-brutto-netto .result-card{padding:26px}
    body.page-kalkulator-brutto-netto .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-kalkulator-brutto-netto .mobile-menu.on{transform:translateX(0)}
    body.page-kalkulator-brutto-netto .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-kalkulator-brutto-netto .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-kalkulator-brutto-netto .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-kalkulator-brutto-netto.lock{overflow:hidden}
    body.page-kalkulator-brutto-netto .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-kalkulator-brutto-netto .burger.on span:nth-child(2){opacity:0}
    body.page-kalkulator-brutto-netto .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: kiedy-dojdzie-przelew
   ========================================================================== */
body.page-kiedy-dojdzie-przelew{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-kiedy-dojdzie-przelew,
body.page-kiedy-dojdzie-przelew *{margin:0;padding:0;box-sizing:border-box}
  body.page-kiedy-dojdzie-przelew{scroll-behavior:smooth}
  body.page-kiedy-dojdzie-przelew{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-kiedy-dojdzie-przelew::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-kiedy-dojdzie-przelew::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-kiedy-dojdzie-przelew .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-kiedy-dojdzie-przelew a{color:inherit;text-decoration:none}
  body.page-kiedy-dojdzie-przelew h1,
body.page-kiedy-dojdzie-przelew h2,
body.page-kiedy-dojdzie-przelew h3,
body.page-kiedy-dojdzie-przelew h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-kiedy-dojdzie-przelew .accent{color:var(--lime)}
  body.page-kiedy-dojdzie-przelew section{position:relative;z-index:1}

  /* HEADER */
  body.page-kiedy-dojdzie-przelew header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-kiedy-dojdzie-przelew .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-kiedy-dojdzie-przelew .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-kiedy-dojdzie-przelew .logo b{color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-kiedy-dojdzie-przelew .menu>li{position:relative}
  body.page-kiedy-dojdzie-przelew .menu>li>a,
body.page-kiedy-dojdzie-przelew .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-kiedy-dojdzie-przelew .menu>li>a:hover,
body.page-kiedy-dojdzie-przelew .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-kiedy-dojdzie-przelew .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-kiedy-dojdzie-przelew .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-kiedy-dojdzie-przelew .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-kiedy-dojdzie-przelew .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-kiedy-dojdzie-przelew .dropdown a:hover{background:var(--surface)}
  body.page-kiedy-dojdzie-przelew .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-kiedy-dojdzie-przelew .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-kiedy-dojdzie-przelew .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-kiedy-dojdzie-przelew .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-kiedy-dojdzie-przelew .nav-right{display:flex;align-items:center;gap:14px}
  body.page-kiedy-dojdzie-przelew .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-kiedy-dojdzie-przelew .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-kiedy-dojdzie-przelew .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-kiedy-dojdzie-przelew .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
  body.page-kiedy-dojdzie-przelew .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
  body.page-kiedy-dojdzie-przelew .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

  /* BREADCRUMB + HERO */
  body.page-kiedy-dojdzie-przelew .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-kiedy-dojdzie-przelew .crumb a:hover{color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .crumb span{color:var(--muted-2)}
  body.page-kiedy-dojdzie-przelew .phero{padding:34px 0 26px}
  body.page-kiedy-dojdzie-przelew .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-kiedy-dojdzie-przelew .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-kiedy-dojdzie-przelew .phero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700;max-width:18ch}
  body.page-kiedy-dojdzie-przelew .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:62ch;margin:22px 0 0}

  body.page-kiedy-dojdzie-przelew .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-kiedy-dojdzie-przelew .d1{animation-delay:.05s}body.page-kiedy-dojdzie-przelew .d2{animation-delay:.15s}body.page-kiedy-dojdzie-przelew .d3{animation-delay:.25s}

  /* ===== KALKULATOR ===== */
  body.page-kiedy-dojdzie-przelew .calc-wrap{padding:30px 0 70px}
  body.page-kiedy-dojdzie-przelew .calc{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
  body.page-kiedy-dojdzie-przelew .calc-card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;padding:34px}
  body.page-kiedy-dojdzie-przelew .calc-card h2{font-size:1.35rem;margin-bottom:6px}
  body.page-kiedy-dojdzie-przelew .calc-card .hint{color:var(--muted);font-size:.95rem;margin-bottom:24px}

  body.page-kiedy-dojdzie-przelew .field{margin-bottom:20px}
  body.page-kiedy-dojdzie-przelew .field label{display:block;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:var(--cream);margin-bottom:9px}
  body.page-kiedy-dojdzie-przelew .field input,
body.page-kiedy-dojdzie-przelew .field select{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:13px;color:var(--cream);
    font-family:var(--body);font-size:1.02rem;font-weight:500;padding:14px 16px;transition:.2s;outline:none}
  body.page-kiedy-dojdzie-przelew .field input:focus,
body.page-kiedy-dojdzie-przelew .field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(196,255,90,.12)}
  body.page-kiedy-dojdzie-przelew .field select{appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa395' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
  body.page-kiedy-dojdzie-przelew .field input[type=date],
body.page-kiedy-dojdzie-przelew .field input[type=time]{color-scheme:dark}
  body.page-kiedy-dojdzie-przelew .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}

  /* WYNIK */
  body.page-kiedy-dojdzie-przelew .result-card{background:linear-gradient(160deg,var(--ink-2),var(--surface));border:1px solid var(--line-soft);border-radius:26px;padding:34px;position:relative;overflow:hidden;min-height:100%}
  body.page-kiedy-dojdzie-przelew .result-card::before{content:"";position:absolute;inset:0;background:radial-gradient(440px 240px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
  body.page-kiedy-dojdzie-przelew .result-card .rh{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:22px}
  body.page-kiedy-dojdzie-przelew .res-eta{font-family:var(--display);font-weight:700;line-height:1.05;color:var(--lime);font-size:clamp(2rem,4vw,2.7rem)}
  body.page-kiedy-dojdzie-przelew .res-date{font-family:var(--display);font-weight:600;color:var(--cream);font-size:1.25rem;margin-top:6px;text-transform:capitalize}
  body.page-kiedy-dojdzie-przelew .res-badge{display:inline-block;margin-top:18px;padding:7px 15px;border-radius:999px;font-size:.85rem;font-weight:600;
    background:rgba(47,212,168,.12);color:var(--teal);border:1px solid rgba(47,212,168,.3)}
  body.page-kiedy-dojdzie-przelew .res-badge.next{background:rgba(196,255,90,.1);color:var(--lime);border-color:rgba(196,255,90,.3)}
  body.page-kiedy-dojdzie-przelew .res-desc{color:var(--muted);font-size:1rem;margin-top:20px;line-height:1.6}
  body.page-kiedy-dojdzie-przelew .res-flow{margin-top:22px;display:grid;gap:10px}
  body.page-kiedy-dojdzie-przelew .res-flow .fl{display:flex;justify-content:space-between;gap:14px;background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;padding:13px 16px;font-size:.94rem}
  body.page-kiedy-dojdzie-przelew .res-flow .fl span{color:var(--muted)}
  body.page-kiedy-dojdzie-przelew .res-flow .fl b{color:var(--cream);white-space:nowrap}
  body.page-kiedy-dojdzie-przelew .res-note{font-size:.82rem;color:var(--muted-2);margin-top:18px;line-height:1.5}
  body.page-kiedy-dojdzie-przelew .placeholder-res{color:var(--muted-2);font-size:1rem;padding:30px 0;text-align:center}

  body.page-kiedy-dojdzie-przelew .sec{padding:80px 0}
  body.page-kiedy-dojdzie-przelew .sec-head{max-width:760px;margin-bottom:44px}
  body.page-kiedy-dojdzie-przelew .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-kiedy-dojdzie-przelew .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-kiedy-dojdzie-przelew .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* CONTENT 2-col */
  body.page-kiedy-dojdzie-przelew .content2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
  body.page-kiedy-dojdzie-przelew .tblock h3{font-size:1.28rem;margin-bottom:10px}
  body.page-kiedy-dojdzie-przelew .tblock p{color:var(--muted);font-size:1.02rem;margin-bottom:12px}
  body.page-kiedy-dojdzie-przelew .tblock strong{color:var(--cream);font-weight:600}
  body.page-kiedy-dojdzie-przelew .tblock a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-kiedy-dojdzie-przelew .tblock ul{list-style:none;margin:6px 0 12px}
  body.page-kiedy-dojdzie-przelew .tblock li{color:var(--muted);padding-left:26px;position:relative;margin-bottom:9px;font-size:1.01rem}
  body.page-kiedy-dojdzie-przelew .tblock li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* TABELA SESJI */
  body.page-kiedy-dojdzie-przelew .table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:18px}
  body.page-kiedy-dojdzie-przelew table.sessions{width:100%;border-collapse:collapse;min-width:560px}
  body.page-kiedy-dojdzie-przelew table.sessions th,
body.page-kiedy-dojdzie-przelew table.sessions td{text-align:left;padding:15px 20px;font-size:.96rem}
  body.page-kiedy-dojdzie-przelew table.sessions thead th{background:var(--ink-2);color:var(--cream);font-family:var(--display);font-weight:600;
    font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}
  body.page-kiedy-dojdzie-przelew table.sessions tbody tr{border-bottom:1px solid var(--line-soft)}
  body.page-kiedy-dojdzie-przelew table.sessions tbody tr:last-child{border-bottom:0}
  body.page-kiedy-dojdzie-przelew table.sessions tbody tr:nth-child(even){background:rgba(255,255,255,.015)}
  body.page-kiedy-dojdzie-przelew table.sessions tbody tr:hover{background:rgba(196,255,90,.04)}
  body.page-kiedy-dojdzie-przelew table.sessions td:first-child{color:var(--cream);font-weight:600}
  body.page-kiedy-dojdzie-przelew table.sessions td{color:var(--muted)}
  body.page-kiedy-dojdzie-przelew .table-note{color:var(--muted-2);font-size:.9rem;margin-top:16px}

  /* OTHER TOOLS */
  body.page-kiedy-dojdzie-przelew .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-kiedy-dojdzie-przelew .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-kiedy-dojdzie-przelew .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-kiedy-dojdzie-przelew .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-kiedy-dojdzie-przelew .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-kiedy-dojdzie-przelew .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-kiedy-dojdzie-przelew .faq{max-width:880px;margin:0 auto}
  body.page-kiedy-dojdzie-przelew .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-kiedy-dojdzie-przelew .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-kiedy-dojdzie-przelew .faq-q:hover{color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-kiedy-dojdzie-przelew .faq-q .plus::before,
body.page-kiedy-dojdzie-przelew .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-kiedy-dojdzie-przelew .faq-q .plus::before{width:16px;height:2px}
  body.page-kiedy-dojdzie-przelew .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-kiedy-dojdzie-przelew .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-kiedy-dojdzie-przelew .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.page-kiedy-dojdzie-przelew .faq-a p{color:var(--muted);padding:0 8px 14px;font-size:1.01rem}
  body.page-kiedy-dojdzie-przelew .faq-a p:last-child{padding-bottom:24px}
  body.page-kiedy-dojdzie-przelew .faq-a strong{color:var(--cream)}

  /* CTA BAND */
  body.page-kiedy-dojdzie-przelew .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-kiedy-dojdzie-przelew .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-kiedy-dojdzie-przelew .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-kiedy-dojdzie-przelew .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-kiedy-dojdzie-przelew .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-kiedy-dojdzie-przelew .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-kiedy-dojdzie-przelew footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-kiedy-dojdzie-przelew .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-kiedy-dojdzie-przelew .foot-brand .logo{margin-bottom:18px}
  body.page-kiedy-dojdzie-przelew .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-kiedy-dojdzie-przelew .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-kiedy-dojdzie-przelew .nap b{color:var(--cream)}body.page-kiedy-dojdzie-przelew .nap a:hover{color:var(--lime)}
  body.page-kiedy-dojdzie-przelew .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-kiedy-dojdzie-przelew .foot-col ul{list-style:none}body.page-kiedy-dojdzie-przelew .foot-col li{margin-bottom:11px}
  body.page-kiedy-dojdzie-przelew .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-kiedy-dojdzie-przelew .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-kiedy-dojdzie-przelew .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-kiedy-dojdzie-przelew .foot-social{display:flex;gap:12px}
  body.page-kiedy-dojdzie-przelew .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-kiedy-dojdzie-przelew .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-kiedy-dojdzie-przelew .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-kiedy-dojdzie-przelew .calc,
body.page-kiedy-dojdzie-przelew .content2{grid-template-columns:1fr}
    body.page-kiedy-dojdzie-przelew .tools{grid-template-columns:1fr 1fr}
    body.page-kiedy-dojdzie-przelew .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-kiedy-dojdzie-przelew .menu,
body.page-kiedy-dojdzie-przelew .nav-right .cta{display:none}
    body.page-kiedy-dojdzie-przelew .burger{display:flex}
    body.page-kiedy-dojdzie-przelew .tools,
body.page-kiedy-dojdzie-przelew .foot-grid{grid-template-columns:1fr}
    body.page-kiedy-dojdzie-przelew .sec{padding:56px 0}body.page-kiedy-dojdzie-przelew .cta-band{padding:46px 24px}body.page-kiedy-dojdzie-przelew .calc-card,
body.page-kiedy-dojdzie-przelew .result-card{padding:26px}
    body.page-kiedy-dojdzie-przelew .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-kiedy-dojdzie-przelew .mobile-menu.on{transform:translateX(0)}
    body.page-kiedy-dojdzie-przelew .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-kiedy-dojdzie-przelew .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-kiedy-dojdzie-przelew .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-kiedy-dojdzie-przelew.lock{overflow:hidden}
    body.page-kiedy-dojdzie-przelew .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-kiedy-dojdzie-przelew .burger.on span:nth-child(2){opacity:0}
    body.page-kiedy-dojdzie-przelew .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: jakie-jest-moje-ip
   ========================================================================== */
body.page-jakie-jest-moje-ip{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8; --red:#ff6b5e;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif; --mono:"JetBrains Mono", monospace;
    --maxw:1240px; --r:18px;
  }
  body.page-jakie-jest-moje-ip,
body.page-jakie-jest-moje-ip *{margin:0;padding:0;box-sizing:border-box}
  body.page-jakie-jest-moje-ip{scroll-behavior:smooth}
  body.page-jakie-jest-moje-ip{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-jakie-jest-moje-ip::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-jakie-jest-moje-ip::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-jakie-jest-moje-ip .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-jakie-jest-moje-ip a{color:inherit;text-decoration:none}
  body.page-jakie-jest-moje-ip h1,
body.page-jakie-jest-moje-ip h2,
body.page-jakie-jest-moje-ip h3,
body.page-jakie-jest-moje-ip h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-jakie-jest-moje-ip .accent{color:var(--lime)}
  body.page-jakie-jest-moje-ip section{position:relative;z-index:1}

  /* HEADER */
  body.page-jakie-jest-moje-ip header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-jakie-jest-moje-ip .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-jakie-jest-moje-ip .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-jakie-jest-moje-ip .logo b{color:var(--lime)}
  body.page-jakie-jest-moje-ip .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-jakie-jest-moje-ip .menu>li{position:relative}
  body.page-jakie-jest-moje-ip .menu>li>a,
body.page-jakie-jest-moje-ip .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-jakie-jest-moje-ip .menu>li>a:hover,
body.page-jakie-jest-moje-ip .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-jakie-jest-moje-ip .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-jakie-jest-moje-ip .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-jakie-jest-moje-ip .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-jakie-jest-moje-ip .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-jakie-jest-moje-ip .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-jakie-jest-moje-ip .dropdown a:hover{background:var(--surface)}
  body.page-jakie-jest-moje-ip .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-jakie-jest-moje-ip .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-jakie-jest-moje-ip .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-jakie-jest-moje-ip .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-jakie-jest-moje-ip .nav-right{display:flex;align-items:center;gap:14px}
  body.page-jakie-jest-moje-ip .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-jakie-jest-moje-ip .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-jakie-jest-moje-ip .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-jakie-jest-moje-ip .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-jakie-jest-moje-ip .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-jakie-jest-moje-ip .crumb a:hover{color:var(--lime)}
  body.page-jakie-jest-moje-ip .crumb span{color:var(--muted-2)}
  body.page-jakie-jest-moje-ip .phero{padding:34px 0 26px}
  body.page-jakie-jest-moje-ip .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-jakie-jest-moje-ip .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-jakie-jest-moje-ip .phero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700;max-width:18ch}
  body.page-jakie-jest-moje-ip .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-jakie-jest-moje-ip .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:62ch;margin:22px 0 0}

  body.page-jakie-jest-moje-ip .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-jakie-jest-moje-ip .d1{animation-delay:.05s}body.page-jakie-jest-moje-ip .d2{animation-delay:.15s}body.page-jakie-jest-moje-ip .d3{animation-delay:.25s}

  /* ===== PANEL IP ===== */
  body.page-jakie-jest-moje-ip .ip-wrap{padding:30px 0 70px}
  body.page-jakie-jest-moje-ip .ip-main{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;
    padding:44px 40px;text-align:center;position:relative;overflow:hidden}
  body.page-jakie-jest-moje-ip .ip-main::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 50% -10%,rgba(196,255,90,.12),transparent 60%);pointer-events:none}
  body.page-jakie-jest-moje-ip .ip-label{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
  body.page-jakie-jest-moje-ip .ip-value{font-family:var(--mono);font-weight:700;font-size:clamp(1.8rem,6vw,3.4rem);color:var(--lime);
    word-break:break-all;line-height:1.1;min-height:1.1em;letter-spacing:.5px}
  body.page-jakie-jest-moje-ip .ip-proto{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:999px;font-size:.84rem;font-weight:600;
    background:rgba(47,212,168,.12);color:var(--teal);border:1px solid rgba(47,212,168,.3)}
  body.page-jakie-jest-moje-ip .ip-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px;position:relative}
  body.page-jakie-jest-moje-ip .ip-actions button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-soft);background:var(--ink);
    color:var(--cream);padding:11px 20px;border-radius:999px;font-family:var(--body);font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s}
  body.page-jakie-jest-moje-ip .ip-actions button:hover{border-color:var(--lime);color:var(--lime)}
  body.page-jakie-jest-moje-ip .ip-actions svg{width:17px;height:17px}
  body.page-jakie-jest-moje-ip .copied-msg{color:var(--lime);font-size:.86rem;font-weight:600;height:18px;margin-top:14px;opacity:0;transition:.2s}
  body.page-jakie-jest-moje-ip .copied-msg.show{opacity:1}

  /* karta szczegółów */
  body.page-jakie-jest-moje-ip .ip-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
  body.page-jakie-jest-moje-ip .det{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:22px 24px;transition:.2s}
  body.page-jakie-jest-moje-ip .det .dk{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px}
  body.page-jakie-jest-moje-ip .det .dv{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--cream);word-break:break-word;line-height:1.2}
  body.page-jakie-jest-moje-ip .det .dv .flag{margin-right:8px}

  body.page-jakie-jest-moje-ip .loading{color:var(--muted-2)}
  body.page-jakie-jest-moje-ip .skeleton{display:inline-block;height:.9em;width:60%;border-radius:6px;
    background:linear-gradient(90deg,var(--surface-2) 25%,rgba(255,255,255,.06) 50%,var(--surface-2) 75%);
    background-size:200% 100%;animation:sk 1.3s infinite}
  @keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
  body.page-jakie-jest-moje-ip .ip-error{color:var(--red);font-size:1rem;margin-top:10px}

  body.page-jakie-jest-moje-ip .sec{padding:80px 0}
  body.page-jakie-jest-moje-ip .sec-head{max-width:760px;margin-bottom:40px}
  body.page-jakie-jest-moje-ip .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-jakie-jest-moje-ip .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-jakie-jest-moje-ip .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* CONTENT 2-col */
  body.page-jakie-jest-moje-ip .content2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
  body.page-jakie-jest-moje-ip .tblock h3{font-size:1.28rem;margin-bottom:10px}
  body.page-jakie-jest-moje-ip .tblock p{color:var(--muted);font-size:1.02rem;margin-bottom:12px}
  body.page-jakie-jest-moje-ip .tblock strong{color:var(--cream);font-weight:600}
  body.page-jakie-jest-moje-ip .tblock a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

  /* OTHER TOOLS */
  body.page-jakie-jest-moje-ip .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-jakie-jest-moje-ip .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-jakie-jest-moje-ip .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-jakie-jest-moje-ip .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-jakie-jest-moje-ip .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-jakie-jest-moje-ip .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-jakie-jest-moje-ip .faq{max-width:880px;margin:0 auto}
  body.page-jakie-jest-moje-ip .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-jakie-jest-moje-ip .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-jakie-jest-moje-ip .faq-q:hover{color:var(--lime)}
  body.page-jakie-jest-moje-ip .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-jakie-jest-moje-ip .faq-q .plus::before,
body.page-jakie-jest-moje-ip .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-jakie-jest-moje-ip .faq-q .plus::before{width:16px;height:2px}
  body.page-jakie-jest-moje-ip .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-jakie-jest-moje-ip .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-jakie-jest-moje-ip .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.page-jakie-jest-moje-ip .faq-a p{color:var(--muted);padding:0 8px 14px;font-size:1.01rem}
  body.page-jakie-jest-moje-ip .faq-a p:last-child{padding-bottom:24px}
  body.page-jakie-jest-moje-ip .faq-a strong{color:var(--cream)}
  body.page-jakie-jest-moje-ip .faq-a a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

  /* CTA BAND */
  body.page-jakie-jest-moje-ip .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-jakie-jest-moje-ip .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-jakie-jest-moje-ip .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-jakie-jest-moje-ip .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-jakie-jest-moje-ip .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-jakie-jest-moje-ip .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-jakie-jest-moje-ip footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-jakie-jest-moje-ip .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-jakie-jest-moje-ip .foot-brand .logo{margin-bottom:18px}
  body.page-jakie-jest-moje-ip .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-jakie-jest-moje-ip .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-jakie-jest-moje-ip .nap b{color:var(--cream)}body.page-jakie-jest-moje-ip .nap a:hover{color:var(--lime)}
  body.page-jakie-jest-moje-ip .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-jakie-jest-moje-ip .foot-col ul{list-style:none}body.page-jakie-jest-moje-ip .foot-col li{margin-bottom:11px}
  body.page-jakie-jest-moje-ip .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-jakie-jest-moje-ip .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-jakie-jest-moje-ip .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-jakie-jest-moje-ip .foot-social{display:flex;gap:12px}
  body.page-jakie-jest-moje-ip .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-jakie-jest-moje-ip .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-jakie-jest-moje-ip .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-jakie-jest-moje-ip .content2{grid-template-columns:1fr}
    body.page-jakie-jest-moje-ip .tools,
body.page-jakie-jest-moje-ip .ip-details{grid-template-columns:1fr 1fr}
    body.page-jakie-jest-moje-ip .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-jakie-jest-moje-ip .menu,
body.page-jakie-jest-moje-ip .nav-right .cta{display:none}
    body.page-jakie-jest-moje-ip .burger{display:flex}
    body.page-jakie-jest-moje-ip .tools,
body.page-jakie-jest-moje-ip .ip-details,
body.page-jakie-jest-moje-ip .foot-grid{grid-template-columns:1fr}
    body.page-jakie-jest-moje-ip .sec{padding:56px 0}body.page-jakie-jest-moje-ip .cta-band{padding:46px 24px}body.page-jakie-jest-moje-ip .ip-main{padding:30px 24px}
    body.page-jakie-jest-moje-ip .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-jakie-jest-moje-ip .mobile-menu.on{transform:translateX(0)}
    body.page-jakie-jest-moje-ip .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-jakie-jest-moje-ip .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-jakie-jest-moje-ip .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-jakie-jest-moje-ip.lock{overflow:hidden}
    body.page-jakie-jest-moje-ip .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-jakie-jest-moje-ip .burger.on span:nth-child(2){opacity:0}
    body.page-jakie-jest-moje-ip .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: whois
   ========================================================================== */
body.page-whois{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8; --red:#ff6b5e; --orange:#ffb454;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif; --mono:"JetBrains Mono", monospace;
    --maxw:1240px; --r:18px;
  }
  body.page-whois,
body.page-whois *{margin:0;padding:0;box-sizing:border-box}
  body.page-whois{scroll-behavior:smooth}
  body.page-whois{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-whois::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-whois::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-whois .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-whois a{color:inherit;text-decoration:none}
  body.page-whois h1,
body.page-whois h2,
body.page-whois h3,
body.page-whois h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-whois .accent{color:var(--lime)}
  body.page-whois section{position:relative;z-index:1}

  /* HEADER */
  body.page-whois header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-whois .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-whois .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-whois .logo b{color:var(--lime)}
  body.page-whois .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-whois .menu>li{position:relative}
  body.page-whois .menu>li>a,
body.page-whois .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-whois .menu>li>a:hover,
body.page-whois .menu>li>.toplink:hover{background:var(--surface);color:var(--lime)}
  body.page-whois .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-whois .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-whois .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-whois .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-whois .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-whois .dropdown a:hover{background:var(--surface)}
  body.page-whois .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-whois .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-whois .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-whois .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-whois .nav-right{display:flex;align-items:center;gap:14px}
  body.page-whois .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-whois .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-whois .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-whois .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-whois .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-whois .crumb a:hover{color:var(--lime)}
  body.page-whois .crumb span{color:var(--muted-2)}
  body.page-whois .phero{padding:34px 0 26px}
  body.page-whois .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-whois .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-whois .phero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700;max-width:18ch}
  body.page-whois .phero h1 em{font-style:normal;color:var(--lime)}
  body.page-whois .phero .lead{font-size:clamp(1.02rem,1.8vw,1.22rem);color:var(--muted);max-width:62ch;margin:22px 0 0}

  body.page-whois .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-whois .d1{animation-delay:.05s}body.page-whois .d2{animation-delay:.15s}

  /* ===== WYSZUKIWARKA WHOIS ===== */
  body.page-whois .whois-wrap{padding:30px 0 70px}
  body.page-whois .whois-box{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;padding:34px}
  body.page-whois .search-row{display:flex;gap:12px}
  body.page-whois .search-row .inp{flex:1;position:relative}
  body.page-whois .search-row input{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:14px;color:var(--cream);
    font-family:var(--mono);font-size:1.1rem;font-weight:500;padding:17px 18px;outline:none;transition:.2s}
  body.page-whois .search-row input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(196,255,90,.12)}
  body.page-whois .search-row input::placeholder{color:var(--muted-2);font-family:var(--body)}
  body.page-whois .search-row button{flex-shrink:0}
  body.page-whois .examples{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  body.page-whois .examples span{color:var(--muted-2);font-size:.86rem}
  body.page-whois .examples button{background:var(--ink);border:1px solid var(--line-soft);color:var(--muted);font-family:var(--mono);
    font-size:.85rem;padding:6px 13px;border-radius:999px;cursor:pointer;transition:.2s}
  body.page-whois .examples button:hover{border-color:var(--lime);color:var(--lime)}

  /* WYNIKI */
  body.page-whois .whois-result{margin-top:24px}
  body.page-whois .res-empty{color:var(--muted-2);text-align:center;padding:30px 0;font-size:1rem}
  body.page-whois .res-loading{text-align:center;padding:30px 0;color:var(--muted)}
  body.page-whois .spinner{display:inline-block;width:30px;height:30px;border:3px solid var(--surface-2);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}
  @keyframes spin{to{transform:rotate(360deg)}}
  body.page-whois .res-msg{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:24px;color:var(--muted)}
  body.page-whois .res-msg.warn{border-color:rgba(255,180,84,.3)}
  body.page-whois .res-msg.err{border-color:rgba(255,107,94,.3)}
  body.page-whois .res-msg b{color:var(--cream)}
  body.page-whois .res-msg a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

  body.page-whois .res-card{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:18px;overflow:hidden}
  body.page-whois .res-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line-soft);background:linear-gradient(120deg,rgba(196,255,90,.05),transparent)}
  body.page-whois .res-head .dn{font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--cream);word-break:break-all}
  body.page-whois .badge{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:999px}
  body.page-whois .badge.active{background:rgba(196,255,90,.1);color:var(--lime);border:1px solid rgba(196,255,90,.3)}
  body.page-whois .badge.warn{background:rgba(255,180,84,.1);color:var(--orange);border:1px solid rgba(255,180,84,.3)}
  body.page-whois .res-rows{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft)}
  body.page-whois .rrow{background:var(--ink-2);padding:18px 24px}
  body.page-whois .rrow .rk{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:7px}
  body.page-whois .rrow .rv{font-family:var(--body);font-weight:500;color:var(--cream);font-size:1.02rem;word-break:break-word}
  body.page-whois .rrow .rv.mono{font-family:var(--mono);font-size:.95rem}
  body.page-whois .rrow.full{grid-column:1 / -1}
  body.page-whois .rv .exp-soon{color:var(--orange);font-size:.85rem;margin-left:8px}
  body.page-whois .ns-list{list-style:none;display:flex;flex-direction:column;gap:6px}
  body.page-whois .ns-list li{font-family:var(--mono);font-size:.92rem;color:var(--cream)}
  body.page-whois .status-tags{display:flex;flex-wrap:wrap;gap:7px}
  body.page-whois .status-tags span{font-family:var(--mono);font-size:.8rem;background:var(--ink);border:1px solid var(--line-soft);color:var(--muted);padding:5px 11px;border-radius:8px}
  body.page-whois .res-foot{padding:14px 24px;border-top:1px solid var(--line-soft);font-size:.82rem;color:var(--muted-2)}

  body.page-whois .sec{padding:80px 0}
  body.page-whois .sec-head{max-width:760px;margin-bottom:40px}
  body.page-whois .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-whois .sec-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}
  body.page-whois .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}

  /* CONTENT 2-col */
  body.page-whois .content2{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
  body.page-whois .tblock h3{font-size:1.28rem;margin-bottom:10px}
  body.page-whois .tblock p{color:var(--muted);font-size:1.02rem;margin-bottom:12px}
  body.page-whois .tblock strong{color:var(--cream);font-weight:600}
  body.page-whois .tblock a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

  /* OTHER TOOLS */
  body.page-whois .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-whois .tool{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;transition:.25s}
  body.page-whois .tool:hover{border-color:var(--line);background:var(--surface);transform:translateY(-3px)}
  body.page-whois .tool .temoji{font-size:1.4rem;width:42px;height:42px;border-radius:11px;background:var(--ink);border:1px solid var(--line-soft);display:grid;place-items:center;flex-shrink:0}
  body.page-whois .tool h4{font-family:var(--display);font-size:1.06rem;font-weight:600;margin-bottom:3px}
  body.page-whois .tool p{color:var(--muted);font-size:.88rem;line-height:1.4}

  /* FAQ */
  body.page-whois .faq{max-width:880px;margin:0 auto}
  body.page-whois .faq-item{border-bottom:1px solid var(--line-soft)}
  body.page-whois .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
  body.page-whois .faq-q:hover{color:var(--lime)}
  body.page-whois .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
  body.page-whois .faq-q .plus::before,
body.page-whois .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
  body.page-whois .faq-q .plus::before{width:16px;height:2px}
  body.page-whois .faq-q .plus::after{width:2px;height:16px;transition:.3s}
  body.page-whois .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
  body.page-whois .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  body.page-whois .faq-a p{color:var(--muted);padding:0 8px 14px;font-size:1.01rem}
  body.page-whois .faq-a p:last-child{padding-bottom:24px}
  body.page-whois .faq-a strong{color:var(--cream)}
  body.page-whois .faq-a a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-whois .faq-a ul{list-style:none;padding:0 8px 24px;margin:0}
  body.page-whois .faq-a li{color:var(--muted);padding:6px 0 6px 24px;position:relative;font-size:1rem}
  body.page-whois .faq-a li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}

  /* CTA BAND */
  body.page-whois .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-whois .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-whois .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-whois .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-whois .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-whois .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-whois footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-whois .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-whois .foot-brand .logo{margin-bottom:18px}
  body.page-whois .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-whois .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-whois .nap b{color:var(--cream)}body.page-whois .nap a:hover{color:var(--lime)}
  body.page-whois .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-whois .foot-col ul{list-style:none}body.page-whois .foot-col li{margin-bottom:11px}
  body.page-whois .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-whois .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-whois .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-whois .foot-social{display:flex;gap:12px}
  body.page-whois .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-whois .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-whois .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-whois .content2{grid-template-columns:1fr}
    body.page-whois .tools{grid-template-columns:1fr 1fr}
    body.page-whois .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-whois .menu,
body.page-whois .nav-right .cta{display:none}
    body.page-whois .burger{display:flex}
    body.page-whois .tools,
body.page-whois .foot-grid,
body.page-whois .res-rows{grid-template-columns:1fr}
    body.page-whois .search-row{flex-direction:column}
    body.page-whois .sec{padding:56px 0}body.page-whois .cta-band{padding:46px 24px}body.page-whois .whois-box{padding:24px}
    body.page-whois .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-whois .mobile-menu.on{transform:translateX(0)}
    body.page-whois .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-whois .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-whois .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-whois.lock{overflow:hidden}
    body.page-whois .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-whois .burger.on span:nth-child(2){opacity:0}
    body.page-whois .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: kontakt
   ========================================================================== */
body.page-kontakt{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8; --red:#ff6b5e;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-kontakt,
body.page-kontakt *{margin:0;padding:0;box-sizing:border-box}
  body.page-kontakt{scroll-behavior:smooth}
  body.page-kontakt{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-kontakt::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-kontakt::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-kontakt .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-kontakt a{color:inherit;text-decoration:none}
  body.page-kontakt h1,
body.page-kontakt h2,
body.page-kontakt h3,
body.page-kontakt h4{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.02em}
  body.page-kontakt .accent{color:var(--lime)}
  body.page-kontakt section{position:relative;z-index:1}

  /* HEADER */
  body.page-kontakt header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-kontakt .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-kontakt .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-kontakt .logo b{color:var(--lime)}
  body.page-kontakt .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-kontakt .menu>li{position:relative}
  body.page-kontakt .menu>li>a,
body.page-kontakt .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-kontakt .menu>li>a:hover,
body.page-kontakt .menu>li>.toplink:hover,
body.page-kontakt .menu>li>a[aria-current]{background:var(--surface);color:var(--lime)}
  body.page-kontakt .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-kontakt .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-kontakt .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-kontakt .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-kontakt .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-kontakt .dropdown a:hover{background:var(--surface)}
  body.page-kontakt .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-kontakt .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-kontakt .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-kontakt .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-kontakt .nav-right{display:flex;align-items:center;gap:14px}
  body.page-kontakt .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-kontakt .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-kontakt .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
  body.page-kontakt .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-kontakt .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-kontakt .crumb a:hover{color:var(--lime)}
  body.page-kontakt .crumb span{color:var(--muted-2)}
  body.page-kontakt .chero{padding:40px 0 30px}
  body.page-kontakt .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-kontakt .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-kontakt .chero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700}
  body.page-kontakt .chero h1 em{font-style:normal;color:var(--lime)}
  body.page-kontakt .chero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:58ch;margin:22px 0 0}

  body.page-kontakt .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-kontakt .d1{animation-delay:.05s}body.page-kontakt .d2{animation-delay:.15s}body.page-kontakt .d3{animation-delay:.25s}

  /* LAYOUT KONTAKT */
  body.page-kontakt .contact-wrap{padding:30px 0 70px}
  body.page-kontakt .contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

  /* lewa kolumna: dane */
  body.page-kontakt .info-card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:24px;padding:36px}
  body.page-kontakt .info-card h2{font-size:1.7rem;margin-bottom:8px}
  body.page-kontakt .info-card .sub{color:var(--muted);font-size:1.04rem;margin-bottom:30px}
  body.page-kontakt .info-list{display:grid;gap:14px}
  body.page-kontakt .info-item{display:flex;gap:16px;align-items:flex-start;background:var(--ink);border:1px solid var(--line-soft);border-radius:15px;padding:20px;transition:.2s}
  body.page-kontakt .info-item:hover{border-color:var(--line)}
  body.page-kontakt .info-item .ico{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--lime)}
  body.page-kontakt .info-item .ico svg{width:22px;height:22px}
  body.page-kontakt .info-item .k{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}
  body.page-kontakt .info-item .v{font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--cream);word-break:break-word}
  body.page-kontakt .info-item .v a:hover{color:var(--lime)}
  body.page-kontakt .info-item .vd{color:var(--muted);font-size:.95rem;margin-top:2px}

  body.page-kontakt .social-row{display:flex;gap:10px;margin-top:26px}
  body.page-kontakt .social-row a{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-soft);display:grid;place-items:center;color:var(--cream);font-weight:600;transition:.2s}
  body.page-kontakt .social-row a:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}

  /* prawa kolumna: formularz */
  body.page-kontakt .form-card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:24px;padding:36px}
  body.page-kontakt .form-card h2{font-size:1.7rem;margin-bottom:8px}
  body.page-kontakt .form-card .sub{color:var(--muted);font-size:1.04rem;margin-bottom:28px}
  body.page-kontakt .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  body.page-kontakt .field{margin-bottom:18px}
  body.page-kontakt .field.full{grid-column:1/-1}
  body.page-kontakt .field label{display:block;font-size:.86rem;font-weight:600;color:var(--cream);margin-bottom:8px}
  body.page-kontakt .field label .req{color:var(--lime)}
  body.page-kontakt .field input,
body.page-kontakt .field select,
body.page-kontakt .field textarea{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;
    color:var(--cream);font-family:var(--body);font-size:1rem;padding:13px 15px;outline:none;transition:.2s}
  body.page-kontakt .field input:focus,
body.page-kontakt .field select:focus,
body.page-kontakt .field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(196,255,90,.12)}
  body.page-kontakt .field textarea{resize:vertical;min-height:130px}
  body.page-kontakt .field select{appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa395' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 15px center;padding-right:42px}
  body.page-kontakt .field input::placeholder,
body.page-kontakt .field textarea::placeholder{color:var(--muted-2)}
  body.page-kontakt .field .err{color:var(--red);font-size:.82rem;margin-top:6px;display:none}
  body.page-kontakt .field.invalid input,
body.page-kontakt .field.invalid textarea,
body.page-kontakt .field.invalid select{border-color:var(--red)}
  body.page-kontakt .field.invalid .err{display:block}

  body.page-kontakt .consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 22px}
  body.page-kontakt .consent input{flex-shrink:0;width:20px;height:20px;margin-top:3px;accent-color:var(--lime);cursor:pointer}
  body.page-kontakt .consent label{font-size:.88rem;color:var(--muted);line-height:1.5;cursor:pointer}
  body.page-kontakt .consent.invalid label{color:var(--red)}

  body.page-kontakt .form-note{font-size:.82rem;color:var(--muted-2);margin-top:16px;line-height:1.5}
  body.page-kontakt .form-error{margin-bottom:20px;padding:13px 16px;border:1px solid var(--red);border-radius:12px;color:var(--cream);background:rgba(255,90,90,.08);font-size:.92rem}
  body.page-kontakt .form-success{display:none;text-align:center;padding:36px 20px}
  body.page-kontakt .form-success .ok{width:64px;height:64px;border-radius:50%;background:rgba(196,255,90,.12);border:1px solid var(--line);
    display:grid;place-items:center;margin:0 auto 20px;color:var(--lime)}
  body.page-kontakt .form-success h3{font-size:1.5rem;margin-bottom:10px}
  body.page-kontakt .form-success p{color:var(--muted)}

  /* MAPA */
  body.page-kontakt .map-sec{padding-bottom:80px}
  body.page-kontakt .map-card{border:1px solid var(--line-soft);border-radius:24px;overflow:hidden;background:var(--ink-2)}
  body.page-kontakt .map-card iframe{width:100%;height:420px;border:0;display:block;filter:grayscale(.3) contrast(1.05)}
  body.page-kontakt .map-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line-soft)}
  body.page-kontakt .map-head h2{font-size:1.4rem}
  body.page-kontakt .map-head p{color:var(--muted);font-size:.96rem}
  body.page-kontakt .map-head a{color:var(--lime);font-weight:600;font-size:.94rem;display:inline-flex;align-items:center;gap:7px}

  /* SZYBKIE LINKI */
  body.page-kontakt .sec{padding:80px 0}
  body.page-kontakt .sec-head{max-width:760px;margin-bottom:36px}
  body.page-kontakt .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
  body.page-kontakt .sec-head h2{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:700}
  body.page-kontakt .quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  body.page-kontakt .ql{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px;transition:.25s}
  body.page-kontakt .ql:hover{transform:translateY(-4px);border-color:var(--line)}
  body.page-kontakt .ql .qe{font-size:1.6rem;margin-bottom:14px}
  body.page-kontakt .ql h3{font-size:1.18rem;margin-bottom:6px}
  body.page-kontakt .ql:hover h3{color:var(--lime)}
  body.page-kontakt .ql p{color:var(--muted);font-size:.94rem}

  /* CTA BAND */
  body.page-kontakt .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:62px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-kontakt .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-kontakt .cta-band h2{font-size:clamp(1.8rem,4vw,2.7rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-kontakt .cta-band p{position:relative;font-size:1.08rem;margin:16px auto 28px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-kontakt .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-kontakt .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-kontakt footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:20px}
  body.page-kontakt .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-kontakt .foot-brand .logo{margin-bottom:18px}
  body.page-kontakt .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-kontakt .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-kontakt .nap b{color:var(--cream)}body.page-kontakt .nap a:hover{color:var(--lime)}
  body.page-kontakt .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-kontakt .foot-col ul{list-style:none}body.page-kontakt .foot-col li{margin-bottom:11px}
  body.page-kontakt .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-kontakt .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-kontakt .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-kontakt .foot-social{display:flex;gap:12px}
  body.page-kontakt .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-kontakt .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-kontakt .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-kontakt .contact{grid-template-columns:1fr}
    body.page-kontakt .quick{grid-template-columns:1fr 1fr}
    body.page-kontakt .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-kontakt .menu,
body.page-kontakt .nav-right .cta{display:none}
    body.page-kontakt .burger{display:flex}
    body.page-kontakt .fgrid,
body.page-kontakt .quick,
body.page-kontakt .foot-grid{grid-template-columns:1fr}
    body.page-kontakt .sec{padding:56px 0}body.page-kontakt .cta-band{padding:46px 24px}body.page-kontakt .info-card,
body.page-kontakt .form-card{padding:28px}
    body.page-kontakt .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-kontakt .mobile-menu.on{transform:translateX(0)}
    body.page-kontakt .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-kontakt .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-kontakt .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-kontakt.lock{overflow:hidden}
    body.page-kontakt .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-kontakt .burger.on span:nth-child(2){opacity:0}
    body.page-kontakt .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: software-house-wroclaw
   ========================================================================== */
body.page-software-house-wroclaw{--ink:#0b0f0d;--ink-2:#10160f;--surface:#141b14;--surface-2:#1b231a;--line:rgba(196,255,90,.14);--line-soft:rgba(255,255,255,.08);--cream:#f3f4ec;--muted:#9aa395;--muted-2:#6f7869;--lime:#c4ff5a;--lime-deep:#9be01f;--teal:#2fd4a8;--display:"Bricolage Grotesque",serif;--body:"Hanken Grotesk",sans-serif;--mono:"JetBrains Mono",monospace;--maxw:1240px;--r:18px}
body.page-software-house-wroclaw,
body.page-software-house-wroclaw *{margin:0;padding:0;box-sizing:border-box}body.page-software-house-wroclaw{scroll-behavior:smooth}
body.page-software-house-wroclaw{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.page-software-house-wroclaw::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(620px 480px at 12% -5%,rgba(196,255,90,.10),transparent 60%),radial-gradient(700px 560px at 92% 8%,rgba(47,212,168,.09),transparent 62%),radial-gradient(900px 700px at 50% 130%,rgba(155,224,31,.06),transparent 60%)}
body.page-software-house-wroclaw::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.page-software-house-wroclaw .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
body.page-software-house-wroclaw a{color:inherit;text-decoration:none}
body.page-software-house-wroclaw h1,
body.page-software-house-wroclaw h2,
body.page-software-house-wroclaw h3,
body.page-software-house-wroclaw h4{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.02em}
body.page-software-house-wroclaw .accent{color:var(--lime)}body.page-software-house-wroclaw section{position:relative;z-index:1}
body.page-software-house-wroclaw header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
body.page-software-house-wroclaw .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
body.page-software-house-wroclaw .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}body.page-software-house-wroclaw .logo b{color:var(--lime)}
body.page-software-house-wroclaw .menu{display:flex;align-items:center;gap:6px;list-style:none}body.page-software-house-wroclaw .menu>li{position:relative}
body.page-software-house-wroclaw .menu>li>a,
body.page-software-house-wroclaw .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
body.page-software-house-wroclaw .menu>li>a:hover,
body.page-software-house-wroclaw .menu>li>.toplink:hover,
body.page-software-house-wroclaw .menu>li>a[aria-current],
body.page-software-house-wroclaw .menu>li>.toplink.active{background:var(--surface);color:var(--lime)}
body.page-software-house-wroclaw .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
body.page-software-house-wroclaw .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
body.page-software-house-wroclaw .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
body.page-software-house-wroclaw .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
body.page-software-house-wroclaw .dropdown li.sep{height:1px;background:var(--line-soft);margin:6px 14px}
body.page-software-house-wroclaw .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
body.page-software-house-wroclaw .dropdown a:hover{background:var(--surface)}
body.page-software-house-wroclaw .dropdown a span{font-weight:600;font-size:.95rem}
body.page-software-house-wroclaw .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
body.page-software-house-wroclaw .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
body.page-software-house-wroclaw .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
body.page-software-house-wroclaw .nav-right{display:flex;align-items:center;gap:14px}
body.page-software-house-wroclaw .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
body.page-software-house-wroclaw .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}
body.page-software-house-wroclaw .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
body.page-software-house-wroclaw .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
body.page-software-house-wroclaw .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
body.page-software-house-wroclaw .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-wroclaw .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
body.page-software-house-wroclaw .crumb a:hover{color:var(--lime)}body.page-software-house-wroclaw .crumb span{color:var(--muted-2)}
body.page-software-house-wroclaw .phero{padding:38px 0 56px}
body.page-software-house-wroclaw .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
body.page-software-house-wroclaw .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
body.page-software-house-wroclaw .phero h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;max-width:18ch}
body.page-software-house-wroclaw .phero h1 em{font-style:normal;color:var(--lime)}
body.page-software-house-wroclaw .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:64ch;margin:24px 0 34px}
body.page-software-house-wroclaw .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
body.page-software-house-wroclaw .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;border-top:1px solid var(--line-soft);padding-top:34px}
body.page-software-house-wroclaw .trust .ts .n{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--lime);line-height:1}
body.page-software-house-wroclaw .trust .ts .l{color:var(--muted);font-size:.88rem;margin-top:6px}
body.page-software-house-wroclaw .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
body.page-software-house-wroclaw .d1{animation-delay:.05s}body.page-software-house-wroclaw .d2{animation-delay:.15s}body.page-software-house-wroclaw .d3{animation-delay:.25s}body.page-software-house-wroclaw .d4{animation-delay:.35s}
body.page-software-house-wroclaw .sec{padding:80px 0}
body.page-software-house-wroclaw .sec-head{max-width:780px;margin-bottom:46px}
body.page-software-house-wroclaw .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
body.page-software-house-wroclaw .sec-head h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:700}
body.page-software-house-wroclaw .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}
body.page-software-house-wroclaw .nlp{max-width:900px;margin:0 auto;text-align:center}
body.page-software-house-wroclaw .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
body.page-software-house-wroclaw .nlp .sub{font-family:var(--body);font-size:1.06rem;color:var(--muted);max-width:64ch;margin:24px auto 0;font-weight:400;line-height:1.6}
body.page-software-house-wroclaw .yesset{display:grid;gap:14px;max-width:740px;margin:40px auto 0}
body.page-software-house-wroclaw .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.04rem}
body.page-software-house-wroclaw .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}
body.page-software-house-wroclaw .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-software-house-wroclaw .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
body.page-software-house-wroclaw .card:hover{border-color:var(--line);transform:translateY(-4px)}
body.page-software-house-wroclaw .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
body.page-software-house-wroclaw .card h3{font-size:1.28rem;margin-bottom:10px}body.page-software-house-wroclaw .card p{color:var(--muted);font-size:.98rem}
body.page-software-house-wroclaw .tech-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
body.page-software-house-wroclaw .stack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
body.page-software-house-wroclaw .stack-col{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:18px;padding:28px}
body.page-software-house-wroclaw .stack-col h4{font-family:var(--display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;font-weight:700}
body.page-software-house-wroclaw .stack-col .chips{display:flex;flex-wrap:wrap;gap:8px}
body.page-software-house-wroclaw .stack-col .chips span{font-family:var(--mono);font-size:.86rem;background:var(--ink);border:1px solid var(--line-soft);color:var(--cream);padding:7px 13px;border-radius:8px}
body.page-software-house-wroclaw .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
body.page-software-house-wroclaw .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
body.page-software-house-wroclaw .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
body.page-software-house-wroclaw .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch;margin-bottom:14px}
body.page-software-house-wroclaw .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
body.page-software-house-wroclaw .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
body.page-software-house-wroclaw .metric .big{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-wroclaw .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
body.page-software-house-wroclaw .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
body.page-software-house-wroclaw .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
body.page-software-house-wroclaw .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}
body.page-software-house-wroclaw .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
body.page-software-house-wroclaw .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
body.page-software-house-wroclaw .mini .num{font-family:var(--display);font-size:1.7rem;font-weight:700;color:var(--lime);line-height:1.1}
body.page-software-house-wroclaw .mini h4{font-size:1.08rem;margin:10px 0 6px}body.page-software-house-wroclaw .mini p{color:var(--muted);font-size:.92rem}
body.page-software-house-wroclaw .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
body.page-software-house-wroclaw .step{border-top:2px solid var(--line);padding-top:22px}
body.page-software-house-wroclaw .step .n{font-family:var(--display);font-size:2.5rem;font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-wroclaw .step h4{font-size:1.18rem;margin:14px 0 8px}body.page-software-house-wroclaw .step p{color:var(--muted);font-size:.95rem}
body.page-software-house-wroclaw .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
body.page-software-house-wroclaw .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:32px;transition:.3s;position:relative}
body.page-software-house-wroclaw .plan:hover{transform:translateY(-5px);border-color:var(--line)}
body.page-software-house-wroclaw .plan.feat{border-color:var(--lime);background:linear-gradient(170deg,rgba(196,255,90,.06),var(--ink-2))}
body.page-software-house-wroclaw .plan .badge{position:absolute;top:-12px;left:32px;background:var(--lime);color:#0b0f0d;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
body.page-software-house-wroclaw .plan h3{font-size:1.4rem;margin-bottom:6px}
body.page-software-house-wroclaw .plan .for{color:var(--muted);font-size:.94rem;min-height:44px}
body.page-software-house-wroclaw .plan .price{font-family:var(--display);font-size:1.05rem;color:var(--lime);font-weight:600;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
body.page-software-house-wroclaw .plan ul{list-style:none;margin-bottom:24px}
body.page-software-house-wroclaw .plan li{color:var(--muted);font-size:.95rem;padding-left:26px;position:relative;margin-bottom:11px}
body.page-software-house-wroclaw .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
body.page-software-house-wroclaw .plan .pcta{display:block;text-align:center;padding:12px;border-radius:999px;font-weight:700;transition:.2s}
body.page-software-house-wroclaw .plan .pcta.ghost{border:1px solid var(--line-soft)}
body.page-software-house-wroclaw .plan .pcta.ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-wroclaw .plan .pcta.full{background:var(--lime);color:#0b0f0d}body.page-software-house-wroclaw .plan .pcta.full:hover{background:#d8ff85}
body.page-software-house-wroclaw .ind{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.page-software-house-wroclaw .ind .item{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:22px;transition:.2s;display:flex;align-items:flex-start;gap:14px}
body.page-software-house-wroclaw .ind .item:hover{border-color:var(--line);transform:translateY(-3px)}
body.page-software-house-wroclaw .ind .e{font-size:1.5rem;flex-shrink:0;line-height:1.1}
body.page-software-house-wroclaw .ind h4{font-size:1.05rem;margin-bottom:5px}body.page-software-house-wroclaw .ind p{color:var(--muted);font-size:.9rem}
body.page-software-house-wroclaw .seo-content{max-width:880px}
body.page-software-house-wroclaw .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px}
body.page-software-house-wroclaw .seo-content h3{font-size:1.32rem;margin:34px 0 12px}
body.page-software-house-wroclaw .seo-content p{color:var(--muted);margin-bottom:14px;font-size:1.04rem}
body.page-software-house-wroclaw .seo-content strong{color:var(--cream);font-weight:600}
body.page-software-house-wroclaw .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
body.page-software-house-wroclaw .seo-content ul{list-style:none;margin:8px 0 18px}
body.page-software-house-wroclaw .seo-content li{color:var(--muted);padding-left:26px;position:relative;margin-bottom:10px;font-size:1.02rem}
body.page-software-house-wroclaw .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
body.page-software-house-wroclaw .faq{max-width:880px;margin:0 auto}
body.page-software-house-wroclaw .faq-item{border-bottom:1px solid var(--line-soft)}
body.page-software-house-wroclaw .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
body.page-software-house-wroclaw .faq-q:hover{color:var(--lime)}
body.page-software-house-wroclaw .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
body.page-software-house-wroclaw .faq-q .plus::before,
body.page-software-house-wroclaw .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
body.page-software-house-wroclaw .faq-q .plus::before{width:16px;height:2px}
body.page-software-house-wroclaw .faq-q .plus::after{width:2px;height:16px;transition:.3s}
body.page-software-house-wroclaw .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
body.page-software-house-wroclaw .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
body.page-software-house-wroclaw .faq-a p{color:var(--muted);padding:0 8px 22px;font-size:1.01rem}body.page-software-house-wroclaw .faq-a strong{color:var(--cream)}
body.page-software-house-wroclaw .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
body.page-software-house-wroclaw .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
body.page-software-house-wroclaw .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:24ch;margin:0 auto;color:#0b0f0d;position:relative}
body.page-software-house-wroclaw .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:54ch;color:#1a2410;font-weight:500}
body.page-software-house-wroclaw .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
body.page-software-house-wroclaw .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
body.page-software-house-wroclaw footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
body.page-software-house-wroclaw .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
body.page-software-house-wroclaw .foot-brand .logo{margin-bottom:18px}body.page-software-house-wroclaw .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
body.page-software-house-wroclaw .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}body.page-software-house-wroclaw .nap b{color:var(--cream)}body.page-software-house-wroclaw .nap a:hover{color:var(--lime)}
body.page-software-house-wroclaw .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
body.page-software-house-wroclaw .foot-col ul{list-style:none}body.page-software-house-wroclaw .foot-col li{margin-bottom:11px}
body.page-software-house-wroclaw .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
body.page-software-house-wroclaw .foot-col a:hover{color:var(--lime);opacity:1}
body.page-software-house-wroclaw .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
body.page-software-house-wroclaw .foot-social{display:flex;gap:12px}
body.page-software-house-wroclaw .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
body.page-software-house-wroclaw .foot-social a:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-wroclaw .mobile-menu{display:none}
@media(max-width:980px){body.page-software-house-wroclaw .grid3,
body.page-software-house-wroclaw .steps,
body.page-software-house-wroclaw .pricing,
body.page-software-house-wroclaw .mini-cases,
body.page-software-house-wroclaw .ind{grid-template-columns:1fr 1fr}body.page-software-house-wroclaw .metrics,
body.page-software-house-wroclaw .stack,
body.page-software-house-wroclaw .trust{grid-template-columns:1fr 1fr}body.page-software-house-wroclaw .foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body.page-software-house-wroclaw .menu,
body.page-software-house-wroclaw .nav-right .cta{display:none}body.page-software-house-wroclaw .burger{display:flex}body.page-software-house-wroclaw .grid3,
body.page-software-house-wroclaw .steps,
body.page-software-house-wroclaw .pricing,
body.page-software-house-wroclaw .mini-cases,
body.page-software-house-wroclaw .ind,
body.page-software-house-wroclaw .metrics,
body.page-software-house-wroclaw .stack,
body.page-software-house-wroclaw .trust,
body.page-software-house-wroclaw .foot-grid{grid-template-columns:1fr}body.page-software-house-wroclaw .sec{padding:56px 0}body.page-software-house-wroclaw .case,
body.page-software-house-wroclaw .cta-band{padding:34px 24px}body.page-software-house-wroclaw .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}body.page-software-house-wroclaw .mobile-menu.on{transform:translateX(0)}body.page-software-house-wroclaw .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}body.page-software-house-wroclaw .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}body.page-software-house-wroclaw .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}body.page-software-house-wroclaw.lock{overflow:hidden}body.page-software-house-wroclaw .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.page-software-house-wroclaw .burger.on span:nth-child(2){opacity:0}body.page-software-house-wroclaw .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

/* ==========================================================================
   Widok: software-house-warszawa
   ========================================================================== */
body.page-software-house-warszawa{--ink:#0b0f0d;--ink-2:#10160f;--surface:#141b14;--surface-2:#1b231a;--line:rgba(196,255,90,.14);--line-soft:rgba(255,255,255,.08);--cream:#f3f4ec;--muted:#9aa395;--muted-2:#6f7869;--lime:#c4ff5a;--lime-deep:#9be01f;--teal:#2fd4a8;--display:"Bricolage Grotesque",serif;--body:"Hanken Grotesk",sans-serif;--mono:"JetBrains Mono",monospace;--maxw:1240px;--r:18px}
body.page-software-house-warszawa,
body.page-software-house-warszawa *{margin:0;padding:0;box-sizing:border-box}body.page-software-house-warszawa{scroll-behavior:smooth}
body.page-software-house-warszawa{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.page-software-house-warszawa::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(620px 480px at 12% -5%,rgba(196,255,90,.10),transparent 60%),radial-gradient(700px 560px at 92% 8%,rgba(47,212,168,.09),transparent 62%),radial-gradient(900px 700px at 50% 130%,rgba(155,224,31,.06),transparent 60%)}
body.page-software-house-warszawa::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.page-software-house-warszawa .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
body.page-software-house-warszawa a{color:inherit;text-decoration:none}
body.page-software-house-warszawa h1,
body.page-software-house-warszawa h2,
body.page-software-house-warszawa h3,
body.page-software-house-warszawa h4{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.02em}
body.page-software-house-warszawa .accent{color:var(--lime)}body.page-software-house-warszawa section{position:relative;z-index:1}
body.page-software-house-warszawa header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
body.page-software-house-warszawa .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
body.page-software-house-warszawa .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}body.page-software-house-warszawa .logo b{color:var(--lime)}
body.page-software-house-warszawa .menu{display:flex;align-items:center;gap:6px;list-style:none}body.page-software-house-warszawa .menu>li{position:relative}
body.page-software-house-warszawa .menu>li>a,
body.page-software-house-warszawa .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
body.page-software-house-warszawa .menu>li>a:hover,
body.page-software-house-warszawa .menu>li>.toplink:hover,
body.page-software-house-warszawa .menu>li>a[aria-current],
body.page-software-house-warszawa .menu>li>.toplink.active{background:var(--surface);color:var(--lime)}
body.page-software-house-warszawa .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
body.page-software-house-warszawa .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
body.page-software-house-warszawa .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
body.page-software-house-warszawa .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
body.page-software-house-warszawa .dropdown li.sep{height:1px;background:var(--line-soft);margin:6px 14px}
body.page-software-house-warszawa .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
body.page-software-house-warszawa .dropdown a:hover{background:var(--surface)}
body.page-software-house-warszawa .dropdown a span{font-weight:600;font-size:.95rem}
body.page-software-house-warszawa .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
body.page-software-house-warszawa .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
body.page-software-house-warszawa .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
body.page-software-house-warszawa .nav-right{display:flex;align-items:center;gap:14px}
body.page-software-house-warszawa .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
body.page-software-house-warszawa .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}
body.page-software-house-warszawa .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
body.page-software-house-warszawa .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
body.page-software-house-warszawa .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
body.page-software-house-warszawa .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-warszawa .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
body.page-software-house-warszawa .crumb a:hover{color:var(--lime)}body.page-software-house-warszawa .crumb span{color:var(--muted-2)}
body.page-software-house-warszawa .phero{padding:38px 0 56px}
body.page-software-house-warszawa .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
body.page-software-house-warszawa .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
body.page-software-house-warszawa .phero h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;max-width:18ch}
body.page-software-house-warszawa .phero h1 em{font-style:normal;color:var(--lime)}
body.page-software-house-warszawa .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:64ch;margin:24px 0 34px}
body.page-software-house-warszawa .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
body.page-software-house-warszawa .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;border-top:1px solid var(--line-soft);padding-top:34px}
body.page-software-house-warszawa .trust .ts .n{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--lime);line-height:1}
body.page-software-house-warszawa .trust .ts .l{color:var(--muted);font-size:.88rem;margin-top:6px}
body.page-software-house-warszawa .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
body.page-software-house-warszawa .d1{animation-delay:.05s}body.page-software-house-warszawa .d2{animation-delay:.15s}body.page-software-house-warszawa .d3{animation-delay:.25s}body.page-software-house-warszawa .d4{animation-delay:.35s}
body.page-software-house-warszawa .sec{padding:80px 0}
body.page-software-house-warszawa .sec-head{max-width:780px;margin-bottom:46px}
body.page-software-house-warszawa .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
body.page-software-house-warszawa .sec-head h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:700}
body.page-software-house-warszawa .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}
body.page-software-house-warszawa .nlp{max-width:900px;margin:0 auto;text-align:center}
body.page-software-house-warszawa .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
body.page-software-house-warszawa .nlp .sub{font-family:var(--body);font-size:1.06rem;color:var(--muted);max-width:64ch;margin:24px auto 0;font-weight:400;line-height:1.6}
body.page-software-house-warszawa .yesset{display:grid;gap:14px;max-width:740px;margin:40px auto 0}
body.page-software-house-warszawa .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.04rem}
body.page-software-house-warszawa .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}
body.page-software-house-warszawa .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-software-house-warszawa .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
body.page-software-house-warszawa .card:hover{border-color:var(--line);transform:translateY(-4px)}
body.page-software-house-warszawa .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
body.page-software-house-warszawa .card h3{font-size:1.28rem;margin-bottom:10px}body.page-software-house-warszawa .card p{color:var(--muted);font-size:.98rem}
body.page-software-house-warszawa .tech-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
body.page-software-house-warszawa .stack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
body.page-software-house-warszawa .stack-col{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:18px;padding:28px}
body.page-software-house-warszawa .stack-col h4{font-family:var(--display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;font-weight:700}
body.page-software-house-warszawa .stack-col .chips{display:flex;flex-wrap:wrap;gap:8px}
body.page-software-house-warszawa .stack-col .chips span{font-family:var(--mono);font-size:.86rem;background:var(--ink);border:1px solid var(--line-soft);color:var(--cream);padding:7px 13px;border-radius:8px}
body.page-software-house-warszawa .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
body.page-software-house-warszawa .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
body.page-software-house-warszawa .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
body.page-software-house-warszawa .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch;margin-bottom:14px}
body.page-software-house-warszawa .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
body.page-software-house-warszawa .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
body.page-software-house-warszawa .metric .big{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-warszawa .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
body.page-software-house-warszawa .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
body.page-software-house-warszawa .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
body.page-software-house-warszawa .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}
body.page-software-house-warszawa .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
body.page-software-house-warszawa .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
body.page-software-house-warszawa .mini .num{font-family:var(--display);font-size:1.7rem;font-weight:700;color:var(--lime);line-height:1.1}
body.page-software-house-warszawa .mini h4{font-size:1.08rem;margin:10px 0 6px}body.page-software-house-warszawa .mini p{color:var(--muted);font-size:.92rem}
body.page-software-house-warszawa .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
body.page-software-house-warszawa .step{border-top:2px solid var(--line);padding-top:22px}
body.page-software-house-warszawa .step .n{font-family:var(--display);font-size:2.5rem;font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-warszawa .step h4{font-size:1.18rem;margin:14px 0 8px}body.page-software-house-warszawa .step p{color:var(--muted);font-size:.95rem}
body.page-software-house-warszawa .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
body.page-software-house-warszawa .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:32px;transition:.3s;position:relative}
body.page-software-house-warszawa .plan:hover{transform:translateY(-5px);border-color:var(--line)}
body.page-software-house-warszawa .plan.feat{border-color:var(--lime);background:linear-gradient(170deg,rgba(196,255,90,.06),var(--ink-2))}
body.page-software-house-warszawa .plan .badge{position:absolute;top:-12px;left:32px;background:var(--lime);color:#0b0f0d;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
body.page-software-house-warszawa .plan h3{font-size:1.4rem;margin-bottom:6px}
body.page-software-house-warszawa .plan .for{color:var(--muted);font-size:.94rem;min-height:44px}
body.page-software-house-warszawa .plan .price{font-family:var(--display);font-size:1.05rem;color:var(--lime);font-weight:600;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
body.page-software-house-warszawa .plan ul{list-style:none;margin-bottom:24px}
body.page-software-house-warszawa .plan li{color:var(--muted);font-size:.95rem;padding-left:26px;position:relative;margin-bottom:11px}
body.page-software-house-warszawa .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
body.page-software-house-warszawa .plan .pcta{display:block;text-align:center;padding:12px;border-radius:999px;font-weight:700;transition:.2s}
body.page-software-house-warszawa .plan .pcta.ghost{border:1px solid var(--line-soft)}
body.page-software-house-warszawa .plan .pcta.ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-warszawa .plan .pcta.full{background:var(--lime);color:#0b0f0d}body.page-software-house-warszawa .plan .pcta.full:hover{background:#d8ff85}
body.page-software-house-warszawa .ind{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.page-software-house-warszawa .ind .item{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:22px;transition:.2s;display:flex;align-items:flex-start;gap:14px}
body.page-software-house-warszawa .ind .item:hover{border-color:var(--line);transform:translateY(-3px)}
body.page-software-house-warszawa .ind .e{font-size:1.5rem;flex-shrink:0;line-height:1.1}
body.page-software-house-warszawa .ind h4{font-size:1.05rem;margin-bottom:5px}body.page-software-house-warszawa .ind p{color:var(--muted);font-size:.9rem}
body.page-software-house-warszawa .seo-content{max-width:880px}
body.page-software-house-warszawa .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px}
body.page-software-house-warszawa .seo-content h3{font-size:1.32rem;margin:34px 0 12px}
body.page-software-house-warszawa .seo-content p{color:var(--muted);margin-bottom:14px;font-size:1.04rem}
body.page-software-house-warszawa .seo-content strong{color:var(--cream);font-weight:600}
body.page-software-house-warszawa .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
body.page-software-house-warszawa .seo-content ul{list-style:none;margin:8px 0 18px}
body.page-software-house-warszawa .seo-content li{color:var(--muted);padding-left:26px;position:relative;margin-bottom:10px;font-size:1.02rem}
body.page-software-house-warszawa .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
body.page-software-house-warszawa .faq{max-width:880px;margin:0 auto}
body.page-software-house-warszawa .faq-item{border-bottom:1px solid var(--line-soft)}
body.page-software-house-warszawa .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
body.page-software-house-warszawa .faq-q:hover{color:var(--lime)}
body.page-software-house-warszawa .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
body.page-software-house-warszawa .faq-q .plus::before,
body.page-software-house-warszawa .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
body.page-software-house-warszawa .faq-q .plus::before{width:16px;height:2px}
body.page-software-house-warszawa .faq-q .plus::after{width:2px;height:16px;transition:.3s}
body.page-software-house-warszawa .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
body.page-software-house-warszawa .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
body.page-software-house-warszawa .faq-a p{color:var(--muted);padding:0 8px 22px;font-size:1.01rem}body.page-software-house-warszawa .faq-a strong{color:var(--cream)}
body.page-software-house-warszawa .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
body.page-software-house-warszawa .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
body.page-software-house-warszawa .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:24ch;margin:0 auto;color:#0b0f0d;position:relative}
body.page-software-house-warszawa .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:54ch;color:#1a2410;font-weight:500}
body.page-software-house-warszawa .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
body.page-software-house-warszawa .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
body.page-software-house-warszawa footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
body.page-software-house-warszawa .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
body.page-software-house-warszawa .foot-brand .logo{margin-bottom:18px}body.page-software-house-warszawa .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
body.page-software-house-warszawa .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}body.page-software-house-warszawa .nap b{color:var(--cream)}body.page-software-house-warszawa .nap a:hover{color:var(--lime)}
body.page-software-house-warszawa .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
body.page-software-house-warszawa .foot-col ul{list-style:none}body.page-software-house-warszawa .foot-col li{margin-bottom:11px}
body.page-software-house-warszawa .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
body.page-software-house-warszawa .foot-col a:hover{color:var(--lime);opacity:1}
body.page-software-house-warszawa .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
body.page-software-house-warszawa .foot-social{display:flex;gap:12px}
body.page-software-house-warszawa .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
body.page-software-house-warszawa .foot-social a:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-warszawa .mobile-menu{display:none}
@media(max-width:980px){body.page-software-house-warszawa .grid3,
body.page-software-house-warszawa .steps,
body.page-software-house-warszawa .pricing,
body.page-software-house-warszawa .mini-cases,
body.page-software-house-warszawa .ind{grid-template-columns:1fr 1fr}body.page-software-house-warszawa .metrics,
body.page-software-house-warszawa .stack,
body.page-software-house-warszawa .trust{grid-template-columns:1fr 1fr}body.page-software-house-warszawa .foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body.page-software-house-warszawa .menu,
body.page-software-house-warszawa .nav-right .cta{display:none}body.page-software-house-warszawa .burger{display:flex}body.page-software-house-warszawa .grid3,
body.page-software-house-warszawa .steps,
body.page-software-house-warszawa .pricing,
body.page-software-house-warszawa .mini-cases,
body.page-software-house-warszawa .ind,
body.page-software-house-warszawa .metrics,
body.page-software-house-warszawa .stack,
body.page-software-house-warszawa .trust,
body.page-software-house-warszawa .foot-grid{grid-template-columns:1fr}body.page-software-house-warszawa .sec{padding:56px 0}body.page-software-house-warszawa .case,
body.page-software-house-warszawa .cta-band{padding:34px 24px}body.page-software-house-warszawa .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}body.page-software-house-warszawa .mobile-menu.on{transform:translateX(0)}body.page-software-house-warszawa .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}body.page-software-house-warszawa .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}body.page-software-house-warszawa .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}body.page-software-house-warszawa.lock{overflow:hidden}body.page-software-house-warszawa .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.page-software-house-warszawa .burger.on span:nth-child(2){opacity:0}body.page-software-house-warszawa .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

/* ==========================================================================
   Widok: software-house-lublin
   ========================================================================== */
body.page-software-house-lublin{--ink:#0b0f0d;--ink-2:#10160f;--surface:#141b14;--surface-2:#1b231a;--line:rgba(196,255,90,.14);--line-soft:rgba(255,255,255,.08);--cream:#f3f4ec;--muted:#9aa395;--muted-2:#6f7869;--lime:#c4ff5a;--lime-deep:#9be01f;--teal:#2fd4a8;--display:"Bricolage Grotesque",serif;--body:"Hanken Grotesk",sans-serif;--mono:"JetBrains Mono",monospace;--maxw:1240px;--r:18px}
body.page-software-house-lublin,
body.page-software-house-lublin *{margin:0;padding:0;box-sizing:border-box}body.page-software-house-lublin{scroll-behavior:smooth}
body.page-software-house-lublin{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.page-software-house-lublin::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(620px 480px at 12% -5%,rgba(196,255,90,.10),transparent 60%),radial-gradient(700px 560px at 92% 8%,rgba(47,212,168,.09),transparent 62%),radial-gradient(900px 700px at 50% 130%,rgba(155,224,31,.06),transparent 60%)}
body.page-software-house-lublin::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.page-software-house-lublin .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
body.page-software-house-lublin a{color:inherit;text-decoration:none}
body.page-software-house-lublin h1,
body.page-software-house-lublin h2,
body.page-software-house-lublin h3,
body.page-software-house-lublin h4{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.02em}
body.page-software-house-lublin .accent{color:var(--lime)}body.page-software-house-lublin section{position:relative;z-index:1}
body.page-software-house-lublin header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
body.page-software-house-lublin .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
body.page-software-house-lublin .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}body.page-software-house-lublin .logo b{color:var(--lime)}
body.page-software-house-lublin .menu{display:flex;align-items:center;gap:6px;list-style:none}body.page-software-house-lublin .menu>li{position:relative}
body.page-software-house-lublin .menu>li>a,
body.page-software-house-lublin .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
body.page-software-house-lublin .menu>li>a:hover,
body.page-software-house-lublin .menu>li>.toplink:hover,
body.page-software-house-lublin .menu>li>a[aria-current],
body.page-software-house-lublin .menu>li>.toplink.active{background:var(--surface);color:var(--lime)}
body.page-software-house-lublin .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
body.page-software-house-lublin .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
body.page-software-house-lublin .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
body.page-software-house-lublin .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
body.page-software-house-lublin .dropdown li.sep{height:1px;background:var(--line-soft);margin:6px 14px}
body.page-software-house-lublin .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
body.page-software-house-lublin .dropdown a:hover{background:var(--surface)}
body.page-software-house-lublin .dropdown a span{font-weight:600;font-size:.95rem}
body.page-software-house-lublin .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
body.page-software-house-lublin .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
body.page-software-house-lublin .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
body.page-software-house-lublin .nav-right{display:flex;align-items:center;gap:14px}
body.page-software-house-lublin .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
body.page-software-house-lublin .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}
body.page-software-house-lublin .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font-family:var(--body);font-size:1rem}
body.page-software-house-lublin .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}
body.page-software-house-lublin .btn-ghost{border:1px solid var(--line-soft);padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:8px}
body.page-software-house-lublin .btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-lublin .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
body.page-software-house-lublin .crumb a:hover{color:var(--lime)}body.page-software-house-lublin .crumb span{color:var(--muted-2)}
body.page-software-house-lublin .phero{padding:38px 0 56px}
body.page-software-house-lublin .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px}
body.page-software-house-lublin .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
body.page-software-house-lublin .phero h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;max-width:18ch}
body.page-software-house-lublin .phero h1 em{font-style:normal;color:var(--lime)}
body.page-software-house-lublin .phero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:64ch;margin:24px 0 34px}
body.page-software-house-lublin .phero-actions{display:flex;gap:14px;flex-wrap:wrap}
body.page-software-house-lublin .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;border-top:1px solid var(--line-soft);padding-top:34px}
body.page-software-house-lublin .trust .ts .n{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--lime);line-height:1}
body.page-software-house-lublin .trust .ts .l{color:var(--muted);font-size:.88rem;margin-top:6px}
body.page-software-house-lublin .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
body.page-software-house-lublin .d1{animation-delay:.05s}body.page-software-house-lublin .d2{animation-delay:.15s}body.page-software-house-lublin .d3{animation-delay:.25s}body.page-software-house-lublin .d4{animation-delay:.35s}
body.page-software-house-lublin .sec{padding:80px 0}
body.page-software-house-lublin .sec-head{max-width:780px;margin-bottom:46px}
body.page-software-house-lublin .kicker{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:block}
body.page-software-house-lublin .sec-head h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:700}
body.page-software-house-lublin .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:16px}
body.page-software-house-lublin .nlp{max-width:900px;margin:0 auto;text-align:center}
body.page-software-house-lublin .nlp p{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:500;line-height:1.25;letter-spacing:-.01em}
body.page-software-house-lublin .nlp .sub{font-family:var(--body);font-size:1.06rem;color:var(--muted);max-width:64ch;margin:24px auto 0;font-weight:400;line-height:1.6}
body.page-software-house-lublin .yesset{display:grid;gap:14px;max-width:740px;margin:40px auto 0}
body.page-software-house-lublin .yesset li{list-style:none;display:flex;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px 22px;text-align:left;font-size:1.04rem}
body.page-software-house-lublin .yesset .tick{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0b0f0d;display:grid;place-items:center;font-weight:800;font-size:.85rem}
body.page-software-house-lublin .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-software-house-lublin .card{background:linear-gradient(160deg,var(--surface),var(--ink-2));border:1px solid var(--line-soft);border-radius:var(--r);padding:30px;transition:.3s}
body.page-software-house-lublin .card:hover{border-color:var(--line);transform:translateY(-4px)}
body.page-software-house-lublin .card .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--line);font-size:1.4rem;margin-bottom:18px}
body.page-software-house-lublin .card h3{font-size:1.28rem;margin-bottom:10px}body.page-software-house-lublin .card p{color:var(--muted);font-size:.98rem}
body.page-software-house-lublin .tech-band{background:linear-gradient(180deg,transparent,rgba(47,212,168,.04),transparent)}
body.page-software-house-lublin .stack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
body.page-software-house-lublin .stack-col{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:18px;padding:28px}
body.page-software-house-lublin .stack-col h4{font-family:var(--display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;font-weight:700}
body.page-software-house-lublin .stack-col .chips{display:flex;flex-wrap:wrap;gap:8px}
body.page-software-house-lublin .stack-col .chips span{font-family:var(--mono);font-size:.86rem;background:var(--ink);border:1px solid var(--line-soft);color:var(--cream);padding:7px 13px;border-radius:8px}
body.page-software-house-lublin .case{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:28px;padding:48px;position:relative;overflow:hidden}
body.page-software-house-lublin .case::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 320px at 100% 0%,rgba(196,255,90,.10),transparent 60%);pointer-events:none}
body.page-software-house-lublin .case-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-bottom:22px}
body.page-software-house-lublin .case h3{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch;margin-bottom:14px}
body.page-software-house-lublin .case .desc{color:var(--muted);max-width:64ch;font-size:1.06rem;margin-bottom:38px}
body.page-software-house-lublin .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
body.page-software-house-lublin .metric .big{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-lublin .metric .big .pre{color:var(--cream);font-size:.55em;vertical-align:.18em;margin-right:2px}
body.page-software-house-lublin .metric .lbl{color:var(--muted);font-size:.92rem;margin-top:8px;max-width:22ch}
body.page-software-house-lublin .case-quote{margin-top:38px;border-left:3px solid var(--lime);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.2rem;font-weight:500;color:var(--cream)}
body.page-software-house-lublin .case-quote cite{display:block;font-family:var(--body);font-style:normal;font-size:.92rem;color:var(--muted);margin-top:10px;font-weight:400}
body.page-software-house-lublin .mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
body.page-software-house-lublin .mini{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:26px}
body.page-software-house-lublin .mini .num{font-family:var(--display);font-size:1.7rem;font-weight:700;color:var(--lime);line-height:1.1}
body.page-software-house-lublin .mini h4{font-size:1.08rem;margin:10px 0 6px}body.page-software-house-lublin .mini p{color:var(--muted);font-size:.92rem}
body.page-software-house-lublin .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
body.page-software-house-lublin .step{border-top:2px solid var(--line);padding-top:22px}
body.page-software-house-lublin .step .n{font-family:var(--display);font-size:2.5rem;font-weight:700;color:var(--lime);line-height:1}
body.page-software-house-lublin .step h4{font-size:1.18rem;margin:14px 0 8px}body.page-software-house-lublin .step p{color:var(--muted);font-size:.95rem}
body.page-software-house-lublin .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
body.page-software-house-lublin .plan{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:22px;padding:32px;transition:.3s;position:relative}
body.page-software-house-lublin .plan:hover{transform:translateY(-5px);border-color:var(--line)}
body.page-software-house-lublin .plan.feat{border-color:var(--lime);background:linear-gradient(170deg,rgba(196,255,90,.06),var(--ink-2))}
body.page-software-house-lublin .plan .badge{position:absolute;top:-12px;left:32px;background:var(--lime);color:#0b0f0d;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
body.page-software-house-lublin .plan h3{font-size:1.4rem;margin-bottom:6px}
body.page-software-house-lublin .plan .for{color:var(--muted);font-size:.94rem;min-height:44px}
body.page-software-house-lublin .plan .price{font-family:var(--display);font-size:1.05rem;color:var(--lime);font-weight:600;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
body.page-software-house-lublin .plan ul{list-style:none;margin-bottom:24px}
body.page-software-house-lublin .plan li{color:var(--muted);font-size:.95rem;padding-left:26px;position:relative;margin-bottom:11px}
body.page-software-house-lublin .plan li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
body.page-software-house-lublin .plan .pcta{display:block;text-align:center;padding:12px;border-radius:999px;font-weight:700;transition:.2s}
body.page-software-house-lublin .plan .pcta.ghost{border:1px solid var(--line-soft)}
body.page-software-house-lublin .plan .pcta.ghost:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-lublin .plan .pcta.full{background:var(--lime);color:#0b0f0d}body.page-software-house-lublin .plan .pcta.full:hover{background:#d8ff85}
body.page-software-house-lublin .ind{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.page-software-house-lublin .ind .item{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:22px;transition:.2s;display:flex;align-items:flex-start;gap:14px}
body.page-software-house-lublin .ind .item:hover{border-color:var(--line);transform:translateY(-3px)}
body.page-software-house-lublin .ind .e{font-size:1.5rem;flex-shrink:0;line-height:1.1}
body.page-software-house-lublin .ind h4{font-size:1.05rem;margin-bottom:5px}body.page-software-house-lublin .ind p{color:var(--muted);font-size:.9rem}
body.page-software-house-lublin .seo-content{max-width:880px}
body.page-software-house-lublin .seo-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px}
body.page-software-house-lublin .seo-content h3{font-size:1.32rem;margin:34px 0 12px}
body.page-software-house-lublin .seo-content p{color:var(--muted);margin-bottom:14px;font-size:1.04rem}
body.page-software-house-lublin .seo-content strong{color:var(--cream);font-weight:600}
body.page-software-house-lublin .seo-content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
body.page-software-house-lublin .seo-content ul{list-style:none;margin:8px 0 18px}
body.page-software-house-lublin .seo-content li{color:var(--muted);padding-left:26px;position:relative;margin-bottom:10px;font-size:1.02rem}
body.page-software-house-lublin .seo-content li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
body.page-software-house-lublin .faq{max-width:880px;margin:0 auto}
body.page-software-house-lublin .faq-item{border-bottom:1px solid var(--line-soft)}
body.page-software-house-lublin .faq-q{width:100%;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;padding:24px 8px;font-family:var(--display);font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s}
body.page-software-house-lublin .faq-q:hover{color:var(--lime)}
body.page-software-house-lublin .faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative}
body.page-software-house-lublin .faq-q .plus::before,
body.page-software-house-lublin .faq-q .plus::after{content:"";position:absolute;background:var(--lime);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
body.page-software-house-lublin .faq-q .plus::before{width:16px;height:2px}
body.page-software-house-lublin .faq-q .plus::after{width:2px;height:16px;transition:.3s}
body.page-software-house-lublin .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
body.page-software-house-lublin .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
body.page-software-house-lublin .faq-a p{color:var(--muted);padding:0 8px 22px;font-size:1.01rem}body.page-software-house-lublin .faq-a strong{color:var(--cream)}
body.page-software-house-lublin .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
body.page-software-house-lublin .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
body.page-software-house-lublin .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:24ch;margin:0 auto;color:#0b0f0d;position:relative}
body.page-software-house-lublin .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:54ch;color:#1a2410;font-weight:500}
body.page-software-house-lublin .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
body.page-software-house-lublin .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
body.page-software-house-lublin footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
body.page-software-house-lublin .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
body.page-software-house-lublin .foot-brand .logo{margin-bottom:18px}body.page-software-house-lublin .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
body.page-software-house-lublin .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}body.page-software-house-lublin .nap b{color:var(--cream)}body.page-software-house-lublin .nap a:hover{color:var(--lime)}
body.page-software-house-lublin .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
body.page-software-house-lublin .foot-col ul{list-style:none}body.page-software-house-lublin .foot-col li{margin-bottom:11px}
body.page-software-house-lublin .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
body.page-software-house-lublin .foot-col a:hover{color:var(--lime);opacity:1}
body.page-software-house-lublin .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
body.page-software-house-lublin .foot-social{display:flex;gap:12px}
body.page-software-house-lublin .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
body.page-software-house-lublin .foot-social a:hover{border-color:var(--lime);color:var(--lime)}
body.page-software-house-lublin .mobile-menu{display:none}
@media(max-width:980px){body.page-software-house-lublin .grid3,
body.page-software-house-lublin .steps,
body.page-software-house-lublin .pricing,
body.page-software-house-lublin .mini-cases,
body.page-software-house-lublin .ind{grid-template-columns:1fr 1fr}body.page-software-house-lublin .metrics,
body.page-software-house-lublin .stack,
body.page-software-house-lublin .trust{grid-template-columns:1fr 1fr}body.page-software-house-lublin .foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body.page-software-house-lublin .menu,
body.page-software-house-lublin .nav-right .cta{display:none}body.page-software-house-lublin .burger{display:flex}body.page-software-house-lublin .grid3,
body.page-software-house-lublin .steps,
body.page-software-house-lublin .pricing,
body.page-software-house-lublin .mini-cases,
body.page-software-house-lublin .ind,
body.page-software-house-lublin .metrics,
body.page-software-house-lublin .stack,
body.page-software-house-lublin .trust,
body.page-software-house-lublin .foot-grid{grid-template-columns:1fr}body.page-software-house-lublin .sec{padding:56px 0}body.page-software-house-lublin .case,
body.page-software-house-lublin .cta-band{padding:34px 24px}body.page-software-house-lublin .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}body.page-software-house-lublin .mobile-menu.on{transform:translateX(0)}body.page-software-house-lublin .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}body.page-software-house-lublin .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}body.page-software-house-lublin .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}body.page-software-house-lublin.lock{overflow:hidden}body.page-software-house-lublin .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.page-software-house-lublin .burger.on span:nth-child(2){opacity:0}body.page-software-house-lublin .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

/* ==========================================================================
   Widok: blog
   ========================================================================== */
body.page-blog{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-blog,
body.page-blog *{margin:0;padding:0;box-sizing:border-box}
  body.page-blog{scroll-behavior:smooth}
  body.page-blog{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-blog::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-blog::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-blog .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-blog a{color:inherit;text-decoration:none}
  body.page-blog h1,
body.page-blog h2,
body.page-blog h3,
body.page-blog h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  body.page-blog .accent{color:var(--lime)}
  body.page-blog section{position:relative;z-index:1}

  /* HEADER */
  body.page-blog header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-blog .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-blog .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-blog .logo b{color:var(--lime)}
  body.page-blog .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-blog .menu>li{position:relative}
  body.page-blog .menu>li>a,
body.page-blog .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-blog .menu>li>a:hover,
body.page-blog .menu>li>.toplink:hover,
body.page-blog .menu>li>a[aria-current]{background:var(--surface);color:var(--lime)}
  body.page-blog .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-blog .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-blog .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-blog .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-blog .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-blog .dropdown a:hover{background:var(--surface)}
  body.page-blog .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-blog .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-blog .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-blog .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-blog .nav-right{display:flex;align-items:center;gap:14px}
  body.page-blog .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-blog .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-blog .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-blog .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* BREADCRUMB + HERO */
  body.page-blog .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px}
  body.page-blog .crumb a:hover{color:var(--lime)}
  body.page-blog .crumb span{color:var(--muted-2)}
  body.page-blog .bhero{padding:40px 0 50px}
  body.page-blog .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:24px}
  body.page-blog .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  body.page-blog .bhero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700}
  body.page-blog .bhero h1 em{font-style:normal;color:var(--lime)}
  body.page-blog .bhero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:58ch;margin:22px 0 0}

  body.page-blog .reveal{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}
  body.page-blog .d1{animation-delay:.05s}body.page-blog .d2{animation-delay:.15s}body.page-blog .d3{animation-delay:.25s}

  /* FILTRY */
  body.page-blog .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
  body.page-blog .filters button{background:var(--ink-2);border:1px solid var(--line-soft);color:var(--muted);font-family:var(--body);
    font-weight:600;font-size:.94rem;padding:10px 20px;border-radius:999px;cursor:pointer;transition:.2s}
  body.page-blog .filters button:hover{border-color:var(--line);color:var(--cream)}
  body.page-blog .filters button.active{background:var(--lime);color:#0b0f0d;border-color:var(--lime)}

  /* WYRÓŻNIONY WPIS */
  body.page-blog .featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--ink-2);border:1px solid var(--line);
    border-radius:24px;overflow:hidden;margin-bottom:46px;transition:.3s}
  body.page-blog .featured:hover{border-color:rgba(196,255,90,.3)}
  body.page-blog .featured .ft-thumb{position:relative;min-height:320px;background:linear-gradient(135deg,var(--surface-2),var(--ink));overflow:hidden}
  body.page-blog .featured .ft-thumb .emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:5rem;opacity:.55}
  body.page-blog .featured .ft-thumb .ftag{position:absolute;top:20px;left:20px;background:var(--lime);color:#0b0f0d;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
  body.page-blog .featured .ft-body{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
  body.page-blog .featured .cat{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
  body.page-blog .featured h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin-bottom:16px}
  body.page-blog .featured:hover h2{color:var(--lime)}
  body.page-blog .featured p{color:var(--muted);font-size:1.05rem;margin-bottom:24px}
  body.page-blog .post-meta{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--muted)}
  body.page-blog .post-meta .av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--teal));display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#0b0f0d;font-size:.9rem}
  body.page-blog .post-meta b{color:var(--cream);font-weight:600}
  body.page-blog .post-meta .sep{color:var(--muted-2)}

  /* SIATKA WPISÓW */
  body.page-blog .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  body.page-blog .post{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;transition:.28s;display:flex;flex-direction:column}
  body.page-blog .post:hover{transform:translateY(-5px);border-color:var(--line)}
  body.page-blog .post .thumb{height:190px;position:relative;background:linear-gradient(135deg,var(--surface-2),var(--ink));overflow:hidden}
  body.page-blog .post .thumb .emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;opacity:.5}
  body.page-blog .post .thumb .ptag{position:absolute;top:16px;left:16px;background:rgba(11,15,13,.78);backdrop-filter:blur(6px);color:var(--lime);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}
  body.page-blog .post .body{padding:26px;display:flex;flex-direction:column;flex:1}
  body.page-blog .post .date{color:var(--teal);font-size:.82rem;font-weight:600;letter-spacing:.04em}
  body.page-blog .post h3{font-size:1.22rem;line-height:1.25;margin:10px 0 12px}
  body.page-blog .post:hover h3{color:var(--lime)}
  body.page-blog .post p{color:var(--muted);font-size:.96rem;flex:1}
  body.page-blog .post .pfoot{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft);font-size:.86rem;color:var(--muted)}
  body.page-blog .post .pfoot .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--teal));display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#0b0f0d;font-size:.78rem}
  body.page-blog .post .pfoot b{color:var(--cream);font-weight:600}
  body.page-blog .no-results{display:none;grid-column:1/-1;text-align:center;color:var(--muted-2);padding:50px 0;font-size:1.05rem}

  body.page-blog .sec{padding:80px 0}

  /* NEWSLETTER */
  body.page-blog .newsletter{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-radius:26px;
    padding:50px 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}
  body.page-blog .newsletter h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}
  body.page-blog .newsletter p{color:var(--muted);font-size:1.04rem}
  body.page-blog .nl-form{display:flex;gap:10px}
  body.page-blog .nl-form input{flex:1;background:var(--ink);border:1px solid var(--line-soft);border-radius:13px;color:var(--cream);
    font-family:var(--body);font-size:1rem;padding:14px 16px;outline:none;transition:.2s}
  body.page-blog .nl-form input:focus{border-color:var(--lime)}
  body.page-blog .nl-form button{flex-shrink:0;background:var(--lime);color:#0b0f0d;border:0;font-family:var(--body);font-weight:700;
    padding:14px 26px;border-radius:13px;cursor:pointer;transition:.2s}
  body.page-blog .nl-form button:hover{background:#d8ff85}
  body.page-blog .nl-msg{font-size:.88rem;color:var(--lime);margin-top:12px;height:18px;opacity:0;transition:.2s}
  body.page-blog .nl-msg.show{opacity:1}
  body.page-blog .nl-note{font-size:.8rem;color:var(--muted-2);margin-top:10px}

  /* CTA BAND */
  body.page-blog .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:66px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-blog .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-blog .cta-band h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-blog .cta-band p{position:relative;font-size:1.1rem;margin:16px auto 30px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-blog .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-blog .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-blog footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:40px}
  body.page-blog .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-blog .foot-brand .logo{margin-bottom:18px}
  body.page-blog .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-blog .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-blog .nap b{color:var(--cream)}body.page-blog .nap a:hover{color:var(--lime)}
  body.page-blog .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-blog .foot-col ul{list-style:none}body.page-blog .foot-col li{margin-bottom:11px}
  body.page-blog .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-blog .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-blog .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-blog .foot-social{display:flex;gap:12px}
  body.page-blog .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-blog .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-blog .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-blog .posts{grid-template-columns:1fr 1fr}
    body.page-blog .featured{grid-template-columns:1fr}
    body.page-blog .featured .ft-thumb{min-height:220px}
    body.page-blog .newsletter{grid-template-columns:1fr;gap:24px}
    body.page-blog .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-blog .menu,
body.page-blog .nav-right .cta{display:none}
    body.page-blog .burger{display:flex}
    body.page-blog .posts,
body.page-blog .foot-grid{grid-template-columns:1fr}
    body.page-blog .sec{padding:56px 0}body.page-blog .cta-band{padding:46px 24px}body.page-blog .featured .ft-body{padding:30px 26px}body.page-blog .newsletter{padding:32px 26px}
    body.page-blog .nl-form{flex-direction:column}
    body.page-blog .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-blog .mobile-menu.on{transform:translateX(0)}
    body.page-blog .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-blog .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-blog .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-blog.lock{overflow:hidden}
    body.page-blog .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-blog .burger.on span:nth-child(2){opacity:0}
    body.page-blog .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* ==========================================================================
   Widok: blog-post-u2f
   ========================================================================== */
body.page-blog-post-u2f{
    --ink:#0b0f0d; --ink-2:#10160f; --surface:#141b14; --surface-2:#1b231a;
    --line:rgba(196,255,90,.14); --line-soft:rgba(255,255,255,.08);
    --cream:#f3f4ec; --muted:#9aa395; --muted-2:#6f7869;
    --lime:#c4ff5a; --lime-deep:#9be01f; --teal:#2fd4a8;
    --display:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
    --maxw:1240px; --r:18px;
  }
  body.page-blog-post-u2f,
body.page-blog-post-u2f *{margin:0;padding:0;box-sizing:border-box}
  body.page-blog-post-u2f{scroll-behavior:smooth}
  body.page-blog-post-u2f{font-family:var(--body);background:var(--ink);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.page-blog-post-u2f::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(620px 480px at 12% -5%, rgba(196,255,90,.10), transparent 60%),
      radial-gradient(700px 560px at 92% 8%, rgba(47,212,168,.09), transparent 62%),
      radial-gradient(900px 700px at 50% 130%, rgba(155,224,31,.06), transparent 60%)}
  body.page-blog-post-u2f::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body.page-blog-post-u2f .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  body.page-blog-post-u2f a{color:inherit;text-decoration:none}
  body.page-blog-post-u2f h1,
body.page-blog-post-u2f h2,
body.page-blog-post-u2f h3,
body.page-blog-post-u2f h4{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.02em}
  body.page-blog-post-u2f .accent{color:var(--lime)}
  body.page-blog-post-u2f section{position:relative;z-index:1}

  /* pasek postępu czytania */
  body.page-blog-post-u2f .progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lime);z-index:200;transition:width .1s}

  /* HEADER */
  body.page-blog-post-u2f header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);background:rgba(11,15,13,.72);border-bottom:1px solid var(--line-soft)}
  body.page-blog-post-u2f .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  body.page-blog-post-u2f .logo{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em;display:flex;align-items:center}
  body.page-blog-post-u2f .logo b{color:var(--lime)}
  body.page-blog-post-u2f .menu{display:flex;align-items:center;gap:6px;list-style:none}
  body.page-blog-post-u2f .menu>li{position:relative}
  body.page-blog-post-u2f .menu>li>a,
body.page-blog-post-u2f .menu>li>.toplink{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:500;font-size:.96rem;color:var(--cream);cursor:pointer;transition:.2s;white-space:nowrap}
  body.page-blog-post-u2f .menu>li>a:hover,
body.page-blog-post-u2f .menu>li>.toplink:hover,
body.page-blog-post-u2f .menu>li>a[aria-current]{background:var(--surface);color:var(--lime)}
  body.page-blog-post-u2f .caret{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.2s}
  body.page-blog-post-u2f .menu>li:hover .caret{transform:rotate(-135deg) translateY(-1px)}
  body.page-blog-post-u2f .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:264px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;box-shadow:0 24px 60px rgba(0,0,0,.5);list-style:none}
  body.page-blog-post-u2f .menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  body.page-blog-post-u2f .dropdown a{display:flex;flex-direction:column;padding:11px 14px;border-radius:11px;transition:.16s}
  body.page-blog-post-u2f .dropdown a:hover{background:var(--surface)}
  body.page-blog-post-u2f .dropdown a span{font-weight:600;font-size:.95rem}
  body.page-blog-post-u2f .dropdown a small{color:var(--muted);font-size:.8rem;line-height:1.35}
  body.page-blog-post-u2f .cta{background:var(--lime);color:#0b0f0d;font-weight:700;padding:11px 22px;border-radius:999px;transition:.2s;font-size:.95rem}
  body.page-blog-post-u2f .cta:hover{background:#d8ff85;transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,255,90,.25)}
  body.page-blog-post-u2f .nav-right{display:flex;align-items:center;gap:14px}
  body.page-blog-post-u2f .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  body.page-blog-post-u2f .burger span{width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}

  body.page-blog-post-u2f .btn-fill{background:var(--lime);color:#0b0f0d;padding:14px 30px;border-radius:999px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:9px}
  body.page-blog-post-u2f .btn-fill:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(196,255,90,.28);background:#d8ff85}

  /* ARTYKUŁ */
  body.page-blog-post-u2f .crumb{display:flex;gap:10px;font-size:.86rem;color:var(--muted);padding-top:30px;flex-wrap:wrap}
  body.page-blog-post-u2f .crumb a:hover{color:var(--lime)}
  body.page-blog-post-u2f .crumb span{color:var(--muted-2)}
  body.page-blog-post-u2f .art-head{padding:30px 0 36px;max-width:820px}
  body.page-blog-post-u2f .art-cat{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);
    border:1px solid var(--line);border-radius:999px;padding:7px 15px;margin-bottom:22px}
  body.page-blog-post-u2f .art-head h1{font-size:clamp(2.1rem,5vw,3.3rem);font-weight:700;line-height:1.08}
  body.page-blog-post-u2f .art-meta{display:flex;align-items:center;gap:12px;font-size:.94rem;color:var(--muted);margin-top:26px;flex-wrap:wrap}
  body.page-blog-post-u2f .art-meta .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--teal));display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#0b0f0d}
  body.page-blog-post-u2f .art-meta b{color:var(--cream);font-weight:600}
  body.page-blog-post-u2f .art-meta .sep{color:var(--muted-2)}

  body.page-blog-post-u2f .art-cover{height:clamp(220px,38vw,420px);border-radius:24px;overflow:hidden;position:relative;margin-bottom:50px;
    background:linear-gradient(135deg,var(--surface-2),var(--ink));border:1px solid var(--line-soft)}
  body.page-blog-post-u2f .art-cover .emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;opacity:.5}

  /* układ: treść + sidebar TOC */
  body.page-blog-post-u2f .art-layout{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start;padding-bottom:60px}
  body.page-blog-post-u2f .art-body{max-width:760px;min-width:0}
  body.page-blog-post-u2f .art-body p{color:var(--muted);font-size:1.09rem;margin-bottom:20px}
  body.page-blog-post-u2f .art-body h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:46px 0 18px;scroll-margin-top:90px}
  body.page-blog-post-u2f .art-body h3{font-size:1.35rem;margin:32px 0 14px;color:var(--cream);scroll-margin-top:90px}
  body.page-blog-post-u2f .art-body strong{color:var(--cream);font-weight:600}
  body.page-blog-post-u2f .art-body a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
  body.page-blog-post-u2f .art-body ul{list-style:none;margin:8px 0 22px}
  body.page-blog-post-u2f .art-body li{color:var(--muted);padding-left:30px;position:relative;margin-bottom:13px;font-size:1.07rem}
  body.page-blog-post-u2f .art-body li::before{content:"→";position:absolute;left:0;color:var(--lime);font-weight:700}
  body.page-blog-post-u2f .art-body .lead-p{font-size:1.22rem;color:var(--cream);line-height:1.55;margin-bottom:30px}
  body.page-blog-post-u2f .callout{background:linear-gradient(150deg,var(--surface),var(--ink-2));border:1px solid var(--line);border-left:3px solid var(--lime);
    border-radius:14px;padding:24px 26px;margin:30px 0}
  body.page-blog-post-u2f .callout .ct{font-family:var(--display);font-weight:700;color:var(--cream);margin-bottom:8px;display:flex;align-items:center;gap:9px}
  body.page-blog-post-u2f .callout p{margin:0;color:var(--muted);font-size:1.02rem}

  /* TOC sidebar */
  body.page-blog-post-u2f .toc{position:sticky;top:100px}
  body.page-blog-post-u2f .toc .tt{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}
  body.page-blog-post-u2f .toc ul{list-style:none}
  body.page-blog-post-u2f .toc li{margin-bottom:4px}
  body.page-blog-post-u2f .toc a{display:block;color:var(--muted);font-size:.94rem;padding:8px 14px;border-left:2px solid var(--line-soft);transition:.18s;line-height:1.35}
  body.page-blog-post-u2f .toc a:hover{color:var(--cream);border-color:var(--muted)}
  body.page-blog-post-u2f .toc a.active{color:var(--lime);border-color:var(--lime)}
  body.page-blog-post-u2f .toc .share{margin-top:28px;padding-top:24px;border-top:1px solid var(--line-soft)}
  body.page-blog-post-u2f .toc .share button{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;background:var(--ink-2);
    border:1px solid var(--line-soft);color:var(--cream);font-family:var(--body);font-weight:600;font-size:.92rem;
    padding:11px;border-radius:11px;cursor:pointer;transition:.2s}
  body.page-blog-post-u2f .toc .share button:hover{border-color:var(--lime);color:var(--lime)}
  body.page-blog-post-u2f .toc .share .sm{color:var(--lime);font-size:.82rem;height:16px;text-align:center;margin-top:8px;opacity:0;transition:.2s}
  body.page-blog-post-u2f .toc .share .sm.show{opacity:1}

  /* autor box */
  body.page-blog-post-u2f .author-box{max-width:760px;display:flex;gap:20px;align-items:center;background:var(--ink-2);border:1px solid var(--line-soft);
    border-radius:20px;padding:28px;margin-bottom:50px}
  body.page-blog-post-u2f .author-box .av{width:64px;height:64px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--lime),var(--teal));display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.5rem;color:#0b0f0d}
  body.page-blog-post-u2f .author-box .at{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:5px}
  body.page-blog-post-u2f .author-box h4{font-size:1.2rem;margin-bottom:6px}
  body.page-blog-post-u2f .author-box p{color:var(--muted);font-size:.96rem}

  /* powiązane wpisy */
  body.page-blog-post-u2f .related{padding:70px 0}
  body.page-blog-post-u2f .related .rh{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:36px}
  body.page-blog-post-u2f .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  body.page-blog-post-u2f .post{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;transition:.28s;display:flex;flex-direction:column}
  body.page-blog-post-u2f .post:hover{transform:translateY(-5px);border-color:var(--line)}
  body.page-blog-post-u2f .post .thumb{height:160px;position:relative;background:linear-gradient(135deg,var(--surface-2),var(--ink))}
  body.page-blog-post-u2f .post .thumb .emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;opacity:.5}
  body.page-blog-post-u2f .post .body{padding:24px;display:flex;flex-direction:column;flex:1}
  body.page-blog-post-u2f .post .date{color:var(--teal);font-size:.82rem;font-weight:600}
  body.page-blog-post-u2f .post h3{font-size:1.14rem;line-height:1.25;margin:8px 0 0}
  body.page-blog-post-u2f .post:hover h3{color:var(--lime)}

  /* CTA BAND */
  body.page-blog-post-u2f .cta-band{background:linear-gradient(135deg,var(--lime),var(--lime-deep));border-radius:30px;padding:62px 56px;text-align:center;color:#0b0f0d;position:relative;overflow:hidden}
  body.page-blog-post-u2f .cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 300px at 80% 120%,rgba(255,255,255,.4),transparent)}
  body.page-blog-post-u2f .cta-band h2{font-size:clamp(1.8rem,4vw,2.7rem);max-width:22ch;margin:0 auto;color:#0b0f0d;position:relative}
  body.page-blog-post-u2f .cta-band p{position:relative;font-size:1.08rem;margin:16px auto 28px;max-width:52ch;color:#1a2410;font-weight:500}
  body.page-blog-post-u2f .cta-band .btn-dark{position:relative;background:#0b0f0d;color:var(--lime);padding:15px 36px;border-radius:999px;font-weight:700;display:inline-block;transition:.2s}
  body.page-blog-post-u2f .cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3)}

  /* FOOTER */
  body.page-blog-post-u2f footer{border-top:1px solid var(--line-soft);padding:72px 0 32px;margin-top:20px}
  body.page-blog-post-u2f .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
  body.page-blog-post-u2f .foot-brand .logo{margin-bottom:18px}
  body.page-blog-post-u2f .foot-brand p{color:var(--muted);font-size:.96rem;max-width:34ch}
  body.page-blog-post-u2f .nap{color:var(--muted);font-size:.92rem;line-height:1.8;margin-top:14px}
  body.page-blog-post-u2f .nap b{color:var(--cream)}body.page-blog-post-u2f .nap a:hover{color:var(--lime)}
  body.page-blog-post-u2f .foot-col h5{font-family:var(--display);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-weight:600}
  body.page-blog-post-u2f .foot-col ul{list-style:none}body.page-blog-post-u2f .foot-col li{margin-bottom:11px}
  body.page-blog-post-u2f .foot-col a{color:var(--cream);font-size:.96rem;transition:.18s;opacity:.85}
  body.page-blog-post-u2f .foot-col a:hover{color:var(--lime);opacity:1}
  body.page-blog-post-u2f .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line-soft);margin-top:54px;padding-top:28px;color:var(--muted);font-size:.9rem}
  body.page-blog-post-u2f .foot-social{display:flex;gap:12px}
  body.page-blog-post-u2f .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-soft);display:grid;place-items:center;transition:.2s}
  body.page-blog-post-u2f .foot-social a:hover{border-color:var(--lime);color:var(--lime)}

  body.page-blog-post-u2f .mobile-menu{display:none}
  @media(max-width:980px){
    body.page-blog-post-u2f .art-layout{grid-template-columns:1fr;gap:0}
    body.page-blog-post-u2f .toc{display:none}
    body.page-blog-post-u2f .posts{grid-template-columns:1fr 1fr}
    body.page-blog-post-u2f .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:760px){
    body.page-blog-post-u2f .menu,
body.page-blog-post-u2f .nav-right .cta{display:none}
    body.page-blog-post-u2f .burger{display:flex}
    body.page-blog-post-u2f .posts,
body.page-blog-post-u2f .foot-grid{grid-template-columns:1fr}
    body.page-blog-post-u2f .cta-band{padding:46px 24px}body.page-blog-post-u2f .author-box{flex-direction:column;text-align:center}
    body.page-blog-post-u2f .mobile-menu{display:block;position:fixed;inset:74px 0 0;z-index:99;background:var(--ink);transform:translateX(100%);transition:.3s;padding:24px;overflow-y:auto}
    body.page-blog-post-u2f .mobile-menu.on{transform:translateX(0)}
    body.page-blog-post-u2f .mobile-menu a{display:block;padding:14px 6px;font-family:var(--display);font-size:1.3rem;border-bottom:1px solid var(--line-soft)}
    body.page-blog-post-u2f .mobile-menu .grp{color:var(--muted-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 6px 6px;font-weight:700}
    body.page-blog-post-u2f .mobile-menu .sub{font-size:1.05rem;color:var(--muted);font-family:var(--body)}
    body.page-blog-post-u2f.lock{overflow:hidden}
    body.page-blog-post-u2f .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    body.page-blog-post-u2f .burger.on span:nth-child(2){opacity:0}
    body.page-blog-post-u2f .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

/* Wspólny logotyp marki */
.logo .brand-logo{display:block;width:112px;height:auto;max-width:none}
.foot-brand .logo .brand-logo{width:132px}
body.page-404 .logo .brand-logo{filter:brightness(0) saturate(100%)}