/* Aicat Home 2026, generowane z aicat-nowa-strona/style.css (build_wp.py). Nie edytuj ręcznie. */
html.acx{color-scheme: dark;
  --bg: #19222A;
  --bg-2: #1E282F;
  --card: #27343C;
  --card-2: #222D34;
  --line: #2E3A42;
  --line-2: #3A464E;
  --ink: #EFEBE3;
  --soft: #9AA6AC;
  --amber: #F2953C;
  --amber-h: #E07E22;
  --teal: #2FB6AE;
  --on-amber: #19222A;
  --danger: #F07A6A;

  --font-display: 'Jost', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  --r1: 4px; --r2: 10px; --r3: 18px; --pill: 999px;

  --t-fast: 160ms; --t-med: 240ms;
  --ease: cubic-bezier(.22, 1, .36, 1);

  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --nav-h: 72px;}
html.acx *,html.acx *::before,html.acx *::after{box-sizing: border-box;}
html.acx{scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
html.acx body{margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 400 1.0625rem/1.65 var(--font-body);
  -webkit-font-smoothing: antialiased;}
html.acx img{max-width: 100%; height: auto; display: block;}
html.acx a{color: inherit;}
html.acx h1,html.acx h2,html.acx h3{margin: 0;}
html.acx p{margin: 0;}
html.acx [id]{scroll-margin-top: calc(var(--nav-h) + var(--s5));}
html.acx :focus-visible{outline: 2px solid var(--amber); outline-offset: 3px;}
html.acx ::selection{background: var(--amber); color: var(--on-amber);}
html.acx .wrap{width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter);}
html.acx .skip{position: absolute; left: var(--s4); top: -100px; z-index: 100;
  background: var(--amber); color: var(--on-amber); padding: var(--s3) var(--s4);
  border-radius: var(--r1); font-weight: 600; text-decoration: none;}
html.acx .skip:focus{top: var(--s4);}
html.acx .eyebrow{font: 600 .75rem/1.2 var(--font-body);
  letter-spacing: .14em; text-transform: uppercase; color: var(--teal);}
html.acx h1{font: 600 clamp(2.5rem, 1.1rem + 4.3vw, 4.625rem)/1.03 var(--font-display);
  letter-spacing: -.025em;
  margin: var(--s4) 0 var(--s5);
  text-wrap: balance;}
html.acx h2{font: 500 clamp(2rem, 1.15rem + 2.6vw, 3.25rem)/1.08 var(--font-display);
  letter-spacing: -.02em;
  text-wrap: balance;
  margin-top: var(--s3);}
html.acx .hl{color: var(--amber);}
html.acx .lead{font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); color: var(--soft); max-width: 58ch;}
html.acx .sec-head__dek{color: var(--soft); max-width: 52ch;}
html.acx .sec-head__dek a,html.acx .text-link,html.acx .idea__ref a,html.acx .faq a,html.acx .form__legal a,html.acx .contact__data a{color: var(--amber); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
html.acx .sec-head__dek a:hover,html.acx .idea__ref a:hover,html.acx .faq a:hover,html.acx .form__legal a:hover,html.acx .contact__data a:hover{color: var(--ink);}
html.acx .btn{display: inline-flex; align-items: center; justify-content: center; gap: var(--s2);
  min-height: 48px; padding: 0 var(--s5);
  border-radius: var(--pill); border: 1px solid transparent;
  font: 600 1rem/1 var(--font-body); text-decoration: none; cursor: pointer;
  transition: background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);}
html.acx .btn:active{transform: translateY(1px);}
html.acx .btn--primary{background: var(--amber); color: var(--on-amber);}
html.acx .btn--primary:hover{background: var(--amber-h);}
html.acx .btn--ghost{border-color: var(--line-2); color: var(--ink); background: transparent;}
html.acx .btn--ghost:hover{border-color: var(--teal); color: var(--teal);}
html.acx .btn--sm{min-height: 44px; padding: 0 var(--s4); font-size: .9375rem;}
html.acx .btn--block{width: 100%;}
html.acx .nav{position: sticky; top: 0; z-index: 50;
  background: rgb(25 34 42 / .9);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);}
html.acx .nav__in{display: flex; align-items: center; gap: var(--s5); min-height: var(--nav-h);}
html.acx .brand{display: inline-flex; align-items: center; gap: var(--s2);
  text-decoration: none; font: 600 1.375rem/1 var(--font-display); letter-spacing: -.01em;
  min-height: 44px;}
html.acx .brand img{width: 36px; height: 36px;}
html.acx .brand em{font-style: normal; color: var(--amber);}
html.acx .nav__links{display: flex; gap: var(--s1); margin-left: auto;}
html.acx .nav__links a{display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--s3);
  color: var(--soft); text-decoration: none; font-size: .9375rem; font-weight: 500;
  border-radius: var(--r1); transition: color var(--t-fast) var(--ease);
  white-space: nowrap;}
