/* Fonty lokalne (woff2, latin + latin-ext dla polskich znaków) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/bricolage-grotesque-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Układ v2: jasna, ciepła pracownia — brzoskwiniowo-różowe tło, śliwkowy tekst zamiast czerni, koralowy akcent na „kliknij tu”, rześka mięta na znaczki i etykiety. Zawsze jasna (bez trybu ciemnego).
   Motyw przewodni: zygzak (z-i-z-z) jak ścieg — w logo, pod nagłówkiem i jako separator. */
:root{
  --paper:#FFF8F5;      /* tło: ciepła biel z różem */
  --paper-2:#FDEDE8;    /* pasy sekcji: brzoskwinia */
  --card:#FFFFFF;       /* karty */
  --ink:#3B2D40;        /* tekst główny: śliwka */
  --ink-soft:#75667A;   /* tekst drugi */
  --line:#F0DAD3;       /* linie */
  --honey:#F38B7E;      /* akcent: koral */
  --honey-ink:#3A1A1E;  /* tekst na akcencie */
  --sage:#2C8570;       /* mięta (ciemniejsza, na tekst) */
  --sage-wash:#DDF3EA;  /* mięta jasna */
  --lav:#F1E7F8;        /* lawenda */
  --shadow:0 1px 2px rgba(59,45,64,.05),0 10px 28px -14px rgba(160,90,90,.28);
  color-scheme:light;

  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --s-xs:.8125rem; --s-sm:.9375rem; --s-md:1.0625rem; --s-lg:1.25rem; --s-xl:1.75rem; --s-2xl:2.4rem; --s-3xl:clamp(2.3rem,5.4vw,3.9rem);
  --wrap:1120px;
  --r:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--s-md);line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--honey);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance;font-weight:700}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.label{font-family:var(--f-mono);font-size:var(--s-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
section{padding-block:clamp(56px,9vw,104px)}
.sec-head{display:grid;gap:14px;max-width:44rem;margin-bottom:clamp(28px,4vw,48px)}
.sec-head h2{font-size:var(--s-2xl)}
.sec-head p{color:var(--ink-soft);font-size:var(--s-lg);line-height:1.5}

/* zygzak */
.zz{display:block;width:100%;height:12px;color:var(--honey)}

/* przyciski */
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--f-body);font-weight:600;font-size:var(--s-md);text-decoration:none;border-radius:999px;padding:.85em 1.4em;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-main{background:var(--honey);color:var(--honey-ink)}
.btn-main:hover{background:color-mix(in srgb,var(--honey) 88%,var(--ink))}
.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn svg{width:1.1em;height:1.1em}

/* nagłówek */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none}
.logo b{font-family:var(--f-display);font-weight:800;font-size:1.65rem;letter-spacing:-.04em;line-height:1}
.logo b i{font-style:normal;color:var(--honey)}
.logo span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.nav ul{display:none;list-style:none;margin:0;padding:0;gap:26px}
.nav ul a{text-decoration:none;font-size:var(--s-sm);color:var(--ink-soft);font-weight:500}
.nav ul a:hover{color:var(--ink)}
.nav .btn{padding:.6em 1.1em;font-size:var(--s-sm)}
@media (min-width:900px){.nav ul{display:flex}}
@media (max-width:420px){.logo span{display:none}}
.nav ul a.on{color:var(--ink)}
/* menu na telefonie: przewijany pasek zakładek pod logo */
@media (max-width:899px){
  .nav{flex-wrap:wrap;row-gap:10px;padding-bottom:10px}
  .nav ul{display:flex;order:3;flex:0 0 100%;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-16px;padding:2px 16px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent)}
  .nav ul::-webkit-scrollbar{display:none}
  .nav ul.end{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px);mask-image:linear-gradient(90deg,transparent 0,#000 16px)}
  .nav ul li{flex:none;scroll-snap-align:start;scroll-margin-left:16px}
  .nav ul a{display:block;padding:.5em 1em;border-radius:999px;border:1px solid var(--line);background:#fff;background:color-mix(in srgb,var(--paper) 70%,#fff);white-space:nowrap;font-size:.86rem;color:var(--ink)}
  .nav ul a.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
}
@media (min-width:720px) and (max-width:899px){.nav ul{margin-inline:-32px;padding-inline:32px}.nav ul li{scroll-margin-left:32px}}
/* tytuł sekcji nie chowa się pod przyklejonym nagłówkiem */
[id]{scroll-margin-top:var(--hh,84px)}
@media (max-width:899px){[id]{scroll-margin-top:var(--hh,134px)}}

/* hero */
.hero{padding-block:clamp(40px,7vw,88px) clamp(56px,8vw,96px)}
.hero-grid{display:grid;gap:clamp(40px,6vw,64px);align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:1.05fr .95fr}}
.hero-copy{display:grid;gap:22px;min-width:0}
.hero h1{font-size:var(--s-3xl);font-weight:800}
.hero h1 .u{position:relative;white-space:nowrap}
.hero h1 .u svg{position:absolute;left:0;right:0;bottom:-.14em;width:100%;height:.28em;color:var(--honey)}
.lead{font-size:var(--s-lg);color:var(--ink-soft);max-width:34rem;line-height:1.55}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.reassure{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--s-sm);color:var(--ink-soft)}
.reassure span{display:inline-flex;align-items:center;gap:7px}
.reassure svg{width:16px;height:16px;color:var(--sage);flex:none}

