:root{--ink:#0f172a;--mut:#64748b;--bg:#f8fafc;--brand:#0d9488;--brand2:#0f766e;--card:#fff;--line:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand2)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}section.wrap{padding-top:56px}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{font-weight:800;font-size:1.3rem;text-decoration:none;color:var(--ink)}.logo span{color:var(--brand)}nav a{margin-left:16px;text-decoration:none;color:var(--ink);font-size:.95rem}
@media(max-width:600px){nav a{margin:0 12px 0 0;font-size:.9rem}}
.hero{background:linear-gradient(135deg,#0f172a,#134e4a);color:#fff;padding:56px 0 64px}.hero h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;margin:0 0 12px;max-width:760px}
.lead{font-size:1.1rem;color:#cbd5e1;max-width:640px}
.audit-form{display:grid;gap:10px;grid-template-columns:2fr 1.5fr auto;margin-top:24px;max-width:860px}
.audit-form input[type=url],.audit-form input[type=email]{padding:14px;border-radius:10px;border:0;font-size:1rem}
.audit-form button,.btn{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:14px 20px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block}
.audit-form button:hover,.btn:hover{background:var(--brand2)}.audit-form button:disabled{opacity:.7}
.consent{grid-column:1/-1;font-size:.85rem;color:#cbd5e1}.consent a{color:#5eead4}.hp{position:absolute;left:-9999px}
@media(max-width:760px){.audit-form{grid-template-columns:1fr}}
#auditResult{margin-top:24px}.loading,.err{background:rgba(255,255,255,.1);padding:14px;border-radius:10px}.err{background:#7f1d1d}
.report{background:#fff;color:var(--ink);border-radius:14px;padding:24px}.report h3{margin-top:0;word-break:break-all}
.scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.score{border-radius:12px;padding:14px;text-align:center;border:2px solid}
.score b{display:block;font-size:2rem}.score span{font-size:.85rem}.good{border-color:#16a34a;color:#166534}.mid{border-color:#f59e0b;color:#92400e}.bad{border-color:#dc2626;color:#991b1b}
.metrics,.checks,.opps{list-style:none;padding:0}.metrics li,.checks li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.checks li span{color:var(--mut);flex:1 1 300px;text-align:right}.checks li b::before{margin-right:8px}
.checks .pass b::before{content:"✔";color:#16a34a}.checks .warn b::before{content:"!";color:#d97706;font-weight:900}.checks .fail b::before{content:"✖";color:#dc2626}
.opps li{padding:6px 0}.cta{background:#f0fdfa;border-radius:12px;padding:16px;margin-top:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.card h3,.card h4{margin:0 0 8px}.price .amt{font-size:1.6rem;font-weight:800;margin:0 0 8px}.price .amt span{font-size:1rem;color:var(--mut);font-weight:500}.price p{flex:1}.price .btn{text-align:center}
.group{margin:32px 0 12px}.muted{color:var(--mut)}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
.contact{padding-bottom:56px}.legal{max-width:760px;padding-bottom:56px}.draft{background:#fef3c7;border:1px solid #f59e0b;padding:10px 14px;border-radius:8px;font-weight:700}
.foot{background:#0f172a;color:#cbd5e1;padding:32px 0;margin-top:40px}.foot a{color:#5eead4}