/* ==========================================================================
   Kurka24 — system wizualny
   ========================================================================== */

:root{
  --cream:#FDF8EF;
  --cream-2:#F7EEDF;
  --cream-3:#F0E3CF;
  --ink:#17130F;
  --ink-2:#5B5148;
  --ink-3:#8B8076;
  --red:#E84C39;
  --red-dark:#C93A29;
  --red-soft:#FDEAE6;
  --yolk:#FEAD1E;
  --egg:#FEB26B;
  --green:#2E9E62;
  --line:rgba(23,19,15,.12);
  --line-strong:rgba(23,19,15,.22);
  --shadow-sm:0 1px 2px rgba(23,19,15,.06),0 2px 8px rgba(23,19,15,.05);
  --shadow:0 2px 6px rgba(23,19,15,.06),0 12px 32px -12px rgba(23,19,15,.18);
  --shadow-lg:0 4px 12px rgba(23,19,15,.08),0 30px 60px -24px rgba(23,19,15,.28);
  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;
  --font-display:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --wrap:1180px;
  --gap:clamp(20px,3vw,32px);
  --sec-y:clamp(64px,8vw,112px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--red)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,6vw,4.2rem)}
h2{font-size:clamp(1.9rem,4.2vw,3rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
::selection{background:var(--yolk);color:var(--ink)}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}
.section{padding-block:var(--sec-y);position:relative}
.section--tight{padding-block:clamp(48px,5vw,72px)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 12px 0}
.skip-link:focus{left:0}

/* ---------- Typografia pomocnicza ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-weight:800;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--red-dark);
  background:var(--red-soft);border:1px solid rgba(232,76,57,.22);
  padding:7px 14px;border-radius:999px;margin-bottom:18px;
}
.eyebrow svg{width:14px;height:14px}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink-2);max-width:62ch}
.section-head{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .lead{margin-inline:auto}
.txt-red{color:var(--red)}

/* ---------- Przyciski ---------- */
.btn{
  --btn-bg:var(--ink);--btn-fg:#fff;--btn-bd:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-display);font-weight:800;font-size:1rem;line-height:1;
  padding:16px 28px;border-radius:999px;border:2px solid var(--btn-bd);
  background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;cursor:pointer;
  transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s,background .16s,color .16s;
  box-shadow:0 3px 0 rgba(23,19,15,.18);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(23,19,15,.18);color:var(--btn-fg)}
.btn:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(23,19,15,.18)}
.btn svg{width:18px;height:18px;flex:none}
.btn--primary{--btn-bg:var(--red);--btn-fg:#fff;--btn-bd:var(--red);box-shadow:0 3px 0 var(--red-dark)}
.btn--primary:hover{box-shadow:0 6px 0 var(--red-dark)}
.btn--primary:active{box-shadow:0 1px 0 var(--red-dark)}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:var(--line-strong);box-shadow:none}
.btn--ghost:hover{--btn-bd:var(--ink);box-shadow:none;background:rgba(23,19,15,.04)}
.btn--light{--btn-bg:var(--cream);--btn-fg:var(--ink);--btn-bd:var(--cream);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.btn--sm{padding:11px 20px;font-size:.92rem}
.btn--block{width:100%}
.btn[aria-disabled="true"],.btn:disabled{opacity:.5;pointer-events:none;box-shadow:none}

/* ---------- Ticker ---------- */
.ticker{background:var(--ink);color:var(--cream);font-size:.82rem;overflow:hidden;position:relative;z-index:60}
.ticker__track{display:flex;gap:0;width:max-content;animation:ticker 42s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{display:inline-flex;align-items:center;gap:10px;padding:9px 26px;white-space:nowrap;font-family:var(--font-display);font-weight:700;letter-spacing:.03em}
.ticker__item::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);margin-left:16px}
.ticker__dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(46,158,98,.7);animation:pulse 2.4s infinite}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,158,98,.65)}70%{box-shadow:0 0 0 9px rgba(46,158,98,0)}100%{box-shadow:0 0 0 0 rgba(46,158,98,0)}}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(253,248,239,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:0 6px 24px -18px rgba(23,19,15,.6)}
.site-header__inner{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:none}
.brand:hover{color:var(--ink)}
.brand__mark{width:44px;height:44px;flex:none;object-fit:contain;object-position:bottom}
.brand__logo{max-height:46px;width:auto}
.brand__name{font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline}
.brand__name span{color:var(--red)}
.brand__tag{display:block;font-family:var(--font-display);font-weight:800;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav a{font-family:var(--font-display);font-weight:800;font-size:.94rem;color:var(--ink);text-decoration:none;padding:10px 14px;border-radius:999px;transition:background .16s,color .16s}
.nav a:hover,.nav .current-menu-item>a{background:rgba(23,19,15,.06);color:var(--ink)}
.header-cta{flex:none;margin-left:8px}
.nav-toggle{display:none;margin-left:auto;width:46px;height:46px;border:2px solid var(--line-strong);background:transparent;border-radius:14px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:20px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .22s,opacity .18s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

@media (max-width:980px){
  .nav-toggle{display:flex}
  .nav{position:fixed;inset:0 0 auto;top:var(--header-h,76px);margin:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--cream);border-bottom:1px solid var(--line);padding:14px clamp(18px,4vw,32px) 24px;
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-height:calc(100dvh - var(--header-h,76px));overflow:auto}
  .nav.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav ul{flex-direction:column;align-items:stretch;gap:0}
  .nav a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);border-radius:0;font-size:1.05rem}
  .header-cta{display:none}
  .nav .btn{margin-top:18px;width:100%}
}

