/* PLASMAXIS – granat i złoto (premium) */
:root{
  --navy:#183E6C; --navy-deep:#0f2a4d; --navy-ink:#0b1f3a; --gold:#988655; --gold-lt:#d8c48f; --sand:#c8b994; --cream:#f6f2e8;
  --purple-900:#f3efe3; --purple-800:#d8c48f; --purple-700:#988655; --purple-500:#c8b994; --purple-300:#26507f;
  --lavender-100:#1b4675; --lavender-050:#16395f; --blue-700:#0b1f3a; --blue-500:#0f2a4d;
  --ink:#f3efe3; --muted:#b9c4d6; --white:#183E6C; --line:rgba(216,196,143,.28);
  --arc-cyan:#d8c48f; --arc-violet:#988655; --gold-btn:#988655; --gold-text-dark:#d8c48f;
  --shadow:0 26px 60px -30px rgba(0,0,0,.6);
  --card:#1d4777; --goldgrad:linear-gradient(135deg,#8c7646 0%,#d8c48f 45%,#a8925c 70%,#e6d6a8 100%);
}
html,body{background:var(--navy);color:var(--ink)}
body{font-family:'Montserrat','Inter',sans-serif}
h1,h2,h3,h4,.px-h,.stat-num{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:500!important;color:#f6f1e3!important;letter-spacing:.005em}
h1{font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.04}
h2{font-size:clamp(2rem,3.6vw,2.9rem)}
h3{font-weight:600!important}
h1 em,h2 em,.px-h em{font-style:italic;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
p,li{color:var(--muted)}
strong,b{color:#f3efe3}
.eyebrow{color:var(--gold-lt)!important;letter-spacing:.32em!important;font-family:'Montserrat',sans-serif;font-weight:600}
/* przyciski prostokątne */
.btn,.path-cta,.px-facts span{border-radius:2px!important}
.btn{font-family:'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem!important;font-weight:600!important;padding:16px 30px}
.btn-primary,.path-cta{background:var(--goldgrad)!important;color:#0b1f3a!important;border:0!important;box-shadow:0 14px 30px -16px rgba(216,196,143,.7)}
.btn-primary:hover,.path-cta:hover{filter:brightness(1.07)}
.btn-ghost{background:transparent;color:#f3efe3;border:1px solid rgba(216,196,143,.6)}
.btn-ghost:hover{background:rgba(216,196,143,.1);border-color:var(--gold-lt)}
.btn-outline-light{color:var(--gold-lt);border-color:var(--gold)}
.btn-outline-light:hover{background:var(--gold);color:#0b1f3a}
.path-cta{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem!important}
/* nagłówek */
.topbar{background:var(--navy-ink);color:#9fb0c8;border-bottom:1px solid var(--line)}
.topbar-right a:hover{color:var(--gold-lt)}
header.site-header{background:rgba(15,42,77,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.site-header a{color:#e8e3d3;letter-spacing:.04em}
header.site-header a:hover{color:var(--gold-lt)}
.dropdown-menu{background:var(--navy-deep);border-color:var(--line)}
.dropdown-menu a:hover{background:rgba(216,196,143,.1)}
/* sekcje i karty */
.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(216,196,143,.14),transparent 60%),var(--navy)!important}
.paths,.problems,.faq,.why{background:var(--navy)}
.effects,.tech.alt,section.alt{background:var(--navy-deep)}
.blog-card,.calc-box,.kup-tile,.tri-card,.gform-cta,.head-card,.tech.alt .head-card,.tech.alt .compare-card,.stats-bar,.tech-mini-photo,.kup-intro,.faq-item,.faq-q,.compare-card,.problem-card,.path-card.client{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink);border-radius:2px!important}
/* złote kafelki */
.path-card.business,.tri-card,.kup-intro{background:var(--goldgrad)!important;border:0!important;order:-1}
.path-card.business *,.tri-card *,.kup-intro *{color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a}
.path-card.business .path-cta{background:#0b1f3a!important;color:#e6d6a8!important;-webkit-text-fill-color:#e6d6a8}
.path-card.business .path-icon-badge{background:rgba(11,31,58,.12)!important;border-color:rgba(11,31,58,.25)!important}
.path-card.business p,.path-card.client p,.path-card.business .path-list li{opacity:.92}
.path-icon-badge{background:rgba(216,196,143,.12)!important;border:1px solid var(--line)!important;border-radius:2px!important}
.stat-num{font-size:1.75rem!important}
.stat-icon{background:rgba(216,196,143,.12)!important;border-radius:2px!important}
.stat-icon svg,.path-icon-badge svg{color:var(--gold-lt)!important}
.path-card.business .path-icon-badge svg{color:#0b1f3a!important}
.tech-badge{background:var(--navy-deep)}
.hero-photo-badge{background:rgba(11,31,58,.85);color:#e8e3d3;border:1px solid var(--line)}
.faq-item.open .plus::before,.faq-item.open .plus::after{background:#0b1f3a}
input,select,textarea{background:var(--navy-deep);color:#f3efe3;border:1px solid var(--line)}
table{color:var(--ink)} th,td{border-color:var(--line)!important}
footer,#kontakt{background:var(--navy-ink)!important;color:#9fb0c8}
footer a:hover{color:var(--gold-lt)}
::selection{background:var(--gold);color:#0b1f3a}
/* baner */
.px-slider{position:relative;height:min(84vh,760px);min-height:560px;overflow:hidden;background:var(--navy-ink)}
.px-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 0s 1.4s}
.px-slide.on{opacity:1;visibility:visible;transition:opacity 1.4s ease}
.px-slide picture,.px-slide img{position:absolute;inset:0;width:100%;height:100%}
.px-slide img{object-fit:cover;transform:scale(1.06);transition:transform 8s ease-out}
.px-slide.on img{transform:scale(1)}
.px-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,42,77,.96) 0%,rgba(24,62,108,.85) 38%,rgba(24,62,108,.25) 68%,rgba(24,62,108,0) 85%)}
.px-txt{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:1180px;margin:0 auto;padding:0 32px}
.px-txt > *{max-width:560px}
.px-h{font-size:clamp(2.6rem,5.4vw,4.6rem)!important;line-height:1.02}
.px-txt p{color:#d3dbe8;font-size:1.08rem;text-align:left}
.px-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.px-slide.on .px-txt > *{animation:pxUp .9s both}
.px-slide.on .px-txt > *:nth-child(2){animation-delay:.12s}.px-slide.on .px-txt > *:nth-child(3){animation-delay:.24s}.px-slide.on .px-txt > *:nth-child(4){animation-delay:.36s}
@keyframes pxUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.px-ui{position:absolute;left:0;right:0;bottom:26px;z-index:3;max-width:1180px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.px-dots{display:flex;gap:10px}
.px-dots button{width:36px;height:3px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0}
.px-dots button.on{background:var(--goldgrad)}
.px-facts{display:flex;gap:10px;flex-wrap:wrap}
.px-facts span{background:rgba(11,31,58,.75);border:1px solid var(--line);padding:.5em 1.1em;font-size:.8rem;color:#e8e3d3;letter-spacing:.04em}
.px-facts b{color:var(--gold-lt)}
@media (max-width:760px){
  .px-slider{height:92vh;max-height:780px;min-height:600px}
  .px-slide::after{background:linear-gradient(0deg,rgba(15,42,77,.97) 0%,rgba(24,62,108,.85) 46%,rgba(24,62,108,.2) 74%,rgba(24,62,108,0) 86%)}
  .px-txt{justify-content:flex-end;padding:0 20px 90px;gap:12px}
  .px-txt p{font-size:1rem}
  .px-ui{padding:0 20px}
  .px-facts{display:none}
}
@media (prefers-reduced-motion:reduce){.px-slide img{transition:none;transform:none}.px-slide.on .px-txt > *{animation:none}}
.section-head{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.path-card.client p,.path-card.client .path-list li{color:var(--muted)!important}
.path-card.client .path-list li{color:#e8e3d3!important}
.btn{width:auto!important;max-width:100%;white-space:normal;text-align:center;justify-content:center}
header.site-header img{filter:brightness(1.25) saturate(1.1)}
p,li,.faq-q,.btn,header.site-header a,.topbar{font-family:'Montserrat','Inter',sans-serif}
/* ===== BLOG – czytelność ===== */
.blog-list-hero,.blog-hero{position:relative;max-width:none!important;margin:0!important;padding:110px max(20px,calc((100vw - 1180px)/2)) 90px!important;text-align:center;
  background:linear-gradient(180deg,rgba(11,31,58,.78),rgba(15,42,77,.92)),url(images/blog-hero-bg.jpg) center/cover no-repeat!important}
.blog-list-hero h1,.blog-hero h1{font-size:clamp(2.6rem,5vw,4.2rem)!important}
.blog-list-hero p,.blog-hero p{color:#d3dbe8!important;max-width:680px;margin-left:auto;margin-right:auto;text-align:center}
.blog-list-hero::after,.blog-hero::after{content:"";display:block;width:70px;height:2px;margin:26px auto 0;background:var(--goldgrad)}
.blog-list-intro{max-width:820px!important;margin:56px auto!important;padding:40px 48px!important;background:#f6f2e8;border-left:3px solid var(--gold);border-radius:2px}
.blog-list-intro p{color:#2c3a52!important;font-size:1.02rem;line-height:1.85;text-align:left!important;margin-bottom:1.1em}
.blog-list-intro p:last-child{margin-bottom:0}
.blog-list-intro strong,.blog-list-intro b{color:#0b1f3a!important}
.blog-grid{gap:26px!important;padding-bottom:80px}
.blog-card{background:#f6f2e8!important;border:0!important;overflow:hidden;transition:transform .3s,box-shadow .3s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.blog-card *{color:#2c3a52}
.blog-card h2,.blog-card h3{color:#0b1f3a!important}
.blog-card a{color:#7a6838}
.blog-card-body{padding:24px 26px 28px!important}
/* artykuł */
.blog-article{max-width:780px!important;margin:56px auto 80px!important;padding:56px 60px!important;background:#f6f2e8;border-radius:2px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.blog-article,.blog-article p,.blog-article li{color:#2c3a52!important;font-size:1.04rem;line-height:1.85}
.blog-article p{margin-bottom:1.2em;text-align:left!important}
.blog-article h2,.blog-article h3,.blog-article strong,.blog-article b{color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a}
.blog-article h2{margin:1.8em 0 .6em;font-size:2rem}
.blog-article h2::before{content:"";display:block;width:44px;height:2px;margin-bottom:14px;background:var(--goldgrad)}
.blog-article a{color:#7a6838!important;text-decoration:underline;text-underline-offset:3px}
.blog-article img{border-radius:2px;margin:10px 0 6px}
.blog-cover-caption{color:#6b7790!important;font-size:.85rem!important}
.blog-article .blog-cta,.blog-article .gform-cta{background:var(--navy)!important}
.blog-article .blog-cta *,.blog-article .gform-cta *{color:#e8e3d3!important;-webkit-text-fill-color:#e8e3d3}
.blog-article .blog-cta .btn-primary,.blog-article .gform-cta .btn-primary{color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a}
.blog-article ul li::marker{color:var(--gold)}
@media (max-width:700px){.blog-list-intro{padding:28px 22px!important;margin:32px 16px!important}.blog-article{padding:30px 22px!important;margin:24px 12px 50px!important}.blog-list-hero,.blog-hero{padding:80px 20px 60px!important}}
.blog-article h1{color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a;font-size:clamp(2rem,4vw,3rem)!important;text-align:left!important;margin-bottom:.5em}
.blog-article h1 em{-webkit-text-fill-color:#7a6838}
.blog-article h1+p,.blog-article .lead{color:#55617a!important}
.blog-article h2,.blog-article h3{text-align:left!important}
.blog-card p,.blog-card-body p{color:#4a566d!important}
.blog-card .btn-ghost,.blog-card .btn{color:#0b1f3a!important;border-color:#988655!important}
/* tekst wyjustowany i pogrubienia */
p,.blog-article p,.blog-list-intro p,.blog-article li{text-align:justify!important;text-align-last:left;hyphens:manual;-webkit-hyphens:manual}
.section-head p,.px-txt p,.hero-sub,.blog-list-hero p,.blog-hero p,.blog-cover-caption,.px-tile-txt *{text-align:center!important}
.px-txt p{text-align:left!important}
.px-txt p,.btn,.stat-label,figcaption{text-align-last:auto}
strong{font-weight:600;color:#f6f1e3}
.blog-article strong,.blog-list-intro strong,.blog-card strong{color:#0b1f3a!important;font-weight:700}
.path-card.business strong,.tri-card strong{color:#0b1f3a!important}
/* kafelki ze zdjęciami */
.px-tiles{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
.px-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:2px;border:1px solid var(--line);text-decoration:none}
.px-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.px-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,58,0) 35%,rgba(11,31,58,.92) 100%)}
.px-tile:hover img{transform:scale(1.06)}
.px-tile:hover{border-color:var(--gold-lt)}
.px-tile-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 20px;display:grid;gap:4px}
.px-tile-txt small{font-family:'Montserrat',sans-serif;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-lt);text-align:left!important}
.px-tile-txt b{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.45rem;line-height:1.15;color:#fff;text-align:left!important}
.px-tile-txt i{position:absolute;right:18px;bottom:20px;font-style:normal;color:var(--gold-lt);transition:transform .25s}
.px-tile:hover .px-tile-txt i{transform:translateX(4px)}
@media (max-width:1000px){.px-tiles{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:480px){.px-tile-txt b{font-size:1.2rem}}
/* === czytelność kart i nagłówków === */
.blog-card h2,.blog-card h3{font-family:'Cormorant Garamond',serif!important;font-weight:700!important;font-size:1.65rem!important;line-height:1.2;color:#0b1f3a!important;margin-bottom:.5em;padding-bottom:.45em;border-bottom:1px solid rgba(152,134,85,.45)}
/* kafelki „Trzy rzeczy” i „Trzy mechanizmy” – jasne, ciemny tekst */
.tri-card,.kup-tile,.head-card,.compare-card,.tech.alt .head-card,.tech.alt .compare-card{background:#f6f2e8!important;border:0!important;border-top:3px solid #988655!important;border-radius:0!important;padding:28px 26px!important;text-align:left!important;box-shadow:0 26px 50px -34px rgba(0,0,0,.7)}
.tri-card *,.kup-tile *,.head-card *,.compare-card *{color:#2c3a52!important;-webkit-text-fill-color:#2c3a52;text-align:left!important}
.tri-card h3,.tri-card h4,.kup-tile h3,.kup-tile h4,.kup-tile b,.head-card h3,.head-card h4,.head-card b,.compare-card h3,.compare-card h4{font-family:'Cormorant Garamond',serif!important;font-weight:700!important;font-size:1.6rem!important;line-height:1.2;color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a;margin:0 0 .5em!important}
.tri-card strong,.kup-tile strong,.head-card strong,.compare-card strong{color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a;font-weight:700}
.tri-tag{display:inline-block;font-family:'Montserrat',sans-serif;font-size:.68rem!important;letter-spacing:.22em;text-transform:uppercase;color:#7a6838!important;-webkit-text-fill-color:#7a6838;margin-bottom:10px;font-weight:600}
.kup-tile svg,.head-card svg,.kup-tile .ic svg{color:#988655!important}
.kup-tile{display:flex;flex-direction:column;align-items:flex-start!important;gap:10px}
.kup-tiles,.tri-grid{align-items:stretch}
.tri-note{color:#e8e3d3!important;font-family:'Cormorant Garamond',serif;font-size:1.4rem!important;font-style:italic;text-align:center!important}
.kup-intro{border-radius:0!important}
.kup-intro h3{font-size:2rem!important}
.kup-tile .ic{background:rgba(152,134,85,.14)!important;border-radius:0!important}
.kup-tile .ic svg{color:#7a6838!important;stroke:#7a6838}
.kup-tile span,.kup-tile p{font-family:'Cormorant Garamond',serif!important;font-weight:700!important;font-size:1.35rem!important;color:#0b1f3a!important;-webkit-text-fill-color:#0b1f3a}
/* === telefon: menu, kafelki, przyciski === */
@media (max-width:1240px){
  .nav-links[style*="display:flex"],.nav-links[style*="display: flex"]{background:#0f2a4d!important;border-bottom:1px solid var(--line)!important;box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
  .nav-links a{color:#f3efe3!important;opacity:1!important;font-size:1.02rem!important;padding:13px 0!important;border-bottom:1px solid rgba(216,196,143,.15);width:100%;text-align:center}
  .nav-links a:hover,.nav-links a.active{color:var(--gold-lt)!important}
  .nav-links .dropdown-menu{background:#0b1f3a!important}
  .nav-links .dropdown-menu a{color:#d3dbe8!important;font-size:.95rem!important}
}
@media (max-width:760px){
  .topbar{display:none}
  .stats-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .stat-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:16px!important;background:#1d4777;border:1px solid var(--line)!important;border-top:2px solid #988655!important;min-height:150px}
  .stat-num{font-size:1.3rem!important;line-height:1.15!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none}
  .stat-label{font-size:.78rem!important;line-height:1.35}
  .stat-icon{width:38px!important;height:38px!important}
  .px-cta{flex-direction:column;align-items:stretch}
  .px-cta .btn{width:100%!important}
  .px-tiles{gap:10px!important}
  .px-tile-txt{padding:12px 12px 14px}
  .px-tile-txt b{font-size:1.15rem!important}
  .px-tile-txt small{font-size:.58rem;letter-spacing:.16em}
  .px-tile-txt i{display:none}
  .tri-card,.head-card,.kup-tile{padding:22px 20px!important}
}
@media (max-width:1240px){.nav-links .nav-dropdown > a,.nav-links .nav-dropdown > button{display:flex!important;justify-content:center!important;gap:8px;color:#f3efe3!important;width:100%}}
.blog-article .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:26px 0}
.blog-article .flow div{background:#fff;border:1px solid #e5dcc7;border-top:2px solid #988655;padding:14px 16px;display:grid;gap:4px;font-size:.92rem}
.blog-article .flow b{color:#0b1f3a!important;font-weight:700}
.blog-article .flow span{color:#55617a!important;line-height:1.45}
.blog-article .flow i{font-style:normal;color:#988655;font-size:1.3rem;-webkit-text-fill-color:#988655}
@media (max-width:700px){.blog-article .flow{grid-template-columns:1fr}.blog-article .flow i{transform:rotate(90deg);justify-self:center}}
.pfaq{border-top:1px solid #e5dcc7;padding:14px 0}
.pfaq summary{cursor:pointer;font-weight:700;color:#0b1f3a;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pfaq summary::after{content:"+";color:#988655;font-size:1.3rem;line-height:1}
.pfaq[open] summary::after{content:"–"}
.pfaq p{margin:10px 0 0!important}
.ptable{overflow-x:auto;margin:14px 0 8px}
.ptable table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}
.ptable th{background:#183E6C;color:#f3efe3!important;-webkit-text-fill-color:#f3efe3;text-align:left;padding:12px 16px;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}
.ptable td{padding:12px 16px;border-bottom:1px solid #e5dcc7!important;vertical-align:top;color:#2c3a52!important}
.ptable td:first-child{font-weight:700;color:#0b1f3a!important;width:32%}
