.audit{padding:130px 24px 100px;min-height:70vh}.audit-wrap{max-width:880px;margin:0 auto}.audit-stage{animation:auditIn .4s ease both}@keyframes auditIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#stageIntro{text-align:center}#stageIntro .label{justify-content:center}#stageIntro h1{font-family:var(--head);font-size:clamp(40px,7vw,68px);font-weight:800;letter-spacing:-2px;line-height:1;margin:14px 0 18px}#stageIntro h1 em{font-style:normal;color:var(--acc)}.audit-lead{font-size:18px;color:var(--muted);line-height:1.6;max-width:540px;margin:0 auto 36px}.audit-field{display:flex;align-items:stretch;max-width:580px;margin:0 auto;background:var(--bg-3);border:1px solid var(--border);border-radius:14px;padding:6px;transition:border-color .15s,box-shadow .15s}.audit-field:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-dim)}.audit-proto{display:flex;align-items:center;padding:0 4px 0 14px;color:var(--subtle);font-size:15px;font-family:var(--body)}#auditUrl{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:var(--body);font-size:16px;padding:12px 6px}#auditUrl::placeholder{color:var(--subtle)}#auditBtn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background-color:var(--acc);background-image:linear-gradient(var(--acc),var(--acc));color:var(--bg);border:none;border-radius:10px;padding:13px 22px;font-family:var(--head);font-weight:700;font-size:15px;cursor:pointer;transition:filter .2s}#auditBtn:hover{filter:brightness(1.08)}#auditBtn:disabled{opacity:.6;cursor:default}.audit-error{display:none;color:#ff6b6b;font-size:14px;margin-top:14px}.audit-error.show{display:block}.audit-note{font-size:13px;color:var(--subtle);margin-top:16px}.audit-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:56px}.trust-item{background:var(--bg-3);padding:22px 16px}.trust-item strong{display:block;font-family:var(--head);font-size:15px;color:var(--text);margin-bottom:4px}.trust-item span{font-size:12.5px;color:var(--muted);line-height:1.45}#stageLoading{text-align:center;padding:60px 0}.spinner{width:54px;height:54px;margin:0 auto 28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--acc);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-msg{font-family:var(--head);font-size:22px;font-weight:700;color:var(--text);margin-bottom:10px;transition:opacity .3s}.loading-sub{font-size:15px;color:var(--muted);max-width:420px;margin:0 auto;line-height:1.6}.loading-url{margin-top:18px;font-size:13px;color:var(--acc);word-break:break-all}.results-head{text-align:center;margin-bottom:44px}.results-head .label{justify-content:center}.results-head h2{font-family:var(--head);font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-1px;margin-top:12px}.results-head a{color:var(--acc);text-decoration:none;word-break:break-all}.results-head a:hover{text-decoration:underline}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.score-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 16px;text-align:center}.ring{position:relative;width:96px;height:96px;margin:0 auto 14px}.ring svg{transform:rotate(-90deg);width:96px;height:96px}.ring .ring-track{stroke:var(--border)}.ring .ring-fill{stroke-linecap:round;transition:stroke-dashoffset 1s ease}.ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:26px;font-weight:800}.score-card h4{font-size:13.5px;font-weight:600;color:var(--muted)}.s-good{color:#34d399}.s-good-stroke{stroke:#34d399}.s-avg{color:#f73}.s-avg-stroke{stroke:#f73}.s-poor{color:#ff5c5c}.s-poor-stroke{stroke:#ff5c5c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.metric{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.metric-label{font-size:13px;color:var(--muted)}.metric-dot{width:9px;height:9px;border-radius:50%}.metric-val{font-family:var(--head);font-size:24px;font-weight:800;color:var(--text)}.tech-audit{margin-top:24px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 30px}.tech-audit:empty{display:none}.tech-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-bottom:22px}.tech-head .label{margin:0}.tech-count{font-size:14px;color:var(--muted)}.tech-count strong{color:var(--text)}.tech-count-warn{color:var(--acc)}.tech-group+.tech-group{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.tech-group-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;align-items:start}.tech-item{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:14.5px;color:var(--text);line-height:1.35}.tech-body{display:flex;flex-direction:column;gap:3px;min-width:0}.tech-note{font-size:12.5px;color:var(--muted);line-height:1.45}.tech-ev{color:var(--text);font-weight:600}.tech-ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tech-ico svg{width:13px;height:13px}.tech-pass .tech-ico{background:#34d39924;color:#34d399}.tech-warn .tech-ico{background:#ff773329;color:#f73}.tech-fail .tech-ico{background:#ff5c5c29;color:#ff5c5c}.results-summary{background:var(--acc-dim);border:1px solid var(--acc-bord);border-radius:var(--r-lg);padding:22px 26px;margin-top:24px;font-size:16px;color:var(--text);line-height:1.55}.results-summary strong{color:var(--acc)}.lead{margin-top:28px;background:var(--bg-3);border:1px solid var(--border);border-radius:20px;padding:40px}.lead h3{font-family:var(--head);font-size:23px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.lead p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:24px}.lead-row{display:flex;gap:10px}#leadEmail{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--text);font-family:var(--body);font-size:15px;transition:border-color .15s,box-shadow .15s}#leadEmail:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-dim)}.lead-btn{flex-shrink:0;background-color:var(--acc);background-image:linear-gradient(var(--acc),var(--acc));color:var(--bg);border:none;border-radius:10px;padding:14px 22px;font-family:var(--head);font-weight:700;font-size:15px;cursor:pointer;transition:filter .2s}.lead-btn:hover{filter:brightness(1.08)}.lead-btn:disabled{opacity:.6;cursor:default}.lead-error{display:none;color:#ff6b6b;font-size:13px;margin-top:12px}.lead-error a{color:#ff6b6b}.lead-error.show{display:block}.lead-success{text-align:center;padding:14px 10px}.lead-success-ico{width:54px;height:54px;border-radius:50%;background:var(--acc-dim);border:1px solid var(--acc-bord);color:var(--acc);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.lead-success-ico svg{width:26px;height:26px}.lead-success h3{font-family:var(--head);font-size:22px;font-weight:800;margin-bottom:10px}.lead-success p{font-size:15px;color:var(--muted);max-width:380px;margin:0 auto}.audit-again{display:block;margin:28px auto 0;background:none;border:none;color:var(--muted);font-family:var(--body);font-size:14px;cursor:pointer;transition:color .2s}.audit-again:hover{color:var(--text)}#stageFail{text-align:center;padding:40px 0}.fail-ico{width:60px;height:60px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border);color:var(--acc);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.fail-ico svg{width:28px;height:28px}#stageFail h2{font-family:var(--head);font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:14px}#stageFail p{font-size:16px;color:var(--muted);line-height:1.65;max-width:460px;margin:0 auto 14px}.fail-msg{color:var(--subtle)!important;font-size:14px!important}.fail-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px}@media (max-width: 768px){.audit{padding:100px 18px 70px}.audit-field{flex-wrap:wrap}#auditBtn{width:100%;justify-content:center;margin-top:6px}.audit-trust,.score-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.tech-audit{padding:22px 20px}.tech-grid{grid-template-columns:1fr;gap:0}.lead{padding:28px 22px}.lead-row{flex-direction:column}.lead-btn{width:100%}}
