:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--border:#2a2a3a;--accent:#e8c547;--accent2:#5b8dee;--text:#e8e8f0;--text-muted:#6b6b80;--success:#3ddc84;--warn:#f0a04b;--danger:#e05252;--font-mono:"Space Mono",monospace;--font-sans:"Syne",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 24px 80px}.header{width:100%;max-width:800px;margin-bottom:48px}.header-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.header-tag:before{content:"";display:inline-block;width:20px;height:1px;background:var(--accent)}.header h1{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.05;letter-spacing:-.03em}.header h1 span{color:var(--accent)}.header-desc{margin-top:12px;color:var(--text-muted);font-size:15px;line-height:1.6;font-family:var(--font-mono)}.input-card{width:100%;max-width:800px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:28px;margin-bottom:32px;position:relative;overflow:hidden}.input-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)}.input-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;display:block}.input-row{display:flex;gap:12px}.url-input{flex:1 1;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:14px;padding:12px 16px;border-radius:3px;outline:none;transition:border-color .2s}.url-input:focus{border-color:var(--accent)}.url-input::placeholder{color:var(--text-muted)}.analyze-btn{background:var(--accent);color:#0a0a0f;border:none;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 28px;border-radius:3px;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.analyze-btn:hover:not(:disabled){opacity:.85}.analyze-btn:active:not(:disabled){transform:scale(.98)}.analyze-btn:disabled{opacity:.4;cursor:not-allowed}.loading-state{width:100%;max-width:800px;text-align:center;padding:60px 0}.loading-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.loading-dots span{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.loading-text{color:var(--text-muted);letter-spacing:.1em}.error-box,.loading-text{font-family:var(--font-mono);font-size:13px}.error-box{width:100%;max-width:800px;background:rgba(224,82,82,.1);border:1px solid rgba(224,82,82,.3);border-radius:4px;padding:16px 20px;color:var(--danger)}.result-section{width:100%;max-width:800px;animation:fadeUp .5s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-hero{display:grid;grid-template-columns:auto 1fr;grid-gap:32px;gap:32px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:32px;margin-bottom:20px;position:relative;overflow:hidden}.score-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)}.gauge-wrap{position:relative;width:140px;height:140px;flex-shrink:0}.gauge-svg{transform:rotate(-90deg)}.gauge-track{stroke:var(--border)}.gauge-fill,.gauge-track{fill:none;stroke-width:10}.gauge-fill{stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.16,1,.3,1)}.gauge-number{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-score{font-size:38px;font-weight:800;line-height:1;letter-spacing:-.04em}.gauge-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.score-meta h2{font-size:22px;font-weight:700;margin-bottom:6px}.score-verdict{font-size:12px;color:var(--text-muted);line-height:1.5}.score-url,.score-verdict{font-family:var(--font-mono)}.score-url{font-size:11px;color:var(--accent2);margin-top:8px;word-break:break-all}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:20px}@media (max-width:600px){.breakdown-grid,.score-hero{grid-template-columns:1fr}.score-hero{text-align:center}.gauge-wrap{margin:0 auto}}.breakdown-item{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:18px 20px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.breakdown-name{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.breakdown-score{font-family:var(--font-mono);font-size:13px;font-weight:700}.bar-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;transition:width 1s cubic-bezier(.16,1,.3,1)}.improvements-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:24px 28px}.card-title{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title:after{content:"";flex:1 1;height:1px;background:var(--border)}.improvement-list{list-style:none;display:flex;flex-direction:column;gap:10px}.improvement-item{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text)}.improvement-index{font-family:var(--font-mono);font-size:11px;color:var(--accent);min-width:20px;padding-top:2px}.json-card{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.json-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer}.json-header span{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.json-header span,.json-toggle{font-family:var(--font-mono);font-size:11px}.json-toggle{color:var(--accent)}.json-body{padding:20px;background:var(--bg);overflow-x:auto}.json-body pre{font-family:var(--font-mono);font-size:12px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-all}.paywall-container{position:relative;margin-top:4px}.paywall-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.paywall-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.paywall-card{background:var(--surface2);border:1px solid var(--accent);border-radius:6px;padding:36px 40px;text-align:center;max-width:480px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.7)}.paywall-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.paywall-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:4px}.paywall-note{font-family:var(--font-mono);font-size:11px;color:var(--accent)!important;margin-top:10px!important}.check-categories{display:flex;flex-direction:column;gap:16px}.check-category{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.check-category-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface2)}.check-category-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.check-category-score{font-family:var(--font-mono);font-size:12px;font-weight:700}.check-list{display:flex;flex-direction:column}.check-item{display:grid;grid-template-columns:28px 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:11px 20px;border-bottom:1px solid var(--border);transition:background .15s}.check-item:last-child{border-bottom:none}.check-item:hover{background:hsla(0,0%,100%,.02)}.check-badge{font-family:var(--font-mono);font-size:13px;font-weight:700;width:22px;height:22px;border:1px solid;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.check-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.check-item-label{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-item-detail{line-height:1.4;word-break:break-word}.check-item-detail,.check-item-pts{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.check-item-pts{white-space:nowrap;padding-top:3px}.check-item--pass .check-item-label{color:var(--text)}.check-item--fail .check-item-label{color:var(--danger)}.check-item--warning .check-item-label{color:var(--warn)}.paid-content{gap:20px}.fix-accordion,.paid-content{display:flex;flex-direction:column}.fix-accordion{margin-top:8px;gap:6px;border-left:2px solid var(--border);padding-left:10px}.fix-block{display:flex;gap:8px;align-items:flex-start;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);line-height:1.5}.fix-tag{background:var(--surface2);border:1px solid var(--border);color:var(--accent2);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0;margin-top:1px}.fix-tag--nextjs{color:#e8e8f0;border-color:#555}.fix-tag--wp{color:#21759b;border-color:#21759b44}.fix-tag--nuxt{color:#00dc82;border-color:#00dc8244}.fix-tag--rails{color:#c00;border-color:#cc000044}.free-tier{display:flex;flex-direction:column;gap:16px}.free-issues{background:var(--surface);border:1px solid var(--border);padding:24px 28px;gap:12px}.free-issue-item,.free-issues{border-radius:4px;display:flex;flex-direction:column}.free-issue-item{padding:14px 16px;border:1px solid var(--border);background:var(--bg);gap:6px}.free-issue-header{display:flex;align-items:center;gap:10px}.free-issue-label{font-size:13px;font-weight:600;flex:1 1}.free-issue-pts{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.free-issue--fail .free-issue-label{color:var(--danger)}.free-issue--warning .free-issue-label{color:var(--warn)}.free-issue-detail{line-height:1.5}.free-issue-detail,.free-issue-fix-locked{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding-left:32px}.free-issue-fix-locked{display:flex;align-items:center;gap:6px;opacity:.6}.locked-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed var(--accent);border-radius:4px;background:rgba(232,197,71,.05);cursor:pointer;transition:background .15s;font-size:13px;color:var(--text)}.locked-banner:hover{background:rgba(232,197,71,.1)}.locked-cta{margin-left:auto;color:var(--accent);font-weight:700}.lock-icon{font-size:14px}.purchase-card{background:var(--surface2);border:1px solid var(--accent);border-radius:6px;padding:36px 40px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.5)}.purchase-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.purchase-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:4px}.purchase-btn{width:100%;padding:18px;font-size:16px;margin-top:16px}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:80px 24px;max-width:900px;margin:0 auto;width:100%}.landing-hero{text-align:center;margin-bottom:72px}.landing-title{font-size:clamp(36px,6vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:20px 0 24px}.landing-title span{color:var(--accent)}.landing-subtitle{font-size:16px;color:var(--text-muted);line-height:1.7;font-family:var(--font-mono);margin-bottom:36px}.landing-cta{padding:18px 40px;font-size:15px;border-radius:4px}.landing-cta-note{margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;width:100%}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:28px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.feature-icon{font-size:28px;margin-bottom:14px}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--text)}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.6;font-family:var(--font-mono)}@media (max-width:700px){.landing-features{grid-template-columns:1fr}}@media (max-width:600px){.check-item{grid-template-columns:24px 1fr auto;gap:8px;padding:10px 14px}.purchase-card{padding:24px 20px}.landing{padding:48px 16px 60px}}