.web-hero-layer{pointer-events:none;z-index:40;position:absolute;inset:0;overflow:hidden}.web-hero-anchor{opacity:0;visibility:hidden;will-change:opacity;position:absolute;top:63%;left:72.5%;transform:translate(-50%)}.web-hero-float{animation:7.5s ease-in-out infinite web-hero-bob;position:relative}.web-hero-pill{background:linear-gradient(#1e2a2ff0,#10181bf0);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;width:clamp(380px,36vw,520px);padding:10px 10px 10px 16px;display:flex;box-shadow:inset 0 1px #ffffff17,0 24px 70px #0009,0 0 46px #38bdf829}.web-hero-plus{color:#f0f4f48c;background:#ffffff12;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.web-hero-text-wrap{white-space:nowrap;flex:1;align-items:baseline;min-width:0;font-size:15px;display:flex;overflow:hidden}.web-hero-text{color:#f0f4f4;font-weight:500;transition:opacity .25s}.web-hero-ph{color:#f0f4f46b}.web-hero-caret{opacity:0;background:#6fe6ec;width:1.5px;height:1.05em;margin-left:2px;display:inline-block;transform:translateY(2px)}.web-hero-caret.is-on{opacity:1;animation:1.1s steps(2,end) infinite web-hero-caret}.web-hero-mic{background:radial-gradient(circle at 50% 42%,#2dd4bf2e,#080f11eb 72%);border-radius:50%;flex:none;width:38px;height:38px;position:relative;box-shadow:0 0 20px #38bdf84d}.web-hero-mic canvas{width:100%;height:100%;position:absolute;inset:0}.web-hero-send{opacity:.45;background:linear-gradient(120deg,#2dd4bf 0%,#38bdf8 48%,#818cf8 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .4s;display:flex;box-shadow:0 8px 22px #38bdf859}.web-hero-send.is-sent{animation:.5s web-hero-send}.web-hero-chip{white-space:nowrap;color:var(--area,#34e0c2);background:color-mix(in srgb, var(--area,#34e0c2) 13%, #070c0eb8);border:1px solid color-mix(in srgb, var(--area,#34e0c2) 45%, transparent);opacity:0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .35s,transform .35s;display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:16px;transform:translateY(5px)}.web-hero-chip.is-on{opacity:1;transform:none}@keyframes web-hero-bob{0%,to{transform:translateY(-3px)rotate(-.45deg)}50%{transform:translateY(4px)rotate(.55deg)}}@keyframes web-hero-caret{50%{opacity:0}}@keyframes web-hero-send{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}@media (width<=880px){.web-hero-layer{display:none}}@media (prefers-reduced-motion:reduce){.web-hero-float,.web-hero-caret.is-on,.web-hero-send.is-sent{animation:none}}
