/* Editorial Premium v7 — wspólna warstwa podstron Cyfrowych Pracowników */

:root{
  --ep-ink:#191512;
  --ep-ink-2:#211B17;
  --ep-ink-3:#2B231E;
  --ep-paper:#FFFCF7;
  --ep-paper-warm:#F8F2E9;
  --ep-sage:#F0F4EE;
  --ep-sage-strong:#6F8F7A;
  --ep-rose:#E8BFB3;
  --ep-text:#25201B;
  --ep-muted:#655D54;
  --ep-night-text:#FFF9F2;
  --ep-night-muted:rgba(255,249,242,.67);
  --ep-line-light:rgba(37,32,27,.12);
  --ep-line-dark:rgba(255,249,242,.11);
}

body.cp-subpage{
  background:var(--ep-paper);
  color:var(--ep-text);
  overflow-x:hidden;
}

.cp-subpage nav{
  background:rgba(25,21,18,.96);
  border-bottom:1px solid var(--ep-line-dark);
  box-shadow:none;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.cp-subpage nav .logo{color:var(--ep-night-text)}
.cp-subpage nav .brand-tagline{color:var(--ep-rose)}
.cp-subpage nav .dot{color:var(--ep-sage-strong)}

.cp-subpage .btn{
  border-radius:999px;
  box-shadow:none;
}

.cp-subpage nav .btn,
.cp-subpage nav .btn-light{
  border-color:rgba(255,249,242,.32);
  background:rgba(255,249,242,.08);
  color:var(--ep-night-text);
}

.cp-subpage nav .btn:hover,
.cp-subpage nav .btn-light:hover{
  border-color:rgba(255,249,242,.62);
  background:rgba(255,249,242,.16);
  color:var(--ep-night-text);
}

.cp-subpage .eyebrow{
  color:var(--ep-sage-strong);
}

.cp-subpage .eyebrow::before{
  background:var(--ep-rose);
}

.cp-subpage .serif{
  color:var(--ep-sage-strong);
}

.cp-subpage .btn:focus-visible,
.cp-subpage a:focus-visible,
.cp-subpage button:focus-visible,
.cp-subpage input:focus-visible,
.cp-subpage textarea:focus-visible{
  outline:3px solid var(--ep-rose);
  outline-offset:3px;
}

.cp-subpage footer{
  background:#100E0C;
  border-top:1px solid var(--ep-line-dark);
}

.cp-subpage footer .brand-tagline{color:var(--ep-rose)}
.cp-subpage footer .dot{color:var(--ep-sage-strong)}

/* Zakup — ciemne wejście, jasny zakres i ciemny proces bez kart. */
.purchase-page main{
  background:var(--ep-sage);
  overflow:clip;
}

.purchase-page .hero{
  position:relative;
  isolation:isolate;
  padding:72px 0 66px;
  color:var(--ep-night-text);
  background:
    radial-gradient(ellipse at 88% 4%,rgba(232,191,179,.1),transparent 34%),
    radial-gradient(ellipse at 6% 96%,rgba(111,143,122,.1),transparent 36%),
    linear-gradient(132deg,var(--ep-ink-3),var(--ep-ink) 64%);
}

.purchase-page .hero h1,
.purchase-page .price-line strong{
  color:var(--ep-night-text);
}

.purchase-page .hero .serif{color:var(--ep-rose)}
.purchase-page .hero .lead,
.purchase-page .hero .payment-note{color:var(--ep-night-muted)}
.purchase-page .hero .price-line{color:rgba(255,249,242,.68)}
.purchase-page .hero .price-line strong span{color:var(--ep-sage-strong)}

.purchase-page .hero .btn-main{
  border-color:var(--ep-paper);
  background:var(--ep-paper);
  color:var(--ep-ink);
}

.purchase-page .hero .btn-main:hover{
  border-color:var(--ep-rose);
  background:var(--ep-rose);
}

.purchase-page main > section:not(.hero):not(.final){
  padding:88px 0 0;
}

.purchase-page .panel{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.purchase-page .grid{
  gap:0 56px;
}

.purchase-page .block,
.purchase-page .block:nth-child(odd),
.purchase-page .block:nth-last-child(-n+2){
  padding:34px 0 42px;
  border:0;
  border-top:1px solid var(--ep-line-light);
}

.purchase-page .block-label{color:var(--ep-sage-strong)}
.purchase-page .block p,
.purchase-page .list li{color:var(--ep-muted)}

.purchase-page .process{
  position:relative;
  isolation:isolate;
  margin:54px 0 0;
  padding:54px 0 62px;
  border-top:1px solid var(--ep-line-light);
  background:transparent;
  color:var(--ep-text);
}

.purchase-page .process::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(ellipse at 86% 2%,rgba(111,143,122,.09),transparent 33%),
    var(--ep-paper-warm);
}

.purchase-page .process h2{
  margin-bottom:28px;
  color:var(--ep-text);
}

.purchase-page .process .step{
  padding:24px 0;
  border-color:var(--ep-line-light);
}

.purchase-page .process .step strong{color:var(--ep-text)}
.purchase-page .process .step p{color:var(--ep-muted)}
.purchase-page .process .step span{color:var(--ep-sage-strong)}

.purchase-page .final{
  padding:72px 0 80px;
  background:var(--ep-paper);
}

.purchase-page .final .btn-main{
  border-color:var(--ep-ink);
  background:var(--ep-ink);
  color:var(--ep-night-text);
}

.purchase-page .final .btn-main:hover{
  border-color:var(--ep-sage-strong);
  background:var(--ep-sage-strong);
}

/* Diagnoza — jasne otwarcie i ciemna przestrzeń pracy. */
.diagnosis-page .page-bg{
  background:var(--ep-sage);
}

.diagnosis-page .page-bg::after{display:none}

.diagnosis-page .hero{
  padding:92px 0 72px;
  background:
    radial-gradient(ellipse at 90% 4%,rgba(111,143,122,.13),transparent 34%),
    var(--ep-sage);
}

.diagnosis-page .hero h1{color:var(--ep-text)}
.diagnosis-page .hero .lead{color:var(--ep-muted)}
.diagnosis-page .hero .serif{color:var(--ep-sage-strong)}

.diagnosis-page .hero-meta span{
  border:0;
  border-radius:999px;
  background:rgba(111,143,122,.1);
}

.diagnosis-page .shell{
  padding:88px 0 96px;
  color:var(--ep-night-text);
  background:
    radial-gradient(ellipse at 88% 3%,rgba(232,191,179,.085),transparent 34%),
    radial-gradient(ellipse at 5% 96%,rgba(111,143,122,.09),transparent 36%),
    linear-gradient(132deg,var(--ep-ink-3),var(--ep-ink) 64%);
}

.diagnosis-page .diagnosis-card{
  max-width:960px;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}

.diagnosis-page .intro,
.diagnosis-page .assessment,
.diagnosis-page .results{
  padding:0;
}

.diagnosis-page .intro h2,
.diagnosis-page .results h2,
.diagnosis-page .question h2,
.diagnosis-page .contact-panel h3{
  color:var(--ep-night-text);
}

.diagnosis-page .intro p,
.diagnosis-page .results p,
.diagnosis-page .preview-list li,
.diagnosis-page .missing-list li,
.diagnosis-page .next-step p,
.diagnosis-page .progress-meta,
.diagnosis-page .area-label,
.diagnosis-page .area-score{
  color:var(--ep-night-muted);
}

.diagnosis-page .preview,
.diagnosis-page .score-card,
.diagnosis-page .recommendation{
  border:0;
  border-radius:20px;
  background:rgba(255,249,242,.055);
  box-shadow:none;
}

.diagnosis-page .recommendation{
  background:rgba(255,249,242,.085);
}

.diagnosis-page .sample-box{
  border:0;
  border-radius:14px;
  background:#100E0C;
}

.diagnosis-page .recommendation h3{
  color:var(--ep-night-text);
}

.diagnosis-page .recommendation > p{
  color:rgba(255,249,242,.84);
}

.diagnosis-page .sample-box pre{color:rgba(255,249,242,.82)}

.diagnosis-page .copy-prompt-button{
  border-color:rgba(255,249,242,.46);
  background:rgba(255,249,242,.1);
  color:var(--ep-night-text);
}

.diagnosis-page .copy-prompt-button:hover{
  border-color:var(--ep-rose);
  background:var(--ep-rose);
  color:var(--ep-ink);
}

.diagnosis-page .copy-prompt-status{
  color:var(--ep-sage-strong);
}

.diagnosis-page .intro .btn,
.diagnosis-page .assessment .btn,
.diagnosis-page .results .btn{
  border-color:var(--ep-paper);
  background:var(--ep-paper);
  color:var(--ep-ink);
}

.diagnosis-page .intro .btn:hover,
.diagnosis-page .assessment .btn:hover,
.diagnosis-page .results .btn:hover{
  border-color:var(--ep-rose);
  background:var(--ep-rose);
}

.diagnosis-page .intro .btn-light,
.diagnosis-page .assessment .btn-light,
.diagnosis-page .results .btn-light{
  border-color:rgba(255,249,242,.28);
  background:transparent;
  color:var(--ep-night-text);
}

.diagnosis-page .progress-track,
.diagnosis-page .area-track{
  background:rgba(255,249,242,.1);
}

.diagnosis-page .option{
  border:0;
  border-radius:14px;
  background:rgba(255,249,242,.055);
  color:var(--ep-night-muted);
}

.diagnosis-page .option:hover{
  background:rgba(255,249,242,.09);
  color:var(--ep-night-text);
}

.diagnosis-page .option.selected{
  border:0;
  background:rgba(111,143,122,.24);
  color:var(--ep-night-text);
}

.diagnosis-page .next-steps{
  gap:28px;
}

.diagnosis-page .next-step{
  padding:20px 0;
  border:0;
  border-top:1px solid var(--ep-line-dark);
  background:transparent;
}

.diagnosis-page .next-step strong{color:var(--ep-night-text)}

.diagnosis-page .contact-panel{
  border-color:var(--ep-line-dark);
}

.diagnosis-page .contact-form input,
.diagnosis-page .contact-form textarea{
  border:1px solid rgba(255,249,242,.12);
  border-radius:12px;
  background:rgba(255,249,242,.07);
  color:var(--ep-night-text);
}

.diagnosis-page .contact-form input::placeholder,
.diagnosis-page .contact-form textarea::placeholder{
  color:rgba(255,249,242,.48);
}

/* Dokumenty — spokojna typografia i sekcje rozdzielone linią. */
.legal-page{
  background:var(--ep-paper);
}

.legal-page header{
  padding:92px 0 72px;
  background:
    radial-gradient(ellipse at 90% 4%,rgba(111,143,122,.13),transparent 34%),
    var(--ep-sage);
}

.legal-page header h1{color:var(--ep-text)}
.legal-page header .lead{color:var(--ep-muted)}

.legal-page main.container{
  max-width:960px;
}

.legal-page .doc{
  margin:0 auto 84px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.legal-page .notice{
  padding:24px 0;
  border:0;
  border-bottom:1px solid var(--ep-line-light);
  background:transparent;
}

.legal-page .doc section{
  padding:42px 0;
  border-color:var(--ep-line-light);
}

.legal-page .doc p,
.legal-page .doc li,
.legal-page .notice{
  color:var(--ep-muted);
}

.legal-page .meta{
  gap:12px;
}

.legal-page .meta-card{
  border:0;
  border-radius:14px;
  background:var(--ep-sage);
}

/* Statusy i kolejny krok — ciemna plansza zamiast jasnej karty. */
.status-page main,
.thanks-page main{
  min-height:calc(100vh - 73px);
  padding:96px 0;
  color:var(--ep-night-text);
  background:
    radial-gradient(ellipse at 86% 2%,rgba(232,191,179,.09),transparent 34%),
    radial-gradient(ellipse at 4% 96%,rgba(111,143,122,.09),transparent 36%),
    linear-gradient(132deg,var(--ep-ink-3),var(--ep-ink) 64%);
}

.status-page .panel,
.thanks-page .panel{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.status-page .panel{
  padding:48px 0;
}

.status-page h1,
.thanks-page h1,
.thanks-page .step h2{
  color:var(--ep-night-text);
}

.status-page .serif,
.thanks-page .serif{color:var(--ep-rose)}

.status-page .lead,
.status-page .note,
.thanks-page .lead,
.thanks-page .step p,
.thanks-page .cta p{
  color:var(--ep-night-muted);
}

.status-page .btn,
.thanks-page .btn-main{
  border-color:var(--ep-paper);
  background:var(--ep-paper);
  color:var(--ep-ink);
}

.status-page .btn:hover,
.thanks-page .btn-main:hover{
  border-color:var(--ep-rose);
  background:var(--ep-rose);
}

.status-page .btn-light,
.thanks-page .btn-light{
  border-color:rgba(255,249,242,.3);
  background:transparent;
  color:var(--ep-night-text);
}

.thanks-page .hero{
  margin-bottom:56px;
}

.thanks-page .panel{
  overflow:visible;
}

.thanks-page .steps{
  border-top:1px solid var(--ep-line-dark);
}

.thanks-page .step{
  border-color:var(--ep-line-dark);
  background:transparent;
}

.thanks-page .cta{
  border-color:var(--ep-line-dark);
  background:rgba(255,249,242,.045);
}

@media(max-width:760px){
  body.cp-subpage,
  .cp-subpage main,
  .cp-subpage section,
  .cp-subpage .container{
    max-width:100%;
  }

  .cp-subpage nav .container.nav-row{
    padding-left:24px;
    padding-right:24px;
  }

  .cp-subpage nav .btn,
  .cp-subpage nav .btn-light{
    max-width:150px;
    padding:11px 14px;
    font-size:9px;
    letter-spacing:.09em;
  }

  .purchase-page .hero,
  .diagnosis-page .hero,
  .legal-page header{
    padding-top:62px;
    padding-bottom:54px;
  }

  .purchase-page .hero{
    padding-top:38px;
    padding-bottom:42px;
  }

  .purchase-page main > section:not(.hero):not(.final){
    padding-top:40px;
  }

  .purchase-page .grid{
    gap:0;
  }

  .purchase-page .block,
  .purchase-page .block:nth-child(odd),
  .purchase-page .block:nth-last-child(-n+2){
    padding:28px 0 34px;
  }

  .purchase-page .process{
    margin-top:34px;
    padding:42px 0 48px;
  }

  .purchase-page .process .step{
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    padding:22px 0;
  }

  .purchase-page .process .steps{
    padding:0 12px;
  }

  .purchase-page footer .container{
    align-items:center;
    text-align:center;
  }

  .purchase-page .footer-links{
    justify-content:center;
  }

  .purchase-page .final{
    padding:56px 0 62px;
  }

  .diagnosis-page .shell{
    padding:62px 0 72px;
  }

  .diagnosis-page .intro,
  .diagnosis-page .assessment,
  .diagnosis-page .results{
    padding:0;
  }

  .diagnosis-page .preview,
  .diagnosis-page .score-card,
  .diagnosis-page .recommendation{
    border-radius:16px;
  }

  .diagnosis-page .next-steps{
    gap:8px;
  }

  .legal-page .doc{
    margin-bottom:56px;
  }

  .legal-page .notice{
    padding:20px 0;
  }

  .legal-page .doc section{
    padding:32px 0;
  }

  .status-page main,
  .thanks-page main{
    padding:62px 0 68px;
  }

  .status-page .panel{
    padding:28px 0;
  }

  .thanks-page .hero{
    margin-bottom:42px;
  }

  .thanks-page .step{
    padding:28px 0;
  }

  .thanks-page .cta{
    margin-top:8px;
    padding:32px 20px 36px;
    border-radius:16px;
  }
}