*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #121110;--bg-card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .06);--text: #E8E4DE;--text-muted: rgba(232, 228, 222, .5);--text-dim: rgba(232, 228, 222, .3);--accent: #6EE7A0;--accent-dim: rgba(110, 231, 160, .12);--amber: #F5C542;--orange: #F5944E;--red: #EF4444;--font-mono: "DM Mono", monospace;--font-sans: "DM Sans", sans-serif;--font-serif: "Instrument Serif", serif;--radius: 12px;--radius-sm: 8px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;min-height:100vh}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 100%)}.app{position:relative;z-index:1;min-height:100vh}.container{max-width:920px;margin:0 auto;padding:80px 24px 60px}.header{text-align:center;margin-bottom:48px}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;padding:6px 16px;border:1px solid var(--accent-dim);border-radius:100px;background:var(--accent-dim)}.headline{font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;line-height:1.15;color:var(--text);margin-bottom:16px}.headline-accent{font-style:italic;color:var(--accent)}.subhead{font-size:1.05rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.65}.url-input-form{margin-bottom:48px}.url-input-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:6px 6px 6px 20px;transition:border-color .2s}.url-input-wrapper:focus-within{border-color:#6ee7a04d}.url-input-prefix{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-right:12px;flex-shrink:0}.url-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:.95rem;padding:12px 0}.url-input::placeholder{color:var(--text-dim)}.analyse-btn{flex-shrink:0;background:var(--accent);color:var(--bg);font-family:var(--font-sans);font-weight:600;font-size:.9rem;padding:12px 28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s,transform .15s;display:flex;align-items:center;gap:8px}.analyse-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.analyse-btn:active:not(:disabled){transform:translateY(0)}.analyse-btn:disabled{opacity:.4;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(18,17,16,.3);border-top-color:var(--bg);border-radius:50%;animation:spin .6s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);animation:pulse 2s ease-in-out infinite}.error-card{display:flex;align-items:flex-start;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:16px 20px;margin-bottom:32px}.error-icon{font-size:1.2rem;flex-shrink:0;line-height:1.6}.error-card p{font-size:.9rem;color:var(--text);line-height:1.6}.score-card{display:flex;align-items:center;gap:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;margin-bottom:32px}.score-ring-container{position:relative;flex-shrink:0}.score-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-family:var(--font-mono);font-size:2.8rem;font-weight:500;line-height:1}.score-grade{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}.score-summary{flex:1}.score-heading{font-family:var(--font-serif);font-size:1.4rem;font-weight:400;margin-bottom:4px;color:var(--text)}.score-status{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;margin-bottom:12px}.score-description{font-size:.9rem;color:var(--text-muted);line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:32px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:border-color .2s;display:flex;flex-direction:column;gap:0}.category-card:hover{border-color:#ffffff1a}.category-card--empty{opacity:.6}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.category-icon{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0}.category-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.03em;color:var(--text-muted);flex:1}.category-score{font-family:var(--font-mono);font-size:1.5rem;font-weight:600}.category-bar-track{height:6px;background:#ffffff0f;border-radius:3px;margin-bottom:16px;overflow:hidden}.category-bar-fill{height:100%;border-radius:3px;width:0;animation:bar-fill .8s ease-out forwards}.category-explanation{margin-bottom:14px}.category-what-it-means{font-size:.84rem;color:var(--text-muted);line-height:1.65}.category-finding{background:#ffffff08;border-radius:var(--radius-sm);padding:14px;margin-bottom:14px;border-left:3px solid rgba(255,255,255,.08)}.category-finding-label{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.category-rationale{font-size:.84rem;color:var(--text);line-height:1.65}.category-quick-wins{margin-top:auto;padding-top:2px}.quick-wins-toggle{display:flex;align-items:center;gap:8px;width:100%;background:#6ee7a00f;border:1px solid rgba(110,231,160,.1);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;color:var(--accent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;transition:background .2s,border-color .2s}.quick-wins-toggle:hover{background:#6ee7a01a;border-color:#6ee7a033}.quick-wins-toggle-icon{font-size:.7rem;width:12px}.quick-wins-count{margin-left:auto;background:#6ee7a026;padding:1px 8px;border-radius:100px;font-size:.65rem}.quick-wins-list{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:8px;animation:fade-in .3s ease-out}.quick-win-item{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:var(--text);line-height:1.55}.quick-win-check{color:var(--accent);font-weight:700;font-size:.75rem;margin-top:2px;flex-shrink:0;width:16px}.recommendations{background:var(--accent-dim);border:1px solid rgba(110,231,160,.15);border-radius:var(--radius);padding:28px 28px 20px;margin-bottom:32px}.recommendations-heading{font-family:var(--font-serif);font-size:1.3rem;font-weight:400;color:var(--text);margin-bottom:8px}.recommendations-intro{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.rec-group{margin-bottom:18px}.rec-group:last-child{margin-bottom:0}.rec-priority-badge{display:inline-block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:10px}.rec-priority-high{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.rec-priority-medium{background:#f5c5421f;color:var(--amber);border:1px solid rgba(245,197,66,.2)}.recommendations-list{list-style:none;display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;align-items:flex-start;gap:12px}.recommendation-icon{font-size:1.1rem;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:var(--radius-sm);margin-top:1px}.recommendation-item p{font-size:.88rem;color:var(--text);line-height:1.6}.empty-state{margin-top:16px}.empty-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;text-align:center}.footer{text-align:center;padding-top:40px;border-top:1px solid var(--border);margin-top:40px}.footer p{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.05em}.results-section{animation:fade-in .4s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in,.fade-in-up{animation:fade-in .5s ease-out both}@keyframes bar-fill{0%{width:0}}@media(max-width:640px){.container{padding:48px 16px 40px}.headline{font-size:2rem}.subhead{font-size:.95rem}.score-card{flex-direction:column;text-align:center;padding:28px 24px;gap:24px}.category-grid{grid-template-columns:1fr}.url-input-wrapper{flex-wrap:wrap;padding:8px}.url-input-prefix{display:none}.url-input{width:100%;padding:10px 12px;font-size:.88rem}.analyse-btn{width:100%;justify-content:center;padding:12px}.recommendations{padding:20px}}