.audit-main{min-height:72vh;display:grid;place-items:center;padding:clamp(40px,6vw,80px) 24px}
.stage{width:100%;max-width:640px}

/* progress */
.progress{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.pbar{flex:1;height:4px;border-radius:2px;background:#1a2540;overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:var(--grad);border-radius:2px;transition:width .4s cubic-bezier(.2,.7,.2,1)}
.pcount{font:600 12.5px 'Inter';color:var(--muted);letter-spacing:.05em;white-space:nowrap}

/* card */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,5vw,48px);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.step{display:none;animation:in .35s cubic-bezier(.2,.7,.2,1)}
.step.active{display:block}
@keyframes in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.q-eyebrow{font:600 12px/1 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);margin-bottom:14px;display:block}
.q{font:700 clamp(22px,3vw,30px)/1.2 'Space Grotesk';margin-bottom:8px}
.hint{color:var(--muted);font-size:15px;margin-bottom:26px}
.hint b{color:var(--accent2);font-weight:600}

.field{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--text);font:500 17px 'Inter';padding:17px 18px;outline:none;transition:border-color .2s,box-shadow .2s}
.field:focus{border-color:rgba(52,224,200,.55);box-shadow:0 0 0 4px rgba(52,224,200,.09)}
.field::placeholder{color:#5d6a85}
textarea.field{min-height:96px;resize:vertical}

.choices{display:grid;gap:11px}
.choice{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;font:500 16px 'Inter';color:var(--text);text-align:left;transition:border-color .15s,transform .15s;width:100%}
.choice:hover{border-color:rgba(52,224,200,.45);transform:translateY(-1px)}
.choice .em{font-size:20px;flex:none}
.choice small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:2px}

.row{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 30px;border-radius:12px;font:600 15.5px 'Inter';cursor:pointer;border:0;transition:transform .2s,box-shadow .2s}
.btn-primary{background:var(--grad);color:#04101c}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(52,224,200,.3)}
.btn-ghost{background:none;color:var(--muted);border:1px solid var(--line)}
.btn-ghost:hover{color:var(--text)}
.skip{background:none;border:0;color:var(--muted);font:500 14px 'Inter';cursor:pointer;margin-left:auto}
.skip:hover{color:var(--accent2)}
.err{display:none;color:var(--warn);font-size:13.5px;margin-top:10px}
.err.show{display:block}
.enter-hint{font-size:12.5px;color:#5d6a85;margin-top:14px}
.enter-hint kbd{border:1px solid var(--line);border-radius:5px;padding:2px 7px;font:600 11px 'Inter';color:var(--muted)}

/* site pill shown once URL captured */
.sitepill{display:none;align-items:center;gap:9px;margin-bottom:22px;background:rgba(52,224,200,.06);border:1px solid rgba(52,224,200,.3);border-radius:999px;padding:8px 16px;font:600 13.5px 'Inter';color:var(--accent2);width:fit-content;max-width:100%}
.sitepill.show{display:inline-flex}
.sitepill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* success */
.success{text-align:center;padding:16px 0}
.tick{width:74px;height:74px;border-radius:50%;background:rgba(52,224,200,.1);border:1px solid rgba(52,224,200,.4);display:grid;place-items:center;margin:0 auto 24px}
.success h2{font-size:clamp(24px,3vw,32px);margin-bottom:12px}
.success p{color:var(--muted);font-size:16px;max-width:440px;margin:0 auto 8px}
.success b{color:var(--accent2)}
.next{margin-top:28px;display:grid;gap:10px;text-align:left;max-width:420px;margin-left:auto;margin-right:auto}
.next div{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--muted)}
.next b{color:var(--text);font-weight:600}
.next .n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#04101c;display:grid;place-items:center;font:700 12px 'Space Grotesk'}

.trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:var(--muted)}
.trust span{display:flex;align-items:center;gap:6px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:560px){.row .btn{width:100%}.skip{margin:6px auto 0}}