.assistant-hero{isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px 40px;margin:8px 0 36px;display:grid}.assistant-hero-copy{max-width:540px}.assistant-hero-eyebrow{letter-spacing:.03em;color:var(--muted);margin-bottom:18px;font-size:12px;display:block}.assistant-hero h1{letter-spacing:-2px;text-wrap:balance;margin:0 0 18px;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.05}.assistant-hero p{color:var(--muted);max-width:440px;margin:0 0 26px;font-size:15px;line-height:1.7}.assistant-hero-visual{min-width:0;transition:transform .24s var(--ease-out),opacity .18s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.assistant-companion{object-fit:contain;pointer-events:none;width:100%;max-width:460px;height:320px;display:block}.assistant-hero-examples{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.assistant-hero-example{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 1px 0 var(--material-edge);color:var(--text);align-items:center;gap:12px;min-width:0;padding:16px;text-decoration:none;display:flex}.assistant-hero-example>img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:48px;height:48px}.assistant-hero-example>span{flex:1;min-width:0}.assistant-hero-example strong{font-size:13px;font-weight:600;line-height:1.45;display:block}.assistant-hero-example small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.assistant-hero-example>svg{color:var(--muted);transition:transform .16s var(--ease-out);flex-shrink:0}.assistant-hero-example:focus-visible{outline:2px solid var(--text);outline-offset:4px}#assistant-catalog{scroll-margin-top:24px}@starting-style{.assistant-hero-visual{opacity:0;transform:translateY(8px)}}@media (hover:hover) and (pointer:fine){:root:not([data-input=keyboard]):not([data-motion=reduced]) .assistant-hero-visual:hover{transform:translateY(-3px)}:root:not([data-input=keyboard]):not([data-motion=reduced]) .assistant-hero-example:hover>svg{transform:translate(3px)}.assistant-hero-example:hover{border-color:var(--muted)}}@media (max-width:1050px){.assistant-hero{gap:24px}.assistant-hero h1{font-size:40px}.assistant-companion{height:290px}.assistant-hero-example{gap:9px;padding:12px}.assistant-hero-example small{display:none}}@media (max-width:600px){.assistant-hero{text-align:center;grid-template-columns:1fr;gap:20px;margin-bottom:28px;padding:0 4px}.assistant-hero-visual{grid-row:1}.assistant-companion{max-width:270px;height:185px}.assistant-hero-eyebrow{display:none}.assistant-hero h1{letter-spacing:-1.3px;margin:0 0 14px;font-size:34px}.assistant-hero p{max-width:340px;margin:0 auto 20px;font-size:14px;line-height:1.6}.assistant-hero-examples{text-align:left;grid-template-columns:1fr;gap:8px;margin-top:0}.assistant-hero-example{border-radius:var(--radius-lg);padding:10px 12px}.assistant-hero-example>img{border-radius:var(--radius-sm);width:32px;height:32px}.assistant-hero-example small{display:block}.assistant-hero-example strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.assistant-hero .assistant-hero-visual,.assistant-hero .assistant-hero-visual:hover,.assistant-hero .assistant-hero-example>svg{transition:opacity .18s var(--ease-out);transform:none}}:root[data-motion=reduced] .assistant-hero .assistant-hero-visual,:root[data-motion=reduced] .assistant-hero .assistant-hero-visual:hover,:root[data-motion=reduced] .assistant-hero .assistant-hero-example>svg{transition:none;transform:none}.assistant-companion{overflow:visible}.assistant-companion-head{transform-origin:418px 320px;animation:companion-nod 6s var(--ease-in-out,ease-in-out) infinite}.assistant-companion-eyes{animation:4.8s linear infinite companion-blink}.assistant-companion-lids{opacity:0;animation:4.8s linear infinite companion-lids}@keyframes companion-nod{0%,12%,52%,to{transform:rotate(0)}25%,34%{transform:rotate(-3.5deg)}70%,80%{transform:rotate(2.8deg)}}@keyframes companion-blink{0%,38%,44%,to{transform:scaleY(1)}40%,42%{transform:scaleY(.06)}}@keyframes companion-lids{0%,38%,44%,to{opacity:0}38.8%,43.2%{opacity:1}}@media (prefers-reduced-motion:reduce){.assistant-companion-head,.assistant-companion-eyes,.assistant-companion-lids{animation:none}}:root[data-motion=reduced] .assistant-companion-head,:root[data-motion=reduced] .assistant-companion-eyes,:root[data-motion=reduced] .assistant-companion-lids{animation:none}.assistant-companion-eye-left{transform-origin:343px 214px}.assistant-companion-eye-right{transform-origin:425px 234px}