@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root,body{font-family:Inter,Arial,sans-serif;font-optical-sizing:auto;font-size:16px}
.header-inner,body:has(.product-nav) .header-inner{left:50%;transform:translateX(-50%);width:min(1480px,calc(100% - 48px))}
.product-listing>div:last-child{flex-wrap:wrap}.store-product-info{gap:24px;flex-wrap:wrap}
body{overflow-x:clip}h1,h2,h3{letter-spacing:-.045em!important;text-wrap:balance}p{line-height:1.55}
.site-icon{width:1.15em;height:1.15em;vertical-align:-.15em;display:inline-block;flex:none;stroke:currentColor;pointer-events:none}
.brand-hero,.brand-tiles,.story,.cta-section{max-width:1480px;width:calc(100% - 64px);margin-inline:auto}
.brand-hero{height:auto;min-height:0;max-height:none;padding:30px 42px 32px;gap:24px}
.brand-hero-top h1{font-size:clamp(52px,5vw,86px)}.brand-hero-top p{font-size:clamp(27px,3vw,44px);line-height:1.02}
.brand-product-visual{width:min(84%,960px);margin:0 auto}.brand-product-visual .app-window{max-height:360px}.brand-product-visual .app-body{min-height:240px}
.brand-hero-bottom{position:relative;inset:auto;align-items:center;padding:4px 0 0;min-height:64px}.brand-hero-bottom p{font-size:18px}.brand-hero-bottom>div{align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.brand-tile,.brand-tile.recall-tile,.brand-tile.reconnect-tile{padding:32px;min-height:0}.brand-tile h2,.reconnect-tile h2{font-size:clamp(28px,2.6vw,40px);line-height:1.12}.reconnect-tile p{font-size:16px}.brand-tile .eyebrow{font-size:13px}
.brand-products,.company-intro,.intro,.feature-grid{width:calc(100% - 112px);max-width:1368px;margin-inline:auto}.brand-products{padding-block:55px}.product-listing{gap:25px;flex-wrap:wrap}.product-listing>p{font-size:16px}.product-listing .launch-price{order:2}.product-listing>a{flex:none}
.hero-heading h1{font-size:clamp(38px,5vw,74px)}.hero-heading p{font-size:18px}.story-copy h2{font-size:clamp(28px,2.8vw,44px)}.company-intro h2{font-size:clamp(38px,5vw,70px)}
.header-inner{max-width:1480px;margin-inline:auto}.scrolled .header-inner{width:min(1120px,calc(100% - 64px));left:50%;transform:translateX(-50%);padding:10px 22px;min-height:58px;height:auto;top:12px;border-radius:22px}.scrolled .brand-wordmark{font-size:24px}.scrolled .products-menu{padding-block:8px}.scrolled .main-nav{gap:24px;font-size:14px}.scrolled .header-actions{gap:16px}.scrolled .cart-trigger{width:30px;height:30px;font-size:16px}.currency-select{border:0;background:transparent;color:inherit;font:inherit;font-size:12px;max-width:60px;cursor:pointer}
.launch-price{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;color:inherit;line-height:1.3}.launch-price del{opacity:.55}.launch-price strong{font-size:1.35em;font-weight:600}.launch-price small{font-size:12px;flex-basis:100%;color:inherit;opacity:.7}.price-line .launch-price{font-size:24px}.keep-together{white-space:nowrap}
.duo-section{background:transparent;transition:background .5s}.duo-heading{gap:48px;grid-template-columns:1.15fr 1fr}.duo-heading h2{font-size:clamp(32px,3.7vw,54px);line-height:1.1}.duo-heading p{font-size:16px}.duo-section{background:#080808}.immersed .brand-products,.immersed .company-intro{color:#fff}.community-section h2{font-size:clamp(38px,4.7vw,64px)}.community-section>div>p{font-size:17px}.newsletter-section h2{font-size:clamp(40px,6vw,86px)}
.text-link{display:inline-flex;gap:8px;align-items:center;position:relative;isolation:isolate;padding:10px 12px;margin-left:-12px;overflow:hidden;transition:color .2s;--hover-bg:#080808;--hover-ink:#fff}
.text-link:before{content:'';position:absolute;inset:0;background:var(--hover-bg);transform:translateX(-102%);transition:transform .22s cubic-bezier(.2,.8,.2,1);z-index:-1}.text-link:hover:before,.text-link:focus-visible:before{transform:translateX(0)}.text-link:hover,.text-link:focus-visible{color:var(--hover-ink)}.community-section .text-link,.dark-tile .text-link,.newsletter-section .text-link,.immersed .text-link{--hover-bg:#fff;--hover-ink:#080808}
/* Flat pink poster with a regular inset star frame. */
#hotline-dialog{width:650px;max-width:calc(100vw - 32px);height:min(790px,calc(100dvh - 32px));background:#f48ba3;padding:24px;border-radius:8px;box-shadow:0 25px 80px #0006}
#hotline-dialog[open]{animation:hotline-in .25s ease-out}.hotline-paper{background:#f48ba3;background-image:none;border-radius:0;box-shadow:none;overflow:hidden}
#hotline-dialog .hotline-masthead{display:block;padding:22px 32px 20px;min-width:0;text-align:center}.hotline-masthead>div{container-type:inline-size}
#hotline-dialog .hotline-masthead strong{font-size:min(43px,8.1cqw);line-height:.96;margin:12px 0}#hotline-dialog .hotline-masthead p{font-size:19px}#hotline-dialog .hotline-masthead>div>span{font-size:11px}
#hotline-dialog .hotline-close{top:0;right:0;width:32px;height:32px}.hotline-close .site-icon{width:19px;height:19px}
#hotline-dialog .hotline-body{padding:18px 22px}#hotline-dialog .hotline-body h2{font-size:26px;margin:18px 0}#hotline-dialog .hotline-options button{min-height:54px;font-size:16px;padding:12px}.hotline-body .eyebrow{font-size:12px}#hotline-dialog .hotline-fineprint{font-size:12px;padding:10px}
.hotline-stars{inset:9px;color:#491722;z-index:4}.star-side{position:absolute;display:flex;justify-content:space-between;align-items:center;gap:4px}.star-side svg{width:11px;height:11px;flex:none}.star-top,.star-bottom{left:0;right:0;height:12px}.star-top{top:0}.star-bottom{bottom:0}.star-left,.star-right{top:24px;bottom:24px;width:12px;flex-direction:column}.star-left{left:0}.star-right{right:0}
.hotline-trigger{font-size:clamp(15px,1.7vw,23px)!important;white-space:normal;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:none;padding:20px!important}.hotline-trigger>span{display:inline-flex;align-items:center}
@keyframes hotline-in{from{opacity:0;translate:0 -15px}to{opacity:1;translate:0 0}}
/* Bounded composition: six square covers, text left and files right. */
.archive-floating{position:absolute;inset:0;pointer-events:none;z-index:2}.archive-file{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;border:1px solid #e4e4e4;overflow:hidden;will-change:transform,width,height}.audio-file-name{text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-file.file-sorted{align-items:flex-start;justify-content:center;gap:0}.archive-file.file-sorted .audio-file-symbol{display:none}.archive-stage .archive-slot{display:block;padding:0;border-bottom:1px solid #ddd}.archive-stage .category-cover{transform:none!important;transition:none;min-width:0}
.category-campaign{width:calc(100% - 112px);max-width:1368px;padding:80px 0;margin-inline:auto;overflow:visible}
.archive-scroll{height:230svh;min-height:1200px}.archive-stage{position:sticky;top:88px;padding:0;min-height:0}.archive-canvas{position:relative;transform-origin:top center;isolation:isolate}
.archive-stage .category-heading{width:56%;max-width:690px;min-height:245px;padding-top:15px}.archive-stage .category-heading h2{font-size:clamp(28px,3.2vw,46px);line-height:1.1;margin:18px 0}.archive-stage .category-heading p{font-size:16px;max-width:540px;margin-bottom:26px}.archive-stage .category-heading .eyebrow{font-size:12px}
.stack-caption{top:216px;right:3%;width:35%;left:auto;text-align:center;font-size:12px;opacity:calc(1 - var(--sort-progress,0)*3);z-index:3}
.archive-stage .category-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:22px}.archive-stage .category-cover-art{width:100%;height:auto;aspect-ratio:1;padding:16px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.archive-stage .category-cover-art h3{font-size:clamp(24px,2.8vw,42px);margin:0;line-height:1.05}.archive-stage .category-cover-art .wave{height:26px;width:100%}.archive-stage .category-cover:nth-child(4){color:#fff}
.archive-stage .category-files{padding:10px 0 0;gap:5px;display:grid}.archive-stage .archive-slot{height:32px}.archive-stage-label{font-size:12px;margin-top:18px;text-align:right}
.archive-file{padding:8px;gap:10px;border-color:#e4e4e4;background:linear-gradient(#fff,#f6f6f6);box-shadow:0 3px 9px #0002;border-radius:2px}.audio-file-symbol{display:flex;align-items:center;justify-content:center;font-size:54px;flex:1;height:auto;opacity:calc(1 - var(--file-progress,0)*1.8);max-height:calc(90px * (1 - var(--file-progress,0)))}.audio-file-name{font-size:12px;line-height:1.3}.archive-file.file-sorted{padding:5px;box-shadow:none}.archive-stage .archive-file.file-sorted{background:transparent;border-color:transparent}.archive-statement p{font-size:clamp(28px,3.3vw,48px)}
/* Five explicit phases; every phase retains the reference sound. */
.analysis-preview{border:1px solid #393939;border-radius:12px;background:#101010;color:#eee;overflow:hidden;margin:22px 0;min-width:0}.analysis-top{display:flex;justify-content:space-between;padding:14px 16px;font-size:11px;color:#aaa;border-bottom:1px solid #303030}.analysis-steps{display:flex;gap:10px;padding:14px 16px;font-size:10px}.analysis-steps>span{flex:1;color:#777;min-width:0}.analysis-steps i{height:2px;background:#303030;display:block;margin-bottom:7px;transition:background .5s}.analysis-steps .active{color:#aec6ff}.analysis-steps .active i{background:#0055ff}
.analysis-source{padding:16px;background:#191919;position:relative}.analysis-source>small{display:block;font-size:10px;color:#999;margin-bottom:8px}.analysis-source>strong{font-size:16px;font-weight:500}.analysis-source>.wave{height:32px;color:#81a9ff;margin-top:12px;display:flex}.analysis-detail{position:relative;height:210px;overflow:hidden}.analysis-detail>div{position:absolute;inset:0;padding:18px;opacity:0;transform:translateY(9px);transition:opacity .4s,transform .5s;pointer-events:none}
.analysis-preview[data-phase="0"] .analysis-scan,.analysis-preview[data-phase="1"] .analysis-scan,.analysis-preview[data-phase="2"] .analysis-compare,.analysis-preview[data-phase="3"] .analysis-results,.analysis-preview[data-phase="4"] .analysis-daw{opacity:1;transform:none}.analysis-preview[data-phase="0"] .analysis-scan{opacity:.3}.analysis-scan>span,.analysis-detail small{font-size:10px;color:#aaa;display:block;margin-bottom:15px}.analysis-spectrum{display:flex;gap:3px;height:62px;align-items:end;position:relative;overflow:hidden}.analysis-spectrum i{height:var(--bin);background:linear-gradient(#7c9fff,#0055ff);flex:1;opacity:.75;transform-origin:bottom}.analysis-spectrum b{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:-3px}.analysis-preview[data-phase="1"] .analysis-spectrum b{animation:analysis-sweep 2.6s linear both}.analysis-preview[data-phase="1"] .analysis-spectrum i{animation:analysis-bin .5s var(--delay) ease both}.analysis-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;font-size:10px;color:#888}.analysis-features strong{display:block;color:#ddd;font-size:12px;font-weight:400;margin-top:5px}
.analysis-compare>div,.analysis-results>div{display:flex;align-items:center;gap:12px;font-size:12px;padding:10px 0;border-top:1px solid #2b2b2b}.analysis-compare .wave,.analysis-results .wave{height:22px;width:70px;margin-left:auto;color:#7b9de9}.analysis-compare b{width:4px;height:4px;background:#568cff;border-radius:50%}.analysis-results strong{font-weight:500}.analysis-results>div:first-of-type{color:#adc5ff}.analysis-daw{background:repeating-linear-gradient(90deg,#1a1a1a 0,#1a1a1a 47px,#333 48px)}.analysis-timeline{display:flex;justify-content:space-between;font-size:10px;color:#777;margin:15px 0}.analysis-clip{padding:12px;background:#0055ff;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:15px}.analysis-clip .wave{height:32px;flex:1}.analysis-preview[data-phase="4"] .analysis-clip{animation:analysis-drop .8s cubic-bezier(.16,1,.3,1) both}.analysis-daw p{font-size:12px;color:#bbb}.analysis-footer{padding:12px 16px;border-top:1px solid #333;min-height:64px;display:flex;flex-direction:column;gap:5px;font-size:12px}.analysis-footer>small{font-size:10px;color:#777}.analysis-story .analysis-preview{margin:0}.analysis-story{width:100%}.analysis-story .sequence-steps{display:none}
@keyframes analysis-sweep{to{left:100%}}@keyframes analysis-bin{from{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes analysis-drop{from{opacity:0;transform:translate(-25px,-20px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-height:700px){.brand-hero{gap:14px;padding:20px 32px 24px}.brand-hero-top h1{font-size:56px}.brand-hero-top p{font-size:30px}.brand-product-visual{width:min(65%,850px)}.brand-product-visual .app-window{max-height:260px}.brand-hero-bottom{min-height:60px}}
@media(max-width:1000px){.archive-stage .category-cards{gap:8px}.archive-stage .category-cover-art{padding:10px}.archive-stage .category-cover-art h3{font-size:26px}.archive-stage .category-heading{min-height:260px}.brand-products{width:calc(100% - 64px)}.main-nav{gap:20px}.header-actions{gap:12px}.community-section{gap:36px}}
@media(max-width:760px){.brand-hero,.brand-tiles,.story,.cta-section{width:calc(100% - 32px)}.brand-hero{padding:24px;gap:24px;min-height:0}.brand-hero-top h1{font-size:52px}.brand-hero-top p{font-size:27px}.brand-product-visual{width:100%}.brand-hero-bottom{display:block}.brand-hero-bottom>div{justify-content:flex-start;margin-top:20px}.brand-hero-bottom p{font-size:16px}.brand-tile{padding:24px}.brand-tile h2,.reconnect-tile h2{font-size:30px}.brand-products,.company-intro,.intro,.feature-grid,.category-campaign{width:calc(100% - 40px)}.category-campaign{padding:65px 0}.archive-scroll{height:230svh;min-height:1200px}.archive-stage{position:sticky;top:80px}.archive-stage .category-heading{width:58%;min-height:245px;padding-top:8px}.archive-stage .category-heading h2{font-size:26px;margin:14px 0}.archive-stage .category-heading p{font-size:14px;line-height:1.45}.archive-stage .category-heading .eyebrow{font-size:10px}.stack-caption{top:158px;right:0;width:38%;font-size:11px}.archive-stage .category-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;gap:14px 10px}.archive-stage .category-cover-art{height:auto;aspect-ratio:1;padding:12px}.archive-stage .category-cover-art h3{font-size:28px}.archive-stage .category-cover-art .wave{height:20px}.archive-stage .archive-slot{height:25px}.archive-stage .category-files{padding-top:6px;gap:4px}.archive-stage-label{font-size:11px;margin-top:12px}.audio-file-name{font-size:10px}.duo-heading{grid-template-columns:1fr;gap:24px}.duo-heading h2{font-size:34px}.scrolled .header-inner{width:calc(100% - 32px);padding:10px 16px;left:50%;min-height:56px}.scrolled .brand-wordmark{font-size:23px}.header-actions{gap:12px}.scrolled .header-actions{gap:12px}.currency-select{font-size:11px}.community-section h2{font-size:42px}.newsletter-section h2{font-size:52px}}
@media(max-width:540px){#hotline-dialog{padding:21px;max-width:calc(100vw - 20px);height:calc(100dvh - 24px)}#hotline-dialog .hotline-masthead{padding:20px 15px 14px}#hotline-dialog .hotline-masthead strong{font-size:8cqw}#hotline-dialog .hotline-masthead p{font-size:15px}#hotline-dialog .hotline-masthead>div>span{font-size:9px}#hotline-dialog .hotline-body{padding:14px 6px}#hotline-dialog .hotline-body h2{font-size:23px}#hotline-dialog .hotline-options button{font-size:14px;padding:10px;min-height:52px}.hotline-options button>span:last-child{font-size:18px}.hotline-stars{inset:6px}.star-side svg{width:9px;height:9px}.star-side{gap:0}.hotline-trigger{font-size:16px!important}.product-listing{display:flex;flex-direction:column;align-items:flex-start}.analysis-steps{font-size:9px;gap:6px}.analysis-features strong{font-size:11px}.analysis-detail{height:218px}}
@media(max-height:600px){#hotline-dialog .hotline-masthead{padding:12px 25px}#hotline-dialog .hotline-masthead strong{font-size:22px;margin:6px 0}#hotline-dialog .hotline-masthead strong>span{display:inline;white-space:normal}#hotline-dialog .hotline-masthead p{font-size:14px}.star-left svg:nth-child(even),.star-right svg:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.archive-scroll{height:auto;min-height:0}.archive-stage{position:relative;top:auto!important}.archive-file{will-change:auto}.stack-caption{display:none}#hotline-dialog[open],.analysis-preview *{animation:none!important}.text-link:before{transition:none}.archive-stage .category-heading{width:100%}}
