/* ============================================================
   gotowosc.css - style WYLACZNIE dla gotowosc-na-agentow.html

   Test "Gotowość na agentów AI" (lead magnet). Wzor: kompas.css (hero, kroki,
   formularz z gate'em, zakonczenie), wlasne klasy z prefiksem g*, zeby zmiany
   w Kompasie nie przesuwaly tej strony i odwrotnie.

   Kolor: skala semantyczna (zielen, bursztyn, czerwien) tylko dla statusu
   sprawdzenia i wyniku, nigdy dekoracyjnie (regula 35, jak na Kompasie).
   ============================================================ */
:root{
  --ga-ok:#3ddc7a; --ga-uwaga:#f5a623; --ga-blad:#e5484d;
}
[data-theme="light"]{
  /* na jasnym tle ciemniejsze odcienie: kolor statusu jest tez kolorem tekstu (kontrast min. 4.5:1) */
  --ga-ok:#14743a; --ga-uwaga:#9a5b00; --ga-blad:#c42b30;
}

/* ============================================================
   1. HERO
   ============================================================ */
.gh{position:relative;padding:calc(var(--s12) + 48px) 0 var(--s12);border-bottom:1px solid var(--ink-80);
  background:radial-gradient(55% 70% at 78% 48%, var(--ink-90), transparent 72%);}
.gh-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s8);align-items:center;}
.gh-copy h1{margin:18px 0 22px;max-width:14ch;}
.gh-copy .lead{color:var(--grey-30);max-width:48ch;}
.gh-form{margin-top:var(--s4);max-width:620px;}
.gh-label{display:block;margin-bottom:10px;font-family:var(--mono);font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-50);}
.gh-row{display:flex;gap:10px;}
.gh-row input{flex:1 1 auto;min-width:0;padding:14px 16px;border:1px solid var(--ink-70);border-radius:var(--r);background:var(--black);
  color:var(--white);font:inherit;font-size:var(--fs-body);}  /* 16 px: Safari na iOS przybliza strone przy mniejszych polach */
.gh-row input:focus{border-color:var(--grey-50);}
.gh-row input:focus:not(:focus-visible){outline:none;}
.gh-row input[aria-invalid="true"]{border-color:var(--ga-blad);}
.gh-row .btn{flex:0 0 auto;}
.gh-row .btn[disabled]{opacity:.6;cursor:progress;}
.gh-status{min-height:1.5em;margin-top:12px;font-family:var(--mono);font-size:var(--fs-label-sm);color:var(--grey-50);line-height:1.5;}
.gh-status.is-error{color:var(--ga-blad);}
.gh-status a{color:var(--white);}
.gh-status .gh-dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--white);vertical-align:1px;
  animation:ghpuls 1.1s var(--ease-in-out) infinite;}
@keyframes ghpuls{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.gh-status .gh-dot{animation:none;}}
.gh-facts{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 0;
  font-family:var(--mono);font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--grey-50);}
.gh-facts li + li::before{content:"·";margin:0 12px;color:var(--ink-70);}
.gh-demo{justify-self:end;width:100%;max-width:500px;}
@media(max-width:600px){
  .gh-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
  .gh-facts li + li::before{content:none;}
  .gh-row{flex-direction:column;}
  .gh-row .btn{justify-content:center;}
}
@media(max-width:900px){
  .gh{padding:calc(var(--s8) + 56px) 0 var(--s8);background:none;}
  .gh-grid{grid-template-columns:1fr;gap:var(--s6);}
  .gh-demo{justify-self:center;max-width:460px;}
}

/* ============================================================
   KARTA WYNIKU (.gr) - przyklad w hero i prawdziwy wynik
   ============================================================ */
