:root{color-scheme:dark;--text: #ffffff;--muted: #9ca3af;--muted-2: #6b7280;--orange: #ea580c;--orange-2: #f97316;--orange-3: #f59e0b;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--sidebar-width: 16rem;--sidebar-width-collapsed: 4.5rem;--font-sans: "Noto Sans Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Merriweather, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--sidebar-current-width: var(--sidebar-width);margin:0;min-height:100vh;background:var(--gray-950);color:var(--text);font-family:var(--font-sans)}body.sidebar-collapsed{--sidebar-current-width: var(--sidebar-width-collapsed)}body.has-overlay{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}img,svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(100%,80rem);margin:0 auto;padding:0 1.5rem}.page-shell{margin-left:var(--sidebar-current-width, var(--sidebar-width))}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.button--small{height:2rem;padding:0 .75rem;font-size:.75rem;border-radius:.375rem}.button--full{width:100%}.button--signin{background:linear-gradient(135deg,#e67e40,#d9a435);color:#fff;border-radius:.5rem;height:2.5rem;font-size:.875rem;font-weight:500}.button--create{color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:9999px;white-space:nowrap;background:linear-gradient(90deg,var(--orange-2),var(--orange-3))}.button--show-more,.button--cta{background:#ea580c;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 24px #ea580c33}.button--show-more:hover,.button--cta:hover{background:#c2410c}.button__icon,.chip__icon,.notification__close,.mobile-topbar__icon,.mobile-drawer__icon,.mobile-bottom-nav__icon,.nav-icon-svg,.sample-card__badge-icon,.sample-card__play-icon{width:1rem;height:1rem;flex:0 0 auto}.button__icon{width:.875rem;height:.875rem}.chip__icon{width:.75rem;height:.75rem}.notification__close,.mobile-topbar__icon{width:.875rem;height:.875rem}.mobile-drawer__icon{width:1.25rem;height:1.25rem}.nav-icon-svg--small{width:.95rem;height:.95rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:0 .75rem;border-radius:.5rem;color:#d1d5db}.brand{display:flex;align-items:center;gap:.75rem}.brand__title,.brand strong{font-size:1.25rem;font-weight:700}.sidebar{--sidebar-current-width: var(--sidebar-width);position:fixed;inset:0 auto 0 0;width:var(--sidebar-current-width);z-index:30;display:flex;flex-direction:column;padding:0;background:var(--gray-900);border-right:1px solid var(--gray-800);transition:width .22s ease}.sidebar__header{min-height:4rem;border-bottom:1px solid var(--gray-800)}.sidebar__header-open{display:flex;align-items:center;justify-content:space-between;padding:.375rem .25rem}.sidebar__header-collapsed{display:none;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0}.sidebar__brand-link{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.5rem .75rem;border-radius:.5rem}.sidebar__logo{width:2.25rem;height:2.25rem;flex:0 0 auto}.sidebar__title{font-size:1.25rem;font-weight:700;white-space:nowrap}.sidebar__toggle{width:2rem;height:2rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af}.sidebar__toggle:hover{color:#fff;background:#1f2937}.sidebar__toggle-icon{width:1rem;height:1rem}.sidebar__nav{padding:.75rem .75rem 0}.sidebar__nav[hidden]{display:none!important}.sidebar__menu{list-style:none;margin:0;padding:0}.sidebar__menu-item{padding:.125rem 0}.sidebar__menu-item+.sidebar__menu-item{margin-top:.25rem}.sidebar__menu--nested{padding:.125rem .75rem 0}.sidebar__section{padding-top:.125rem}.sidebar__footer{margin-top:auto;padding:1.25rem;border-top:1px solid var(--gray-800)}.sidebar__auth--collapsed{display:none}.sidebar.is-collapsed{--sidebar-current-width: var(--sidebar-width-collapsed)}.sidebar.is-collapsed .sidebar__header-open{display:none}.sidebar.is-collapsed .sidebar__header-collapsed{display:flex}.sidebar.is-collapsed .sidebar__title{display:none}.sidebar.is-collapsed .sidebar__footer{padding:.75rem}.sidebar.is-collapsed .sidebar__auth--expanded{display:none}.sidebar.is-collapsed .sidebar__auth--collapsed{display:block}.auth{display:flex;align-items:center;justify-content:center;width:100%}.auth__signin{width:100%;flex:0 0 auto}.auth__loading{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#9ca3af}.auth__loading-icon{width:1rem;height:1rem;animation:spin 1s linear infinite}.auth--compact .auth__signin{width:auto}.auth__user{display:flex;align-items:center;gap:1rem}.auth__signin[hidden],.auth__loading[hidden],.auth__user[hidden]{display:none!important}.auth--compact .auth__user{gap:0}.auth__credits-group{display:flex;align-items:center;gap:.5rem}.auth-tooltip{position:relative;display:inline-flex;align-items:center}.auth-tooltip__content{position:absolute;right:0;bottom:calc(100% + .5rem);z-index:60;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;white-space:nowrap;border-radius:.5rem;border:1px solid #374151;background:#111827;color:#e5e7eb;padding:.375rem .5rem;font-size:.75rem;line-height:1.1;box-shadow:0 10px 26px #00000059}.auth-tooltip--credits .auth-tooltip__content{right:auto;left:0}.auth-tooltip:hover .auth-tooltip__content,.auth-tooltip:focus-within .auth-tooltip__content{opacity:1;transform:translateY(0)}.auth__credits{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;border:1px solid rgba(249,115,22,.2);background:#f973161a;color:#f97316;font-size:.875rem;font-weight:700;transition:background-color .18s ease}.auth__credits:hover{background:#f9731633}.auth__credits-icon{width:1rem;height:1rem}.auth__claim{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(107,114,128,.2);background:#6b72801a;color:#9ca3af;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.auth__claim.is-claimable{border-color:#22c55e33;background:#22c55e1a;color:#16a34a;animation:auth-pulse 1.8s infinite}.auth__claim.is-claimed{border-color:#6b728033;background:#6b72801a;color:#9ca3af}.auth__claim[disabled]{cursor:default}.auth__claim.is-claimed-hit{transform:scale(.94)}.auth__claim-icon{width:1rem;height:1rem}.auth__claim-icon--loader,.auth__claim.is-loading .auth__claim-icon--gift{display:none}.auth__claim.is-loading .auth__claim-icon--loader{display:block;animation:spin 1s linear infinite}.auth__menu{position:relative}.auth__menu summary{list-style:none}.auth__menu summary::-webkit-details-marker{display:none}.auth__trigger{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;overflow:hidden;background:transparent;border:1px solid rgba(255,255,255,.14);transition:background-color .18s ease}.auth__trigger:hover{background:#ffffff0a}.auth__avatar-image,.auth__avatar-fallback{width:2.5rem;height:2.5rem;border-radius:9999px;flex:0 0 auto}.auth__avatar-image{object-fit:cover;display:block}.auth__avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#4b5563,#374151 58%,#1f2937);color:#fff;font-weight:700;font-size:.875rem;line-height:1;text-transform:uppercase}.auth__avatar-image[hidden],.auth__avatar-fallback[hidden]{display:none!important}.auth__dropdown{position:absolute;right:0;bottom:calc(100% + .5rem);min-width:13rem;padding:.25rem;border-radius:.5rem;background:#111827;border:1px solid #374151;box-shadow:0 20px 40px #00000059}.auth__item{display:flex;align-items:center;gap:.5rem;min-height:2rem;padding:.375rem .5rem;border-radius:.25rem;color:#e5e7eb;font-size:.875rem;line-height:1.25rem}.auth__item:hover{background:#1f2937}.auth__separator{height:1px;margin:.25rem -.25rem;background:#374151}.auth__item--button{display:flex;align-items:center;gap:.5rem;width:100%;border:0;background:transparent;text-align:left}.auth__item-icon{width:1rem;height:1rem}@keyframes auth-pulse{0%,to{box-shadow:0 0 #22c55e33}70%{box-shadow:0 0 0 8px #22c55e00}}.nav-link{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .75rem;color:#d1d5db;border-radius:.5rem;transition:background-color .18s ease,color .18s ease,padding-left .18s ease}.nav-link:hover,.nav-link.is-active{background:var(--gray-800);color:#fff}.nav-link--primary{color:#d1d5db}.nav-link--nested{min-height:2.5rem;padding-left:2rem;color:#9ca3af}.nav-link--toggle{width:100%;margin:0;text-align:left}.nav-link--toggle.is-active{color:#fff}.nav-link__label{font-size:1rem;font-weight:500;white-space:nowrap}.nav-link__chevron{margin-left:auto;width:.55rem;height:.55rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}[aria-expanded=true] .nav-link__chevron{transform:rotate(-135deg)}.nav-link--primary .nav-icon-svg{width:1.25rem;height:1.25rem}.nav-link--nested .nav-icon-svg{width:1rem;height:1rem}.sidebar.is-collapsed .nav-link{justify-content:center;width:2.5rem;min-height:2.5rem;margin:0 auto;padding:.625rem}.sidebar.is-collapsed .nav-link__label,.sidebar.is-collapsed .nav-link__chevron{display:none}.sidebar.is-collapsed .sidebar__nav,.sidebar.is-collapsed .sidebar__menu--nested{padding-left:.5rem;padding-right:.5rem}.sidebar.is-collapsed .nav-link--nested{padding-left:0}.sidebar.is-collapsed .nav-link--primary .nav-icon-svg{width:1.5rem;height:1.5rem}.sidebar.is-collapsed .nav-link--nested .nav-icon-svg{width:1.25rem;height:1.25rem}.mobile-topbar,.mobile-bottom-nav,.mobile-drawer,.mobile-drawer-backdrop{display:none}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60% 50% at 15% 15%,rgba(234,88,12,.15),transparent 70%),radial-gradient(ellipse 50% 50% at 85% 85%,rgba(14,165,233,.1),transparent 70%),radial-gradient(ellipse 45% 40% at 50% 45%,rgba(139,92,246,.08),transparent 70%),radial-gradient(ellipse 40% 35% at 30% 25%,rgba(251,146,60,.05),transparent 70%),#080c14}.hero__content{position:relative;flex:1;width:min(100%,80rem);margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.hero__copy{text-align:center}.notification{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1.25rem}.notification[hidden]{display:none!important}.notification__content{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.375rem 2rem .375rem 1rem;border-radius:9999px;border:1px solid rgba(249,115,22,.3);background:#7c2d1266;color:#fed7aa;backdrop-filter:blur(12px);font-size:.875rem;font-weight:500}.notification__content:before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:#f97316;box-shadow:0 0 12px #f97316b3}.notification__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#fb923c}.hero h1{margin:0;font-size:2.25rem;font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.1}.hero h1 span{background:linear-gradient(to right,#fb923c,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__copy p{margin:1rem auto 0;line-height:1.625;max-width:36rem;color:var(--muted)}.quick-create{position:relative;width:100%;max-width:48rem;margin:0 auto}.quick-create__halo{position:absolute;pointer-events:none}.quick-create__halo--inner{inset:-.5rem;border-radius:1rem;filter:blur(24px);animation:breathing-glow 4s ease-in-out infinite;background:linear-gradient(135deg,#f9731626,#f59e0b0f,#f9731626)}.quick-create__halo--outer{inset:-.75rem;border-radius:1.5rem;filter:blur(32px);opacity:.3;animation:breathing-glow-outer 4s ease-in-out infinite;background:radial-gradient(ellipse at center,rgba(249,115,22,.1),transparent 70%)}.composer{position:relative;width:100%;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px #f973161f;backdrop-filter:blur(14px)}.composer__input{padding:1rem 1rem 0}.composer__textarea{width:100%;min-height:1.75rem;max-height:7rem;padding:0;resize:none;overflow:hidden;background:transparent;border:0;outline:0;color:#fff;font-size:1rem;line-height:1.625rem}.composer__textarea::placeholder{color:#6b7280}.composer__footer{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.preset-row{display:flex;align-items:center;gap:.5rem;min-width:0}.chip{flex:1;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap;text-align:center;color:#d1d5db;border:1px solid transparent;background:#0003;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.chip:hover,.chip--active{background:#f9731633;color:#fb923c}.chip--advanced{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto}.composer__actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.composer__advanced{position:relative}.advanced-panel{position:absolute;left:0;bottom:calc(100% + .5rem);width:18rem;padding:1rem;border-radius:.75rem;background:#111827;border:1px solid #374151;box-shadow:0 20px 40px #00000059;z-index:50;animation:panel-in .2s ease both}.advanced-panel__group+.advanced-panel__group{margin-top:1rem}.advanced-panel__label{margin-bottom:.5rem;color:#9ca3af;font-size:.75rem;font-weight:500}.segmented{display:flex;gap:.5rem}.segmented__item{flex:1;padding:.375rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.1);background:#0003;color:#d1d5db}.segmented__item--active{background:#f9731633;color:#fb923c;border-color:#f9731633}.segmented__item.is-disabled{opacity:.4;cursor:not-allowed}.toggle{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;color:#9ca3af;font-size:.75rem;font-weight:500}.toggle__switch{border:0;padding:0;cursor:pointer;position:relative;width:2.25rem;height:1.25rem;border-radius:9999px;background:#374151;transition:background-color .18s ease}.toggle__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;transition:transform .18s ease}.toggle__switch.is-active{background:#f97316}.toggle__switch.is-active .toggle__thumb{transform:translate(1rem)}.composer .button--create{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.5rem 1.25rem;border-radius:9999px;color:#fff;font-weight:600;font-size:.875rem;white-space:nowrap;flex-shrink:0;background:linear-gradient(to right,#f97316,#f59e0b);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.composer .button--create:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f9731640}.composer .button--create.is-loading,.composer .button--create[disabled]{background:#4b5563;box-shadow:none;cursor:not-allowed;transform:none}.button__icon--loader,.composer .button--create.is-loading .button__icon--sparkles{display:none}.composer .button--create.is-loading .button__icon--loader{display:block;animation:spin 1s linear infinite}.composer__toast{margin:.5rem 0 0;text-align:center;color:#fca5a5;font-size:.75rem;line-height:1.4}.composer__fineprint{margin:.75rem 0 0;text-align:center;color:#6b7280;font-size:.75rem}@keyframes breathing-glow{0%,to{opacity:.7;transform:scale(.995)}50%{opacity:1;transform:scale(1.01)}}@keyframes breathing-glow-outer{0%,to{opacity:.2;transform:scale(.985)}50%{opacity:.35;transform:scale(1.015)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.hero__content{gap:2.5rem}.hero h1{font-size:3.75rem}.composer__footer{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.chip{flex:0 0 auto}.composer__actions{justify-content:flex-end}}.section{padding:5rem 0}.section--overview{background:var(--gray-900)}.section--what,.section--why{background:var(--gray-800)}.section--features,.section--songs,.section--faq{background:var(--gray-950)}.section--cta{background:linear-gradient(to bottom,var(--gray-900),var(--gray-950))}.section-title{margin:0 0 4rem;font-size:2.25rem;font-weight:700;color:var(--orange)}.section-title--center{text-align:center}.stack-grid{display:grid;gap:2rem}.card-grid{display:grid;gap:3rem}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-card{padding:2rem;background:#1f293780;border-radius:.75rem;border:1px solid var(--gray-700)}.overview-card__head{display:flex;align-items:center;margin-bottom:1rem}.overview-card__emoji{margin-right:.75rem;font-size:1.5rem}.overview-card__head h2{margin:0;font-size:1.5rem;font-weight:700}.overview-card h3{margin:0 0 .75rem 2.25rem;font-size:1.25rem;font-weight:700;color:var(--orange-2)}.overview-card div:last-child{margin-left:3rem;color:#d1d5db;line-height:1.75}.simple-card{background:var(--gray-900);padding:1.5rem;border-radius:.5rem;border:1px solid var(--gray-700)}.simple-card--hover{transition:border-color .18s ease}.simple-card--hover:hover{border-color:#f9731680}.simple-card h3,.feature-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.simple-card p,.simple-card div{margin:0;color:#d1d5db;line-height:1.75}.feature-card{background:var(--gray-900);padding:2rem;border-radius:.75rem;border:1px solid #1f2937;transition:border-color .18s ease,box-shadow .18s ease;box-shadow:0 8px 24px #0003}.feature-card:hover{border-color:#f973164d;box-shadow:0 10px 30px #f973161a}.feature-card h3{margin-bottom:1.5rem;color:var(--orange-2);display:flex;align-items:center;gap:.75rem}.feature-card ul{margin:0;padding:0;list-style:none}.feature-card li{position:relative;padding-left:1.5rem;color:#d1d5db;line-height:1.75}.feature-card li:before{content:"•";position:absolute;left:0;color:var(--orange-2)}.feature-card li+li{margin-top:1rem}.sample-grid{display:grid;gap:2rem;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(335px,1fr))}.sample-card{background:var(--gray-800);border:1px solid var(--gray-700);border-radius:.5rem;padding:1rem;cursor:pointer;transition:border-color .18s ease}.sample-card:hover{border-color:#f9731680}.sample-card.is-hidden,.faq-panel.is-hidden{display:none}.sample-card__head{display:flex;align-items:center;gap:1rem}.sample-card__badge{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.25rem;background:var(--gray-700);color:#9ca3af}.sample-card__body{flex:1;min-width:0}.sample-card__name{margin:0;color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-card__prompt{margin:.25rem 0 0;color:#9ca3af;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-card__play{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--gray-700);color:var(--orange);flex-shrink:0}.sample-card audio{display:none}.sample-card__play-icon--pause{display:none}.sample-card.is-playing .sample-card__play{background:var(--orange);color:#fff}.sample-card.is-playing .sample-card__play-icon--play{display:none}.sample-card.is-playing .sample-card__play-icon--pause{display:block}.sample-note{display:block;margin-top:1.5rem;text-align:center;color:var(--muted);font-size:.875rem}.show-more-wrap{margin-top:2rem;text-align:center}body.has-sample-player{padding-bottom:5rem}.sample-player[hidden]{display:none!important}.sample-player{position:fixed;left:0;right:0;bottom:0;z-index:50;border-top:1px solid var(--gray-700);background:#111827;box-shadow:0 -10px 24px #00000059}@media(min-width:768px){.sample-player{left:var(--sidebar-width)}}.sample-player__bar{width:min(100%,96rem);margin:0 auto;display:flex;flex-direction:column}.sample-player__main{height:64px;width:100%;padding:0 1rem;display:flex;align-items:center;gap:.75rem}.sample-player__left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.sample-player__cover{display:none;width:2.75rem;height:2.75rem;border-radius:.375rem;align-items:center;justify-content:center;background:#374151}.sample-player__cover-icon{width:1.375rem;height:1.375rem;color:#f97316}.sample-player__meta{min-width:0}.sample-player__name{margin:0;color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-player__prompt{margin:.125rem 0 0;color:#9ca3af;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-player__center{display:flex;align-items:center;justify-content:center;gap:.75rem}.sample-player__controls{display:inline-flex;align-items:center;gap:.5rem}.sample-player__right{flex:1;display:flex;justify-content:flex-end}.sample-player__button{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:#fff;border:1px solid transparent;background:transparent}.sample-player__button--toggle{width:2.3rem;height:2.3rem;background:#ea580c;border-color:#ea580c}.sample-player__button--toggle.is-playing{background:#ea580c;border-color:#ea580c}.sample-player__button--ghost{color:#d1d5db}.sample-player__button--ghost:hover{color:#fff;background:#ffffff0a}.sample-player__icon{width:1rem;height:1rem}.sample-player__icon--pause,.sample-player__button--toggle.is-playing .sample-player__icon--play{display:none}.sample-player__button--toggle.is-playing .sample-player__icon--pause{display:block}.sample-player__seek{color:#9ca3af;font-size:.625rem;line-height:1}.sample-player__seek--desktop{display:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;width:min(100%,26rem)}.sample-player__seek--mobile{display:grid;gap:.2rem;width:100%;padding:0 1rem .5rem}.sample-player__time{display:flex;align-items:center;justify-content:space-between;color:#9ca3af;font-size:.625rem;line-height:1}.sample-player__time--desktop{display:none;justify-content:flex-start;gap:.25rem;margin-top:.125rem}.sample-player__seek--desktop span{flex-shrink:0}.sample-player__seek--desktop input{min-width:0}.sample-player__progress{width:100%;cursor:pointer;accent-color:#f97316}.sample-player__progress::-webkit-slider-runnable-track{height:3px;border-radius:9999px;background:#374151}.sample-player__progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:9999px;background:#f97316;border:0}.sample-player__progress::-moz-range-track{height:3px;border-radius:9999px;background:#374151}.sample-player__progress::-moz-range-thumb{width:10px;height:10px;border-radius:9999px;background:#f97316;border:0}@media(min-width:768px){.sample-player__main{height:80px;padding:0 1.25rem;gap:1.25rem}.sample-player__center{flex:1;max-width:32.5rem;display:grid;justify-items:center;gap:.35rem}.sample-player__cover{display:inline-flex}.sample-player__prompt{display:none}.sample-player__time--desktop{display:flex}.sample-player__seek--desktop{display:grid;width:100%}.sample-player__seek--mobile{display:none}}@media(min-width:1024px){.sample-player__main{padding:0 1.5rem}}.faq-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.faq-tab{padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;transition:background-color .18s ease;color:#d1d5db;background:var(--gray-700)}.faq-tab:hover,.faq-tab--active{background:var(--orange);color:#fff}.faq-panel{max-width:48rem;margin:0 auto;display:grid;gap:1.5rem}.faq-item{background:var(--gray-900);padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 30px #00000040;border:1px solid rgba(220,38,38,.1);transition:border-color .18s ease}.faq-item:hover{border-color:#dc26264d}.faq-item summary{cursor:pointer;list-style:none;color:#f3f4f6;font-size:1.25rem;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:1rem 0 0;color:#d1d5db;line-height:1.75}.cta-block{text-align:center}.cta-block p{margin:0 auto;max-width:48rem;color:#d1d5db;font-size:1.25rem;line-height:1.75}.cta__actions{margin-top:3rem}.signin-modal[hidden]{display:none!important}.signin-modal{position:fixed;inset:0;z-index:80}.signin-modal__backdrop{position:absolute;inset:0;background:#00000080}.signin-modal__panel{position:absolute;top:50%;left:50%;width:min(100% - 2rem,425px);transform:translate(-50%,-50%);display:grid;gap:1rem;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#ffffff05),#111827f0;backdrop-filter:blur(20px);box-shadow:0 30px 80px #00000073,0 0 0 1px #f973160d}.signin-modal__close{position:absolute;top:1rem;right:1rem;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.signin-modal__header{display:flex;flex-direction:column;gap:.5rem;text-align:left}.signin-modal__title{margin:0;font-size:1.25rem;font-weight:700}.signin-modal__description{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}.signin-modal__content{display:grid;gap:1rem}.signin-modal__provider{width:100%;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.signin-modal__provider:hover{transform:translateY(-1px)}.signin-modal__provider--primary,.signin-modal__provider--submit{background:linear-gradient(135deg,#f9731638,#f59e0b29);color:#fff7ed;border:1px solid rgba(249,115,22,.28);box-shadow:0 10px 24px #f973161f}.signin-modal__provider--outline{border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff}.signin-modal__provider-mark{width:1.125rem;height:1.125rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#ffffff1f;color:#fff;font-size:.75rem;font-weight:700}.signin-modal__email-toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.signin-modal__email-toggle{padding:0;color:#e5e7eb;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.signin-modal__email{display:grid;gap:.75rem}.signin-modal__email[hidden],.signin-modal__email-toggle-wrap[hidden]{display:none!important}.signin-modal__label{font-size:.875rem;font-weight:500}.signin-modal__input{width:100%;min-height:2.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff}.signin-modal__input::placeholder{color:var(--muted)}.signin-modal__input:focus{outline:none;border-color:#f9731659;box-shadow:0 0 0 3px #f973161f}.signin-modal__note{margin:0;color:var(--muted);font-size:.75rem}.signin-modal__feedback{margin:0;font-size:.875rem}.signin-modal__feedback[data-kind=error]{color:#fca5a5}.signin-modal__feedback[data-kind=success]{color:#86efac}.signin-modal__footer{display:none}.signin-modal__cancel{width:100%;min-height:2.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);color:#fff;background:#ffffff08}@media(max-width:767px){.sidebar{display:none}.page-shell{margin-left:0;padding-top:3.5rem;padding-bottom:4rem}.mobile-topbar,.mobile-bottom-nav,.mobile-drawer-backdrop{display:flex}.mobile-topbar{position:fixed;inset:0 0 auto;z-index:40;height:3.5rem;padding:0 1rem;align-items:center;justify-content:space-between;background:var(--gray-900);border-bottom:1px solid var(--gray-800)}.brand--mobile{gap:.5rem}.brand--mobile strong{font-size:1rem}.mobile-topbar__actions{display:flex;align-items:center;gap:.5rem}.mobile-topbar .auth--compact .auth__signin{height:2rem;padding:0 .75rem;font-size:.75rem;border-radius:.5rem}.mobile-topbar .auth--compact .auth__loading{width:2rem;height:2rem}.mobile-topbar__more-btn,.mobile-drawer__close{width:2.25rem;height:2.25rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;color:#d1d5db;transition:color .18s ease,background-color .18s ease}.mobile-topbar__more-btn:hover,.mobile-drawer__close:hover{color:#fff;background:#1f2937}.mobile-topbar__icon{width:1.25rem;height:1.25rem}.auth--compact .auth__trigger,.auth--compact .auth__avatar-image,.auth--compact .auth__avatar-fallback{width:2.25rem;height:2.25rem}.auth--compact{width:auto}.auth--compact .auth__dropdown{right:0;bottom:auto;top:calc(100% + .5rem)}.mobile-drawer-backdrop{position:fixed;inset:0;z-index:49;background:#0009;display:block}.mobile-drawer-backdrop[hidden]{display:none!important}.mobile-drawer{position:fixed;inset:0 0 0 auto;z-index:50;width:18rem;background:var(--gray-900);border-left:1px solid var(--gray-800);padding:0;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-in-out}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer[hidden]{display:none!important}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 1rem;border-bottom:1px solid var(--gray-800)}.mobile-drawer__nav{display:grid;padding:.5rem 0}.mobile-drawer__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.875rem;color:#d1d5db}.mobile-drawer__link:hover,.mobile-drawer__link.is-active{background:var(--gray-800);color:#fff}.mobile-drawer__footer{padding:1rem;border-top:1px solid var(--gray-800)}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:40;height:4rem;padding:0 .5rem;align-items:center;justify-content:space-around;background:var(--gray-900);border-top:1px solid var(--gray-800)}.mobile-bottom-nav__link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;flex:1;padding:.375rem 0;border-radius:.5rem;color:#9ca3af;font-size:.625rem;font-weight:500;transition:color .18s ease}.mobile-bottom-nav__icon{width:1.5rem;height:1.5rem}.mobile-bottom-nav__link span{font-size:10px;font-weight:500;line-height:1}.mobile-bottom-nav__link:hover{color:#e5e7eb}.mobile-bottom-nav__link.is-active{color:#fb923c}.hero{min-height:100vh;padding-top:0}body.has-sample-player .page-shell{padding-bottom:9.75rem}.sample-player{bottom:4rem}.signin-modal__panel{top:auto;bottom:0;left:0;width:100%;transform:none;max-height:80vh;overflow-y:auto;border-radius:.75rem .75rem 0 0;border-left:0;border-right:0;border-bottom:0;padding-top:2rem}.signin-modal__panel:before{content:"";position:absolute;top:.75rem;left:50%;width:100px;height:8px;transform:translate(-50%);border-radius:9999px;background:#ffffff24}.signin-modal__header{margin-top:.5rem}.signin-modal__footer{display:block;padding-top:.5rem}}@media(max-width:767px){.card-grid--three{grid-template-columns:1fr;gap:1.5rem}.overview-card h3,.overview-card div:last-child{margin-left:0}.sample-player__prompt{display:none}}@media(min-width:1024px){.hero h1{font-size:4.5rem}}