html.acx .nav__links a:hover{color: var(--ink);}
html.acx .nav__toggle{display: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line-2);
  border-radius: var(--r2); background: transparent; cursor: pointer;
  flex-direction: column; align-items: center; justify-content: center; gap: 6px;}
html.acx .nav__toggle span{display: block; width: 18px; height: 2px; background: var(--ink); transition: transform var(--t-fast) var(--ease);}
html.acx .nav__toggle[aria-expanded="true"] span:first-child{transform: translateY(4px) rotate(45deg);}
html.acx .nav__toggle[aria-expanded="true"] span:last-child{transform: translateY(-4px) rotate(-45deg);}
html.acx .hero{position: relative; isolation: isolate; padding-block: clamp(48px, 7vw, 104px) clamp(64px, 8vw, 120px);}
html.acx .hero::before{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(55% 60% at 8% 0%, rgb(242 149 60 / .13), transparent 70%),
    radial-gradient(45% 60% at 100% 100%, rgb(47 182 174 / .11), transparent 70%);}
html.acx .hero__grid{display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 80px); align-items: end;}
html.acx .hero__cta{display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s6);}
html.acx .hero__live{margin-top: var(--s6); color: var(--soft); font-size: .9375rem; display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--s4);}
html.acx .hero__live a{display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: underline; text-decoration-color: var(--line-2); text-underline-offset: 4px;}
html.acx .hero__live a:hover{text-decoration-color: var(--teal); color: var(--teal);}
html.acx .matcher{background: var(--bg-2); border: 1px solid var(--line-2); border-radius: var(--r3);
  padding: var(--s5); display: grid; gap: var(--s4);
  box-shadow: 0 24px 48px rgb(0 0 0 / .25);}
html.acx .matcher__q{font: 500 1.25rem/1.3 var(--font-display);}
html.acx textarea,html.acx input{width: 100%; font: 400 1rem/1.5 var(--font-body); color: var(--ink);
  background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--r2);
  padding: var(--s3) var(--s4); min-height: 48px;
  transition: border-color var(--t-fast) var(--ease);}
html.acx textarea{resize: vertical; min-height: 112px;}
html.acx textarea::placeholder,html.acx input::placeholder{color: var(--soft); opacity: .8;}
html.acx textarea:hover,html.acx input:hover{border-color: var(--soft);}
html.acx textarea:focus-visible,html.acx input:focus-visible{border-color: var(--teal); outline: 2px solid var(--teal); outline-offset: 1px;}
html.acx .matcher__out{border-top: 1px solid var(--line); padding-top: var(--s4); min-height: 118px;}
html.acx .matcher__label{font: 600 .75rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); margin-bottom: var(--s3);}
html.acx .matcher__list{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2);}
html.acx .matcher__list a{display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  min-height: 48px; padding: var(--s2) var(--s3);
  border: 1px solid var(--line-2); border-radius: var(--r2);
  text-decoration: none; background: var(--card-2);
  transition: border-color var(--t-fast) var(--ease);
  animation: pop var(--t-med) var(--ease) both;}
html.acx .matcher__list a:hover{border-color: var(--teal);}
html.acx .matcher__list strong{font-weight: 600; font-size: .9375rem;}
html.acx .matcher__list small{display: block; color: var(--soft); font-size: .8125rem; line-height: 1.35;}
html.acx .matcher__list .go{color: var(--teal); font-size: .875rem; white-space: nowrap;}
html.acx .matcher__hint{color: var(--soft); font-size: .9375rem;}
html.acx .matcher__note{color: var(--soft); font-size: .8125rem; line-height: 1.5;}
@keyframes pop{from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; }}
html.acx .section{padding-block: clamp(72px, 9vw, 128px);}
html.acx .section--alt{background: var(--bg-2);}
html.acx .section--tight{padding-block: clamp(56px, 6vw, 88px);}
html.acx .sec-head h2{max-width: 20ch;}
html.acx .sec-head--split{display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s6); align-items: end;}
html.acx .bento{display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--s4); margin-top: var(--s7);}
html.acx .tile{background: var(--card-2); border: 1px solid var(--line); border-radius: var(--r3);
  overflow: hidden; display: flex; flex-direction: column; min-width: 0;}
