:root{color-scheme:dark;--av-bg: #08080b;--av-bg-soft: #0d0d12;--av-surface: #15151b;--av-surface-2: #1b1b23;--av-line: #292932;--av-line-soft: #202028;--av-text: #f7f7fa;--av-muted: #a1a1ad;--av-faint: #6b6b78;--av-amber: #ff9f0a;--av-cyan: #64d2ff;--av-lime: #b8f34c;--av-violet: #bf5af2;--av-green: #30d158;--av-yellow: #ffd60a;--av-red: #ff453a;--av-section-design: var(--av-amber);--av-section-documents: var(--av-cyan);--av-section-motion: var(--av-violet);--av-section-research: var(--av-green);--av-section-systems: var(--av-yellow);--av-section-data: var(--av-lime);--av-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--av-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--av-serif: ui-serif, Georgia, "Times New Roman", serif;--av-radius: 14px;--av-radius-sm: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--av-bg);color:var(--av-text);font:15px/1.55 var(--av-font);-webkit-font-smoothing:antialiased}a{color:var(--av-cyan);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--av-cyan);outline-offset:2px}::selection{background:#64d2ff4d}.av-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:14px 24px;background:#08080bd1;backdrop-filter:blur(14px);border-bottom:1px solid var(--av-line-soft)}.av-brand{display:flex;align-items:baseline;gap:10px;font-weight:750;letter-spacing:.02em}.av-brand .dot{color:var(--av-cyan)}.av-brand small{color:var(--av-faint);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.av-nav{display:flex;gap:4px;margin-left:auto}.av-nav a{color:var(--av-muted);padding:7px 12px;border-radius:999px;font-size:14px}.av-nav a:hover{color:var(--av-text);text-decoration:none;background:var(--av-surface)}.av-nav a.active{color:var(--av-text);background:var(--av-surface-2)}.av-footer{border-top:1px solid var(--av-line-soft);padding:26px 24px 40px;color:var(--av-faint);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 24px}.av-shell{display:flex;flex-direction:column;min-height:100%}.av-main{flex:1}.av-hero{padding:56px 24px 28px;max-width:1180px;margin:0 auto}.av-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;margin:0 0 14px;letter-spacing:-.03em}.av-hero p{color:var(--av-muted);font-size:17px;max-width:620px;margin:0}.av-hero .accent{color:var(--av-cyan)}.av-sectionbar{position:sticky;top:60px;z-index:30;display:flex;gap:8px;padding:12px 24px;overflow-x:auto;background:#08080bd1;backdrop-filter:blur(14px);border-bottom:1px solid var(--av-line-soft)}.av-sectionbar button{border:1px solid var(--av-line);background:var(--av-surface);color:var(--av-muted);border-radius:999px;padding:7px 14px;font-size:13px;white-space:nowrap}.av-sectionbar button:hover{color:var(--av-text);border-color:var(--av-line)}.av-sectionbar button.active{color:var(--av-bg);background:var(--av-text);border-color:var(--av-text)}.av-grid{max-width:1180px;margin:0 auto;padding:28px 24px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.av-card{border:1px solid var(--av-line-soft);border-radius:var(--av-radius);background:var(--av-surface);overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;display:flex;flex-direction:column}.av-card:hover{transform:translateY(-3px);border-color:var(--av-line);box-shadow:0 12px 32px #00000073}.av-card-stage{height:218px;overflow:hidden;position:relative;background:var(--av-bg-soft);border-bottom:1px solid var(--av-line-soft)}.av-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.av-card-meta{display:flex;align-items:center;gap:8px}.av-card-title{font-weight:650;font-size:15px}.av-card-tagline{color:var(--av-muted);font-size:13px}.av-vibe-tag{font:11px var(--av-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--av-line);color:var(--av-muted)}.av-vibe-tag.new{color:var(--av-lime);border-color:#b8f34c66;background:#b8f34c14}.av-vibe-tag.live{color:var(--av-green);border-color:#30d15866;background:#30d15812}.av-viewer{max-width:1180px;margin:0 auto;padding:26px 24px 70px}.av-viewer-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.av-viewer-head h1{font-size:24px;margin:0;letter-spacing:-.02em}.av-viewer-head .muted{color:var(--av-muted)}.av-stage{border:1px solid var(--av-line);border-radius:16px;overflow:hidden;background:var(--av-bg-soft);height:clamp(420px,68vh,780px);position:relative}.av-stage-tall{height:auto;min-height:420px}.av-stage-card{height:218px}.av-panel{margin-top:18px;display:grid;grid-template-columns:1fr;gap:18px}.av-panel aside{border:1px solid var(--av-line-soft);border-radius:var(--av-radius);background:var(--av-surface);padding:16px}.av-panel h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-faint)}.av-panel p{margin:0 0 10px;color:var(--av-muted);font-size:14px}.av-panel pre{margin:0;font:12px/1.6 var(--av-mono);color:var(--av-text);background:var(--av-bg-soft);border:1px solid var(--av-line-soft);border-radius:var(--av-radius-sm);padding:14px;overflow:auto;max-height:340px}.av-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--av-line);background:var(--av-surface-2);color:var(--av-text);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:550}.av-btn:hover{border-color:var(--av-faint);text-decoration:none}.av-btn.primary{background:var(--av-cyan);color:#04121a;border-color:var(--av-cyan);font-weight:650}.av-btn.primary:hover{background:#7edcff}.av-studio{max-width:880px;margin:0 auto;padding:40px 24px 80px}.av-studio h1{font-size:30px;margin:0 0 6px;letter-spacing:-.02em}.av-studio .lead{color:var(--av-muted);margin:0 0 24px}.av-studio textarea{width:100%;min-height:120px;resize:vertical;background:var(--av-surface);color:var(--av-text);border:1px solid var(--av-line);border-radius:var(--av-radius);padding:16px;font:16px/1.5 var(--av-font)}.av-studio textarea:focus{outline:none;border-color:var(--av-cyan)}.av-studio .chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.av-studio .chips button{border:1px solid var(--av-line);background:var(--av-surface);color:var(--av-muted);border-radius:999px;padding:6px 13px;font-size:13px}.av-studio .chips button.active{color:var(--av-text);border-color:var(--av-text)}.av-studio .actions{display:flex;align-items:center;gap:14px}.av-studio .demo-note{color:var(--av-faint);font-size:13px}.av-studio .result{margin-top:34px}.av-banner{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(184,243,76,.35);background:#b8f34c12;color:var(--av-lime);border-radius:var(--av-radius-sm);padding:10px 14px;font-size:13px;margin-top:18px}.av-render{width:100%;height:100%;display:flex;flex-direction:column}.av-eyebrow{font:11px var(--av-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--av-faint)}.av-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--av-line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--av-muted)}.av-note{color:var(--av-faint);font-size:12px}.av-spacer{flex:1}