.hero-extension-backdrop{background:#0a0e1a38;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.hero-extension-panel{--preview-background: #17191d;--preview-foreground: #f4f5f7;--preview-primary: #7c5cff;--preview-secondary: #23252c;--preview-muted: #a8adb8;--preview-border: #454751;position:absolute;inset:4px 4px 4px auto;display:flex;width:min(420px,calc(100% - 8px));flex-direction:column;overflow:hidden;border:1px solid rgb(255 255 255 / .13);border-radius:15px;background:radial-gradient(circle at 52% 32%,rgb(124 92 255 / .09),transparent 31%),var(--preview-background);box-shadow:0 24px 64px #0000006b,0 0 0 1px #00000029;color:var(--preview-foreground);font-family:Inter,Manrope,Segoe UI,sans-serif;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);animation:hero-extension-slide .76s .52s cubic-bezier(.16,1,.3,1) both}.hero-extension-toolbar{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;padding:10px}.hero-extension-tool{display:inline-flex;height:34px;width:34px;align-items:center;justify-content:center;border:1px solid rgb(69 71 81 / .76);border-radius:50%;background:#17191dd6;color:var(--preview-muted)}.hero-extension-tool svg,.hero-extension-composer-icon svg,.hero-extension-send svg{height:16px;width:16px}.hero-extension-main{display:flex;height:100%;min-height:0;flex-direction:column;gap:12px;padding:58px 10px 10px}.hero-extension-chat{display:flex;min-height:0;flex:1;flex-direction:column;gap:20px;padding:12px 4px 16px;font-size:14px;line-height:1.58}.hero-extension-user{max-width:78%;align-self:flex-end;border-radius:16px 16px 4px;background:var(--preview-primary);padding:10px 13px;color:#fff;animation:hero-extension-content .5s 1.18s ease-out both}.hero-extension-assistant{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;animation:hero-extension-content .5s 1.45s ease-out both}.hero-extension-assistant img{height:25px;width:25px;border-radius:7px;object-fit:contain}.hero-extension-assistant p{margin:0}.hero-extension-callout{display:grid;gap:4px;margin:12px 0;border:1px solid var(--preview-border);border-left:3px solid #34a46f;border-radius:12px;background:#23252cc7;padding:11px 13px}.hero-extension-callout span{color:var(--preview-muted)}.hero-extension-composer{flex:0 0 auto;border:1px solid rgb(69 71 81 / .84);border-radius:14px;background:var(--preview-secondary);box-shadow:0 18px 55px #00000038;padding:12px}.hero-extension-textarea{min-height:76px;color:var(--preview-muted);font-size:15px;line-height:1.5}.hero-extension-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.hero-extension-composer-icon,.hero-extension-send{display:inline-flex;height:34px;width:34px;align-items:center;justify-content:center;border-radius:9px;color:var(--preview-muted)}.hero-extension-company,.hero-extension-model{display:inline-flex;height:32px;max-width:106px;align-items:center;gap:6px;overflow:hidden;border:1px solid var(--preview-border);border-radius:8px;padding:0 8px;color:var(--preview-muted);font-size:11px;white-space:nowrap}.hero-extension-company img{height:20px;width:20px;border-radius:6px}.hero-extension-company svg,.hero-extension-model svg{height:13px;width:13px;flex:0 0 auto}.hero-extension-send{background:var(--preview-primary);color:#fff;opacity:.4}@media(max-width:520px){.hero-extension-model{width:34px;padding:0 9px}.hero-extension-model span{display:none}}@media(prefers-reduced-motion:reduce){.hero-extension-panel,.hero-extension-user,.hero-extension-assistant{animation:none;opacity:1;transform:none}}@keyframes hero-browser-morph{0%{opacity:.28;transform:perspective(1600px) translateZ(-260px) rotateY(-92deg) rotate(-1.5deg) scale(.76);filter:blur(14px) saturate(.7)}52%{opacity:1;transform:perspective(1600px) translateZ(30px) rotateY(9deg) rotate(.4deg) scale(.96);filter:blur(1px) saturate(1)}to{opacity:1;transform:perspective(1600px) translateZ(0) rotateY(0) rotate(0) scale(1);filter:none}}@keyframes hero-extension-slide{0%{opacity:0;transform:translate(105%)}to{opacity:1;transform:translate(0)}}@keyframes hero-extension-content{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hero-extension-beacon{50%{box-shadow:0 0 0 5px #67e8f91f}}.home-stage[data-browser=true]{transform-origin:center center;animation:hero-browser-morph 1.25s cubic-bezier(.16,1,.3,1) both}.hero-browser-shell{border-radius:26px}.hero-extension-beacon{animation:hero-extension-beacon 1.8s 1.2s ease-in-out infinite}.hero-browser-selection{animation:hero-extension-content .48s .9s ease-out both}@media(prefers-reduced-motion:reduce){.home-stage[data-browser=true],.hero-extension-beacon,.hero-browser-selection{animation:none;opacity:1;transform:none;filter:none}}@keyframes hero-pop{0%{opacity:0;transform:translateY(16px) scale(.95);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes hero-caret{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes hero-ring{0%{box-shadow:0 0 color-mix(in oklab,var(--primary) 45%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes hero-dash-flow{to{stroke-dashoffset:-24}}@keyframes hero-scene-flip{0%{opacity:0;transform:perspective(1400px) rotateY(-18deg) scale(.965);filter:blur(8px)}to{opacity:1;transform:perspective(1400px) rotateY(0) scale(1);filter:blur(0)}}.hero-scene{transform-origin:center;animation:hero-scene-flip .64s cubic-bezier(.22,1,.36,1) both}.hero-flow-bg{background-color:var(--background);background-image:radial-gradient(circle,color-mix(in oklab,var(--foreground) 16%,transparent) 1px,transparent 1.4px);background-size:22px 22px}.hero-pop{animation:hero-pop .64s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}.hero-fade{animation:hero-fade .6s ease both;animation-delay:var(--d, 0ms)}.hero-doc-line{transform-origin:left center;animation:hero-grow .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}.hero-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:hero-draw .9s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--d, 0ms)}.hero-flow{stroke-dasharray:6 6;animation:hero-dash-flow 1.6s linear infinite;animation-delay:var(--d, 0ms)}.hero-caret{animation:hero-caret 1s steps(1) infinite}.hero-ring{animation:hero-ring 1.8s ease-out infinite;animation-delay:var(--d, 0ms)}.hero-tab-bg{animation:hero-fade .32s ease both}.hero-caption{animation:hero-pop .64s .12s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.hero-scene,.hero-caption,.hero-pop,.hero-fade,.hero-doc-line,.hero-draw,.hero-flow,.hero-caret,.hero-ring{animation:none;opacity:1;transform:none;filter:none;stroke-dashoffset:0}}