html.acx .tile__media{background: var(--card); border-bottom: 1px solid var(--line);}
html.acx .tile__media img{width: 100%; aspect-ratio: 16 / 8; object-fit: cover;}
html.acx .tile__body{padding: var(--s5) var(--s6) var(--s6); display: flex; flex-direction: column; flex: 1;}
html.acx .tile h3{font: 600 1.625rem/1.15 var(--font-display); letter-spacing: -.01em; margin: var(--s4) 0 var(--s3);}
html.acx .tile p{color: var(--soft);}
html.acx .tile--hero{grid-column: 1 / 8; grid-row: 1 / 3;}
html.acx .tile--hero h3{font-size: clamp(2rem, 1.4rem + 1.4vw, 2.625rem);}
html.acx .tile--hero p{color: var(--ink); max-width: 56ch;}
html.acx .tile--voice{grid-column: 8 / 13; grid-row: 1;}
html.acx .tile--client{grid-column: 8 / 13; grid-row: 2; border-color: rgb(47 182 174 / .45);}
html.acx .tile--editor{grid-column: 1 / 7; grid-row: 3;}
html.acx .tile--viral{grid-column: 7 / 13; grid-row: 3;}
html.acx .tile--analytics{grid-column: 1 / 8; grid-row: 4;}
html.acx .tile--audytor{grid-column: 8 / 13; grid-row: 4;}
html.acx .tile--deepwork{grid-column: 1 / -1; grid-row: 5; flex-direction: row;}
html.acx .tile--deepwork .tile__media{flex: 0 0 56%; border-bottom: 0; border-right: 1px solid var(--line);}
html.acx .tile--deepwork .tile__media img{height: 100%; aspect-ratio: 16 / 9;}
html.acx .tile--list{grid-column: 1 / -1; grid-row: 6;}
html.acx .ad{display: grid; gap: var(--s3); width: 100%; max-width: 460px;}
html.acx .ad__table{background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--r2); overflow: hidden;}
html.acx .ad__head,html.acx .ad__rows li{display: grid; grid-template-columns: minmax(0, 1fr) 44px 84px; gap: var(--s3); align-items: center; padding: var(--s2) var(--s4);}
html.acx .ad__head{font: 600 .6875rem/1.2 var(--font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--soft); border-bottom: 1px solid var(--line-2);}
html.acx .ad__head span:nth-child(2){text-align: right;}
html.acx .ad__rows{list-style: none; margin: 0; padding: 0;}
html.acx .ad__rows li + li{border-top: 1px solid var(--line);}
html.acx .ad__name{font-size: .875rem; font-weight: 600; min-width: 0;}
html.acx .ad__name small{display: block; font-weight: 400; font-size: .75rem; line-height: 1.35; color: var(--soft);}
html.acx .ad__roas{font-size: .8125rem; font-variant-numeric: tabular-nums; text-align: right;}
html.acx .v{font: 600 .75rem/1 var(--font-body); padding: 6px var(--s2); border-radius: var(--r1); border: 1px solid; text-align: center;}
html.acx .v--scale{color: var(--teal); border-color: rgb(47 182 174 / .55);}
html.acx .v--swap{color: var(--amber); border-color: rgb(242 149 60 / .55);}
html.acx .v--watch{color: var(--soft); border-color: var(--line-2);}
html.acx .v--off{color: var(--danger); border-color: rgb(240 122 106 / .55);}
html.acx .tile__media--ui{display: grid; place-items: center; padding: var(--s5);
  background: radial-gradient(70% 90% at 100% 0%, rgb(47 182 174 / .12), transparent 70%), var(--card);}
html.acx .vc{display: grid; gap: var(--s3); width: 100%; max-width: 460px;}
html.acx .vc__card{background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--r2); padding: var(--s4);}
html.acx .vc__src{font-size: .75rem; color: var(--soft);}
html.acx .vc__title{font: 500 1.0625rem/1.3 var(--font-display); margin: 6px 0 var(--s3);}
html.acx .vc__stats{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); font-size: .8125rem; color: var(--soft);}
html.acx .vc__match{margin-left: auto; color: var(--teal); border: 1px solid rgb(47 182 174 / .5); border-radius: var(--r1); padding: var(--s1) var(--s2); font-weight: 600;}
html.acx .vc__ai{border-left: 2px solid var(--amber); background: rgb(242 149 60 / .07);
  border-radius: 0 var(--r1) var(--r1) 0; padding: var(--s3) var(--s4); font-size: .8125rem; line-height: 1.5;}
html.acx .vc__ai b{display: block; font: 600 .6875rem/1.2 var(--font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--amber); margin-bottom: var(--s1);}
html.acx .vc__actions{display: flex; flex-wrap: wrap; gap: 6px;}
html.acx .vc__actions span{font-size: .75rem; border: 1px solid var(--line-2); border-radius: var(--r1); padding: 5px var(--s2);}
html.acx .vc__label{font-size: .75rem; color: var(--soft); text-align: center;}
html.acx .tile__media--shot{margin: 0; padding: var(--s5) var(--s5) 0;}
html.acx .tile__media--shot img{aspect-ratio: auto; object-fit: contain; border-radius: var(--r2) var(--r2) 0 0; border: 1px solid var(--line-2); border-bottom: 0;}
html.acx .tile__media--shot figcaption{font-size: .8125rem; color: var(--soft); padding: var(--s3) 0;}
html.acx .modules{list-style: none; margin: var(--s5) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4) var(--s6);}
html.acx .modules li{border-top: 1px solid var(--line-2); padding-top: var(--s3);}
html.acx .modules strong{display: block; font-weight: 600; font-size: .9375rem; color: var(--ink);}
html.acx .modules span{display: block; color: var(--soft); font-size: .875rem; line-height: 1.5; margin-top: 2px;}
html.acx .tag{align-self: flex-start;
  font: 600 .6875rem/1 var(--font-body); letter-spacing: .1em; text-transform: uppercase;
  color: var(--soft); border: 1px solid var(--line-2); border-radius: var(--r1); padding: 6px var(--s2);}
