:root,:root[data-theme=dark]{--bg-base: #07090e;--bg-surface: #0c1017;--bg-card: #0f141f;--bg-card-hover: #151c2b;--bg-card-active: #1c2538;--bg-elevated: #161c28;--bg-input: #0b0f17;--border-subtle: rgba(255, 255, 255, .09);--border-medium: rgba(255, 255, 255, .16);--border-glow: rgba(56, 189, 248, .4);--border-accent: rgba(99, 102, 241, .5);--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--neon-cyan: #38bdf8;--neon-emerald: #10b981;--neon-indigo: #6366f1;--neon-purple: #a855f7;--neon-amber: #f59e0b;--neon-rose: #f43f5e;--glow-cyan: 0 0 25px -4px rgba(56, 189, 248, .35);--glow-emerald: 0 0 25px -4px rgba(16, 185, 129, .35);--card-shadow: 0 20px 40px -15px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--grid-line: rgba(255, 255, 255, .03);--radial-gradient-hero: radial-gradient(circle at 50% -10%, rgba(56, 189, 248, .15) 0%, rgba(99, 102, 241, .08) 35%, transparent 70%);--code-bg: #030712;--code-text: #38bdf8;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}:root[data-theme=light]{--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-card-active: #e2e8f0;--bg-elevated: #f8fafc;--bg-input: #ffffff;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-glow: rgba(14, 165, 233, .45);--border-accent: rgba(99, 102, 241, .4);--text-main: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--neon-cyan: #0284c7;--neon-emerald: #059669;--neon-indigo: #4f46e5;--neon-purple: #9333ea;--neon-amber: #d97706;--neon-rose: #e11d48;--glow-cyan: 0 10px 25px -4px rgba(14, 165, 233, .2);--glow-emerald: 0 10px 25px -4px rgba(5, 150, 105, .2);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .06);--grid-line: rgba(0, 0, 0, .035);--radial-gradient-hero: radial-gradient(circle at 50% -10%, rgba(14, 165, 233, .12) 0%, rgba(99, 102, 241, .06) 40%, transparent 70%);--code-bg: #f8fafc;--code-text: #0369a1;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;background-image:var(--radial-gradient-hero),linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px;background-attachment:fixed;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em}code,pre,.mono{font-family:var(--font-mono)}.app-viewport{width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(16px,3vw,48px)}.hud-panel,.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--card-shadow);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.hud-panel:hover,.glass-panel:hover{border-color:var(--border-medium)}.hud-panel-glow{border-color:var(--border-glow);box-shadow:var(--glow-cyan)}.score-summary-grid{display:grid;grid-template-columns:220px 1fr 280px;align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(24px,3vw,36px);width:100%}@media(max-width:1080px){.score-summary-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px}}.command-bar{display:flex;align-items:center;gap:12px;background:var(--bg-input);border:1px solid var(--border-glow);border-radius:16px;padding:8px 10px 8px 18px;box-shadow:var(--glow-cyan);transition:all .25s ease;width:100%;max-width:900px;margin:0 auto}.command-bar:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 35px -5px #38bdf880;transform:translateY(-1px)}@media(max-width:700px){.command-bar{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.command-bar input{width:100%!important}.command-bar select,.command-bar button{width:100%!important;justify-content:center!important}}.btn-cyber-primary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0284c7,#4f46e5,#7c3aed);background-size:200% 200%;color:#fff!important;font-weight:700;font-family:var(--font-display);padding:12px 24px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 4px 18px -2px #6366f166;transition:all .25s ease;font-size:.92rem;letter-spacing:-.01em;white-space:nowrap}.btn-cyber-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px -2px #6366f18c;filter:brightness(1.1);background-position:100% 50%}.btn-cyber-primary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-cyber-secondary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-elevated);color:var(--text-main);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-cyber-secondary:hover,.btn-secondary:hover{background:var(--bg-card-active);border-color:var(--border-medium);transform:translateY(-1px)}.btn-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-theme-toggle:hover{background:var(--border-medium);border-color:var(--neon-cyan);transform:rotate(15deg)}.nav-segmented{display:flex;align-items:center;gap:8px;padding:6px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px;overflow-x:auto}.nav-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:700;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{color:var(--text-main)}.nav-tab.active{color:#fff!important;background:linear-gradient(135deg,#0284c7,#4f46e5);box-shadow:0 4px 14px -2px #6366f166}.status-pill,.badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;padding:4px 12px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono);white-space:nowrap}.pill-cyan,.badge-cyan{background:#38bdf824;color:var(--neon-cyan);border:1px solid rgba(56,189,248,.35)}.pill-emerald,.badge-emerald{background:#10b98124;color:var(--neon-emerald);border:1px solid rgba(16,185,129,.35)}.pill-purple,.badge-purple{background:#a855f724;color:var(--neon-purple);border:1px solid rgba(168,85,247,.35)}.pill-amber,.badge-amber{background:#f59e0b24;color:var(--neon-amber);border:1px solid rgba(245,158,11,.35)}.pill-rose,.badge-rose{background:#f43f5e24;color:var(--neon-rose);border:1px solid rgba(244,63,94,.35)}.terminal-stream{background:var(--code-bg);border:1px solid var(--border-glow);border-radius:16px;padding:20px;font-family:var(--font-mono);box-shadow:var(--glow-cyan);max-width:860px;margin:24px auto 36px}@keyframes cyberPulse{0%,to{box-shadow:0 0 20px -3px #38bdf84d}50%{box-shadow:0 0 35px 2px #6366f180}}.cyber-pulse{animation:cyberPulse 3s infinite ease-in-out}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.scan-beam{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);animation:scanline 4s linear infinite;opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in-up{animation:fadeInUp .45s cubic-bezier(.16,1,.3,1) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.2s}.stagger-4{animation-delay:.28s}.stagger-5{animation-delay:.36s}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-pop{animation:modalPop .3s cubic-bezier(.16,1,.3,1) both}@keyframes attentionPulse{0%,to{transform:scale(1);box-shadow:0 0 #f43f5e00}50%{transform:scale(1.02);box-shadow:0 0 16px 2px #f43f5e59}}.pulse-attention{animation:attentionPulse 2.4s infinite ease-in-out}@keyframes amberAttentionPulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b00}50%{transform:scale(1.02);box-shadow:0 0 16px 2px #f59e0b59}}.pulse-amber{animation:amberAttentionPulse 2.4s infinite ease-in-out}@keyframes floatGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-15px,-10px) scale(1.08);opacity:.8}}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:floatGlow 8s infinite ease-in-out}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.border-flow{background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#38bdf8);background-size:300% 300%;animation:gradientBorder 6s ease infinite}@keyframes checkBounce{0%{transform:scale(.6)}60%{transform:scale(1.3)}to{transform:scale(1)}}.animate-check-bounce{animation:checkBounce .35s cubic-bezier(.34,1.56,.64,1) both}.hud-panel{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.hud-panel:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px #0006,0 0 20px -5px #38bdf826}button:active{transform:scale(.97)}.btn-cyber-primary,.btn-cyber-secondary{transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-cyber-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #38bdf880}.btn-cyber-secondary:hover{transform:translateY(-2px);border-color:var(--neon-cyan)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7d7d7d40;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#7d7d7d73}.factsheet-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,18px);width:100%}@media(max-width:1180px){.factsheet-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.factsheet-card-grid{grid-template-columns:1fr;gap:12px}}.factsheet-card{min-width:0;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.cyber-url-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--neon-cyan);font-size:.8rem;font-weight:600;text-decoration:none;max-width:100%;min-width:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.cyber-url-chip:hover{background:#38bdf81f;border-color:var(--neon-cyan);color:var(--text-main);transform:translateY(-1px);box-shadow:0 4px 14px -3px #38bdf84d}.cyber-url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.checks-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,20px);width:100%}@media(max-width:900px){.checks-card-grid{grid-template-columns:1fr;gap:12px}}.pillar-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);width:100%}@media(max-width:1024px){.pillar-summary-grid{grid-template-columns:1fr;gap:14px}}.crawler-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,20px);width:100%}@media(max-width:1100px){.crawler-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.crawler-metrics-grid{grid-template-columns:1fr;gap:12px}}.bot-radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}@media(max-width:1180px){.bot-radar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.bot-radar-grid{grid-template-columns:1fr}}@keyframes pulseRadarPing{0%{transform:scale(.96);box-shadow:0 0 #38bdf8b3}70%{transform:scale(1.1);box-shadow:0 0 0 18px #38bdf800}to{transform:scale(.96);box-shadow:0 0 #38bdf800}}@keyframes rotateBorderRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes laserGlide{0%{background-position:-200% 0}to{background-position:200% 0}}.stepper-pipeline-track{background:linear-gradient(90deg,#38bdf8,#818cf8 40%,#c084fc,#38bdf8);background-size:200% 100%;animation:laserGlide 2.5s linear infinite;box-shadow:0 0 14px #38bdf8bf}.stepper-node-active{animation:pulseRadarPing 1.8s infinite cubic-bezier(.24,0,.38,1)}.stepper-rotating-ring{animation:rotateBorderRing 4s linear infinite}