:root{--bg: #08080e;--bg-2: #0d0d16;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #ececf3;--muted: #9b9baf;--faint: #6b6b7e;--accent: #7c6cff;--accent-2: #b16cff;--grad: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--grad-soft: linear-gradient(135deg, rgba(99, 102, 241, .18), rgba(168, 85, 247, .14), rgba(236, 72, 153, .12));--sev-critical: #f87171;--sev-warning: #fb923c;--sev-suggestion: #60a5fa;--sev-info: #9ca3af;--sev-positive: #34d399;--tier-excellent: #34d399;--tier-strong: #60a5fa;--tier-solid: #2dd4bf;--tier-developing: #fbbf24;--tier-rough: #fb923c;--radius: 18px;--radius-sm: 12px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 600px at 15% -10%,rgba(124,108,255,.16),transparent 60%),radial-gradient(1000px 700px at 100% 0%,rgba(236,72,153,.1),transparent 55%),radial-gradient(900px 900px at 50% 120%,rgba(52,211,153,.06),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}button{font-family:inherit;cursor:pointer}::selection{background:#7c6cff59}.container{max-width:1040px;margin:0 auto;padding:0 24px}.section{padding:40px 0}.muted{color:var(--muted)}.faint{color:var(--faint)}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08080e99;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand .dot{width:26px;height:26px;border-radius:8px;background:var(--grad);box-shadow:0 6px 20px #7c6cff73}.brand span.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.pad{padding:22px}.card-hover{transition:transform .18s ease,border-color .18s ease,background .18s ease}.card-hover:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:11px 18px;border-radius:12px;font-weight:600;font-size:14px;transition:all .16s ease}.btn:hover{border-color:var(--border-strong);background:#ffffff17}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border:none;background:var(--grad);color:#fff;box-shadow:0 10px 30px #7c6cff59}.btn-primary:hover{filter:brightness(1.06)}.btn-lg{padding:14px 26px;font-size:15px}.btn-ghost{background:transparent}label.field{display:block;margin-bottom:16px}label.field .lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px}.input,textarea.input,select.input{width:100%;background:#00000040;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,textarea.input:focus,select.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cff2e}textarea.input{resize:vertical;min-height:84px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%239b9baf' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.chip .swatch{width:7px;height:7px;border-radius:999px}.sev-critical{color:var(--sev-critical);background:#f871711f}.sev-warning{color:var(--sev-warning);background:#fb923c1f}.sev-suggestion{color:var(--sev-suggestion);background:#60a5fa1f}.sev-info{color:var(--sev-info);background:#9ca3af1f}.sev-positive{color:var(--sev-positive);background:#34d3991f}.bg-critical{background:var(--sev-critical)}.bg-warning{background:var(--sev-warning)}.bg-suggestion{background:var(--sev-suggestion)}.bg-info{background:var(--sev-info)}.bg-positive{background:var(--sev-positive)}.seg{display:inline-flex;background:#0000004d;border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}.seg button{border:none;background:transparent;color:var(--muted);padding:9px 16px;border-radius:9px;font-weight:600;font-size:14px;transition:all .15s ease}.seg button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.hero{text-align:center;padding:56px 0 28px}.hero h1{font-size:46px;line-height:1.05;letter-spacing:-.03em;margin:14px 0 12px;font-weight:800}.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;color:var(--muted);max-width:620px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:999px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:44px 24px;text-align:center;transition:all .18s ease;background:var(--surface)}.dropzone.drag{border-color:var(--accent);background:var(--grad-soft)}.dropzone .ic{font-size:34px}.recorder video{width:100%;border-radius:var(--radius-sm);background:#000;display:block;aspect-ratio:16/9;object-fit:cover}.rec-dot{width:10px;height:10px;border-radius:999px;background:var(--sev-critical);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.grade-hero{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}.rating-badge{min-width:168px;padding:22px 26px;border-radius:26px;position:relative;background:var(--surface);border:1px solid var(--border);text-align:center}.rating-badge .score{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.rating-badge .score .pct{font-size:20px;color:var(--muted);font-weight:600}.rating-badge .label{margin-top:8px;font-size:15px;font-weight:700;letter-spacing:-.01em}.rating-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;padding:1.5px;background:var(--tier-color, var(--grad));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}.tier-excellent{--tier-color: var(--tier-excellent)}.tier-strong{--tier-color: var(--tier-strong)}.tier-solid{--tier-color: var(--tier-solid)}.tier-developing{--tier-color: var(--tier-developing)}.tier-rough{--tier-color: var(--tier-rough)}.tier-excellent .label{color:var(--tier-excellent)}.tier-strong .label{color:var(--tier-strong)}.tier-solid .label{color:var(--tier-solid)}.tier-developing .label{color:var(--tier-developing)}.tier-rough .label{color:var(--tier-rough)}.ring-wrap{display:flex;align-items:center;gap:16px}.ring{position:relative}.ring .val{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:18px}.dim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dim-grid .icon{font-size:20px}.player-shell{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border)}.player-shell video{width:100%;display:block;aspect-ratio:16/9;background:#000}.scrubber{position:relative;height:46px;margin-top:14px}.track{position:absolute;top:20px;left:0;right:0;height:6px;border-radius:999px;background:#ffffff1a;overflow:visible}.track .played{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--grad)}.track .head{position:absolute;top:50%;width:15px;height:15px;border-radius:999px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}.marker{position:absolute;top:12px;width:12px;height:12px;border-radius:999px;transform:translate(-50%);border:2px solid var(--bg-2);cursor:pointer;transition:transform .12s ease}.marker:hover{transform:translate(-50%) scale(1.35)}.time-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--muted);margin-top:2px}.feedback-live{min-height:120px}.finding{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s ease,background .15s ease}.finding.active{border-color:var(--border-strong);background:var(--surface-2)}.finding .bar{width:3px;border-radius:999px}.finding .msg{font-weight:600;font-size:14.5px}.finding .fix{font-size:13px;color:var(--muted);margin-top:4px}.finding .ts{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;cursor:pointer}.finding .ts:hover{color:var(--accent)}.tips{display:grid;gap:10px}.tip{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.steps{display:grid;gap:12px;margin-top:26px}.step{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.step .ic{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--border);flex:none}.step.done .ic{background:#34d39929;border-color:transparent;color:var(--sev-positive)}.step.active .ic{background:var(--grad);border-color:transparent;color:#fff}.spinner{width:15px;height:15px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hr{height:1px;background:var(--border);border:none;margin:8px 0}h2.sec-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.sec-sub{color:var(--muted);margin:0 0 18px;font-size:14.5px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1}.stack{display:grid;gap:14px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}@media (max-width: 820px){.dim-grid{grid-template-columns:1fr}.grade-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.hero h1{font-size:36px}}