html.acx .tag--teal{color: var(--teal); border-color: rgb(47 182 174 / .5);}
html.acx .facts{list-style: none; padding: 0; margin: var(--s5) 0 0; display: grid; gap: var(--s2);}
html.acx .facts li{position: relative; padding-left: var(--s5); color: var(--ink); font-size: .9375rem; line-height: 1.5;}
html.acx .facts li::before{content: ""; position: absolute; left: 2px; top: .55em; width: 7px; height: 7px; background: var(--amber); border-radius: 1px;}
html.acx .tile--client .facts li::before{background: var(--teal);}
html.acx .tile__link{margin-top: auto; padding-top: var(--s5); align-self: flex-start;
  display: inline-flex; align-items: center; gap: var(--s2); min-height: 44px;
  color: var(--amber); font-weight: 600; text-decoration: none;}
html.acx .tile__link:hover{color: var(--ink);}
html.acx .tile__meta{margin-top: var(--s4); font-size: .9375rem;}
html.acx .tile__meta strong{color: var(--amber); font: 600 1.25rem/1 var(--font-display);}
html.acx .tile__stack{margin-top: auto; padding-top: var(--s4); font-size: .8125rem;}
html.acx .tile__note{margin-top: var(--s3); font-size: .8125rem;}
html.acx .flow{list-style: none; margin: var(--s5) 0 0; padding: 0; display: grid; gap: 0; counter-reset: f;}
html.acx .flow li{position: relative; padding: 0 0 var(--s3) var(--s6); font-size: .9375rem; line-height: 1.45;
  counter-increment: f;}
html.acx .flow li::before{content: counter(f); position: absolute; left: 0; top: 0;
  width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center;
  font: 600 .75rem/1 var(--font-body); color: var(--on-amber); background: var(--teal);}
html.acx .flow li:not(:last-child)::after{content: ""; position: absolute; left: 10px; top: 24px; bottom: 2px; width: 2px; background: rgb(47 182 174 / .35);}
html.acx .tools{list-style: none; margin: var(--s5) 0 0; padding: 0; border-top: 1px solid var(--line-2); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s6);}
html.acx .tools li{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s4); align-items: baseline;
  padding-block: var(--s3); border-bottom: 1px solid var(--line);}
html.acx .tools strong{display: block; font-weight: 600; font-size: .9375rem;}
html.acx .tools span{display: block; color: var(--soft); font-size: .875rem; line-height: 1.45;}
html.acx .tools em{font-style: normal; color: var(--amber); font-size: .875rem; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums;}
html.acx .tools li:target,html.acx .idea:target,html.acx .tile:target{outline: 2px solid var(--teal); outline-offset: 4px; border-radius: var(--r2);}
html.acx .ideas{list-style: none; margin: var(--s7) 0 0; padding: 0; border-top: 1px solid var(--line-2);}
html.acx .idea{display: grid; grid-template-columns: 56px minmax(0, 5fr) minmax(0, 6fr);
  gap: var(--s6); padding-block: var(--s6); border-bottom: 1px solid var(--line);}
html.acx .idea__n{font: 500 1rem/1.6 var(--font-display); color: var(--amber); font-variant-numeric: tabular-nums;}
html.acx .idea__q{font: 500 clamp(1.25rem, 1rem + .75vw, 1.625rem)/1.3 var(--font-display); letter-spacing: -.01em;}
html.acx .idea__a h3{font: 600 1.0625rem/1.4 var(--font-body); margin-bottom: var(--s2);}
html.acx .idea__a p{color: var(--soft);}
html.acx .idea__ref{margin-top: var(--s3); font-size: .9375rem;}
html.acx .process{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start;}
html.acx .process__aside{position: sticky; top: calc(var(--nav-h) + var(--s7)); display: grid; gap: var(--s4); justify-items: start;}
html.acx .process__aside .sec-head__dek{margin-top: var(--s2);}
html.acx .text-link{display: inline-flex; align-items: center; gap: var(--s2); min-height: 44px; font-weight: 600;}
html.acx .steps{list-style: none; margin: 0; padding: 0; counter-reset: s;}
html.acx .step{position: relative; padding: 0 0 var(--s7) var(--s8); counter-increment: s;}
html.acx .step:not(:last-child){border-left: 1px solid var(--line-2);}
html.acx .step:last-child{padding-bottom: 0; margin-left: 1px;}
html.acx .step::before{content: counter(s); position: absolute; left: -20px; top: -6px;
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--bg); border: 1px solid var(--amber); color: var(--amber);
  font: 600 1rem/1 var(--font-display);}
