:root{--bg: #030712;--bg-subtle: #0a1120;--bg-grad: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(99,102,241,.18) 0%, transparent 70%);--card: #0f172a;--card-hover: #131f33;--glass: rgba(15,23,42,.7);--border: #1e293b;--border-hi: #334155;--text: #f0f6ff;--muted: #94a3b8;--subtle: #475569;--primaer: #818cf8;--primaer-dark: #6366f1;--primaer-glow: rgba(99,102,241,.35);--accent: #22d3ee;--ok: #10b981;--warn: #f59e0b;--err: #f87171;--focus: #818cf8;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--maxw: 900px;--shadow-sm: 0 1px 3px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.4);--shadow: 0 4px 12px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 12px 24px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.4);--shadow-glow: 0 0 0 1px var(--primaer), 0 0 24px var(--primaer-glow);--ease-out: cubic-bezier(.16,1,.3,1);--ease-in: cubic-bezier(.4,0,1,1);--dur-fast: .16s;--dur: .3s;--dur-slow: .5s}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--bg-subtle: #f1f5f9;--bg-grad: radial-gradient(ellipse 80% 60% at 50% -20%, rgba(99,102,241,.12) 0%, transparent 70%);--card: #ffffff;--card-hover: #f8fafc;--glass: rgba(255,255,255,.7);--border: #e2e8f0;--border-hi: #cbd5e1;--text: #0f172a;--muted: #64748b;--subtle: #94a3b8;--primaer: #6366f1;--primaer-dark: #4f46e5;--primaer-glow: rgba(99,102,241,.2);--accent: #0891b2;--ok: #059669;--warn: #d97706;--err: #dc2626;--focus: #6366f1;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-glow: 0 0 0 1px var(--primaer), 0 0 20px var(--primaer-glow)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:var(--bg-grad);pointer-events:none;z-index:0}.skip-link{position:absolute;left:-9999px;top:0;background:var(--primaer);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600}.skip-link:focus{left:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,1.5rem) 5rem}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:var(--glass);border-bottom:1px solid var(--border);transition:box-shadow var(--dur) var(--ease-out)}.site-header.scrolled{box-shadow:var(--shadow)}.site-header .bar{max-width:var(--maxw);margin:0 auto;padding:.85rem clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:linear-gradient(135deg,var(--primaer) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--dur-fast) var(--ease-out)}.brand:hover{opacity:.8}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-right a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.9rem;padding:.4rem .9rem;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-right a:hover{color:var(--text);background:var(--border)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--primaer);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem}.eyebrow:before{content:"";display:inline-block;width:1.5rem;height:2px;background:linear-gradient(90deg,var(--primaer),var(--accent));border-radius:1px}.hero{padding:clamp(2.5rem,8vw,5rem) 0 clamp(1.5rem,4vw,2.5rem)}.hero h1{font-size:clamp(2rem,5.5vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem;background:linear-gradient(135deg,var(--text) 0%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .lead{font-size:1.1rem;color:var(--muted);max-width:50ch;line-height:1.7;margin:0 0 2rem}.price-line{font-weight:700;color:var(--primaer);margin-top:.5rem;font-size:.95rem}h2{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 1rem}h3{font-size:1.05rem;font-weight:600;margin:1.75rem 0 .75rem}section{margin-top:4rem}.btn{font:inherit;font-weight:600;font-size:.95rem;min-height:46px;padding:.65rem 1.5rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primaer-dark) 0%,var(--primaer) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--primaer-glow),0 1px 3px #0000004d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px var(--primaer-glow),0 2px 6px #0000004d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--primaer);border-color:var(--border-hi)}.btn-ghost:hover:not(:disabled){background:var(--card);border-color:var(--primaer);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:2rem 0 0}.benefits{list-style:none;display:grid;gap:.6rem;margin:1rem 0 0}.benefits li{display:flex;gap:.75rem;align-items:flex-start;padding:.7rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.benefits li:hover{border-color:var(--border-hi);box-shadow:var(--shadow-sm)}.benefits li:before{content:"✓";color:var(--ok);font-weight:700;flex:0 0 auto;font-size:.85rem;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ok) 12%,var(--card));border-radius:50%}ol{list-style:none;display:grid;gap:.6rem;counter-reset:step;margin:1rem 0 0}ol li{counter-increment:step;display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem}ol li:before{content:counter(step);color:var(--primaer);font-weight:700;font-size:.8rem;flex:0 0 auto;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primaer) 15%,var(--card));border-radius:50%}.sell{margin-top:4rem;padding:2.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.sell h2{margin-bottom:.5rem}.sell .note{max-width:50ch;margin:0 auto 1.5rem}.sell .cta-row{justify-content:center;margin-top:0}.head{padding-top:clamp(2rem,6vw,4rem)}.head h1{font-size:clamp(1.7rem,4.5vw,2.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.sub{color:var(--muted);font-size:1rem;max-width:56ch;margin:0 0 2rem;line-height:1.7}.audit-form{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.audit-form .field{flex:1 1 280px;display:flex;flex-direction:column;gap:.4rem}.label-text{font-weight:600;font-size:.85rem;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}input[type=url],input[type=text]{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;min-height:48px;border:1px solid var(--border-hi);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}input[type=url]:hover,input[type=text]:hover{border-color:var(--muted)}input[type=url]:focus,input[type=text]:focus{outline:none;border-color:var(--primaer);box-shadow:0 0 0 3px var(--primaer-glow)}input::placeholder{color:var(--subtle)}.audit-form .btn{align-self:flex-end;flex:0 0 auto;min-height:48px}.note{color:var(--muted);font-size:.875rem;line-height:1.5}#url-hint{margin:.6rem 0 0 1.5rem}.state{margin-top:1.5rem}[hidden]{display:none!important}#state-empty{padding:3rem 2rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg)}#state-empty .note{font-size:.95rem;max-width:34ch;margin:0 auto}#state-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primaer);border-radius:50%;animation:spin .75s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:var(--primaer);border-radius:50%;animation:bounce 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 bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.error-box{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border:1px solid color-mix(in srgb,var(--err) 40%,var(--border));border-left:4px solid var(--err);border-radius:var(--radius);background:color-mix(in srgb,var(--err) 6%,var(--card))}.error-box strong{color:var(--err);display:block;margin-bottom:.2rem}#error-msg{color:var(--muted);font-size:.9rem}#state-result{animation:fadeSlideUp var(--dur-slow) var(--ease-out) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.score-head{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.25rem}.gauge{--val: 0;--gauge-color: var(--primaer);width:100px;height:100px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gauge-color) calc(var(--val) * 1%),var(--border) 0);box-shadow:0 0 0 1px var(--border),var(--shadow-sm);position:relative}.gauge span{width:78px;height:78px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.score-head .meta-url{word-break:break-all;color:var(--muted);font-size:.85rem;margin-top:.25rem}.score-head h2{font-size:1.5rem;font-weight:800;margin:0}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.cat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-hi)}.cat .cat-score{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.3rem}.cat .cat-label{color:var(--muted);font-size:.82rem;font-weight:500}.cat-section h3{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:2rem 0 .75rem;display:flex;align-items:center;gap:.5rem}.cat-section h3:after{content:"";flex:1;height:1px;background:var(--border)}.findings{display:grid;gap:.6rem}.finding{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--border-hi);border-radius:var(--radius);padding:.9rem 1.1rem;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.finding:hover{transform:translate(2px);box-shadow:var(--shadow)}.finding.sev-error{border-left-color:var(--err)}.finding.sev-warn{border-left-color:var(--warn)}.finding.sev-info{border-left-color:var(--ok)}.finding .f-top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem}.badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px}.badge.sev-error{background:color-mix(in srgb,var(--err) 15%,var(--card));color:var(--err)}.badge.sev-warn{background:color-mix(in srgb,var(--warn) 15%,var(--card));color:var(--warn)}.badge.sev-info{background:color-mix(in srgb,var(--ok) 15%,var(--card));color:var(--ok)}.finding .f-title{font-weight:600;font-size:.95rem}.finding .f-rec{font-size:.9rem;color:var(--muted);margin:0;line-height:1.55}.finding .f-detail{color:var(--subtle);font-size:.82rem;margin:.35rem 0 0;line-height:1.45}.export-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.export-bar .btn{min-height:40px;font-size:.85rem;padding:.5rem 1.1rem}#history-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.history-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem}.history-list{list-style:none;display:grid;gap:.4rem}.hist-item{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.65rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hist-item:hover{border-color:var(--border-hi);box-shadow:var(--shadow-sm)}.btn-link{background:none;border:none;padding:0;font:inherit;font-size:.9rem;color:var(--primaer);cursor:pointer;text-align:left;text-decoration:none;word-break:break-all;flex:1 1 200px;transition:color var(--dur-fast) var(--ease-out)}.btn-link:hover{color:var(--primaer-dark);text-decoration:underline}.hist-meta{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.hist-score{font-weight:700;font-size:.9rem}.hist-date{white-space:nowrap;font-size:.8rem}.disclaimer{color:var(--subtle);font-size:.8rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border);background:var(--card);color:var(--subtle);font-size:.82rem}.site-footer .bar{max-width:var(--maxw);margin:0 auto;padding:1.5rem clamp(1rem,4vw,1.5rem);display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.site-footer a{color:var(--muted);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.site-footer a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.hero-animate{animation:heroIn .7s var(--ease-out) both}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-animate-delay{animation:heroIn .7s var(--ease-out) .15s both}.tool-head-animate{animation:heroIn .6s var(--ease-out) both}@media(max-width:540px){.audit-form .btn{width:100%}.score-head{flex-direction:column;align-items:flex-start}.sell{padding:1.5rem}.hero h1{-webkit-text-fill-color:var(--text)}}@media(max-width:360px){.gauge{width:80px;height:80px}.gauge span{width:62px;height:62px;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media print{.site-header,.audit-form,#url-hint,#state-empty,#state-loading,#state-error,.sell,.export-bar,#history-section,.disclaimer,.site-footer,.eyebrow,.sub,.spinner,.head,body:before{display:none!important}body{background:#fff;color:#000;font-size:12pt}.wrap{max-width:100%;padding:0}.gauge{print-color-adjust:exact;-webkit-print-color-adjust:exact}.finding{break-inside:avoid}a{color:#000;text-decoration:none}.hero h1{-webkit-text-fill-color:#000}}