@font-face{font-family:Manrope;src:url("manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("manrope-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{color-scheme:light;--surface:#fcfaf6;--ink:#28203f;--muted:#6e687f;--accent:#7049e9;--accent-hover:#6038d9;--card:#efebfb;--rail:#d9d1f5;--border:#e1dbed;--white:#fff;--off:#8c809c;--shadow:0 24px 68px -28px #49306933}
:root[data-theme="dark"]{color-scheme:dark;--surface:#211d2b;--ink:#f4effb;--muted:#bdb4ce;--accent:#b499fa;--accent-hover:#c5adfd;--card:#30283f;--rail:#4d4069;--border:#463c55;--white:#211d2b;--off:#8f83a2;--shadow:0 24px 68px -28px #0009}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--surface);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,h5,p{margin:0}
button[hidden]{display:none}
.wrap{width:min(1104px,calc(100% - 88px));margin-inline:auto}
.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:10px 18px;border-radius:12px;background:var(--ink);color:var(--surface);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:16px;font-weight:800;line-height:1.35;letter-spacing:-.5px}
.brand:hover{text-decoration:none}
.brand img{border-radius:12px}
.brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.65px}
.site-header nav{display:flex;align-items:center;gap:28px}
.header-link{font-size:13px;color:var(--muted);font-weight:600}
.theme-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.theme-button:hover{color:var(--accent);background:var(--card)}
.theme-button svg{width:20px;height:20px}
.sun-icon{display:none}
[data-theme="dark"] .sun-icon{display:block}
[data-theme="dark"] .moon-icon{display:none}
.hero{display:grid;grid-template-columns:1.28fr 1fr;gap:62px;align-items:center;padding-block:42px 98px}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;line-height:1.5}
.tiny-dot{display:inline-block;flex:none;width:6px;height:6px;background:var(--accent);border-radius:50%}
h1{margin-top:23px;font-size:clamp(49px,5.75vw,74px);font-weight:800;line-height:1.04;letter-spacing:-4px}
h1 span{color:var(--accent)}
.hero-lead{margin-top:27px;font-size:24px;line-height:1.45;font-weight:600;letter-spacing:-.7px}
.hero-description{max-width:425px;margin-top:18px;color:var(--muted);font-size:15px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 23px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.4;white-space:nowrap;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.button-primary{background:var(--accent);color:var(--white);box-shadow:0 10px 24px -12px #7049e995}
.button-primary:hover{background:var(--accent-hover);box-shadow:0 12px 26px -12px #7049e9aa;text-decoration:none;transform:translateY(-2px)}
.button svg{width:18px;height:18px}
.button-arrow{font-size:18px;line-height:1;padding-left:6px;font-weight:400}
.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:600}
.text-link span{font-size:18px;line-height:1}
.release-note{max-width:360px;margin-top:18px;color:var(--muted);font-size:11px;line-height:1.65}
.control-preview{margin:0;position:relative;justify-self:center;width:min(100%,360px)}
.control-preview::before{content:"";position:absolute;z-index:-1;inset:48px -45px -22px;background:radial-gradient(ellipse at center,var(--card),transparent 70%);filter:blur(15px)}
.preview-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.4px;margin-bottom:16px}
.popup-preview{padding:31px 21px 27px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.popup-brand{display:flex;align-items:center;gap:12px}
.popup-brand img{width:40px;height:40px}
.popup-brand>span{font-size:16px;line-height:1.2;font-weight:800;letter-spacing:-.6px}
.preview-gear{width:20px;height:20px;margin-left:auto;color:var(--muted)}
.popup-headline{margin-top:29px;font-size:24px;line-height:1.35;font-weight:800;letter-spacing:-1px}
.preview-master{height:46px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;border:1px solid var(--rail);border-radius:12px;font-size:12px;font-weight:600}
.on-pill{min-width:55px;background:var(--accent);color:var(--white);text-align:center;padding:5px 15px;border-radius:999px;line-height:1.4;font-size:12px;font-weight:800}
.preview-always{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:12px;margin-top:12px;padding:17px 16px}
.preview-always strong{display:block;font-size:14px;font-weight:800;letter-spacing:-.3px;line-height:1.4}
.preview-always div>span{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}
.preview-switch{flex:none;position:relative;width:55px;height:30px;border-radius:999px;background:var(--accent)}
.preview-switch::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:var(--white);top:3px;right:3px}
.preview-target{display:flex;align-items:center;justify-content:space-between;margin-top:24px}
.preview-target strong{font-size:14px;letter-spacing:-.4px}
.preview-target>span{font-size:32px;line-height:1.15;letter-spacing:-1.5px;font-weight:800;color:var(--accent)}
.preview-target small{font-size:18px;letter-spacing:-.5px}
.preview-help{font-size:10px;color:var(--muted);margin-top:2px}
.preview-slider{position:relative;height:6px;margin-top:18px;background:var(--rail);border-radius:999px}
.preview-slider>span{display:block;width:55.5556%;height:100%;background:var(--accent);border-radius:inherit}
.preview-slider>i{position:absolute;left:55.5556%;top:50%;width:19px;height:19px;border:2px solid var(--accent);background:var(--surface);border-radius:50%;transform:translate(-50%,-50%)}
.preview-range{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:10px}
.preview-status{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:28px}
.preview-test-audio{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:12px;padding:8px 16px;border-radius:999px;background:var(--accent);color:var(--surface);font-size:12px;font-weight:800;box-shadow:0 6px 16px #7049e920}
.preview-play{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;border:1px solid currentColor;border-radius:50%}
.preview-play::after{content:"";width:0;height:0;margin-left:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}
.preview-test-arrow{font-size:17px;line-height:20px;opacity:.8}
.control-preview>figcaption{margin-top:18px;text-align:center;color:var(--muted);font-size:10px;line-height:1.8}
.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}
h2{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-1.4px;margin-top:12px}
.section-heading>p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.feature{position:relative;display:flex;flex-direction:column;padding:27px 24px 24px;border:1px solid var(--border);border-radius:20px;min-height:354px;background:var(--surface)}
.feature-always{background:var(--card);border-color:var(--card)}
.feature-symbol{display:flex;align-items:center;gap:6px;min-height:45px;margin-bottom:28px;color:var(--accent)}
.mini-switch{position:relative;background:var(--accent);height:31px;width:56px;border-radius:999px}
.mini-switch::after{position:absolute;content:"";height:25px;width:25px;top:3px;right:3px;border-radius:50%;background:var(--white)}
.mini-pill{background:var(--accent);color:var(--white);border-radius:999px;font-size:11px;font-weight:800;padding:4px 13px;line-height:1.5}
.mini-off{background:var(--card);color:var(--muted)}
.range-symbol{font-size:27px;font-weight:800;letter-spacing:-1.5px;gap:5px}
.range-symbol>span{font-size:18px;font-weight:400;color:var(--rail)}
.range-symbol small{font-size:16px;align-self:center;margin-top:6px}
.color-chip{height:24px;width:24px;border-radius:50%;background:#efebfb;border:1px solid #d9d1f5;margin-left:3px}
.color-chip-dark{background:#30283f;border-color:#4d4069;margin-left:-14px}
.feature-tag{position:absolute;top:85px;font-size:8px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.feature h3{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.7px}
.feature>p:not(.feature-tag){margin-top:14px;font-size:12px;line-height:1.8;color:var(--muted)}
.feature>p.feature-detail{margin-top:auto;padding-top:23px;font-size:10px;line-height:1.7}
.getting-started{padding-block:92px 75px}
.getting-started .section-heading{margin-bottom:38px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;counter-reset:steps;margin:0;padding:0}
.steps>li{padding-top:21px;border-top:1px solid var(--border)}
.step-number{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:1px}
.steps h3{font-size:16px;letter-spacing:-.4px;margin-top:12px;line-height:1.4;font-weight:800}
.steps p{max-width:245px;margin-top:9px;font-size:12px;color:var(--muted);line-height:1.85}
.steps strong{font-weight:600;color:var(--ink)}
.player-note{display:flex;gap:20px;margin-top:38px;padding:24px 27px;background:var(--card);border-radius:16px}
.player-note>svg{flex:none;width:25px;height:25px;color:var(--accent);margin-top:3px}
.player-note h3{font-size:13px;font-weight:800;letter-spacing:-.2px;line-height:1.6}
.player-note p{margin-top:5px;font-size:12px;color:var(--muted);line-height:1.9;max-width:850px}
.player-note strong{color:var(--ink);font-weight:600}
.target-note{margin-top:15px;color:var(--muted);font-size:10px;line-height:1.8}
.test-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:37px 42px;background:var(--card);border-radius:24px}
.test-callout h2{margin-top:10px;font-size:30px}
.test-callout p:not(.eyebrow){margin-top:11px;font-size:13px;color:var(--muted)}
.test-callout>.button{flex:none;min-width:180px}
.advertising{padding-top:43px}
.history{padding-block:87px 76px}
.history .section-heading{align-items:flex-end}
.store-link{padding-bottom:6px}
.history-guide{border:1px solid var(--border);border-radius:18px;overflow:hidden}
.history-guide summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;cursor:pointer;list-style:none}
.history-guide summary::-webkit-details-marker{display:none}
.history-guide summary strong{display:block;font-size:14px;font-weight:800;letter-spacing:-.3px}
.history-guide summary small{display:block;margin-top:5px;font-size:11px;line-height:1.6;color:var(--muted)}
.expand-icon{font-size:24px;font-weight:400;color:var(--accent);line-height:1;transition:transform .15s ease}
.history-guide[open] .expand-icon{transform:rotate(45deg)}
.history-guide[open] summary{border-bottom:1px solid var(--border)}
.history-content{padding:32px 32px 37px}
.history-intro{display:grid;grid-template-columns:1fr 240px;gap:52px;align-items:start}
.version-badge{display:inline-block;border:1px solid var(--border);padding:4px 11px;border-radius:999px;font-size:9px;color:var(--muted);line-height:1.6;font-weight:600}
.history-intro h3{font-size:27px;line-height:1.25;font-weight:800;letter-spacing:-1px;margin-top:17px}
.history-content p,.history-content li{font-size:12px;line-height:1.9;color:var(--muted)}
.history-content strong{color:var(--ink);font-weight:600}
.history-intro p{margin-top:15px;max-width:460px}
.history-content h4{font-size:15px;line-height:1.5;font-weight:800;letter-spacing:-.25px;margin-top:27px}
.history-content h5{font-size:13px;line-height:1.5;font-weight:800;letter-spacing:-.25px}
.history-content ol{padding-left:19px;margin:12px 0 0}
.history-content li{padding-left:3px;margin-top:8px}
.history-content code{font:11px/1.6 monospace;background:var(--card);color:var(--ink);padding:3px 6px;border-radius:5px}
.old-popup{margin:0;width:220px;justify-self:center}
.old-popup img{width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:#fff}
.old-popup figcaption{font-size:9px;margin-top:10px;text-align:center;color:var(--muted)}
.history-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:27px}
.history-controls article{border-top:1px solid var(--border);padding-top:20px}
.history-controls h4{margin-top:0}
.history-controls p{margin-top:10px}
.history-unlock{padding:24px 26px;background:var(--card);border-radius:14px;margin-top:28px}
.history-unlock h4{margin-top:0}
.history-unlock p{margin-top:12px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:103px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.site-footer a{color:var(--muted)}
.site-footer p>a{color:var(--ink);font-weight:600}
.site-footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.site-footer [data-ad-choices]{padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.site-footer [data-ad-choices]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(min-width:1300px){.hero{gap:96px}.hero-copy{padding-top:4px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:36px}.hero h1{font-size:58px}.hero-lead{font-size:22px}.hero-description{font-size:13px}.hero-actions{gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:18px}.feature{min-height:300px;padding:27px 28px}.feature-symbol{margin-bottom:24px}.feature h3{font-size:22px}.feature>p:not(.feature-tag){max-width:310px;font-size:13px}.feature>p.feature-detail{font-size:11px}.feature-tag{top:81px}.history-intro{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:94px}.site-header nav{gap:14px}.header-link{font-size:11px}.brand{font-size:14px;gap:9px}.brand img{width:36px;height:36px}.brand small{font-size:9px}.theme-button{width:35px;height:35px}.hero{grid-template-columns:1fr;gap:43px;padding-block:36px 65px}.hero-copy{max-width:480px}.hero h1{font-size:68px;letter-spacing:-3.5px}.hero-lead{font-size:23px;margin-top:22px}.hero-description{font-size:14px;max-width:450px}.hero-actions{margin-top:27px;gap:23px}.release-note{max-width:370px}.control-preview{width:340px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:16px;max-width:390px;font-size:12px}.section-heading .eyebrow{font-size:10px}h2{font-size:29px;letter-spacing:-1.2px}.feature-grid{gap:14px}.feature{padding:23px 20px;min-height:325px}.feature h3{font-size:19px}.feature>p:not(.feature-tag){font-size:12px}.feature>p.feature-detail{font-size:10px}.feature-tag{font-size:7px;top:77px}.feature-symbol{margin-bottom:24px}.range-symbol{font-size:25px}.range-symbol small{font-size:14px}.getting-started{padding-block:62px 50px}.getting-started .section-heading{margin-bottom:26px}.steps{gap:20px}.steps h3{font-size:14px}.steps p{font-size:11px}.player-note{padding:22px 20px;gap:14px;margin-top:28px}.player-note>svg{width:21px;height:21px}.player-note h3{font-size:12px}.player-note p{font-size:11px}.target-note{font-size:9px}.test-callout{padding:30px 25px}.test-callout h2{font-size:26px}.test-callout p:not(.eyebrow){font-size:11px}.test-callout>.button{min-width:156px;padding:12px 18px}.history{padding-block:56px 51px}.store-link{margin-top:20px}.history-content{padding:27px 23px}.history-intro{grid-template-columns:1fr 180px;gap:25px}.old-popup{width:175px}.history-intro h3{font-size:24px}.history-controls{gap:20px}.history-content p,.history-content li{font-size:11px}.site-footer{min-height:99px;font-size:10px;gap:18px}.site-footer nav{gap:18px}}
@media(max-width:480px){.header-link{display:none}.hero{padding-top:23px}.hero h1{font-size:60px;letter-spacing:-3.2px;margin-top:20px}.hero-lead{font-size:21px}.hero-description{font-size:13px}.hero-actions{gap:21px}.button{min-height:50px;padding:12px 22px;font-size:12px}.text-link{font-size:11px}.release-note{font-size:10px;max-width:300px}.control-preview{width:min(100%,338px)}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:24px 25px}.feature h3{font-size:23px}.feature>p:not(.feature-tag){font-size:13px;max-width:100%}.feature>p.feature-detail{font-size:11px;padding-top:21px;margin-top:auto}.feature-symbol{margin-bottom:25px}.feature-tag{top:78px;font-size:8px}.steps{grid-template-columns:1fr;gap:24px}.steps>li{position:relative;padding:18px 0 0 36px}.step-number{position:absolute;top:22px;left:0}.steps h3{font-size:16px;margin-top:0}.steps p{max-width:100%;font-size:12px}.player-note{gap:13px;padding:20px 18px}.target-note{font-size:10px}.test-callout{display:block;padding:28px 25px}.test-callout>.button{margin-top:24px;min-width:174px}.test-callout p:not(.eyebrow){font-size:12px}.history-guide summary{padding:21px 20px}.history-guide summary strong{font-size:13px}.history-guide summary small{font-size:10px}.history-intro{grid-template-columns:1fr;gap:26px}.history-intro h3{font-size:25px}.old-popup{width:210px}.history-content p,.history-content li{font-size:12px}.history-controls{grid-template-columns:1fr;gap:22px}.history-controls article{padding-top:17px}.history-unlock{padding:21px 18px}.site-footer{display:block;padding-block:25px}.site-footer nav{margin-top:14px;gap:22px}}
@media(max-width:760px){.control-preview::before{left:0;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button-primary:hover{transform:none}}