html.acx .step h3{font: 600 1.5rem/1.2 var(--font-display); margin-bottom: var(--s3);}
html.acx .step > p{color: var(--soft); max-width: 58ch;}
html.acx .step__case{margin-top: var(--s4); padding: var(--s3) var(--s4);
  border-left: 2px solid var(--teal); background: rgb(47 182 174 / .07);
  border-radius: 0 var(--r1) var(--r1) 0; font-size: .9375rem; line-height: 1.55;}
html.acx .step__case span{display: block; font: 600 .6875rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--teal); margin-bottom: var(--s1);}
html.acx .quotes{display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: auto auto; gap: var(--s5) var(--s7); margin-top: var(--s7);}
html.acx .quote{margin: 0; padding-top: var(--s5); border-top: 1px solid var(--line-2);}
html.acx .quote--lead{grid-row: 1 / 3;}
html.acx .quote blockquote{margin: 0; font: 500 1.375rem/1.35 var(--font-display);}
html.acx .quote--lead blockquote{font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.375rem); line-height: 1.22; letter-spacing: -.01em;}
html.acx .quote figcaption{margin-top: var(--s4); color: var(--soft); font-size: .9375rem;}
html.acx .quote figcaption strong{color: var(--ink); font-weight: 600;}
html.acx .quotes__src{margin-top: var(--s6); color: var(--soft); font-size: .8125rem;}
html.acx .why{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6); margin-top: var(--s7);}
html.acx .why__item{border-top: 1px solid var(--amber); padding-top: var(--s5);}
html.acx .why__item h3{font: 600 1.375rem/1.25 var(--font-display); margin-bottom: var(--s3);}
html.acx .why__item p{color: var(--soft);}
html.acx .team{list-style: none; margin: var(--s8) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5);}
html.acx .person__photo{position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0;
  border: 1px solid var(--line); border-radius: var(--r2); overflow: hidden;
  background: var(--card); cursor: pointer;}
html.acx .person__photo img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: opacity var(--t-med) var(--ease);}
html.acx .person__photo .cat{opacity: 0;}
html.acx .person__photo:hover .cat,html.acx .person__photo[aria-pressed="true"] .cat{opacity: 1;}
html.acx .person__txt{margin-top: var(--s3); display: grid; gap: 2px;}
html.acx .person__txt strong{font: 600 1.25rem/1.2 var(--font-display);}
html.acx .person__txt span{color: var(--soft); font-size: .9375rem;}
html.acx .faq{display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start;}
html.acx .faq__head{position: sticky; top: calc(var(--nav-h) + var(--s7)); display: grid; gap: var(--s4);}
html.acx .faq__list{border-top: 1px solid var(--line-2);}
html.acx .faq details{border-bottom: 1px solid var(--line-2);}
html.acx .faq summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--s4);
  min-height: 64px; padding-block: var(--s4);
  font: 500 1.1875rem/1.35 var(--font-display);}
html.acx .faq summary::-webkit-details-marker{display: none;}
html.acx .faq summary::after{content: "+"; flex: none; width: 32px; height: 32px; display: grid; place-items: center;
  border: 1px solid var(--line-2); border-radius: 50%; color: var(--amber); font: 400 1.25rem/1 var(--font-body);
  transition: transform var(--t-fast) var(--ease);}