.gr-card{padding:var(--s4);border:1px solid var(--ink-80);border-radius:var(--r);background:var(--black);}
.gr-label{display:block;font-family:var(--mono);font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-50);}
.gr-score{margin:10px 0 4px;font-family:var(--mono);font-size:var(--fs-stat-num);font-weight:500;line-height:1;color:var(--white);font-variant-numeric:tabular-nums;}
.gr-score span{font-size:.45em;color:var(--grey-50);}
.gr-ocena{font-size:var(--fs-card-h-lg);font-weight:500;color:var(--white);}
.gr-ocena.is-wysoka{color:var(--ga-ok);} .gr-ocena.is-srednia{color:var(--ga-uwaga);} .gr-ocena.is-niska{color:var(--ga-blad);}
.gr-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--ink-80);}
.gr-list li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ink-80);font-size:var(--fs-body-sm);color:var(--grey-30);}
.gr-list i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--grey-50);}
.gr-list .is-ok i{background:var(--ga-ok);} .gr-list .is-uwaga i{background:var(--ga-uwaga);} .gr-list .is-blad i{background:var(--ga-blad);}
.gr-card.is-demo{position:relative;}
.gr-card.is-demo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;pointer-events:none;
  background:linear-gradient(transparent, var(--black));border-radius:0 0 var(--r) var(--r);}

/* Prawdziwy wynik */
.ga-wynik{border-bottom:1px solid var(--ink-80);}
.gr:focus{outline:none;}
.gr-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s6);align-items:end;padding-bottom:var(--s4);border-bottom:1px solid var(--ink-80);}
.gr-head .gr-score{font-size:clamp(56px, 48px + 2vw, 88px);margin:12px 0 0;}
.gr-meta{color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.6;}
.gr-meta b{display:block;margin-bottom:6px;font-size:var(--fs-card-h-lg);font-weight:500;}
.gr-meta a{color:var(--grey-30);word-break:break-all;}
.gr-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s6);margin-top:var(--s4);align-items:start;}
.gr-checks{list-style:none;margin:0;padding:0;}
.gr-check{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--ink-80);}
.gr-check:first-child{padding-top:0;}
.gr-badge{align-self:start;justify-self:start;padding:3px 8px;border:1px solid currentColor;border-radius:var(--r);
  font-family:var(--mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.1em;}
.gr-badge.is-ok{color:var(--ga-ok);} .gr-badge.is-uwaga{color:var(--ga-uwaga);} .gr-badge.is-blad{color:var(--ga-blad);}
.gr-check h3{font-size:var(--fs-card-h);font-weight:500;line-height:1.35;color:var(--white);}
.gr-check p{margin-top:6px;color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.6;max-width:70ch;}
.gr-side{display:grid;gap:20px;position:sticky;top:96px;}
.gr-fix{padding:22px 24px;border:1px solid var(--ink-70);border-radius:var(--r);background:var(--ink-90);}
.gr-fix ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:fix;}
.gr-fix li{counter-increment:fix;position:relative;padding:0 0 16px 34px;}
.gr-fix li:last-child{padding-bottom:0;}
.gr-fix li::before{content:counter(fix, decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--mono);font-size:var(--fs-label-sm);color:var(--grey-50);}
.gr-fix b{display:block;font-weight:500;color:var(--white);font-size:var(--fs-card-h);line-height:1.35;}
.gr-fix span{display:block;margin-top:4px;color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.55;}
.gr-fix .is-none{color:var(--grey-30);font-size:var(--fs-body-sm);}

/* Formularz pelnego raportu (jak .kr-gate w Kompasie) */
.gr-gate{display:grid;gap:14px;padding:24px;border:1px solid var(--grey-50);border-radius:var(--r);background:var(--ink-90);}
.gr-gate h3{margin:6px 0 4px;font-size:var(--fs-card-h-lg);font-weight:500;line-height:1.3;}
.gr-gate p{color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.55;}
.gr-fields{display:grid;gap:10px;}
.gr-fields input,.gr-fields select{width:100%;padding:12px 14px;border:1px solid var(--ink-70);border-radius:var(--r);background-color:var(--black);
  color:var(--white);font:inherit;font-size:var(--fs-body);}
.gr-fields select{padding-right:36px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--grey-50) 50%),linear-gradient(135deg,var(--grey-50) 50%,transparent 50%);
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;}
.gr-fields input:focus,.gr-fields select:focus{border-color:var(--grey-50);}
.gr-fields input:focus:not(:focus-visible),.gr-fields select:focus:not(:focus-visible){outline:none;}
.gr-fields input[aria-invalid="true"]{border-color:var(--ga-blad);}
.gr-check-zgoda{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:var(--fs-body-sm);color:var(--grey-30);line-height:1.5;}
.gr-check-zgoda input{all:revert;flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:var(--white);cursor:pointer;}
.gr-note{font-size:var(--fs-label);color:var(--grey-50);line-height:1.5;}
.gr-note a{color:var(--grey-30);}
.gr-gate .btn{justify-content:center;}
.gr-msg{min-height:1.4em;margin:0;font-family:var(--mono);font-size:var(--fs-label-sm);color:var(--grey-50);line-height:1.5;}
.gr-cta{display:grid;gap:10px;padding:22px 24px;border:1px solid var(--ink-80);border-radius:var(--r);}
.gr-cta p{color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.55;}
.gr-cta .btn{justify-content:center;}
.gr-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:var(--s4);padding-top:20px;
  border-top:1px solid var(--ink-80);}
