:root{--color-bg:#fafbfc;--color-surface:#fff;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-muted:#6b7280;--color-accent:#2563eb;--color-accent-dim:#dbeafe;--color-score-great:#16a34a;--color-score-good:#65a30d;--color-score-avg:#ca8a04;--color-score-weak:#ea580c;--color-score-poor:#dc2626;--color-critical:#dc2626;--color-warning:#ea580c;--color-pass:#16a34a;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--score-display:96px;--score-label:13px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:Inter,sans-serif;font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6}.container{max-width:860px;margin:0 auto;padding:0 24px}a{color:var(--color-accent);text-decoration:none}a:hover{opacity:.85}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;padding:16px 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-family:JetBrains Mono,monospace;font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.tagline{font-size:var(--text-sm);color:var(--color-text-muted)}.hero{text-align:center;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);padding:72px 0 56px}.hero-eyebrow{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-dim);border-radius:4px;margin-bottom:20px;padding:4px 12px;display:inline-block}.hero-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:32px;font-weight:600;line-height:1.3}.url-form{max-width:560px;margin:0 auto 16px}.url-input-row{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:8px;gap:12px;padding:6px;display:flex}.url-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:14px}.url-input::placeholder{color:var(--color-text-muted)}.analyze-btn{background:var(--color-accent);color:#fff;font-family:Inter,sans-serif;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:12px 28px;font-weight:600;transition:background .15s}.analyze-btn:hover{background:#1d4ed8}.hero-sub{font-size:var(--text-sm);color:var(--color-text-muted)}.hero-social-proof{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.hero-social-proof .count{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-weight:700}.ad-slot{text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);min-height:90px;padding:24px 0}.ad-mid{min-height:280px}.features{padding:56px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:28px 24px;transition:box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.feature-num{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.1em;margin-bottom:12px;display:block}.feature-card h3{font-size:var(--text-base);margin-bottom:8px;font-weight:600}.feature-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.section-title{font-size:var(--text-xl);text-align:center;color:var(--color-text-primary);margin-bottom:32px;font-weight:600}.how-it-works{background:var(--color-surface);padding:56px 0}.steps-grid{justify-content:center;align-items:center;gap:16px;display:flex}.step-card{text-align:center;border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex:1;max-width:240px;padding:24px 16px}.step-num{background:var(--color-accent);color:#fff;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.step-card h3{font-size:var(--text-base);margin-bottom:6px;font-weight:600}.step-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.step-arrow{font-size:var(--text-xl);color:var(--color-accent);flex-shrink:0;font-weight:300}.faq-section{padding:56px 0}.faq-list{max-width:600px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);padding:16px 0}.faq-item summary{font-weight:600;font-size:var(--text-base);cursor:pointer;color:var(--color-text-primary);padding:4px 0}.faq-item summary::-webkit-details-marker{color:var(--color-accent)}.faq-item p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:8px;padding-right:16px;line-height:1.6}.site-footer{border-top:1px solid var(--color-border);text-align:center;background:var(--color-surface);padding:32px 0}.site-footer p{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-social{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.footer-social a{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;transition:color .15s}.footer-tagline{font-size:var(--text-sm);color:var(--color-accent);margin-bottom:12px;font-weight:600}.footer-social a:hover{color:var(--color-accent);opacity:1}.footer-links{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.footer-links a{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=768px){.features-grid{grid-template-columns:1fr;gap:16px}.hero-title{font-size:24px}.hero{padding:48px 0 40px}}@media (width<=480px){.url-input-row{flex-direction:column;padding:8px}.analyze-btn{width:100%}.header-inner{flex-direction:column;gap:4px}}