html.acx .faq details[open] summary::after{transform: rotate(45deg);}
html.acx .faq summary:hover{color: var(--amber);}
html.acx .faq details p{padding-bottom: var(--s5); color: var(--soft); max-width: 62ch;}
html.acx .contact{position: relative; isolation: isolate; border-top: 1px solid var(--line);}
html.acx .contact::before{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 70% at 0% 100%, rgb(242 149 60 / .10), transparent 70%);}
html.acx .contact__grid{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: start;}
html.acx .contact__copy h2{margin-bottom: var(--s5);}
html.acx .contact__data{margin: var(--s6) 0 0; display: grid; gap: var(--s4);}
html.acx .contact__data dt{font: 600 .75rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--soft);}
html.acx .contact__data dd{margin: var(--s1) 0 0;}
html.acx .form{background: var(--bg-2); border: 1px solid var(--line-2); border-radius: var(--r3); padding: clamp(24px, 3vw, 40px); display: grid; gap: var(--s5);}
html.acx .field{display: grid; gap: var(--s2);}
html.acx .field label{font-weight: 500; font-size: .9375rem;}
html.acx .field label span{color: var(--soft); font-weight: 400;}
html.acx .field [aria-invalid="true"]{border-color: var(--danger);}
html.acx .form__status{font-size: .9375rem; min-height: 1.5em;}
html.acx .form__status.is-ok{color: var(--teal);}
html.acx .form__status.is-err{color: var(--danger);}
html.acx .form__legal{color: var(--soft); font-size: .8125rem; line-height: 1.5;}
html.acx .footer{border-top: 1px solid var(--line); padding-block: var(--s7); background: var(--bg);}
html.acx .footer__in{display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--s6);}
html.acx .footer__brand p{color: var(--soft); font-size: .875rem; margin-top: var(--s3); max-width: 36ch;}
html.acx .footer__nav{display: grid; align-content: start;}
html.acx .footer__nav p{font: 600 .75rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--soft); margin-bottom: var(--s2);}
html.acx .footer__nav a{display: inline-flex; align-items: center; min-height: 40px; color: var(--ink); text-decoration: none; font-size: .9375rem;}
html.acx .footer__nav a:hover{color: var(--amber);}
@media (max-width: 1080px){
html.acx .tile--hero{grid-column: 1 / -1; grid-row: auto;}
html.acx .tile--voice{grid-column: 1 / 7; grid-row: auto;}
html.acx .tile--client{grid-column: 7 / -1; grid-row: auto;}
html.acx .tile--editor,html.acx .tile--viral,html.acx .tile--audytor{grid-column: 1 / -1; grid-row: auto; flex-direction: row;}
html.acx .tile--editor .tile__media,html.acx .tile--viral .tile__media,html.acx .tile--audytor .tile__media{flex: 0 0 48%; border-bottom: 0; border-right: 1px solid var(--line);}
html.acx .tile--editor .tile__media img{height: 100%; aspect-ratio: auto;}
html.acx .tile--analytics,html.acx .tile--list,html.acx .tile--deepwork{grid-column: 1 / -1; grid-row: auto;}
html.acx .tile--deepwork .tile__media{flex-basis: 48%;}
html.acx .tools{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s6);}
html.acx .tile--hero .tile__body{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s6);}
html.acx .tile--hero .tile__body > .tag,html.acx .tile--hero .tile__body > h3,html.acx .tile--hero .tile__body > p{grid-column: 1;}
html.acx .tile--hero .facts{grid-column: 2; grid-row: 1 / 4; margin-top: 0; align-self: end;}
html.acx .tile--hero .tile__link{grid-column: 1;}
}
@media (max-width: 960px){
html.acx{--nav-h: 64px;}
html.acx .nav__toggle{display: inline-flex;}
html.acx .nav__cta{margin-left: auto;}
html.acx .nav__links{position: absolute; left: 0; right: 0; top: 100%;
    display: none; flex-direction: column; gap: 0; margin: 0;
    background: var(--bg-2); border-bottom: 1px solid var(--line-2);
    padding: var(--s2) var(--gutter) var(--s4);}
html.acx .nav.is-open .nav__links{display: flex;}
html.acx .nav__links a{min-height: 52px; font-size: 1.0625rem; color: var(--ink); border-bottom: 1px solid var(--line); border-radius: 0; padding: 0;}
html.acx .hero__grid,html.acx .sec-head--split,html.acx .process,html.acx .faq,html.acx .contact__grid{grid-template-columns: minmax(0, 1fr);}
html.acx .hero__grid{align-items: start;}
html.acx .matcher{max-width: 640px;}
html.acx .process__aside,html.acx .faq__head{position: static;}
html.acx .idea{grid-template-columns: 48px minmax(0, 1fr); row-gap: var(--s3);}
html.acx .idea__a{grid-column: 2;}
html.acx .why{grid-template-columns: minmax(0, 1fr); gap: var(--s5);}
html.acx .quotes{grid-template-columns: minmax(0, 1fr);}
html.acx .quote--lead{grid-row: auto;}
html.acx .footer__in{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
html.acx .footer__brand{grid-column: 1 / -1;}
}
@media (max-width: 640px){
html.acx .brand span{font-size: 1.25rem;}
html.acx .nav__in{gap: var(--s3);}
html.acx .hero__cta .btn{flex: 1 1 100%;}
html.acx .matcher{padding: var(--s4);}
html.acx .bento{grid-template-columns: minmax(0, 1fr); margin-top: var(--s6);}
html.acx .tile--hero,html.acx .tile--voice,html.acx .tile--client,html.acx .tile--editor,html.acx .tile--viral,html.acx .tile--analytics,html.acx .tile--audytor,html.acx .tile--list,html.acx .tile--deepwork{grid-column: 1;}
html.acx .tile--editor,html.acx .tile--viral,html.acx .tile--audytor,html.acx .tile--deepwork{flex-direction: column;}
html.acx .tile--editor .tile__media,html.acx .tile--viral .tile__media,html.acx .tile--audytor .tile__media,html.acx .tile--deepwork .tile__media{flex: none; border-right: 0; border-bottom: 1px solid var(--line);}
html.acx .tile--deepwork .tile__media img{height: auto;}
html.acx .ad__head,html.acx .ad__rows li{grid-template-columns: minmax(0, 1fr) 40px 76px; gap: var(--s2); padding-inline: var(--s3);}
html.acx .tile--editor .tile__media img{aspect-ratio: 16 / 9;}
html.acx .tile__media--ui{padding: var(--s4);}
html.acx .tile__media--shot{padding: var(--s4) var(--s4) 0;}
html.acx .modules,html.acx .tools{grid-template-columns: minmax(0, 1fr);}
html.acx .tile--hero .tile__body{display: flex;}
html.acx .tile--hero .facts{margin-top: var(--s5);}
html.acx .tile--hero .tile__media img{aspect-ratio: 4 / 3; object-position: 30% center;}
html.acx .tile__body{padding: var(--s5) var(--s4) var(--s5);}
html.acx .tools li{grid-template-columns: minmax(0, 1fr); gap: var(--s1);}
html.acx .idea{grid-template-columns: minmax(0, 1fr); padding-block: var(--s5);}
html.acx .idea__a{grid-column: 1;}
html.acx .idea__n{font-size: .875rem;}
html.acx .step{padding-left: var(--s6); padding-bottom: var(--s6);}
html.acx .step::before{width: 32px; height: 32px; left: -16px; font-size: .875rem; top: -2px;}
html.acx .team{grid-template-columns: minmax(0, 1fr); gap: var(--s4); margin-top: var(--s7);}
html.acx .person{display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: var(--s4); align-items: center;}
html.acx .person__photo{aspect-ratio: 1;}
html.acx .person__txt{margin-top: 0;}
html.acx .footer__in{grid-template-columns: minmax(0, 1fr);}
}
@media (prefers-reduced-motion: reduce){
html.acx{scroll-behavior: auto;}
html.acx *,html.acx *::before,html.acx *::after{transition-duration: 1ms !important; animation: none !important;}
}
html.acx .pains{list-style: none; margin: var(--s7) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s6);}
html.acx .pain{border-top: 2px solid var(--amber); padding-top: var(--s5);}
html.acx .pain h3{font: 600 1.25rem/1.25 var(--font-display); margin-bottom: var(--s3);}
html.acx .pain p{color: var(--soft); font-size: .9375rem;}
html.acx .pains__after{margin-top: var(--s7); font: 500 clamp(1.25rem, 1rem + .8vw, 1.625rem)/1.35 var(--font-display); max-width: 44ch;}
html.acx .pains__after a{color: var(--amber); text-underline-offset: 4px;}
html.acx .sectors{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); margin-top: var(--s7);}
html.acx .sector{display: flex; flex-direction: column; text-decoration: none;
  background: var(--card-2); border: 1px solid var(--line); border-radius: var(--r3); padding: var(--s6);
  transition: border-color var(--t-fast) var(--ease);}
