:root{
    --ink:#0F0F12;
    --ink-soft:#3D3D45;
    --paper:#FFFFFF;
    --paper-off:#FAFAF8;
    --line:#E8E6E1;
    --violet-1:#6D28D9;
    --violet-2:#4338CA;
    --violet-soft:#A78BFA;
    --violet-bg:#F4F1FE;
    --magenta-1:#DB2777;
    --magenta-2:#7C3AED;
    --magenta-bg:#FDF2F8;
    --radius:28px;
    --maxw:1180px;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Montserrat', sans-serif;
    color:var(--ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block; max-width:100%;}
  svg{display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}

  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}

  h1,h2,h3,h4{font-weight:800; line-height:1.05; letter-spacing:-0.02em;}

.eyebrow{
  display:inline-block;
  font-size:13px; /* Tutaj wpisz nową wielkość, np. 16px */
  font-weight:700; 
  letter-spacing:0.12em;
  text-transform:uppercase; 
  margin-bottom:20px;
}

  .btn{
    display:inline-flex; align-items:center; gap:10px;
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:16px;
    padding:17px 30px; border-radius:100px; border:2px solid var(--ink);
    cursor:pointer; transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;
    white-space:nowrap;
  }
  .btn-dark{background:var(--violet-1); color:var(--paper);}
  .btn-dark:hover{transform:translateY(-3px); box-shadow:0 14px 28px rgba(15,15,18,.22);}
  .btn-ghost{background:transparent; color:var(--ink);}
  .btn-ghost:hover{background:var(--ink); color:var(--paper);}
  .btn-sm{padding:13px 24px; font-size:14px;}

  /* NAV */
  .nav{
    position:sticky; top:0; z-index:100;
    background:rgba(244,241,254,.92);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    /* Wymusza wlasna warstwe kompozycji - omija bug niektorych przegladarek
       mobilnych, gdzie sticky + backdrop-filter powoduje znikanie paska
       po zmianach w DOM tuz pod nim (np. otwarcie/zamkniecie menu). */
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    will-change:transform;
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 32px; max-width:var(--maxw); margin:0 auto;
  }
  .logo-img{height:50px; width:auto; display:block;}
  .nav-links{display:flex; align-items:center; gap:24px; flex-shrink:1; overflow:hidden;}
  .nav-links a{white-space:nowrap;}
  .nav-links a{font-size:15px; font-weight:600; color:var(--ink-soft); transition:color .2s ease;}
  .nav-links a:hover{color:var(--violet-1);}
  .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:8px;}
  .burger span{width:26px; height:2px; background:var(--ink); border-radius:2px;}

  /* Blobs & decorative */
  .blob{position:absolute; border-radius:50%; filter:blur(0px); z-index:0;}
  @keyframes float-y{0%,100%{transform:translateY(0);} 50%{transform:translateY(-18px);}}
  @media (prefers-reduced-motion: reduce){.spin,.spin-rev,.float{animation:none !important;}}

  /* Sections */
  .section{position:relative; padding:120px 0; overflow:hidden;}
  .section-label{font-size:14px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--violet-2); margin-bottom:18px;}
  .section-title{font-size:clamp(34px, 4.4vw, 56px); max-width:820px; margin-bottom:24px;}
  .section-sub{font-size:19px; line-height:1.6; color:var(--ink-soft); max-width:640px; font-weight:500;}

  /* HERO */
  .hero{position:relative; padding:84px 0 120px; overflow:hidden;}
  .hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr; gap:48px; align-items:center;}
  .hero h1{font-size:clamp(40px, 5.4vw, 60px); margin-bottom:28px;}
  .hero h1 em{font-style:normal; background-image:linear-gradient(120deg, var(--violet-1), var(--violet-2)); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .hero p{font-size:19px; line-height:1.65; color:var(--ink-soft); max-width:560px; margin-bottom:40px; font-weight:500;}
  .hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
  .hero-visual{
    position:relative; height:520px; display:flex; align-items:center; justify-content:center;
    border-radius:32px;
    border:1px solid rgba(255,255,255,0.35);
    background:rgba(255,255,255,0.15);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);    
    box-shadow:0 8px 40px rgba(109,40,217,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
    overflow:hidden;
  }
  .hero-img{width:100%; max-width:480px; border-radius:32px; display:block; margin:0 auto;}
  .hero-network{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:5;}
  .hero-bg-blob-1{width:680px; height:680px; top:-220px; right:-220px; background:radial-gradient(circle, var(--violet-bg) 0%, transparent 70%);}
  .hero-bg-blob-2{width:420px; height:420px; bottom:-160px; left:-160px; background:radial-gradient(circle, var(--magenta-bg) 0%, transparent 70%);}
  .hero .eyebrow {
  font-size: 20px; /* Zmień na pożądaną wielkość, np. 14px, 16px lub 1.1rem */
  font-weight: 600; /* Opcjonalnie: pogrubienie */
  margin-bottom: 12px; /* Opcjonalnie: odstęp pod napisem */
}

/* PANEL 1 — Klucz */
.panel-1 { background: var(--ink); color: var(--paper); }
.panel-1 .section-label { color: var(--paper); }
.panel-1 .section-title {
  margin-bottom: 8px;
  color: var(--violet-2);
}
.stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; }
.stat-card { background: var(--paper); border-radius: 24px; padding: 36px 30px; border: 1px solid rgba(109,40,217,.12); min-width: 0; }

