/* Szkic /audyt-ai compact — ciaśniejszy layout. Nie rusza styles.css produkcji. */
/* Podgląd (kanał Firebase): baner + noindex. Na live usunąć .preview-banner i meta noindex. */

.preview-banner{
  position:sticky;top:0;z-index:70;
  background:#fbbf24;color:#111827;
  text-align:center;padding:8px 16px;
  font-size:.82rem;font-weight:700;letter-spacing:.01em;
}
body.preview{padding-top:0}
.nav{top:0}
body.preview .nav{top:36px}

/* Węższa kolumna, krótsza miara tekstu, mniejsze odstępy */
.wrap{max-width:1120px}
.hero-in,.sec-head p,.lead{max-width:65ch}
.hero{padding:48px 0 36px}
.hero h1{font-size:clamp(1.85rem,4.2vw,2.85rem);max-width:18ch;margin:0 auto 14px;letter-spacing:-.03em;line-height:1.15}
.badge{margin-bottom:16px}
.lead{font-size:1.05rem;line-height:1.55}
.cta-row{margin:22px 0 14px}
.hero .muted{max-width:62ch;margin:0 auto;font-size:.88rem}
.sec{padding:48px 0}
.sec-head{margin-bottom:24px}
.sec-head h2{font-size:clamp(1.45rem,2.4vw,1.9rem)}
.card{padding:20px 20px}
.foot{padding:28px 0}

/* 3 kroki */
.flow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.flow-steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 18px;text-align:left}
.flow-steps .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--blue);color:var(--white);font-weight:700;margin-bottom:10px;background:rgba(59,130,246,.12)}
.flow-steps h3{font-size:1.05rem}
.flow-steps p{color:var(--muted);font-size:.9rem;margin-top:6px}
.flow-steps .meta{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:4px}

/* Co dostajesz */
.deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.deliver article h3{font-size:1.02rem;margin-bottom:6px}
.deliver article p{font-size:.9rem;color:var(--muted)}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.split-2 .card{padding:16px 18px}
.split-2 h3{font-size:.95rem;margin-bottom:8px}
.dont .ticks li::before{content:"×";color:#fca5a5}
.do .ticks.ok li::before{content:"✓";color:var(--green)}
.ticks{display:grid;gap:6px}
.ticks li{font-size:.9rem}

/* kalkulator */
.calc-box{max-width:820px;margin:0 auto;display:grid;gap:14px}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.calc-grid label{display:grid;gap:6px;font-size:.88rem;color:var(--muted);font-weight:500}
.calc-grid input{font:inherit;color:var(--white);background:#030712;border:1px solid #374151;border-radius:10px;padding:10px 12px;width:100%}
.calc-formula{font-size:.85rem;color:var(--muted)}
.calc-formula code{color:#93c5fd;font-family:ui-monospace,monospace;font-size:.82rem}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{text-align:center;padding:14px 10px}
.kpi b{display:block;font-size:1.45rem;font-weight:800;color:var(--white);letter-spacing:-.03em}
.kpi span{font-size:.78rem;color:var(--muted)}
.calc-out .kpi b{color:#6ee7b7}

/* formularz */
.wizard{display:grid;gap:14px}
.wiz-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wiz-steps li{font-size:.82rem;color:var(--muted);padding:8px 10px;border-radius:10px;border:1px solid var(--line);text-align:center}
.wiz-steps li.on{border-color:var(--blue);color:var(--white);background:rgba(59,130,246,.12)}
.wiz-steps li.done{color:#6ee7b7;border-color:rgba(16,185,129,.35)}
.step{display:none;gap:12px}
.step.on{display:grid}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;background:#030712;cursor:pointer;color:var(--txt);font-size:.88rem}
.check:hover{border-color:#374151}
.check:has(input:checked){border-color:var(--blue);background:rgba(59,130,246,.08)}
.check input{margin-top:3px;accent-color:var(--blue);flex:none}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.wiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}
.wiz-nav .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.form-thanks{display:none}
.form-thanks.show{display:block}
.form-layout{display:grid;grid-template-columns:0.9fr 1.15fr;gap:32px;align-items:start}
.get-list{list-style:none;display:grid;gap:8px;margin:14px 0}
.get-list li{position:relative;padding-left:24px;font-size:.95rem}
.get-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}

details{margin:0}
details + details{margin-top:8px}
summary{padding:14px 48px 14px 18px}
details p{padding:0 18px 14px}

.wrap,.calc-box,.calc-out,.form-layout{min-width:0;max-width:100%}
.kpi b,.kpi span{overflow-wrap:anywhere;word-break:break-word}
html,body{overflow-x:hidden}
.btn[hidden],.wiz-nav [hidden]{display:none!important}

@media (max-width:1100px){
  .flow-steps,.deliver{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  body.preview .nav{top:0}
  .split-2,.form-layout,.calc-grid,.calc-out,.checks,.deliver,.flow-steps{grid-template-columns:1fr}
  .nav-links{display:none}
  .hero{padding:32px 0 28px}
  .sec{padding:36px 0}
  .cta-row{margin:18px 0 12px}
}
@media (max-width:600px){
  .calc-out{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-out .kpi:last-child{grid-column:1 / -1}
  .kpi b{font-size:1.25rem}
  .wiz-steps li{font-size:.75rem;padding:8px 4px}
  .wiz-nav .btn{flex:1}
}