/* makieta przeglądarki w hero */
.mock{position:relative;min-width:0}
.browser{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper-2)}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.url{flex:1;min-width:0;font-family:var(--f-mono);font-size:.74rem;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site{padding:22px 22px 26px;display:grid;gap:16px}
.site-top{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--ink-soft)}
.site-top b{font-family:var(--f-display);font-size:.95rem;color:var(--ink)}
.site-top span{display:flex;gap:12px}
.site-hero{display:grid;grid-template-columns:1fr 38%;gap:16px;align-items:center}
.site-hero h4{font-family:var(--f-display);font-size:1.25rem;line-height:1.1;margin:0 0 8px;letter-spacing:-.01em}
.site-hero p{font-size:.78rem;color:var(--ink-soft);line-height:1.45;margin-bottom:12px}
.site-btn{display:inline-block;font-size:.74rem;font-weight:600;background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 12px}
.pot{aspect-ratio:1;max-width:100%;border-radius:12px;background:
  radial-gradient(60% 50% at 50% 62%,color-mix(in srgb,var(--honey) 70%,var(--card)) 0 58%,transparent 59%),
  radial-gradient(34% 10% at 50% 30%,color-mix(in srgb,var(--honey) 45%,var(--ink)) 0 98%,transparent 100%),
  var(--sage-wash)}
.site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.site-cards div{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.7rem;color:var(--ink-soft);display:grid;gap:6px}
.site-cards div i{display:block;height:34px;border-radius:6px;background:var(--paper-2)}
.site-cards div b{color:var(--ink);font-size:.74rem}
.note{position:absolute;display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-size:.78rem;font-weight:500;padding:7px 12px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}
.note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--honey);flex:none}
.n1{top:24%;left:-14px}
.n2{top:52%;right:-12px}
.n3{bottom:-16px;left:18%}
@media (max-width:560px){.n1,.n2{display:none}.site-hero{grid-template-columns:1fr}.pot{display:none}}
@media (prefers-reduced-motion:no-preference){
  .note{animation:rise .6s ease both}.n2{animation-delay:.15s}.n3{animation-delay:.3s}
  @keyframes rise{from{transform:translateY(6px)}to{transform:none}}
}

/* dlaczego własna strona */
.band{background:var(--paper-2)}
.why{display:grid;gap:18px}
@media (min-width:820px){.why{grid-template-columns:repeat(3,1fr);gap:28px}}
.why article{display:grid;gap:10px;align-content:start;padding-top:18px;border-top:2px solid var(--honey)}
.why h3{font-size:var(--s-lg)}
.why p{color:var(--ink-soft)}
.why .big{font-family:var(--f-display);font-weight:800;font-size:2.1rem;line-height:1;color:var(--sage);letter-spacing:-.03em}

/* usługi */
.services{display:grid;gap:18px}
@media (min-width:860px){.services{grid-template-columns:repeat(3,1fr)}.services.four{grid-template-columns:repeat(2,1fr)}}
.svc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:14px;align-content:start}
.svc .ico{width:46px;height:46px;border-radius:12px;background:var(--sage-wash);color:var(--sage);display:grid;place-items:center}
.svc .ico svg{width:24px;height:24px}
.svc h3{font-size:var(--s-xl)}
.svc p{color:var(--ink-soft)}
.svc ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:var(--s-sm)}
.svc li{display:flex;gap:10px;align-items:baseline}
.svc li::before{content:"";flex:none;width:12px;height:2px;background:var(--honey);transform:translateY(-4px)}

/* proces */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:18px;padding-block:22px;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1;color:var(--honey)}
.steps h3{font-size:var(--s-lg);margin-bottom:6px}
.steps p{color:var(--ink-soft);max-width:40rem}
.steps .when{font-family:var(--f-mono);font-size:var(--s-xs);color:var(--sage);margin-top:8px;display:block}
@media (min-width:900px){
  .steps{grid-template-columns:repeat(5,1fr);gap:20px}
  .steps li{grid-template-columns:1fr;border-top:2px solid var(--ink);border-bottom:none!important;padding-top:18px;align-content:start}
}