/* ---------- Hero ---------- */
.hero{position:relative;padding-block:clamp(48px,7vw,88px) clamp(56px,7vw,96px);overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(closest-side at 78% 22%,rgba(254,173,30,.20),transparent 70%),
    radial-gradient(closest-side at 12% 78%,rgba(232,76,57,.13),transparent 70%);
}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,56px);align-items:center}
.hero__title{margin-bottom:.35em}
.hero__title em{
  font-style:normal;color:var(--red);white-space:nowrap;
  background-image:linear-gradient(transparent 62%,rgba(254,173,30,.45) 62%,rgba(254,173,30,.45) 92%,transparent 92%);
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero__meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding-top:24px;border-top:1px dashed var(--line-strong)}
.hero__meta-item{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--ink-2)}
.hero__meta-item svg{width:17px;height:17px;color:var(--red);flex:none}
.hero__meta-item b{font-family:var(--font-display);color:var(--ink);font-weight:800}

.hero__visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:340px}
.hero__blob{position:absolute;inset:auto 0 0;margin:auto;width:min(88%,420px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#fff,var(--cream-2) 60%,var(--cream-3));
  border:1px solid rgba(23,19,15,.07);bottom:6%}
.hero__kura{position:relative;z-index:2;width:min(78%,360px);filter:drop-shadow(0 24px 30px rgba(23,19,15,.18));animation:bob 5.5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero__chip{
  position:absolute;z-index:3;display:flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px 9px 11px;
  box-shadow:var(--shadow);font-family:var(--font-display);font-weight:800;font-size:.84rem;white-space:nowrap;
}
.hero__chip b{display:block;font-size:.72rem;font-weight:700;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;line-height:1.2;font-family:var(--font-body)}
.hero__chip i{font-style:normal;font-size:.98rem;line-height:1.2}
.hero__chip-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--red-soft);color:var(--red-dark)}
.hero__chip-ic svg{width:17px;height:17px}
.hero__chip--1{top:6%;left:-2%;animation:bob 6.5s ease-in-out infinite .4s}
.hero__chip--2{top:38%;right:-4%;animation:bob 7s ease-in-out infinite .9s}
.hero__chip--3{bottom:9%;left:2%;animation:bob 6s ease-in-out infinite 1.4s}
@media (max-width:900px){
  .eyebrow{font-size:.72rem;letter-spacing:.1em}
  .hero__grid{grid-template-columns:1fr;text-align:center}
  .hero__meta,.hero__actions{justify-content:center}
  .lead{margin-inline:auto}
  .hero__visual{order:-1;min-height:0}
  .hero__kura{width:min(62%,260px)}
}
@media (max-width:900px){.hero__chip{display:none}}