html.acx .sector:hover{border-color: var(--amber);}
html.acx .sector h3{font: 600 1.5rem/1.2 var(--font-display); margin: var(--s3) 0 var(--s4);}
html.acx .sector__p,html.acx .sector__s{font-size: .9375rem; line-height: 1.55;}
html.acx .sector__p{color: var(--soft);}
html.acx .sector__s{margin-top: var(--s4);}
html.acx .sector__p b,html.acx .sector__s b{display: block; font: 600 .6875rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; margin-bottom: var(--s1);}
html.acx .sector__p b{color: var(--soft);}
html.acx .sector__s b{color: var(--teal);}
html.acx .sector__go{margin-top: auto; padding-top: var(--s5); color: var(--amber); font-weight: 600;}
html.acx .pse{list-style: none; margin: var(--s7) 0 0; padding: 0; border-top: 1px solid var(--line-2);}
html.acx .pse__head,html.acx .pse__row{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6);}
html.acx .pse__head{padding-block: var(--s3); border-bottom: 1px solid var(--line-2); font: 600 .75rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase;}
html.acx .pse__head span:nth-child(1){color: var(--soft);}
html.acx .pse__head span:nth-child(2){color: var(--amber);}
html.acx .pse__head span:nth-child(3){color: var(--teal);}
html.acx .pse__row{padding-block: var(--s6); border-bottom: 1px solid var(--line);}
html.acx .pse__row b{display: none;}
html.acx .pse__p{font: 500 1.1875rem/1.35 var(--font-display);}
html.acx .pse__s{color: var(--ink);}
html.acx .pse__e{color: var(--soft);}
html.acx .pse__e em{display: block; margin-top: var(--s2); font-style: normal; color: var(--teal); font-size: .875rem;}
html.acx .steps3{list-style: none; margin: var(--s6) 0 0; padding: 0; display: grid; gap: var(--s4); counter-reset: c;}
html.acx .steps3 li{position: relative; padding-left: var(--s7); counter-increment: c;}
html.acx .steps3 li::before{content: counter(c); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%;
  border: 1px solid var(--amber); color: var(--amber); display: grid; place-items: center; font: 600 .9375rem/1 var(--font-display);}
