: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-footer a{color:var(--av-muted)}.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-legal{width:min(860px,100%);margin:0 auto;padding:54px 24px 88px}.av-legal-hero{padding-bottom:30px;border-bottom:1px solid var(--av-line-soft)}.av-legal-hero h1{margin:8px 0 14px;font-size:clamp(36px,6vw,58px);line-height:1.04;letter-spacing:-.035em}.av-legal-summary{max-width:720px;margin:0;color:var(--av-muted);font-size:17px}.av-legal-updated{margin:18px 0 0;color:var(--av-faint);font:12px var(--av-mono)}.av-legal-nav{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0;border-bottom:1px solid var(--av-line-soft)}.av-legal-nav a{padding:7px 11px;border:1px solid var(--av-line);border-radius:999px;color:var(--av-muted);font-size:13px}.av-legal-nav a:hover,.av-legal-nav a[aria-current=page]{border-color:var(--av-cyan);color:var(--av-text);text-decoration:none}.av-legal-sections{display:grid;gap:34px;padding-top:34px}.av-legal-sections section{padding:0 0 34px;border-bottom:1px solid var(--av-line-soft)}.av-legal-sections h2{margin:0 0 12px;font-size:20px;letter-spacing:-.015em}.av-legal-sections p,.av-legal-sections li{color:var(--av-muted)}.av-legal-sections p{margin:0 0 12px}.av-legal-sections ul{margin:0;padding-left:22px}.av-legal-sections li{padding:4px 0}.av-support-form{margin-top:34px;scroll-margin-top:84px;padding:28px;border:1px solid var(--av-line);border-radius:var(--av-radius);background:var(--av-bg-soft)}.av-support-form h2{margin:4px 0 8px;font-size:24px}.av-support-form>div>p:last-child{max-width:680px;margin:0 0 24px;color:var(--av-muted)}.av-support-form form{display:grid;gap:18px}.av-support-form label{display:grid;gap:7px;color:var(--av-text);font-size:13px;font-weight:600}.av-support-form input,.av-support-form select,.av-support-form textarea{width:100%;border:1px solid var(--av-line);border-radius:var(--av-radius-sm);background:var(--av-surface);color:var(--av-text);font:15px/1.5 var(--av-font)}.av-support-form input,.av-support-form select{height:44px;padding:0 12px}.av-support-form textarea{min-height:150px;padding:11px 12px;resize:vertical}.av-support-form input:focus,.av-support-form select:focus,.av-support-form textarea:focus{outline:none;border-color:var(--av-cyan)}.av-support-form button{justify-self:start;padding:10px 16px;border:1px solid var(--av-cyan);border-radius:var(--av-radius-sm);background:var(--av-cyan);color:var(--av-bg);font-weight:700}.av-support-form button:disabled{cursor:wait;opacity:.6}.av-support-honeypot{position:absolute;left:-10000px}.av-support-privacy{margin:0;color:var(--av-faint);font-size:12px}.av-support-status{min-height:24px}.av-support-status p{margin:0}.av-support-status .success{color:var(--av-green)}.av-support-status .error{color:var(--av-red)}.av-support-status code{color:inherit}@media (max-width: 640px){.av-header{padding-inline:16px}.av-brand small{display:none}.av-legal{padding:38px 18px 64px}.av-support-form{padding:22px 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}