:root{--gradient-start: #03599E;--gradient-mid: #0576CC;--gradient-end: #22D3EE;--gradient-brand: linear-gradient(135deg, #03599E, #0576CC, #22D3EE);--gradient-brand-hover: linear-gradient(135deg, #024882, #046ABB, #0096B4);--warm-orange: #F97316;--warm-orange-light: #FB923C;--volt-green: #00E676;--volt-green-dark: #00C853;--vivid-red: #FF3B3B;--font-heading: "Satoshi", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 60px rgba(3, 89, 158, .12), 0 0 120px rgba(34, 211, 238, .06)}:root,[data-theme=dark]{--bg-primary: #0F172A;--bg-surface: #1E293B;--bg-elevated: #283547;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .5);--glass-bg-strong: rgba(30, 41, 59, .6);--glass-border: #334155;--nav-overlay-bg: rgba(15, 23, 42, .6);--nav-panel-bg: rgba(15, 23, 42, .92);--table-header-bg: rgba(3, 89, 158, .1);--table-stripe-bg: rgba(30, 41, 59, .3);--code-bg: rgba(15, 23, 42, .6);--gradient-subtle: linear-gradient(135deg, rgba(3, 89, 158, .06), rgba(34, 211, 238, .06));--gradient-glow: linear-gradient(135deg, rgba(3, 89, 158, .12), rgba(34, 211, 238, .12));--section-divider-color: #334155;--hero-badge-border: rgba(3, 89, 158, .2);--dark-bg: #0F172A;--dark-surface: #1E293B;--dark-elevated: #283547;--light-bg: #F8FAFC;--light-surface: #FFFFFF;--text-on-dark: #F8FAFC;--text-on-dark-secondary: #CBD5E1;--border: #E2E8F0;--border-dark: #334155}[data-theme=light]{--bg-primary: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--border-color: #E2E8F0;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .8);--glass-border: #CBD5E1;--nav-overlay-bg: rgba(0, 0, 0, .3);--nav-panel-bg: rgba(255, 255, 255, .95);--table-header-bg: rgba(3, 89, 158, .06);--table-stripe-bg: rgba(3, 89, 158, .03);--code-bg: rgba(0, 0, 0, .03);--gradient-subtle: linear-gradient(135deg, rgba(3, 89, 158, .04), rgba(34, 211, 238, .04));--gradient-glow: linear-gradient(135deg, rgba(3, 89, 158, .08), rgba(34, 211, 238, .08));--section-divider-color: #E2E8F0;--hero-badge-border: rgba(3, 89, 158, .15);--volt-green: #047857;--volt-green-dark: #065F46;--vivid-red: #DC2626;--dark-bg: #0F172A;--dark-surface: #1E293B;--dark-elevated: #283547;--light-bg: #F8FAFC;--light-surface: #FFFFFF;--text-on-dark: #0F172A;--text-on-dark-secondary: #475569;--border: #E2E8F0;--border-dark: #E2E8F0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);line-height:1.6;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;width:100%;max-width:100vw}#root{overflow-x:hidden;max-width:100vw}.hamburger-btn{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;transition:all .3s;padding:0}.hamburger-btn:hover{transform:scale(1.1)}.hamburger-btn.is-hidden{transform:translateY(-80px);pointer-events:none}.hamburger-line{display:block;width:24px;height:2.5px;background:var(--gradient-brand);border-radius:2px;transition:all .3s;transform-origin:center}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--nav-overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-overlay.is-visible{opacity:1;visibility:visible}.nav-panel{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;height:100dvh;z-index:999;background:var(--nav-panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-color);box-shadow:-8px 0 40px #0000004d;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:80px 24px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-panel.is-open{transform:translate(0)}.nav-panel-label{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;padding-left:4px}.nav-panel-links{display:flex;flex-direction:column;gap:2px}.nav-panel-link{display:block;padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .15s}.nav-panel-link:hover{background:var(--gradient-subtle);color:var(--text-primary);border-left:2px solid var(--gradient-start);padding-left:10px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-5);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(3,89,158,.15) 0%,transparent 70%);filter:blur(100px);animation:orbFloat 18s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-15%;right:-5%;width:55%;height:55%;background:radial-gradient(ellipse,rgba(6,182,212,.12) 0%,transparent 65%);filter:blur(80px);animation:orbFloat 14s ease-in-out infinite reverse;pointer-events:none}.hero-orb-3{position:absolute;top:40%;right:25%;width:30%;height:30%;background:radial-gradient(ellipse,rgba(249,115,22,.06) 0%,transparent 70%);filter:blur(60px);animation:orbFloat 22s ease-in-out infinite;pointer-events:none}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,-3%) scale(1.05)}66%{transform:translate(-2%,2%) scale(.95)}}.hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:8px 22px;background:var(--gradient-subtle);border:1px solid rgba(3,89,158,.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--volt-green);animation:activePulse 2.5s ease-in-out infinite}@keyframes activePulse{0%,to{opacity:1;box-shadow:0 0 12px #00e67699}50%{opacity:.5;box-shadow:0 0 4px #00e67633}}@keyframes gradientPulse{0%,to{opacity:1;box-shadow:0 0 12px #03599e80}50%{opacity:.6;box-shadow:0 0 4px #06b6d44d}}.hero-logos{display:flex;gap:24px;justify-content:center;align-items:center;margin-bottom:var(--space-4);z-index:1;position:relative}.hero-logos img{height:70px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hero-brand{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(48px,8vw,80px);font-weight:900;line-height:.95;letter-spacing:-.04em;margin-bottom:var(--space-3)}.hero-brand .rdt{color:var(--text-primary)}.hero-brand .ai,.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(20px,3vw,32px);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:-.01em}.hero-description{position:relative;z-index:1;max-width:640px;font-size:17px;line-height:1.7;color:var(--text-muted);margin-bottom:var(--space-5)}.hero-ctas{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:var(--space-4)}.btn-gradient{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--gradient-brand);color:#fff;font-family:var(--font-heading);font-size:16px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s;box-shadow:var(--shadow-glow);text-decoration:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s;box-shadow:var(--shadow-glow)}.btn-icon:hover,.btn-gradient:hover,#copyAllBtn:hover{transform:translateY(-2px);box-shadow:0 0 80px #03599e33,0 0 160px #22d3ee1a}#copyAllBtn{background:var(--gradient-brand);color:#fff;border:none;height:48px;padding:0 20px;font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px;transition:all .3s;text-transform:uppercase;box-shadow:var(--shadow-glow)}.section{padding:var(--space-7) var(--space-5);max-width:1200px;margin:0 auto;overflow:hidden}.section-divider{width:100%;max-width:1200px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--section-divider-color),transparent)}.section-label{font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-1);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:var(--font-heading);font-size:clamp(32px,5vw,50px);font-weight:900;letter-spacing:-.03em;margin-bottom:var(--space-2)}.section-subtitle{font-size:17px;color:var(--text-muted);max-width:640px;line-height:1.7;margin-bottom:var(--space-5)}.subsection-title{font-family:var(--font-heading);font-size:22px;font-weight:700;margin:25px 0 15px}.gradient-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.gradient-card{height:180px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.gradient-card-name{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.gradient-card-spec{font-family:var(--font-mono);font-size:12px;color:#ffffffb3}.color-system{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.color-group-title{grid-column:1/-1;font-family:var(--font-heading);font-size:18px;font-weight:700;margin-top:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-color)}.color-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .3s;cursor:pointer}.color-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.color-card-swatch{height:120px;display:flex;align-items:flex-end;padding:var(--space-2)}.color-card-info{padding:var(--space-2) var(--space-2) var(--space-3)}.color-card-name{font-family:var(--font-heading);font-size:15px;font-weight:700;margin-bottom:4px}.color-card-hex{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.color-card-role{font-size:13px;color:var(--text-muted);margin-top:4px}.shade-ramp{margin-bottom:var(--space-4)}.ramp-title{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:var(--space-2)}.ramp-row{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ramp-swatch{height:75px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;position:relative}.ramp-swatch:hover{transform:translateY(-3px)}.ramp-label{font-family:var(--font-mono);font-size:11px;opacity:.7}.ramp-hex{font-family:var(--font-mono);font-size:12px;font-weight:500}.ramp-swatch.light{color:#0f172a}.ramp-swatch.dark{color:#f8fafc}.type-showcase{display:grid;gap:var(--space-4)}.type-card{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .3s;position:relative;overflow:hidden}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity .3s}.type-card:hover{border-color:#03599e4d}.type-card:hover:before{opacity:1}.type-card-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3);display:flex;justify-content:space-between}.type-card-label .hl{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.type-sample-display{font-family:var(--font-heading);font-size:60px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-2)}.type-sample-sub{font-family:var(--font-heading);font-size:28px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-3)}.type-sample-body{font-family:var(--font-body);font-size:16px;line-height:1.75;color:var(--text-muted);max-width:620px}.type-sample-mono{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);background:#03599e0f;border:1px solid rgba(3,89,158,.1);padding:var(--space-3);border-radius:var(--radius-sm);line-height:1.8}.code-block{background:var(--code-bg);border:1px solid var(--border-color);padding:var(--space-3);margin:var(--space-2) 0;border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;font-size:13px;color:var(--text-on-dark-secondary);line-height:1.8;max-width:100%;overflow-x:auto}.arch-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;position:relative;overflow:hidden}.arch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand)}.arch-layers{display:grid;gap:var(--space-2);max-width:600px;margin:0 auto}.arch-layer{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:14px;font-weight:700;text-align:center}.arch-layer.dashboard{background:var(--gradient-brand);color:#fff}.arch-layer.engine{background:#03599e26;color:#7cb9e8;border:1px solid rgba(3,89,158,.2)}.arch-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.arch-agent{padding:var(--space-2);background:#06b6d414;border:1px solid rgba(6,182,212,.15);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:12px;font-weight:500;color:var(--text-secondary)}.arch-layer.integrations{background:#f9731614;color:var(--warm-orange-light);border:1px solid rgba(249,115,22,.15)}.dashboard-preview{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow)}.dash-titlebar{display:flex;align-items:center;gap:8px;padding:14px var(--space-3);background:var(--code-bg);border-bottom:1px solid var(--border-color)}.dash-dot{width:12px;height:12px;border-radius:50%}.dash-dot.red{background:#ef4444}.dash-dot.yellow{background:#f59e0b}.dash-dot.green{background:#22c55e}.dash-titlebar-text{margin-left:auto;margin-right:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.dash-content{display:grid;grid-template-columns:240px 1fr;min-height:450px}.dash-sidebar{background:var(--code-bg);padding:var(--space-2);border-right:1px solid var(--border-color)}.dash-sidebar-logo{font-family:var(--font-heading);font-size:22px;font-weight:900;padding:var(--space-2);margin-bottom:var(--space-3)}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:11px var(--space-2);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-heading);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.dash-nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.dash-nav-item.active{background:var(--gradient-subtle);color:var(--text-primary);border:1px solid rgba(3,89,158,.15)}.dash-main{padding:var(--space-3)}.dash-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.dash-main-title{font-family:var(--font-heading);font-size:24px;font-weight:900}.dash-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.dash-stat{background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);position:relative;overflow:hidden}.dash-stat:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.5}.dash-stat-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.dash-stat-value{font-family:var(--font-heading);font-size:32px;font-weight:900}.dash-stat-value.gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-stat-value.orange{color:var(--warm-orange)}.dash-stat-value.volt-green{color:var(--volt-green)}.dash-agent-list{display:grid;gap:var(--space-1)}.dash-agent{display:flex;align-items:center;gap:12px;padding:12px var(--space-2);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:background .15s}.dash-agent:hover{background:#0f172acc}.dash-agent-dot{width:8px;height:8px;border-radius:50%;background:var(--gradient-brand);animation:gradientPulse 2.5s infinite}.dash-agent-name{font-family:var(--font-heading);font-weight:500}.dash-agent-status{margin-left:auto;color:var(--text-muted);font-size:12px}.lq-content{display:grid;grid-template-columns:240px 1fr;min-height:520px}.lq-main{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.lq-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.lq-stat-card{background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);position:relative;overflow:hidden;transition:transform .2s,box-shadow .3s}.lq-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.lq-stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.5}.lq-stat-card.accent:after{background:var(--volt-green);opacity:.8}.lq-stat-label{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.lq-stat-number{font-family:var(--font-heading);font-size:36px;font-weight:900;letter-spacing:-.02em;line-height:1}.lq-stat-number.gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lq-stat-number.volt-green{color:var(--volt-green)}.lq-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);flex:1}.lq-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);position:relative;overflow:hidden;display:flex;flex-direction:column}.lq-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand)}.lq-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.lq-panel-title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--text-primary)}.lq-panel-meta{font-family:var(--font-mono);font-size:13px;color:var(--volt-green);font-weight:500}.lq-progress-track{width:100%;height:10px;background:#33415580;border-radius:100px;overflow:hidden;margin-bottom:var(--space-2)}.lq-progress-bar{height:100%;background:linear-gradient(90deg,var(--volt-green),var(--volt-green-dark));border-radius:100px;transition:width 2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #00e6764d}.lq-progress-detail{display:flex;align-items:baseline;gap:8px;margin-bottom:var(--space-3)}.lq-progress-count{font-family:var(--font-heading);font-size:22px;font-weight:900;color:var(--text-primary)}.lq-progress-sublabel{font-size:13px;color:var(--text-muted)}.lq-agent-activity{border-top:1px solid var(--border-color);padding-top:var(--space-2);margin-top:auto}.lq-agent-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px}.lq-agent-name{font-family:var(--font-heading);font-weight:500;color:var(--text-primary)}.lq-agent-task{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.lq-state-list{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-3)}.lq-state-row{display:flex;align-items:center;gap:10px}.lq-state-rank{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);width:22px;flex-shrink:0}.lq-state-name{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--text-primary);width:28px;flex-shrink:0}.lq-state-bar-track{flex:1;height:6px;background:#33415580;border-radius:100px;overflow:hidden}.lq-state-bar-fill{height:100%;background:var(--gradient-brand);border-radius:100px;transition:width 2s cubic-bezier(.16,1,.3,1)}.lq-state-count{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);width:48px;text-align:right;flex-shrink:0}.lq-state-pct{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);width:48px;flex-shrink:0}.lq-summary{border-top:1px solid var(--border-color);padding-top:var(--space-2);margin-top:auto}.lq-summary-text{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.lq-content,.lq-stat-row,.lq-detail-row{grid-template-columns:1fr}}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.component-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden;max-width:100%}.component-card h4{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.btn-demo-row{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.btn-sm{padding:8px 18px;font-family:var(--font-heading);font-size:13px;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-sm.gradient{background:var(--gradient-brand);color:#fff}.btn-sm.orange{background:var(--warm-orange);color:#fff}.btn-sm.cta{background:#00e676;color:#0f172a;border:none}.btn-sm.cta:hover{background:#00c853}.btn-sm.destructive{background:#ff3b3b;color:#fff;border:none}.btn-sm.destructive:hover{background:#dc2626}.btn-sm.outline-g{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-sm.ghost-g{background:transparent;color:var(--text-muted);border:none}.badge{padding:4px 14px;font-size:12px;font-weight:600;border-radius:100px;font-family:var(--font-heading)}.badge.success{background:#00e6761a;color:var(--volt-green);border:1px solid rgba(0,230,118,.2)}.badge.warning{background:#f973161a;color:var(--warm-orange);border:1px solid rgba(249,115,22,.2)}.badge.error{background:#ff3b3b1a;color:var(--vivid-red);border:1px solid rgba(255,59,59,.2)}.badge.gradient-badge{background:var(--gradient-subtle);color:var(--text-secondary);border:1px solid rgba(3,89,158,.15)}.badge.idle{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge.thinking{background:var(--gradient-subtle);color:var(--text-secondary);border:1px solid rgba(3,89,158,.25);box-shadow:var(--shadow-glow)}.input-demo{width:100%;padding:12px 16px;background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;margin-bottom:var(--space-1);transition:border-color .2s;outline:none}.input-demo:focus{border-color:var(--gradient-start)}.input-demo::placeholder{color:var(--text-muted)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.voice-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .3s}.voice-card:hover{border-color:#03599e4d}.voice-card h3{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:var(--space-1)}.voice-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.voice-example{margin-top:var(--space-2);padding:var(--space-2);background:var(--gradient-subtle);border-left:3px solid;border-image:var(--gradient-brand) 1;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;font-size:14px;color:var(--text-secondary)}.copied:after{content:"Copied!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:var(--volt-green);padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;animation:fadeInOut 1.5s forwards;z-index:10}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.footer{text-align:center;padding:var(--space-7) var(--space-5);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:var(--gradient-brand)}.footer-brand{font-family:var(--font-heading);font-size:28px;font-weight:900;margin-bottom:var(--space-1)}.footer-tagline{font-size:15px;color:var(--text-muted)}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;border-radius:var(--radius-sm);background:var(--table-stripe-bg);border:1px solid var(--border-color)}.table-responsive table{margin:0!important;min-width:0}@media (max-width:768px){.hero-brand{font-size:clamp(72px,20vw,104px);margin-bottom:var(--space-2)}.hero-tagline{font-size:clamp(30px,7.5vw,42px);max-width:340px;text-wrap:balance}.hero-badge{font-size:11px;padding:6px 16px;margin-bottom:var(--space-3)}.hero-ctas{margin-top:var(--space-3)}#copyAllBtn{height:42px;padding:0 18px;font-size:13px}.btn-icon{height:42px;padding:0 12px}.section-title{font-size:clamp(28px,8vw,40px)}.type-sample-display{font-size:clamp(36px,8vw,50px)}.dash-content{grid-template-columns:1fr}.dash-sidebar{display:none}.dash-stat-grid,.gradient-showcase{grid-template-columns:1fr}.arch-agents{grid-template-columns:repeat(2,1fr)}.section{padding:var(--space-5) var(--space-3)}.ramp-row{grid-template-columns:repeat(5,1fr)}.hero-logos img{height:50px}h1,h2,h3{overflow-wrap:break-word;word-wrap:break-word}}@media (max-width:480px){.ramp-row{grid-template-columns:repeat(2,1fr)}.arch-agents{grid-template-columns:1fr}.hero-logos{flex-wrap:wrap;gap:12px;justify-content:center}.component-grid,.voice-grid,.color-system{grid-template-columns:1fr;gap:var(--space-2)}.hero-ctas{display:flex;flex-direction:row;gap:12px;justify-content:center;width:100%;margin:0 auto}.contrast-row{flex-direction:column}.contrast-swatch{width:100%!important;min-height:48px;border-right:none!important;border-bottom:1px solid var(--border-dark)}.contrast-meta{flex-direction:column;gap:8px;padding:12px}.contrast-badges{flex-wrap:wrap}}.contrast-matrix{display:grid;gap:10px;margin-bottom:var(--space-4)}.contrast-row{display:flex;align-items:stretch;background:var(--table-stripe-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.contrast-swatch{width:240px;min-width:240px;padding:14px 20px;font-size:14px;font-weight:600;font-family:var(--font-heading);line-height:1.4;display:flex;align-items:center;border-right:1px solid var(--border-color)}.contrast-meta{display:flex;align-items:center;justify-content:space-between;flex:1;padding:10px 16px;gap:16px;min-width:0}.contrast-colors{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.contrast-colors span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contrast-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.contrast-ratio{font-family:var(--font-mono);font-size:14px;font-weight:600;min-width:50px;text-align:right}.contrast-badge{font-size:12px;font-weight:600;padding:3px 8px;border-radius:100px;white-space:nowrap}@media (max-width: 900px){.contrast-meta{flex-direction:column;align-items:flex-start;gap:8px}.contrast-badges{flex-wrap:wrap}}.theme-switcher-section{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-color)}.theme-switcher-label{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;padding-left:4px}.theme-switcher{display:flex;background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;gap:4px}.theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.theme-btn:hover{color:var(--text-primary);background:var(--gradient-subtle)}.theme-btn.active{background:var(--gradient-subtle);color:var(--text-primary);border-color:var(--gradient-start);box-shadow:0 0 12px #03599e1a}.theme-btn svg{width:14px;height:14px;flex-shrink:0}