.gr-foot p{max-width:80ch;color:var(--grey-50);font-size:var(--fs-label);line-height:1.6;}
.gr-foot button{background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:var(--fs-label-sm);text-transform:uppercase;
  letter-spacing:.08em;color:var(--grey-50);}
.gr-foot button:hover{color:var(--white);}
@media(max-width:1000px){
  .gr-grid{grid-template-columns:1fr;}
  .gr-side{position:static;}
}
@media(max-width:600px){
  .gr-head{grid-template-columns:1fr;gap:var(--s3);}
  .gr-check{grid-template-columns:1fr;gap:8px;}
  .gr-card,.gr-gate,.gr-fix,.gr-cta{padding:20px 18px;}
}

/* ============================================================
   2. JAK AGENT WYBIERA (jak .ksteps w Kompasie)
   ============================================================ */
.gsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink-80);}
.gsteps li{padding:28px 28px 0 0;}
.gsteps li + li{padding-left:28px;border-left:1px solid var(--ink-80);}
.gsteps-nr{display:block;font-family:var(--mono);font-size:var(--fs-stat-num-sm);font-weight:500;line-height:1;color:var(--white);margin-bottom:22px;}
.gsteps h3{font-size:var(--fs-card-h-lg);font-weight:500;line-height:1.25;max-width:22ch;}
.gsteps p{margin-top:10px;color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.6;}
@media(max-width:760px){
  .gsteps{grid-template-columns:1fr;border-top:none;}
  .gsteps li,.gsteps li + li{padding:24px 0;border-left:none;border-top:1px solid var(--ink-80);}
  .gsteps-nr{margin-bottom:14px;}
}

/* ============================================================
   3. CO SPRAWDZAMY
   ============================================================ */
.gcheck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.gcheck-tile{padding:22px 22px 24px;border:1px solid var(--ink-80);border-radius:var(--r);background:var(--black);}
.gcheck-nr{font-family:var(--mono);font-size:var(--fs-label-sm);color:var(--grey-50);}
.gcheck-tile h3{margin:10px 0 8px;font-size:var(--fs-card-h-lg);font-weight:500;line-height:1.25;}
.gcheck-tile p{color:var(--grey-30);font-size:var(--fs-body-sm);line-height:1.55;}
@media(max-width:900px){.gcheck{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.gcheck{grid-template-columns:1fr;}}

/* ============================================================
   4. PELNY AUDYT
   ============================================================ */
.gaudit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center;}
.gaudit-copy h2{margin:14px 0 var(--s3);}
.gaudit-copy .lead{margin-bottom:var(--s4);}
.gaudit-list{list-style:none;margin:0;padding:0;}
.gaudit-list li{padding:16px 0;border-top:1px solid var(--ink-80);}
.gaudit-list li:last-child{border-bottom:1px solid var(--ink-80);}
.gaudit-list b{display:block;font-size:var(--fs-card-h);font-weight:500;color:var(--white);}
.gaudit-list span{display:block;margin-top:4px;color:var(--grey-30);font-size:var(--fs-body-sm);}
@media(max-width:1000px){.gaudit{grid-template-columns:1fr;gap:var(--s6);}}

/* ============================================================
   Zakonczenie (FAQ korzysta z globalnych .faq-cols i .mini-faq)
   ============================================================ */
.gfinal{padding:var(--s16) 0;text-align:center;}
.gfinal h2{max-width:none;}
.gfinal .btn{margin:var(--s4) 0 18px;}
.gfinal p{font-family:var(--mono);font-size:var(--fs-label-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--grey-50);}
@media(max-width:700px){.gfinal{padding:var(--s12) 0;}}