.feature-card-stage{height:230px;position:relative}@media not (min-width:40rem){.feature-card-stage{height:190px}}.feature-card-stage{flex-direction:column;align-items:center;display:flex;overflow:visible}.feature-card-snippet{flex:none;width:100%;max-width:540px;margin-block:auto}.feature-take{transition:opacity .52s cubic-bezier(.22,1,.36,1)}.feature-take[data-dimmed]{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.6,1)}.feature-card-stage .baby-grok-bot-card-badge,.feature-card-stage .baby-grok-bot-card-action{transition:background-color .26s,color .26s,opacity .26s}.feature-swap{display:grid}.feature-swap>*{grid-area:1/1;transition:opacity .26s}.feature-swap>[data-hidden]{opacity:0}.feature-badge-swap{justify-items:end}@media (prefers-reduced-motion:reduce){.feature-swap>*{transition:none}}@keyframes feature-entry-pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.feature-card-stage .baby-grok-bot-entry-enter{animation-name:feature-entry-pop-in;animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.9,.3,1.15)}@media (prefers-reduced-motion:reduce){.feature-card-stage .baby-grok-bot-entry-enter{animation:none}.feature-take,.feature-take[data-dimmed]{transition:none}}.feature-cursor{position:absolute}.feature-cursor__tag{color:#fff;white-space:nowrap;background:#00000073;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:500;line-height:1.4;position:absolute;top:15px;left:11px}.feature-handover__screen{border-radius:10px;position:relative;overflow:hidden}.feature-recording{background:var(--color-theme-bg);width:100%;box-shadow:0 0 0 1px var(--color-theme-border-01), 0 10px 28px -14px #00000038;border-radius:10px;position:relative;overflow:hidden}.feature-recording__bar{height:28px;color:var(--color-theme-text-sec);font-size:11px;line-height:1;display:grid}.feature-recording__bar>*{grid-area:1/1;align-items:center;gap:6px;min-width:0;padding:0 6px 0 11px;transition:opacity .3s;display:flex}.feature-recording__bar>[data-hidden]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.feature-recording__bar>*{transition:none}}.feature-recording__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.feature-recording__timer{background:var(--lightningcss-light,var(--color-brand-red-400))var(--lightningcss-dark,var(--color-brand-red-350));color:#fff;font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;display:flex}.feature-recording__dot{background:currentColor;border-radius:1px;width:5px;height:5px}.feature-recording__close{color:color-mix(in oklch, var(--color-theme-text) 45%, transparent);flex-shrink:0;padding-right:2px}.feature-recording__teach{background:color-mix(in oklch, var(--color-theme-text) 8%, transparent);height:20px;color:var(--color-theme-text);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 9px;transition:transform .12s,background .12s;display:flex}.feature-recording__teach[data-pressed]{background:color-mix(in oklch, var(--color-theme-text) 16%, transparent);transform:scale(.94)}.feature-recording__record{background:radial-gradient(currentColor 0 2.2px,#0000 2.2px);border:1px solid;border-radius:50%;width:9px;height:9px}.feature-recording__screen{position:relative;overflow:hidden}.feature-recording__screen:after{z-index:20;content:"";box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--color-theme-text) 14%, transparent), inset 0 0 40px transparent;pointer-events:none;transition:box-shadow .4s;position:absolute;inset:0}.feature-recording[data-recording] .feature-recording__screen:after{box-shadow:inset 0 0 0 2px var(--lightningcss-light,color-mix(in srgb, var(--color-brand-red-400) 55%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-brand-red-350) 80%, transparent)), inset 0 0 48px var(--lightningcss-light,color-mix(in srgb, var(--color-brand-red-400) 32%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-brand-red-350) 58%, transparent))}