@font-face{font-family:Dotrice;src:url(/landing/fonts/Dotrice-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}.hero-screen{min-height:100svh}.hero-video-scrim{z-index:1;background:radial-gradient(circle at 50% 40%,#0000000f,#00000070 78%),linear-gradient(#00000038 0%,#0006 58%,#000000b3 100%)}.hero-brand{z-index:3;color:#fff;letter-spacing:.28em;align-items:center;font-family:Dotrice,sans-serif;font-size:34px;font-weight:400;text-decoration:none;display:inline-flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.hero-composer-shell{z-index:4;width:min(760px,100vw - 64px);position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.composer-input-row{background:#1c1c1f;border:1px solid #ffffff14;border-radius:24px;padding-left:20px;padding-right:12px;overflow:hidden}.composer-input-row:focus-within{border-color:#ffffff47}.composer-input-row:has(textarea:focus-visible){box-shadow:0 0 0 2px #ffffffb8}.composer-prompt-scroll:focus,.composer-prompt-scroll:focus-visible{outline:none}.composer-panel--hero .composer-input-row{-webkit-backdrop-filter:blur(26px)saturate(145%);background:linear-gradient(135deg,#ffffff26,#ffffff12),#11111347;border-color:#ffffff3d;gap:20px;padding-left:26px;padding-right:10px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0f,0 18px 60px #00000057}.composer-panel--hero .composer-input-row:focus-within{border-color:#ffffff7a;box-shadow:inset 0 1px #ffffff42,0 18px 60px #00000057}.composer-panel--hero .composer-primary-button{color:#09200e;border:1px solid #ffffffa3;border-radius:18px;height:58px;padding:0 24px;box-shadow:inset 0 1px #fffffff2,0 8px 24px #0000002e}.composer-panel--hero .composer-primary-button[data-ready=true]{box-shadow:none;border:0}.composer-panel--hero .composer-primary-button[data-ready=true]:hover{transform:translateY(-1px);box-shadow:0 10px 30px #0000003d}.composer-panel--hero .composer-primary-button[data-ready=false]:hover{background:#f8f8f6f0;transform:none}.composer-panel--hero .composer-primary-button:active{transform:translateY(0)}.composer-primary-button:focus-visible,.hero-learn-more:focus-visible,.hero-brand:focus-visible{outline-offset:4px;outline:2px solid #ffffffeb}.hero-composer-hint{color:#ffffff94;letter-spacing:.01em;white-space:nowrap;align-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;display:inline-flex}.hero-composer-caret{background:#ffffffd1;width:1px;height:18px;margin-left:2px;animation:.8s step-end infinite hero-composer-caret-blink}.hero-learn-more{z-index:3;color:#ffffff94;letter-spacing:.08em;align-items:center;gap:11px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;text-decoration:none;transition:color .18s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-learn-more:hover{color:#ffffffeb}.hero-mouse{border:1px solid;border-radius:999px;width:18px;height:28px;display:block;position:relative}.hero-mouse span{background:currentColor;border-radius:999px;width:2px;height:6px;animation:1.6s ease-in-out infinite hero-mouse-scroll;position:absolute;top:6px;left:50%;transform:translate(-50%)}::view-transition-group(songdio-composer){z-index:50;animation-duration:.82s;animation-timing-function:cubic-bezier(.625,.05,0,1)}html[data-composer-direction=down]::view-transition-group(songdio-composer){animation-duration:.84s;animation-timing-function:cubic-bezier(.18,.9,.22,1.04)}html[data-composer-direction=up]::view-transition-group(songdio-composer){animation-duration:.78s;animation-timing-function:cubic-bezier(.2,1.02,.3,1)}@keyframes hero-composer-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes hero-mouse-scroll{0%{opacity:0;transform:translate(-50%,-2px)}35%{opacity:1}80%,to{opacity:0;transform:translate(-50%,8px)}}@keyframes composer-gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.composer-gear-spin{animation:.2s linear composer-gear-spin}@keyframes composer-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.composer-slide-in{animation:.28s ease-out both composer-slide-in}@media (max-width:640px){.hero-brand{font-size:14px;top:24px}.hero-composer-shell{width:calc(100vw - 28px);top:64%}.composer-panel--hero .composer-input-row{border-radius:20px;gap:9px;padding-left:17px;padding-right:7px}.composer-panel--hero .composer-primary-button{border-radius:15px;gap:7px;height:50px;padding:0 14px}.composer-panel--hero .composer-primary-button span{font-size:13px}.hero-composer-hint,.composer-panel--hero textarea{font-size:14px}.hero-learn-more{bottom:18px}}@media (prefers-reduced-motion:reduce){.hero-composer-caret,.hero-mouse span{animation:none}::view-transition-group(songdio-composer){animation-duration:1ms}}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}textarea.composer-prompt-scroll{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;-ms-overflow-style:auto}textarea.composer-prompt-scroll::-webkit-scrollbar{width:6px;display:block}textarea.composer-prompt-scroll::-webkit-scrollbar-track{background:0 0}textarea.composer-prompt-scroll::-webkit-scrollbar-thumb{background-color:#3a3a3a;border-radius:999px}textarea.composer-prompt-scroll::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}