/* ---------- Pasek statystyk ---------- */
.stats{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}
.stats::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(253,248,239,.10) 1px,transparent 1px);background-size:22px 22px}
.stats__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;text-align:center}
.stats__item{padding:34px 16px;background:transparent;position:relative}
.stats__item+.stats__item::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(253,248,239,.16)}
.stats__num{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,4vw,2.9rem);line-height:1;letter-spacing:-.03em}
.stats__num span{color:var(--yolk)}
.stats__lbl{display:block;margin-top:9px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(253,248,239,.62);font-weight:600}
@media (max-width:760px){.stats__grid{grid-template-columns:repeat(2,1fr)}
  .stats__item:nth-child(odd)+.stats__item::before{display:block}
  .stats__item:nth-child(3)::before{display:none}
  .stats__item:nth-child(3),.stats__item:nth-child(4){border-top:1px solid rgba(253,248,239,.16)}}

/* ---------- Karty / siatki ---------- */
.grid{display:grid;gap:var(--gap)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,32px);
  box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s,border-color .2s;
  position:relative;overflow:hidden;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.card__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;
  background:var(--red-soft);color:var(--red-dark);border:1px solid rgba(232,76,57,.18)}
.card__ic svg{width:26px;height:26px}
.card--yolk .card__ic{background:rgba(254,173,30,.16);color:#A86A00;border-color:rgba(254,173,30,.3)}
.card--ink .card__ic{background:rgba(23,19,15,.07);color:var(--ink);border-color:var(--line)}
.card h3{margin-bottom:.45em}
.card p{color:var(--ink-2);margin-bottom:0;font-size:.98rem}
.card__sla{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-strong);display:flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-weight:800;font-size:.82rem;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.card__sla b{color:var(--green)}

/* ---------- Zespol ---------- */
.hen{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.hen:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.hen__ph{aspect-ratio:4/3;background:linear-gradient(160deg,var(--cream-2),var(--cream-3));position:relative;overflow:hidden;display:grid;place-items:center}
.hen__ph img{width:100%;height:100%;object-fit:cover}
.hen__ph--empty img{width:auto;height:88%;max-width:70%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(23,19,15,.18))}
.hen:nth-child(6n+1) .hen__ph{background:linear-gradient(165deg,#FFF3E2,#F6E2C6)}
.hen:nth-child(6n+2) .hen__ph{background:linear-gradient(165deg,#FDEFEC,#F6D9D2)}
.hen:nth-child(6n+3) .hen__ph{background:linear-gradient(165deg,#EFF4EC,#DDE8D8)}
.hen:nth-child(6n+4) .hen__ph{background:linear-gradient(165deg,#F1F0F7,#DEDCEC)}
.hen:nth-child(6n+5) .hen__ph{background:linear-gradient(165deg,#FFF6DA,#F5E4B0)}
.hen:nth-child(6n+6) .hen__ph{background:linear-gradient(165deg,#EDF3F6,#D7E5EC)}
.hen:nth-child(3n+2) .hen__ph--empty img{transform:scaleX(-1)}
.hen:nth-child(4n+3) .hen__ph--empty img{transform:rotate(-3deg)}
.hen__badge{position:absolute;top:12px;left:12px;background:var(--ink);color:var(--cream);font-family:var(--font-display);
  font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.hen__body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.hen__name{font-family:var(--font-display);font-weight:900;font-size:1.3rem;line-height:1.1;margin:0}
.hen__role{color:var(--red-dark);font-family:var(--font-display);font-weight:800;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;margin:6px 0 12px}
.hen__desc{color:var(--ink-2);font-size:.95rem;margin:0 0 16px}
.hen__stats{margin-top:auto;display:flex;gap:18px;padding-top:14px;border-top:1px dashed var(--line-strong)}
.hen__stat{font-size:.78rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.hen__stat b{display:block;font-family:var(--font-display);font-size:1.05rem;color:var(--ink);letter-spacing:0;text-transform:none}

/* ---------- Roadmapa ---------- */
.road{display:grid;gap:var(--gap);grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.road{grid-template-columns:1fr}}
.road__item{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,34px);box-shadow:var(--shadow-sm);overflow:hidden}
.road__item::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:var(--cream-2);z-index:0}
.road__item>*{position:relative;z-index:1}
.road__status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:800;font-size:.72rem;
  letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;border-radius:999px;margin-bottom:16px;
  background:rgba(23,19,15,.06);color:var(--ink-2);border:1px solid var(--line)}
.road__status--soon{background:rgba(254,173,30,.16);color:#8A5600;border-color:rgba(254,173,30,.35)}
.road__status--build{background:var(--red-soft);color:var(--red-dark);border-color:rgba(232,76,57,.25)}
.road__status--live{background:rgba(46,158,98,.13);color:#1E7A48;border-color:rgba(46,158,98,.3)}
.road__status i{width:7px;height:7px;border-radius:50%;background:currentColor;font-style:normal}
.road__item h3{margin-bottom:.4em}
.road__item p{color:var(--ink-2);margin:0;font-size:.98rem}
.road__price{margin-top:18px;display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:900;font-size:1.5rem}
.road__price small{font-size:.8rem;font-weight:700;color:var(--ink-3);letter-spacing:.04em}

/* ---------- Cennik ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:stretch}
.plans--2{grid-template-columns:repeat(2,1fr);max-width:820px;margin-inline:auto}
.plans--1{grid-template-columns:1fr;max-width:440px;margin-inline:auto}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(26px,3vw,36px);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative}
.plan--featured{border:2px solid var(--ink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}
@media (max-width:900px){.plan--featured{transform:none}}
.plan__flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;
  font-family:var(--font-display);font-weight:900;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 0 var(--red-dark)}
.plan__name{font-family:var(--font-display);font-weight:900;font-size:1.35rem;margin:0 0 4px}
.plan__sub{color:var(--ink-3);font-size:.9rem;margin:0 0 22px}
.plan__price{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:900;font-size:3rem;line-height:1;letter-spacing:-.03em}
.plan__price sup{font-size:1.1rem;font-weight:800;top:-.6em}
.plan__per{color:var(--ink-3);font-size:.9rem;font-family:var(--font-body);font-weight:600}
.plan__list{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:11px}
.plan__list li{display:flex;gap:10px;align-items:flex-start;font-size:.96rem;color:var(--ink-2)}
.plan__list svg{width:19px;height:19px;flex:none;color:var(--green);margin-top:2px}
.plan__list li.is-off{color:var(--ink-3)}
.plan__list li.is-off svg{color:var(--ink-3);opacity:.6}
.plan .btn{margin-top:auto}
.plans__note{text-align:center;margin-top:28px;color:var(--ink-3);font-size:.9rem}

/* ---------- Kamery ---------- */
.cam{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--ink);aspect-ratio:16/9;display:grid;place-items:center;box-shadow:var(--shadow-lg)}
.cam iframe,.cam video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.cam__placeholder{position:relative;text-align:center;color:var(--cream);padding:32px;z-index:1}
.cam__placeholder h3{color:var(--cream)}
.cam__placeholder p{color:rgba(253,248,239,.66);margin:0 auto;max-width:44ch}
.cam__scan{position:absolute;inset:0;z-index:0;background:
  repeating-linear-gradient(0deg,rgba(253,248,239,.035) 0 1px,transparent 1px 4px),
  radial-gradient(closest-side at 50% 45%,rgba(232,76,57,.18),transparent)}
.cam__rec{position:absolute;top:16px;left:18px;z-index:2;display:flex;align-items:center;gap:8px;color:var(--cream);
  font-family:var(--font-display);font-weight:800;font-size:.76rem;letter-spacing:.14em}
.cam__rec i{width:9px;height:9px;border-radius:50%;background:var(--red);animation:pulse 2s infinite}
.cam__time{position:absolute;top:16px;right:18px;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:rgba(253,248,239,.7)}

/* ---------- Pasy / CTA ---------- */
.band{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}
.band h2,.band h3{color:var(--cream)}
.band p{color:rgba(253,248,239,.72)}
.band::before{content:"";position:absolute;inset:0;
  background:radial-gradient(closest-side at 85% 15%,rgba(232,76,57,.28),transparent 70%),
             radial-gradient(closest-side at 10% 90%,rgba(254,173,30,.16),transparent 70%)}
.band__inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:860px){.band__inner{grid-template-columns:1fr}}
.band__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.band__card{background:rgba(253,248,239,.06);border:1px solid rgba(253,248,239,.16);border-radius:var(--r-lg);padding:28px}
.band__card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.band__card li{display:flex;gap:11px;align-items:flex-start;font-size:.96rem;color:rgba(253,248,239,.82)}
.band__card svg{width:19px;height:19px;color:var(--yolk);flex:none;margin-top:2px}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin-inline:auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-family:var(--font-display);font-weight:800;font-size:1.04rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;margin-top:-7px;
  border-right:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.faq summary:hover{background:rgba(23,19,15,.02)}
.faq__a{padding:0 24px 22px;color:var(--ink-2);font-size:.98rem}
.faq__a p:last-child{margin-bottom:0}

/* ---------- Kontakt ---------- */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.field{display:grid;gap:7px;margin-bottom:18px}
.field label{font-family:var(--font-display);font-weight:800;font-size:.88rem}
.field input,.field textarea,.field select{
  font:inherit;font-size:1rem;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);
  background:#fff;color:var(--ink);width:100%;transition:border-color .16s,box-shadow .16s}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(232,76,57,.14)}
.field--hp{position:absolute;left:-9999px}
.form-note{font-size:.82rem;color:var(--ink-3);margin-top:14px}
.notice{padding:14px 18px;border-radius:var(--r-sm);margin-bottom:20px;font-size:.95rem;border:1px solid}
.notice--ok{background:rgba(46,158,98,.1);border-color:rgba(46,158,98,.3);color:#1E7A48}
.notice--err{background:var(--red-soft);border-color:rgba(232,76,57,.3);color:var(--red-dark)}
.info-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.info-list li{display:flex;gap:14px;align-items:flex-start}
.info-list svg{width:22px;height:22px;color:var(--red);flex:none;margin-top:2px}
.info-list b{display:block;font-family:var(--font-display);font-weight:800}
.info-list a{color:var(--ink);text-decoration:none}
.info-list a:hover{color:var(--red)}

/* ---------- Stopka ---------- */
.site-footer{background:var(--ink);color:rgba(253,248,239,.72);padding-block:clamp(48px,6vw,72px) 0;font-size:.94rem}
.site-footer a{color:rgba(253,248,239,.72);text-decoration:none}
.site-footer a:hover{color:var(--cream)}
.footer__grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:clamp(24px,4vw,48px)}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}}
.footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer__brand .brand__name{color:var(--cream);font-size:1.4rem}
.footer h4{font-family:var(--font-display);font-weight:900;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin:0 0 16px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer__social{display:flex;gap:10px;margin-top:18px}
.footer__social a{width:40px;height:40px;border-radius:12px;border:1px solid rgba(253,248,239,.2);display:grid;place-items:center;transition:background .16s,border-color .16s}
.footer__social a:hover{background:rgba(253,248,239,.1);border-color:rgba(253,248,239,.4)}
.footer__social svg{width:19px;height:19px}
.footer__bottom{margin-top:clamp(36px,5vw,56px);border-top:1px solid rgba(253,248,239,.14);padding-block:22px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(253,248,239,.5)}
.footer__bottom nav{display:flex;gap:20px;flex-wrap:wrap}

/* ---------- Tresc stron/wpisow ---------- */
.entry{max-width:760px;margin-inline:auto}
.entry__meta{color:var(--ink-3);font-size:.88rem;margin-bottom:24px}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2{margin-top:1.6em}
.entry-content img,.entry-content figure{border-radius:var(--r)}
.entry-content blockquote{border-left:4px solid var(--red);padding:6px 0 6px 22px;margin-inline:0;color:var(--ink-2);font-style:italic}
.entry-content code{background:rgba(23,19,15,.07);padding:2px 6px;border-radius:6px;font-size:.9em}
.entry-content pre{background:var(--ink);color:var(--cream);padding:20px;border-radius:var(--r);overflow:auto}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.posts{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-card__thumb{aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.post-card__thumb img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.post-card h3{font-size:1.15rem;margin-bottom:.4em}
.post-card h3 a{color:var(--ink);text-decoration:none}
.post-card h3 a:hover{color:var(--red)}
.post-card p{color:var(--ink-2);font-size:.95rem;margin-bottom:0}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800}
.pagination .current{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* ---------- Animacja wejscia ---------- */
.reveal{opacity:0;transform:translateY(18px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.8,.3,1),transform .6s cubic-bezier(.2,.8,.3,1)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ---------- Wzor jajek (dekor) ---------- */
.egg-strip{height:14px;background-repeat:repeat-x;background-size:auto 14px;opacity:.5}