/* pakiety */
.plans{display:grid;gap:18px;align-items:start}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;gap:18px}
.plan.pick{border:2px solid var(--ink);box-shadow:var(--shadow);position:relative}
.plan .tag{position:absolute;top:-13px;left:24px;background:var(--honey);color:var(--honey-ink);font-size:var(--s-xs);font-weight:600;padding:3px 12px;border-radius:999px}
.plan h3{font-size:var(--s-xl)}
.plan .for{color:var(--ink-soft);font-size:var(--s-sm);margin-top:6px}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price s{color:var(--ink-soft);font-size:1.15rem;font-weight:500;text-decoration-thickness:1.5px}
.start-tag{justify-self:start;font-size:var(--s-xs);font-weight:600;color:var(--honey-ink);background:color-mix(in srgb,var(--honey) 22%,var(--card));border:1px solid color-mix(in srgb,var(--honey) 55%,var(--card));padding:4px 12px;border-radius:999px}
.free{display:inline-flex;align-items:center;gap:10px;justify-self:start;background:var(--sage-wash);color:var(--ink);border-radius:999px;padding:8px 16px 8px 8px;font-size:var(--s-sm);font-weight:500}
.free b{white-space:nowrap;background:var(--sage);color:#fff;border-radius:999px;padding:3px 10px;font-size:var(--s-xs);letter-spacing:.04em}
.price b{font-family:var(--f-display);font-weight:800;font-size:2.3rem;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price span{color:var(--ink-soft);font-size:var(--s-sm)}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.meta span{font-family:var(--f-mono);font-size:.74rem;background:var(--sage-wash);color:var(--ink);padding:4px 10px;border-radius:999px}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:var(--s-sm)}
.plan li{display:flex;gap:10px}
.plan li svg{flex:none;width:18px;height:18px;color:var(--sage);margin-top:2px}
.plan .btn{justify-content:center}
.plans-note{margin-top:22px;color:var(--ink-soft);font-size:var(--s-sm);max-width:44rem}
.care{display:grid;gap:0}
.care div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.care div:first-child{padding-top:0}
.care span{font-size:var(--s-sm);color:var(--ink-soft)}
.care span b{display:block;color:var(--ink);font-size:var(--s-md)}
.care strong{font-family:var(--f-display);font-weight:800;font-size:1.35rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.care strong small{font-family:var(--f-body);font-weight:500;font-size:var(--s-xs);color:var(--ink-soft)}

/* lekka strona: liczby */
.stats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-bottom:clamp(28px,4vw,44px);padding:22px 0;border-block:1px solid var(--line)}
.stats div{display:grid;gap:2px}
.stats b{font-family:var(--f-display);font-weight:800;font-size:2.6rem;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.stats b i{font-style:normal;color:var(--honey)}
.stats small{color:var(--ink-soft);font-size:var(--s-sm)}

/* AI w Twojej pracy */
.ai-band{background:linear-gradient(165deg,var(--lav),var(--paper-2) 75%)}
.ai-grid{display:grid;gap:18px}
@media (min-width:760px){.ai-grid{grid-template-columns:repeat(2,1fr)}}
.ai-grid .svc{position:relative}
.ai-grid .price b{font-size:1.9rem}
.soon-tag{justify-self:start;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;background:var(--sage-wash);color:var(--sage);padding:4px 10px;border-radius:999px}
.ai-topics{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 clamp(24px,3vw,36px)}
.ai-topics span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:var(--s-sm)}

/* w każdej stronie */
.included{display:grid;gap:12px 28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.included div{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed var(--line)}
.included svg{flex:none;width:22px;height:22px;color:var(--sage);margin-top:1px}
.included b{display:block;font-weight:600}
.included small{color:var(--ink-soft);font-size:var(--s-sm)}

/* o mnie */
.about{display:grid;gap:clamp(28px,5vw,56px);align-items:center}
@media (min-width:860px){.about{grid-template-columns:.8fr 1.2fr}}
.portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;max-width:100%;object-fit:cover;border-radius:20px;background:var(--paper-2);box-shadow:var(--shadow)}
.about-copy{display:grid;gap:18px;min-width:0}
.about-copy h2{font-size:var(--s-2xl)}
.about-copy p{color:var(--ink-soft);font-size:var(--s-lg);line-height:1.6;max-width:36rem}
.about-copy blockquote{margin:6px 0 0;padding:0 0 0 18px;border-left:3px solid var(--honey);font-family:var(--f-display);font-weight:500;font-size:var(--s-xl);line-height:1.25;color:var(--ink);max-width:32rem}

/* projekty */
.work{display:grid;gap:14px}
@media (min-width:760px){.work{grid-template-columns:repeat(3,1fr)}}
.work a{display:grid;gap:6px;text-decoration:none;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:border-color .15s}
.work a:hover{border-color:var(--ink)}
.work .dom{font-family:var(--f-mono);font-size:var(--s-sm);color:var(--sage)}
.work b{font-family:var(--f-display);font-size:var(--s-lg)}
.work small{color:var(--ink-soft);font-size:var(--s-sm)}

/* FAQ */
.faq{display:grid;max-width:48rem}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:600;font-size:var(--s-lg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-display);font-size:1.6rem;line-height:1;color:var(--sage);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--ink-soft);max-width:42rem}