.stat-card .num {
  margin-bottom: 14px;
}

/* Sektor 1, Sektor 2, Sektor 3 — fioletowy gradient i pogrubiony font */
.stat-card .num .sector-head {
  font-size: 36px;
  font-weight: 800;
  background-image: linear-gradient(120deg, var(--violet-1), var(--violet-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  letter-spacing: -0.02em;
  display: inline-block;
  margin-bottom: 4px;
}

/* Nazwy sektorów — czarny kolor */
.stat-card .num .sector-title {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  display: inline-block;
}

.stat-card .desc { font-size: 15px; font-weight: 600; color: var(--ink-soft); line-height: 1.5; }
.stat-card .desc strong {
  color: var(--violet-1);
}

    /* PANEL 2 — Produkt */
  .panel-2{background:linear-gradient(180deg, var(--violet-bg) 0%, #FFFFFF 100%); position:relative;}
  .i-profiter-header{text-align:left; max-width:760px; margin:0 0 64px;}
  .i-profiter-header h2{font-size:clamp(32px, 4vw, 50px); margin-bottom:18px;}
  .i-profiter-header p{font-size:18px; color:var(--ink-soft); font-weight:500; line-height:1.6;}
  .module-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
  .module-card{background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:32px 28px; transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease;}
  .module-card:hover{transform:translateY(-6px); box-shadow:0 24px 50px -16px rgba(15,15,18,.16); border-color:transparent;}
  .module-tag{display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; padding:6px 12px; border-radius:100px; margin-bottom:18px; background:var(--violet-bg); color:var(--violet-2);}
  .module-card h4{font-size:19px; font-weight:800; margin-bottom:10px;}
  .module-card > p.module-desc{font-size:14.5px; color:var(--ink-soft); font-weight:500; margin-bottom:16px; line-height:1.5;}
  .module-card ul{display:flex; flex-direction:column; gap:8px;}
  .module-card ul li{font-size:14px; font-weight:600; color:var(--ink); padding-left:18px; position:relative; line-height:1.4;}
  .module-card ul li::before{content:""; position:absolute; left:0; top:7px; width:7px; height:7px; border-radius:50%; background:var(--violet-1);}
  .module-card.featured{background:var(--ink); border:none;}
  .module-card.featured .module-tag{background:rgba(255,255,255,.12); color:#fff;}
  .module-card.featured h4{color:var(--paper);}
  .module-card.featured p.module-desc{color:#C9C8D4;}
  .module-card.featured ul li{color:#E5E4EC;}
  .module-card.featured ul li::before{background:linear-gradient(135deg, var(--violet-1), var(--magenta-1));}
  .module-card.m-highlight{background:linear-gradient(135deg, var(--magenta-bg), var(--violet-bg)); border-color:transparent;}
  .module-card.m-highlight .module-tag{background:var(--magenta-1); color:#fff;}
  .module-card.m-highlight ul li::before{background:var(--magenta-1);}

  /* PANEL 3 — Ceny */
  .panel-3{background:var(--ink); color:var(--paper);}
  .panel-3 .section-label{color:var(--violet-soft);}
  .panel-3 .section-sub{color:#FFFFFF;}
  .deliver-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; margin-top:60px;}
  .deliver-card{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:30px 26px; transition:transform .3s ease, background .3s ease;}
  .deliver-card:hover{transform:translateY(-6px); background:rgba(255,255,255,.07);}
  .deliver-icon{width:46px; height:46px; border-radius:14px; background:rgba(167,139,250,.14); color:var(--violet-soft); margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
  .deliver-icon svg{width:24px; height:24px;}
  .deliver-card h4{font-size:20px; font-weight:700; margin-bottom:0; line-height:1.4; color:var(--violet-soft);}
  .deliver-desc{font-size:14px; font-weight:500; color:#C9C8D4; line-height:1.55; margin-top:10px;}
  .deliver-pdf{margin-top:18px; grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(120deg, rgba(167,139,250,.14), rgba(219,39,119,.14)); border:1px solid rgba(255,255,255,.14); border-radius:22px; padding:30px 34px; flex-wrap:wrap; gap:20px;}
  .deliver-pdf strong{font-size:21px; font-weight:800;}
  .deliver-pdf span{display:block; color:#C9C8D4; font-size:15px; font-weight:500; margin-top:6px;}

  /* PANEL 4 — Kanały social */
  .panel-4{background:var(--violet-bg);}
  .source-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:56px;}
  .source-pill{background:var(--ink); border-radius:20px; padding:28px 24px; border:1px solid rgba(255,255,255,.1); text-align:left; color:var(--paper);}
  .source-pill ul{display:flex; flex-direction:column; gap:12px; margin-top:8px;}
  .source-pill ul li{font-size:14px; font-weight:500; color:#C9C8D4; line-height:1.55;}
  .source-pill ul li strong{color:var(--violet-soft); font-weight:700; display:block; margin-bottom:2px;}
  .source-pill .ic{width:52px; height:52px; border-radius:14px; background:#FFFFFF; color:var(--violet-1); margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
  .source-pill .ic svg{width:26px !important; height:26px !important;}
  .source-pill p{font-size:27px; font-weight:700; line-height:1.35; color:#FFFFFF; margin-bottom:8px;}
  .source-desc{font-size:14.5px; font-weight:500; color:var(--ink-soft); line-height:1.5;}

  /* PANEL 5 — Strategie */
  .panel-5{background:var(--paper);}
  .process-row{display:grid; grid-template-columns:repeat(3, 1fr); gap:0; margin-top:64px; position:relative;}
  .process-step{padding:0 36px 0 0; position:relative;}
  .process-step:not(:last-child)::after{content:"→"; position:absolute; right:-4px; top:8px; font-size:26px; color:var(--line); font-weight:700;}
  .process-step .pnum{font-size:60px; font-weight:900; background-image:linear-gradient(120deg, var(--violet-1), var(--magenta-1)); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1; margin-bottom:18px; letter-spacing:-0.03em;}
  .process-step h4{font-size:20px; font-weight:800; margin-bottom:10px;}
  .process-step p{font-size:15px; color:var(--ink-soft); font-weight:500; line-height:1.6;}
  .process-result{margin-top:60px; background:var(--ink); color:var(--paper); border-radius:28px; padding:42px 44px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
  .process-result p{font-size:20px; font-weight:700; max-width:640px; line-height:1.5;}

  /* FOOTER */
  footer{background:var(--ink); color:#C9C8D4; padding:64px 0 36px;}
  .footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.12); flex-wrap:wrap;}
  .footer-logo-img{height:22px; width:auto; margin-bottom:14px; filter:brightness(0) invert(1);}
  .footer-top p{max-width:340px; font-size:14.5px; line-height:1.6;}
  .footer-col h5{font-size:13px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:#fff; margin-bottom:18px;}
  .footer-col ul{display:flex; flex-direction:column; gap:11px;}
  .footer-col a{font-size:14.5px; transition:color .2s ease;}
  .footer-col a:hover{color:#fff;}
  .footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:28px; font-size:13px; flex-wrap:wrap; gap:12px;}

  /* MODAL KONTAKTOWY */
  .modal-overlay{
    display:none; position:fixed; inset:0; z-index:999;
    background:rgba(15,15,18,.75); backdrop-filter:blur(6px);
    align-items:center; justify-content:center; padding:20px;
  }
  .modal-overlay.is-open{display:flex;}
  .modal-box{
    background:#1A1A24; border:1px solid rgba(255,255,255,.12);
    border-radius:28px; padding:40px; width:100%; max-width:560px;
    position:relative; box-shadow:0 32px 80px rgba(0,0,0,.5);
  }
  .modal-close{
    position:absolute; top:16px; right:16px;
    background:rgba(255,255,255,.08); border:none; color:#fff;
    width:36px; height:36px; border-radius:50%; font-size:16px;
    cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:background .2s ease;
  }
  .modal-close:hover{background:rgba(255,255,255,.18);}
  .modal-inner{display:flex; flex-direction:column; gap:28px;}
  .modal-author{display:flex; gap:16px; align-items:center;}
  .modal-photo{width:108px; height:108px; border-radius:16px; object-fit:cover; border:2px solid rgba(255,255,255,.1); flex-shrink:0;}
  .modal-greeting{font-size:17px; font-weight:800; color:#fff; line-height:1.4;}
  .modal-greeting span{background:linear-gradient(120deg,#6D28D9,#DB2777); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .modal-name{font-size:13px; font-weight:700; color:#A78BFA; margin-top:4px;}
  .modal-form{display:flex; flex-direction:column; gap:12px;}
  .modal-form input, .modal-form textarea{
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
    border-radius:12px; padding:13px 16px; color:#fff;
    font-family:'Montserrat',sans-serif; font-size:14px; width:100%;
    transition:border-color .2s ease;
  }
/* Honeypot – ukryty poza ekranem, nie display:none (część botów to omija) */
  .hp-field{
    position:absolute !important;
    left:-9999px !important;
    top:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
  }  
  .modal-form input::placeholder, .modal-form textarea::placeholder{color:#8B8A96;}
  .modal-form input:focus, .modal-form textarea:focus{outline:none; border-color:#A78BFA;}
  .modal-form textarea{resize:vertical; min-height:110px;}
  .modal-consent{
    display:flex; align-items:flex-start; gap:10px;
    font-size:12.5px; line-height:1.5; color:#C9C8D4;
    cursor:pointer; margin-top:4px;
  }
  .modal-consent input[type="checkbox"]{
    width:16px; height:16px; flex-shrink:0; margin-top:2px;
    accent-color:#6D28D9; cursor:pointer;
  }
  .modal-consent a{color:#A78BFA; text-decoration:underline;}
  .modal-consent a:hover{color:#fff;}
  .modal-form-footer{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
  .btn-send{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px;
    padding:13px 26px; border-radius:100px; border:2px solid #6D28D9;
    background:#6D28D9; color:#fff; cursor:pointer;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .btn-send:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(109,40,217,.4);}
  .modal-status{font-size:13px; font-weight:600; color:#A78BFA;}

  /* Reveal */
  .reveal{opacity:0; transform:translateY(28px); transition:opacity .1s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* RESPONSIVE */
  @media (max-width: 1024px){
    .burger{display:flex !important;}
    .nav-links{display:none !important;}
    .nav-links.is-open{
      display:flex !important; flex-direction:column;
      position:absolute; top:100%; left:0; right:0;
      background:#fff; padding:24px 32px; gap:20px;
      border-bottom:1px solid #E8E6E1;
      box-shadow:0 16px 32px rgba(15,15,18,.08);
    }
    .nav-inner{justify-content:space-between;}
    .nav-cta{order:2; margin-left:auto; margin-right:12px;}
    .burger{order:3;}
.hero-grid{grid-template-columns:1fr; gap:64px;}
    .hero-visual{height:380px; width:100%; max-width:440px; margin:0 auto;}
    .deliver-grid{grid-template-columns:repeat(2, 1fr);}
    .source-grid{grid-template-columns:repeat(2, 1fr);}
    .source-grid .source-pill:last-child{grid-column:1 / -1;}
    .process-row{grid-template-columns:1fr; gap:48px;}
    .process-step{padding:0;}
    .process-step:not(:last-child)::after{content:"↓"; right:auto; left:0; top:auto; bottom:-36px;}
    .module-grid{grid-template-columns:repeat(2, 1fr);}
    .module-card.featured{grid-column:1 / -1;}
    .stat-row{grid-template-columns:1fr; gap:16px;}
  }

  @media (max-width: 720px){
    .wrap{padding:0 22px;}
    .section{padding:80px 0;}
    .nav-cta .btn-sm{padding:11px 18px; font-size:13px;}
    .hero{padding:48px 0 80px;}
    .hero p{font-size:17px;}
    .hero-ctas{flex-direction:column; align-items:stretch;}
    .hero-ctas .btn{justify-content:center;}
    .hero-visual{height:280px;}
    .deliver-grid{grid-template-columns:1fr;}
    .source-grid{grid-template-columns:1fr;}
    .source-grid .source-pill:last-child{grid-column:auto;}
    .module-grid{grid-template-columns:1fr;}
    .module-card.featured{grid-column:auto;}
    .deliver-pdf{flex-direction:column; align-items:flex-start;}
    .process-result{flex-direction:column; align-items:flex-start;}
    .footer-top{flex-direction:column;}
    .footer-bottom{flex-direction:column; align-items:flex-start;}
    .section-title{font-size:clamp(28px, 8vw, 40px);}
  }
.modal-box-wide{ max-width: 720px; }

.poradnik-inner{
  display: flex;
  gap: 28px;
  align-items: flex-start;
}

.poradnik-cover-img{
  width: 200px;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  display: block;
}

.poradnik-content{ flex: 1; min-width: 0; }

.poradnik-desc{
  font-size: 0.92rem;
  line-height: 1.55;
  opacity: 0.85;
  margin: 10px 0 18px;
}

@media (max-width: 640px){
  .poradnik-inner{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .poradnik-cover-img{ width: 150px; }
}