*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.55}
a{color:#4f46e5}.wrap{max-width:880px;margin:0 auto;padding:0 20px}
header{padding:18px 0}header .wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#0f172a}.logo span{color:#4f46e5}
.hero{text-align:center;padding:56px 0 32px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.hero p{font-size:19px;color:#475569;max-width:620px;margin:0 auto 28px}
form.audit{display:flex;gap:8px;max-width:600px;margin:0 auto;background:#fff;padding:8px;border-radius:14px;box-shadow:0 8px 30px rgba(15,23,42,.08);border:1px solid #e2e8f0}
form.audit input{flex:1;border:0;font-size:17px;padding:12px;outline:0;min-width:0}
.btn{background:#4f46e5;color:#fff;border:0;border-radius:10px;padding:13px 22px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:#4338ca}.btn:disabled{opacity:.6}
.small{font-size:14px;color:#64748b}.err{color:#b91c1c;margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:40px 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}
.card h3{margin:0 0 6px;font-size:17px}section{padding:28px 0}h2{font-size:28px;letter-spacing:-.01em}
.price{text-align:center}.price .amt{font-size:44px;font-weight:800}
footer{padding:40px 0;color:#64748b;font-size:14px;text-align:center}
.score{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff;margin:0 auto}
.bars div{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:14px}.bars b{width:110px;font-weight:500}.bars i{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bars i u{display:block;height:100%;background:#4f46e5}
.issue{border-left:4px solid #4f46e5;padding:10px 14px;background:#fff;border-radius:8px;margin:10px 0;border:1px solid #e2e8f0;border-left-width:4px}.issue.high{border-left-color:#dc2626}.issue.medium{border-left-color:#f59e0b}.issue.low{border-left-color:#10b981}
.issue h4{margin:0 0 4px}.issue p{margin:4px 0;font-size:15px}.tag{font-size:12px;background:#eef2ff;color:#4338ca;padding:2px 8px;border-radius:99px;margin-left:6px}
.locked{position:relative;filter:blur(5px);user-select:none;pointer-events:none}.unlock{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:16px;padding:28px;text-align:center;margin:20px 0}.unlock .btn{background:#fff;color:#4f46e5}
.shots{display:flex;gap:16px;align-items:flex-start}.shots img{border:1px solid #e2e8f0;border-radius:8px;max-width:100%}.shots .d{flex:3}.shots .m{flex:1}
.spinner{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:s 1s linear infinite;margin:20px auto}@keyframes s{to{transform:rotate(360deg)}}
article h2{margin-top:36px}article li{margin:6px 0}article .cta{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;margin:32px 0;text-align:center}article .cta form.audit{margin-top:12px}
table.ex{width:100%;border-collapse:collapse;background:#fff;font-size:15px}table.ex td,table.ex th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;vertical-align:top}table.ex th{background:#f1f5f9}