/* kontakt */
.contact{background:linear-gradient(135deg,var(--sage-wash),var(--lav) 60%,var(--paper-2));color:var(--ink);border-radius:24px;padding:clamp(28px,5vw,56px);display:grid;gap:clamp(28px,4vw,48px)}
@media (min-width:900px){.contact{grid-template-columns:1fr 1fr}}
.contact h2{font-size:var(--s-2xl);color:var(--ink)}
.contact p{color:var(--ink-soft)}
.contact-copy{display:grid;gap:16px;align-content:start;min-width:0}
.mail{font-family:var(--f-mono);font-size:var(--s-md);color:var(--ink);user-select:all}
form{display:grid;gap:14px;min-width:0}
.field{display:grid;gap:6px}
.field label{font-size:var(--s-sm);font-weight:500;color:var(--ink)}
.field input,.field textarea,.field select{font:inherit;font-size:var(--s-md);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,var(--card))}
.row2{display:grid;gap:14px}
@media (min-width:560px){.row2{grid-template-columns:1fr 1fr}}
.form-ok:empty{display:none}
.form-ok.err{border-color:#C2410C}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
a.mail{text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
a.mail:hover{border-bottom-color:var(--ink)}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:8px}
.skip:focus{left:12px}
.form-ok{background:var(--card);border:1px solid var(--honey);color:var(--ink);padding:14px 16px;border-radius:10px;font-size:var(--s-sm)}

/* akademia */
.soon{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding:26px 0;border-top:1px solid var(--line)}
.soon p{max-width:40rem;color:var(--ink-soft)}
.soon b{color:var(--ink)}

footer{padding-block:28px 40px;color:var(--ink-soft);font-size:var(--s-sm)}
.foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
.foot .logo b{font-size:1.25rem}

/* 29.10.2026: bloki z przeglądu tekstów (COPY/PRZEGLAD-2026-10-29.md) */
.mock-cap{margin-top:14px;text-align:center;font-size:var(--s-xs);color:var(--ink-soft)}
.fit{display:grid;gap:18px;margin-top:clamp(24px,3vw,36px)}
@media (min-width:760px){.fit{grid-template-columns:1fr 1fr}}
.fit>div{border-radius:var(--r);padding:24px;display:grid;gap:12px;align-content:start}
.fit-yes{background:var(--sage-wash)}
.fit-no{background:var(--card);border:1px dashed var(--line)}
.fit h3{font-size:var(--s-lg)}
.fit ul{margin:0;padding-left:1.1em;display:grid;gap:6px}
.fit li{font-size:var(--s-sm)}
.fit p,.fit-no li{color:var(--ink-soft);font-size:var(--s-sm)}
a[href^="tel:"]{white-space:nowrap}
.promise{display:grid;gap:14px;margin-top:22px}
@media (min-width:900px){.promise{grid-template-columns:repeat(3,1fr)}}
.promise>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start}
.promise svg{width:22px;height:22px;color:var(--sage)}
.promise h3{font-size:var(--s-lg)}
.promise p{color:var(--ink-soft);font-size:var(--s-sm)}
.form-hint{font-size:var(--s-xs);margin-top:-6px}
.form-note{font-size:var(--s-xs)}
.form-note a,.foot a{color:inherit}
.legal{max-width:46rem;margin:0 auto;padding-block:clamp(40px,7vw,80px)}
.legal h1{font-size:var(--s-2xl);margin-bottom:10px}
.legal h2{font-size:var(--s-lg);margin:30px 0 8px}
.legal p,.legal li{color:var(--ink-soft)}
.legal p+p{margin-top:10px}
.legal ul{padding-left:1.2em;display:grid;gap:4px;margin:8px 0}
.legal .back{display:inline-block;margin-top:36px}