*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f7f7f4;color:#202b25;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #759b84;outline-offset:5px}button:disabled{opacity:.55;cursor:wait}.wrap{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}.preview{font-size:11px;letter-spacing:.03em;text-align:center;padding:9px;background:#e9ede6;color:#58665b}.preview span{margin:0 8px}header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:650;font-size:22px;letter-spacing:-.7px}.app-icon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#425348,#202c25);color:#fafbf6;width:33px;height:33px;border-radius:9px;font-size:16px;box-shadow:inset 0 1px 1px #ffffff30}.brand .app-icon{padding-left:2px}nav{display:flex;gap:28px;align-items:center;font-size:13px;color:#626d65}.dark{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:#273b30;color:#fff;padding:17px 24px;border-radius:9px;font-size:14px;font-weight:550;box-shadow:0 3px 5px #17231c0c;transition:background .2s,transform .2s}.dark:hover{background:#405848;transform:translateY(-1px)}.dark.small{padding:12px 16px;font-size:12px}.hero{text-align:center;padding-top:53px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;color:#65776a}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7e9e82;vertical-align:middle;margin-right:8px}h1{font-size:clamp(38px,4.65vw,64px);letter-spacing:-3px;line-height:1.1;font-weight:550;margin:25px 0}h1 span,h2 span{color:#829080}.intro{font-size:17px;line-height:1.7;color:#687169;letter-spacing:-.1px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px}.quiet{font-size:13px;color:#59665b}.quiet span{margin-left:10px}.micro{font-size:11px;color:#90968d;margin-top:16px}.product-stage{position:relative;padding:63px 0 20px;max-width:1000px;margin:auto}.player{width:590px;max-width:100%;margin:auto;text-align:left;border:1px solid #fff;border-radius:15px;background:#fbfcf9;box-shadow:0 22px 65px -24px #465d4550,0 2px 6px #24372912;position:relative;overflow:hidden}.window-top{display:flex;justify-content:space-between;align-items:center;padding:13px 17px 3px}.lights{display:flex;gap:6px}.lights i{width:8px;height:8px;border-radius:50%;background:#e3b0a4}.lights i:nth-child(2){background:#e3c895}.lights i:nth-child(3){background:#abc6a6}.window-tools{display:flex;gap:12px;color:#69766c;font-size:14px}.window-tools button{padding:4px}.window-tools button[aria-pressed=true]{color:#315a40;background:#e2eade;border-radius:5px}.now{display:flex;justify-content:space-between;align-items:center;padding:15px 25px 5px}.kicker{font-size:8px;letter-spacing:1.4px;color:#9aab9e;margin:0 0 9px}h3{font-weight:550}.now h3{font-size:17px;margin:0 0 6px}.muted{color:#8c968e;font-size:11px;margin:0}.clock{text-align:right}.clock strong{display:block;font-size:31px;font-weight:450;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}.clock.big strong{font-size:43px}.clock small{color:#9da49d;font-size:9px;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.clock.warning strong{color:#bd5752;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.wave{height:62px;margin:20px 25px 11px}.wave svg{width:100%;height:100%}.controls{padding:2px 25px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6c7f70}.controls button{padding:8px;border-radius:5px}.controls #voice{padding-left:0}.controls #voice[aria-pressed=true]{color:#3d714d}.transport{display:flex;align-items:center;gap:16px;padding-right:24px}.transport #play{height:32px;width:32px;background:#e9eee7;border-radius:50%;font-size:12px;color:#314e39}.transport button{font-size:12px}.bpm{font-size:9px;color:#9aa599}.tabs{display:flex;align-items:center;gap:20px;padding:0 25px;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9;font-size:10px;color:#95a08f}.tabs button{padding:13px 0;white-space:nowrap}.tabs .active{color:#496a53;box-shadow:0 2px #708d72}.tabs span{margin-left:auto}.track-list{padding:10px 13px 7px;min-height:177px}.track{width:100%;display:grid;grid-template-columns:24px 1fr 35px;align-items:center;text-align:left;padding:10px 10px 10px 15px;border-radius:6px;position:relative;font-size:11px;margin-bottom:3px;color:#56675b;min-height:36px}.track:before{content:"";position:absolute;left:4px;width:3px;top:9px;bottom:9px;border-radius:3px;background:var(--tag)}.track.active{background:#eaf0e7;box-shadow:inset 0 0 0 1px #dce5d7}.track:hover{background:#eef2e9}.track em{font-style:normal;color:#9caaa0;font-size:9px}.track small{color:#90a091;text-align:right;font-size:9px}.player-bottom{border-top:1px solid #edf0e9;color:#a1aaa0;font-size:9px;padding:12px 22px;display:flex;justify-content:space-between}.stage-note{position:absolute;text-align:left;font-size:13px;line-height:1.5;color:#8d9786;letter-spacing:-.3px}.note-left{left:0;top:145px;transform:rotate(-8deg)}.note-left svg{display:block;margin:12px 0 0 35px}.note-right{right:8px;top:202px;transform:rotate(7deg)}.demo-caption{font-size:10px;color:#9ba296;margin:8px 0 40px}.audience{display:flex;justify-content:center;gap:28px;align-items:center;font-size:12px;color:#7c8779;padding:0 0 60px;border-bottom:1px solid #e3e8dd}.audience i{width:3px;height:3px;background:#b9c5b4;border-radius:50%}.features{padding-top:76px}.section-heading{margin-bottom:45px}h2{font-size:36px;font-weight:500;letter-spacing:-1.4px;line-height:1.2;margin:18px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:42px;row-gap:48px}.feature-grid article{border-top:1px solid #e0e5da;padding-top:22px}.feature-art{height:66px;display:flex;align-items:center;margin-bottom:12px;color:#7e9980;font-size:30px}.feature-grid h3{font-size:17px;margin:0 0 12px;letter-spacing:-.35px;line-height:1.4}.feature-grid p{font-size:13px;line-height:1.8;color:#7a8377;margin:0}.wave-art{font-size:24px;letter-spacing:3px}.vocal-art{gap:12px;font-size:25px}.pill{font-size:10px;letter-spacing:0;border:1px solid #dce4d6;color:#6f836e;background:#eef2e9;padding:7px 10px;border-radius:20px}.color-art{gap:10px}.color-art i{width:19px;height:19px;border-radius:50%;background:#a9bb9b}.color-art i:nth-child(2){background:#9ab5ce}.color-art i:nth-child(3){background:#c7b0c9}.color-art i:nth-child(4){background:#d5b9a0}.color-art i:nth-child(5){background:#c7c9ab}.timer-art{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:29px;gap:20px}.timer-art small{font-size:14px;padding:5px 9px;border:1px solid #dfe5d9;border-radius:5px}.red-art{color:#b97065;font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.minimal-art{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.minimal-art span{height:4px;width:95px;border-radius:2px;background:#c5d1bd}.minimal-art span:nth-child(2){width:65px}.minimal-art span:nth-child(3){width:80px}.footnote{font-size:11px;line-height:1.7;color:#959d8e;max-width:840px;margin:40px 0 0}.focus{margin-top:82px;max-width:1056px;background:#eaf0e4;border:1px solid #e3e9db;border-radius:14px;padding:52px 40px;text-align:center}.focus-label{font-size:9px;letter-spacing:1.4px;color:#82947b}.focus h2{font-size:35px;margin:21px 0;color:#4c644d}.focus p{font-size:14px;line-height:1.8;color:#87927c}.focus-details{display:flex;justify-content:center;gap:29px;margin-top:29px;font-size:10px;color:#829078}.pricing{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center;padding-top:95px;padding-bottom:86px}.pricing h2{font-size:46px;letter-spacing:-2px}.pricing>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#8c9586}.price-card{background:#fff;border:1px solid #e6eadd;border-radius:13px;padding:29px;box-shadow:0 15px 35px -25px #56734340}.price-top{display:flex;align-items:center;justify-content:space-between}.price-top .brand{font-size:19px}.price{font-size:70px;font-weight:450;letter-spacing:-4px;margin:28px 0 0}.price>span{font-size:40px;color:#95a08c}.price-card .muted{margin-top:4px}.price-card ul{list-style:none;padding:0;margin:24px 0;font-size:12px;line-height:2.5;color:#73816a}.price-card li:before{content:"✓";color:#92a387;margin-right:10px}.price-card .dark{width:100%;justify-content:space-between}.price-card>small{font-size:9px;display:block;text-align:center;color:#a0aa96;margin-top:15px}.faq{border-top:1px solid #e0e6d7;padding-top:45px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.faq h2{font-size:29px;margin-top:13px}.faq details{border-bottom:1px solid #e0e6d7;padding:19px 0;font-size:13px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.6}.faq summary:after{content:"+";color:#8ca07d;font-size:18px}.faq details[open] summary:after{content:"−"}.faq details p{color:#8a9581;line-height:1.8;font-size:12px;padding-right:20px}footer{border-top:1px solid #e0e6d7;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:29px!important;padding-bottom:34px!important;font-size:10px;color:#9ba492}footer .brand{font-size:18px;color:#596b50}footer button{font-size:10px}dialog{border:1px solid #e3e8dd;border-radius:16px;padding:35px;width:min(440px,calc(100% - 32px));color:#263c2d;box-shadow:0 25px 80px #18251830}dialog::backdrop{background:#1c2d2355;backdrop-filter:blur(5px)}dialog h2{font-size:29px}dialog p{font-size:14px;line-height:1.7;color:#768470}dialog .close{position:absolute;top:12px;right:16px;font-size:27px;color:#83937b}form label{display:block;font-size:12px;margin:22px 0 9px}input[type=email]{width:100%;border:1px solid #dbe2d4;padding:13px;border-radius:7px;background:#fafbf7;font-size:14px}.consent{display:flex;gap:8px;font-size:10px;line-height:1.6;align-items:start}.consent input{margin:2px 0 0;accent-color:#4a6b48}.notice{background:#f0f3ea;padding:12px;font-size:11px;line-height:1.6;color:#849277;border-radius:6px;margin:15px 0}form .dark{width:100%;font-size:12px;justify-content:space-between}dialog>small{display:block;color:#97a18b;font-size:10px;line-height:1.5;margin-top:15px}
@media(min-width:1300px){h1{font-size:62px}}@media(max-width:1050px){.stage-note{display:none}.focus{margin-left:32px;margin-right:32px}.feature-grid{column-gap:28px}.pricing{gap:40px}}@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}header{height:78px}nav>a{display:none}nav{gap:8px}.brand{font-size:21px}.hero{padding-top:34px}h1{font-size:39px;letter-spacing:-1.9px}.intro{font-size:14px;line-height:1.8}.desktop{display:none}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-actions{flex-direction:column;gap:20px;margin-top:25px}.hero-actions .dark{padding:16px 21px}.product-stage{padding-top:34px}.player{border-radius:12px}.now{padding:13px 16px 0}.now h3{font-size:13px}.clock strong{font-size:25px}.clock.big strong{font-size:31px}.wave{margin:15px 16px 6px;height:46px}.controls{padding:3px 12px 12px}.controls #voice{font-size:9px}.transport{gap:8px;padding-right:0}.tabs{padding:0 15px;gap:15px;font-size:8px}.track{font-size:10px}.stage-note{display:none}.demo-caption{font-size:9px;line-height:1.7;margin-bottom:28px}.audience{font-size:9px;gap:10px;flex-wrap:wrap;padding-bottom:35px}.features{padding-top:40px}h2{font-size:29px;letter-spacing:-1px}.section-heading{margin-bottom:30px}.feature-grid{grid-template-columns:1fr 1fr;gap:27px 22px}.feature-grid h3{font-size:14px}.feature-grid p{font-size:12px;line-height:1.7}.feature-art{height:48px;margin-bottom:10px}.wave-art{font-size:16px;letter-spacing:1px}.color-art{gap:6px}.color-art i{width:15px;height:15px}.timer-art{font-size:25px;gap:10px}.timer-art small{font-size:11px}.vocal-art{font-size:22px;gap:8px}.vocal-art .pill{padding:6px;font-size:9px}.footnote{font-size:10px;margin-top:28px}.focus{margin:43px 22px 0;padding:35px 21px}.focus h2{font-size:26px}.focus p{font-size:12px}.focus-details{flex-direction:column;gap:13px;font-size:10px}.pricing{padding-top:52px;padding-bottom:45px;grid-template-columns:1fr;gap:24px}.pricing h2{font-size:37px;margin:14px 0}.pricing>div>p:not(.eyebrow){font-size:13px}.price-card{max-width:430px;width:100%;margin:auto}.faq{grid-template-columns:1fr;gap:9px;padding-top:27px;padding-bottom:40px}.faq h2{font-size:27px}.faq details{padding:16px 0;font-size:12px}footer{flex-wrap:wrap;gap:18px}footer>span:first-of-type{display:none}.preview{font-size:9px}dialog{padding:28px}.price{font-size:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid #d9e1d5;border-radius:50%;color:#52664f;background:transparent}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .sun{display:none}
[data-theme="dark"] .theme-toggle .sun{display:block}
[data-theme="dark"] .theme-toggle .moon{display:none}
[data-theme="dark"] body{background:#000000;color:#e5e5e5}
[data-theme="dark"] .preview{background:#222222;color:#acacac}
[data-theme="dark"] nav,[data-theme="dark"] .intro,[data-theme="dark"] .quiet{color:#b4b4b4}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .focus-label{color:#a9a9a9}
[data-theme="dark"] h1 span,[data-theme="dark"] h2 span{color:#a0a0a0}
[data-theme="dark"] .micro,[data-theme="dark"] .stage-note,[data-theme="dark"] .demo-caption,[data-theme="dark"] .audience,[data-theme="dark"] .footnote{color:#9d9d9d}
[data-theme="dark"] .dark{background:#b3b3b3;color:#1d1d1d;box-shadow:none}
[data-theme="dark"] .dark:hover{background:#c5c5c5}
[data-theme="dark"] .theme-toggle{border-color:#424242;color:#c0c0c0}
[data-theme="dark"] .player{background:#242424;border-color:#404040;box-shadow:0 24px 70px -20px #0009}
[data-theme="dark"] .window-tools,[data-theme="dark"] .controls,[data-theme="dark"] .muted{color:#aeaeae}
[data-theme="dark"] .kicker,[data-theme="dark"] .clock small,[data-theme="dark"] .bpm,[data-theme="dark"] .player-bottom{color:#a3a3a3}
[data-theme="dark"] .clock.warning strong{color:#ff8b83}
[data-theme="dark"] .transport #play{background:#3e3e3e;color:#e2e2e2}
[data-theme="dark"] .controls #voice[aria-pressed=true],[data-theme="dark"] .window-tools button[aria-pressed=true]{color:#c6c6c6;background:#3d3d3d}
[data-theme="dark"] .tabs{color:#a6a6a6;border-color:#393939}
[data-theme="dark"] .tabs .active{color:#c7c7c7;box-shadow:0 2px #a6a6a6}
[data-theme="dark"] .track{color:#c6c6c6}
[data-theme="dark"] .track.active{background:#383838;box-shadow:inset 0 0 0 1px #4d4d4d}
[data-theme="dark"] .track:hover{background:#343434}
[data-theme="dark"] .track em,[data-theme="dark"] .track small{color:#acacac}
[data-theme="dark"] .player-bottom,[data-theme="dark"] .audience,[data-theme="dark"] .feature-grid article,[data-theme="dark"] .faq,[data-theme="dark"] .faq details,[data-theme="dark"] footer{border-color:#393939}
[data-theme="dark"] .feature-grid p,[data-theme="dark"] .pricing>div>p:not(.eyebrow),[data-theme="dark"] .faq details p{color:#a8a8a8}
[data-theme="dark"] .feature-art{color:#b0b0b0}
[data-theme="dark"] .red-art{color:#e79788}
[data-theme="dark"] .pill{background:#2a2a2a;border-color:#454545;color:#b5b5b5}
[data-theme="dark"] .timer-art small{border-color:#454545}
[data-theme="dark"] .minimal-art span{background:#747474}
[data-theme="dark"] .focus{background:#272727;border-color:#3b3b3b}
[data-theme="dark"] .focus h2{color:#c3c3c3}
[data-theme="dark"] .focus p,[data-theme="dark"] .focus-details{color:#aaaaaa}
[data-theme="dark"] .price-card{background:#232323;border-color:#3d3d3d;box-shadow:none}
[data-theme="dark"] .price>span,[data-theme="dark"] .price-card ul,[data-theme="dark"] .price-card>small,[data-theme="dark"] footer,[data-theme="dark"] footer .brand{color:#aeaeae}
[data-theme="dark"] dialog{background:#252525;border-color:#494949;color:#e4e4e4}
[data-theme="dark"] dialog p,[data-theme="dark"] dialog>small{color:#b5b5b5}
[data-theme="dark"] input[type=email]{background:#1a1a1a;border-color:#515151;color:#e7e7e7}
[data-theme="dark"] .notice{background:#333333;color:#c1c1c1}
@media(max-width:380px){header .brand{font-size:18px}header .dark.small{padding:11px 10px;gap:8px}.theme-toggle{width:36px;height:36px}}

[data-theme="dark"] .app-icon{background:linear-gradient(145deg,#333,#111);color:#fff}
[data-theme="dark"] .dot{background:#aaa}
[data-theme="dark"] #wave-base{fill:#444}
[data-theme="dark"] #wave-played{fill:#ddd}
[data-theme="dark"] #playhead{stroke:#fff}
[data-theme="dark"] .price-card li:before,[data-theme="dark"] .faq summary:after,[data-theme="dark"] dialog .close{color:#aaa}
[data-theme="dark"] .consent input{accent-color:#aaa}
[data-theme="dark"] :focus-visible{outline-color:#ccc}
[data-theme="dark"] dialog::backdrop{background:#0009}