.app-hero{--ah-heading:#101828;--ah-text:#000;--ah-top-title-color:#000;--ah-top-title-bg:rgba(0,0,0,.04);--ah-top-title-border:rgba(0,0,0,.1);--ah-card-bg:#f5f5f5;--ah-card-shadow:0 1px 4px rgba(0,0,0,.06);--ah-input-color:#101828;--ah-placeholder:#6b7280;--ah-add-btn-border:#e5e7eb;--ah-add-btn-color:#6b7280;--ah-submit-bg:#e9e9eb;--ah-submit-color:#6b7280;--ah-submit-active-bg:#2563eb;--ah-submit-active-color:#fff;--ah-chip-bg:#fff;--ah-chip-color:#0185fe;--ah-chip-border:#0185fe;--ah-composer-bg:transparent;--ah-composer-border:#e5e7eb;--ah-composer-text:#374151;--ah-composer-hover-bg:rgba(0,0,0,.04);--ah-composer-selected-bg:#eff6ff;--ah-composer-selected-text:#1d4ed8;--ah-composer-selected-border:#bfdbfe}@media (prefers-color-scheme:dark){.app-hero{--ah-heading:#fff;--ah-text:#fff;--ah-top-title-color:#fff;--ah-top-title-bg:hsla(0,0%,100%,.08);--ah-top-title-border:hsla(0,0%,100%,.15);--ah-card-bg:#1c1c1e;--ah-card-shadow:0 2px 24px rgba(0,0,0,.4);--ah-input-color:#fff;--ah-placeholder:#71717a;--ah-add-btn-border:#3f3f46;--ah-add-btn-color:#71717a;--ah-submit-bg:#3f3f46;--ah-submit-color:#a1a1aa;--ah-submit-active-bg:#2563eb;--ah-submit-active-color:#fff;--ah-chip-bg:#1e3a5f;--ah-chip-color:#93c5fd;--ah-chip-border:#1d4ed8;--ah-composer-bg:transparent;--ah-composer-border:#3f3f46;--ah-composer-text:#d4d4d8;--ah-composer-hover-bg:hsla(0,0%,100%,.06);--ah-composer-selected-bg:#1e3a5f;--ah-composer-selected-text:#93c5fd;--ah-composer-selected-border:#1d4ed8}}@property --ah-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes card-border-spin{to{--ah-border-angle:360deg}}.app-hero{background:transparent;min-height:calc(100vh - var(--header-height, 0px));padding:180px 0 100px}.app-hero__inner{align-items:center;display:flex;flex-direction:column;text-align:center}.app-hero .app-hero__top-title{align-items:center;background:var(--ah-top-title-bg);border:1px solid var(--ah-top-title-border);border-radius:50px;color:var(--ah-top-title-color);display:inline-flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;margin-bottom:28px;min-width:200px;padding:10px 28px;text-decoration:none;transition:opacity .15s}.app-hero .app-hero__top-title:hover{opacity:.75}.app-hero .app-hero__heading{color:var(--ah-heading);font-size:60px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:0 0 18px}.app-hero .app-hero__subtitle{color:var(--ah-text);font-size:18px;font-weight:600;line-height:160%;margin:0 0 84px!important;width:100%}.app-hero__card{animation:card-border-spin 2.4s linear infinite;background:linear-gradient(var(--ah-card-bg),var(--ah-card-bg)) padding-box,conic-gradient(from var(--ah-border-angle),#9ca3af,#ff2d55,#ff6b00,#f5a623,#d1d5db,#9ca3af) border-box;border:3px solid transparent;border-radius:16px;box-shadow:var(--ah-card-shadow);margin-bottom:16px;max-width:800px;padding:16px 16px 12px;position:relative;width:100%}.app-hero__input,.app-hero__textarea-wrap{min-height:52px;position:relative}.app-hero__input{background:transparent;border:none;caret-color:var(--ah-input-color);color:var(--ah-input-color);font-family:inherit;outline:none;resize:none;z-index:1}.app-hero__hint,.app-hero__input{font-size:15px;line-height:1.5;width:100%}.app-hero__hint{color:var(--ah-placeholder);height:52px;left:0;overflow:hidden;pointer-events:none;position:absolute;text-align:left;top:0;white-space:nowrap}.app-hero__hint-text{display:inline}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hintSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.app-hero__hint-text.hint-in{animation:hintSlideIn .3s ease forwards}.app-hero__hint-text.hint-out{animation:hintSlideOut .3s ease forwards}.app-hero__card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.app-hero__card-left{align-items:center;display:flex;gap:8px;min-width:0}.app-hero__card-actions{gap:6px}.app-hero__add-btn,.app-hero__card-actions{align-items:center;display:flex;flex-shrink:0}.app-hero__add-btn{background:transparent;border:1.5px solid var(--ah-add-btn-border);border-radius:50%;color:var(--ah-add-btn-color);cursor:pointer;height:30px;justify-content:center;transition:background .15s,border-color .15s;width:30px}.app-hero__add-btn:hover{background:var(--ah-composer-hover-bg)}.app-hero__add-btn.is-hidden{display:none}.app-hero__chip{align-items:center;background:var(--ah-chip-bg);border:none;border-radius:50px;color:var(--ah-chip-color);display:none;font-size:13px;font-weight:600;gap:5px;overflow:hidden;padding:4px 8px 4px 6px}.app-hero__chip.is-visible{display:flex}.app-hero__chip-icon{display:block;flex-shrink:0;height:15px;object-fit:contain;width:15px}.app-hero__chip-remove{align-items:center;align-self:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:11px;margin-left:2px;opacity:.7;padding:0}.app-hero__chip-remove:hover{opacity:1}@media (prefers-color-scheme:dark){.app-hero__chip-icon,.app-hero__composer-icon{filter:brightness(0) invert(1)}}.app-hero__icon-btn{align-items:center;background:transparent;border:1px solid var(--ah-add-btn-border);border-radius:50%;color:var(--ah-add-btn-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,border-color .15s;width:32px}.app-hero__icon-btn:hover{background:var(--ah-composer-hover-bg)}.app-hero__mic-btn.is-recording{animation:app-mic-pulse 1.2s ease-in-out infinite;background:#fee2e2;border-color:#fca5a5;color:#dc2626}@keyframes app-mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.3)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}.app-hero__submit-btn{align-items:center;background:var(--ah-submit-bg);border:none;border-radius:50%;color:var(--ah-submit-color);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.app-hero__submit-btn.is-active{background:var(--ah-submit-active-bg);color:var(--ah-submit-active-color)}.app-hero__submit-btn.is-error{background:#dc2626!important;border-color:#dc2626!important}.app-hero__submit-wrap{display:inline-flex;position:relative}.app-hero__submit-tooltip{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:12px;font-weight:500;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:0;transition:opacity .15s;white-space:nowrap}.app-hero__submit-tooltip:after{border:5px solid transparent;border-top-color:#1f2937;content:"";position:absolute;right:12px;top:100%}.app-hero__submit-tooltip.is-visible{opacity:1}.app-mic-icon,.app-stop-icon{align-items:center;display:flex;justify-content:center}.app-hero__composers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:800px;width:100%}.app-hero__composer{align-items:center;background:var(--ah-card-bg);border:none;border-radius:50px;box-sizing:border-box;color:var(--ah-composer-text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:400;gap:4px;height:30px;padding:4px 12px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.app-hero__composer:hover{background:var(--ah-composer-hover-bg)}.app-hero__composer-icon{display:block;flex-shrink:0;height:16px;object-fit:contain;width:16px}.app-modal{align-items:center;display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.app-modal.is-open{display:flex}.app-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.45);inset:0;position:absolute}.app-modal__card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);margin:16px;max-width:420px;padding:28px 28px 32px;position:relative;width:100%;z-index:1}.app-modal__header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.app-modal__logo{height:28px;width:auto}.app-modal__logo--dark{display:none}@media (prefers-color-scheme:dark){.app-modal__logo--light{display:none}.app-modal__logo--dark{display:block}}.app-modal__logo-text{color:#101828;font-size:16px;font-weight:700}.app-modal__logo-text--dark{display:none}@media (prefers-color-scheme:dark){.app-modal__logo-text{display:none}.app-modal__logo-text--dark{color:#fff;display:block}}.app-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;line-height:1;padding:4px;transition:color .15s}.app-modal__close:hover{color:#101828}.app-modal__title{color:#101828;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 24px;text-align:center}.app-modal__btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-bottom:10px;padding:11px 16px;transition:opacity .15s,background .15s;width:100%}.app-modal__btn--google{background:#fff;border:1.5px solid #e5e7eb;color:#101828}.app-modal__btn--google:hover{background:#f9fafb}.app-modal__btn--apple{background:#fff;border:1.5px solid #e5e7eb;color:#101828}.app-modal__btn--apple:hover{background:#f9fafb}.app-modal__divider{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:12px;margin:16px 0}.app-modal__divider:after,.app-modal__divider:before{background:#e5e7eb;content:"";flex:1;height:1px}.app-modal__form{display:flex;flex-direction:column;gap:8px}.app-modal__label{color:#101828;font-size:13px;font-weight:500;margin-bottom:2px}.app-modal__input{background:#fff;border:1.5px solid #e5e7eb;border-radius:50px;box-sizing:border-box;color:#101828;font-size:14px;outline:none;padding:11px 18px;transition:border-color .15s;width:100%}.app-modal__input:focus{border-color:#101828}.app-modal__input::placeholder{color:#9ca3af}.app-modal__submit{background:#101828;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:4px;padding:12px 16px;transition:opacity .15s;width:100%}.app-modal__submit:hover{opacity:.85}.app-modal__field-error{color:#dc2626;font-size:12px;min-height:16px}@media (prefers-color-scheme:dark){.app-modal__overlay{background:rgba(0,0,0,.65)}.app-modal__card{background:#1c1c1e;box-shadow:0 20px 60px rgba(0,0,0,.5)}.app-modal__close{color:#71717a}.app-modal__close:hover,.app-modal__title{color:#fff}.app-modal__btn--apple,.app-modal__btn--google{background:#2c2c2e;border-color:#3f3f46;color:#fff}.app-modal__btn--apple:hover,.app-modal__btn--google:hover{background:#3a3a3c}.app-modal__divider{color:#52525b}.app-modal__divider:after,.app-modal__divider:before{background:#3f3f46}.app-modal__label{color:#d4d4d8}.app-modal__input{background:#2c2c2e;border-color:#3f3f46;color:#fff}.app-modal__input:focus{border-color:#71717a}.app-modal__input::placeholder{color:#52525b}.app-modal__submit{background:#fff;color:#101828}.app-modal__submit:hover{opacity:.9}}.app-hero--subtract-carousel{min-height:calc(100vh - var(--header-height, 0px) - var(--logo-carousel-height, 0px))}.app-hero--alt{min-height:unset;padding:80px 0}.app-hero--alt .app-hero__heading{font-size:36px;font-weight:600;margin-bottom:28px}.app-hero--alt .app-hero__card{margin-bottom:28px}.app-hero--alt .app-hero__subtitle{color:#000;margin:0 0 28px!important}.app-hero--alt .app-hero__cta{margin-top:0}@media (max-width:768px){.app-hero--alt{padding:60px 0}.app-hero--alt .app-hero__heading{font-size:28px}.app-hero{padding:60px 0 80px}.app-hero .app-hero__top-title{font-size:14px;font-weight:700;margin-bottom:24px}.app-hero .app-hero__heading{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:36px}.app-hero .app-hero__subtitle{font-size:16px;font-weight:400;line-height:23px;margin:0 0 72px!important}.app-hero__composers{gap:6px}.app-hero__composer{font-size:12px;padding:4px 12px}}