html.acx .steps3 strong{display: block; font-weight: 600;}
html.acx .steps3 span{display: block; color: var(--soft); font-size: .9375rem; line-height: 1.5;}
html.acx .matcher .steps3{margin-top: 0;}
html.acx .who{display: flex; gap: var(--s4); align-items: center; margin-top: var(--s6); padding: var(--s4); border: 1px solid var(--line); border-radius: var(--r2); background: var(--card-2);}
html.acx .who img{width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; flex: none;}
html.acx .who p{font-size: .9375rem; color: var(--soft);}
html.acx .who strong{display: block; color: var(--ink);}
html.acx .who a{color: var(--amber);}
html.acx .proof-quote{margin: var(--s6) 0 0; padding-top: var(--s5); border-top: 1px solid var(--line-2);}
html.acx .proof-quote blockquote{margin: 0; font: 500 1.25rem/1.4 var(--font-display);}
html.acx .proof-quote figcaption{margin-top: var(--s3); color: var(--soft); font-size: .875rem;}
html.acx .links-list{list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s2);}
html.acx .links-list a{display: inline-flex; align-items: center; min-height: 44px; color: var(--amber); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width: 1080px){
html.acx .pains{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 960px){
html.acx .sectors{grid-template-columns: minmax(0, 1fr);}
html.acx .pse__head{display: none;}
html.acx .pse__row{grid-template-columns: minmax(0, 1fr); gap: var(--s3); padding-block: var(--s5);}
html.acx .pse__row b{display: block; font: 600 .6875rem/1.2 var(--font-body); letter-spacing: .12em; text-transform: uppercase; margin-bottom: var(--s1);}
html.acx .pse__p b{color: var(--soft);}
html.acx .pse__s b{color: var(--amber);}
html.acx .pse__e b{color: var(--teal);}
}
@media (max-width: 640px){
html.acx .pains{grid-template-columns: minmax(0, 1fr); gap: var(--s5);}
html.acx .sector{padding: var(--s5);}
}
html.acx .proof-tile{margin-top: var(--s7);}
html.acx .proof-tile .tools{margin-top: 0;}
html.acx .nav__cta{white-space: nowrap;}
@media (min-width: 961px) and (max-width: 1080px){
html.acx .nav__links a{padding-inline: var(--s2);}
}
html.acx .proof-tile .tools{grid-template-columns: repeat(2, minmax(0, 1fr));}
html.acx .proof-tile .tools li{grid-template-columns: minmax(0, 1fr); gap: var(--s1);}
@media (max-width: 640px){
html.acx .nav__cta .long{display: none;}
html.acx .proof-tile .tools{grid-template-columns: minmax(0, 1fr);}
}

/* WPForms 1935 w ciemnym motywie */
html.acx .form .wpforms-container{margin:0;padding:0}
html.acx .form .wpforms-field-container{display:grid;gap:var(--s5)}
html.acx .form .wpforms-field{padding:0;margin:0;display:grid;gap:var(--s2)}
html.acx .form .wpforms-field-label{margin:0;font:500 .9375rem/1.4 var(--font-body);color:var(--ink)}
html.acx .form .wpforms-required-label{color:var(--amber);font-weight:400}
html.acx .form .wpforms-field input[type=text],html.acx .form .wpforms-field input[type=email],html.acx .form .wpforms-field textarea{width:100%!important;max-width:100%!important;height:auto}
html.acx .form .wpforms-field textarea{min-height:140px}
html.acx .form .wpforms-field-description{margin:0;color:var(--soft);font-size:.8125rem;line-height:1.5}
html.acx .form .wpforms-field-hp{display:none!important}
html.acx .form .wpforms-recaptcha-container{padding:var(--s5) 0 0;margin:0}
html.acx .form .wpforms-submit-container{padding:var(--s5) 0 0;margin:0}
html.acx .form button.wpforms-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 var(--s5);border-radius:var(--pill);border:1px solid transparent;background:var(--amber);color:var(--on-amber);font:600 1rem/1 var(--font-body);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}
html.acx .form button.wpforms-submit:hover{background:var(--amber-h)}
html.acx .form label.wpforms-error,html.acx .form em.wpforms-error{display:block;margin-top:var(--s1);color:var(--danger);font-size:.8125rem;font-style:normal;font-weight:400}
html.acx .form .wpforms-field input.wpforms-error,html.acx .form .wpforms-field textarea.wpforms-error{border-color:var(--danger)}
html.acx .form .wpforms-error-container,html.acx .form .wpforms-error-alert{color:var(--danger);background:rgb(240 122 106 / .08);border:1px solid rgb(240 122 106 / .5);border-radius:var(--r2);padding:var(--s3) var(--s4);margin:0 0 var(--s4)}
html.acx .form .wpforms-confirmation-container,html.acx .form .wpforms-confirmation-container-full{color:var(--ink);background:rgb(47 182 174 / .1);border:1px solid rgb(47 182 174 / .5);border-radius:var(--r2);padding:var(--s5);margin:0}
html.acx .form .wpforms-confirmation-container p,html.acx .form .wpforms-confirmation-container-full p{margin:0}
html.acx{font-size:100%}
html.acx body.admin-bar .nav{top:32px}
@media (max-width:782px){html.acx body.admin-bar .nav{top:46px}}