/* Unified TideTone product story */
:root{--paper:#111214;--ink:#eeeae4;--muted:#a6a7ad;--line:#ffffff1c}body,.home-page{background:#111214;color:#eeeae4}header{color:#eeeae4}header select option{background:#18191d;color:#eee}header .pill{background:#e5e8e1;color:#161719;border:0}.eyebrow{color:#85b3ad}.product-hero{max-width:1320px;grid-template-columns:1fr 1.2fr;gap:45px;min-height:815px;padding-top:45px;padding-bottom:50px}.product-copy p{max-width:385px}.product-copy h1{font-size:clamp(44px,4.8vw,68px)}.product-platform{letter-spacing:.3px;color:#a5b4b1;font-size:12px}.sound-jump{background:none;border:0;padding:0;cursor:pointer}.sound-jump .play-symbol{font-size:20px}.product-figure{min-height:710px;justify-content:center;padding-left:90px}.figure-kicker{font-size:12px;color:#bfc6c4;letter-spacing:.5px;margin-bottom:21px;text-align:center}.real-device{width:310px;border-color:#62687677;border-radius:43px;box-shadow:0 25px 65px #0009}.real-device img{border-radius:36px}.product-figure:before{inset:2% -4%;background:radial-gradient(ellipse at 65% 40%,#3db0a923,transparent 60%),radial-gradient(ellipse at 40% 78%,#d4478324,transparent 53%);filter:blur(30px)}.detail-lens{position:absolute;left:-10px;top:180px;width:290px;background:#181b23;border:1px solid #71a69e70;border-radius:17px;padding:12px;box-shadow:0 18px 45px #0008;z-index:2}.lens-label{font-size:10px;color:#c0ccca;padding:0 2px 11px;letter-spacing:.4px}.score-crop{height:147px;overflow:hidden;border-radius:8px;position:relative}.score-crop img{width:100%;height:auto;max-width:none;transform:translateY(-26%)}.product-figure figcaption{margin-top:18px}.sound-section{max-width:1200px;display:block;padding-top:65px;padding-bottom:60px}.sound-intro{text-align:center;max-width:650px;margin:0 auto 35px}.sound-intro h2{font-size:45px;margin:16px 0;line-height:1.2}.sound-intro h2 br{display:none}.sound-intro h2 span:before{content:' '}.sound-intro p{max-width:520px;margin:15px auto}.sound-intro .sound-demo{margin:20px auto 0}.sample-instrument{max-width:900px;margin:auto;display:grid;grid-template-columns:240px 1fr;column-gap:35px;grid-template-areas:'top top' 'display ticks' 'display notes' 'display volume' 'display toast';padding:28px 35px 18px;background:radial-gradient(ellipse at 2% 100%,#3db0a916,transparent 52%),#181a1e;border-top-color:#74a49d50}.sample-top{grid-area:top;padding-bottom:20px}.sample-instrument .sound-display{grid-area:display;height:250px;border-right:1px solid #ffffff0d;padding-right:35px}.sample-ticks{grid-area:ticks;margin-top:30px}.sample-instrument .notes{grid-area:notes}.sample-instrument .volume-row{grid-area:volume}.sample-instrument .toast{grid-area:toast}.sample-instrument .note{height:91px;transition:border-color .2s,background .3s}.sample-instrument .note.active{background:radial-gradient(ellipse at 50% 120%,#d4478350,transparent 85%),#252329;box-shadow:0 0 20px #d4478315}.sound-bridge{max-width:900px;margin:27px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.sound-bridge h3{font-size:18px;font-weight:400;letter-spacing:-.3px;margin:0 0 7px}.sound-bridge p{font-size:14px;color:#9eaaa9;margin:0}.sound-bridge .text-link{font-size:13px;color:#a2c7c0;flex-shrink:0;margin:0}.section{max-width:1200px;padding:85px 40px}.section-head{align-items:start}.section-head h2{max-width:570px;font-size:43px;line-height:1.2}.section-head p{color:#a6a7ad}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature,.feature.dark{display:flex;flex-direction:column;border-radius:0;background:none;min-height:0;overflow:visible;border-top:1px solid #ffffff24}.feature-copy,.feature.dark .feature-copy{padding:30px 0;min-height:225px;align-self:auto}.feature h3{font-size:29px;margin:17px 0;letter-spacing:-.8px}.feature p{font-size:16px;max-width:440px;color:#a7a8af}.feature-number{font-size:11px;letter-spacing:1px;color:#77a69f}.feature-copy .text-link{margin-top:12px;color:#c2d3d0}.feature-visual,.feature.dark .feature-visual{display:block;padding:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:17px;background:#16161d;height:335px}.feature-visual:before,.feature.dark .feature-visual:before{display:none}.device{width:100%;max-width:none;border:0;border-radius:0;background:none;box-shadow:none}.device img{width:100%;height:auto;max-width:none;transform:translateY(-14%)}.feature.dark .device img{transform:translateY(-25%)}.learn-section{background:#e2e2dc;color:#1b1d1e;max-width:none;padding:65px max(6%,calc((100vw - 1120px)/2)) 75px;margin-top:30px}.learn-section .eyebrow{color:#42665e}.learn-section .section-head p,.learn-card p,.learn-card .num{color:#5c6260}.learn-card{border-color:#1b1d1e35}.learn-card h3{font-size:25px}.learn-card .text-link{color:#31564d}.faq-section{padding-top:85px;padding-bottom:50px}.faq{max-width:800px}.faq h2{font-size:39px}.faq details{border-color:#ffffff20}.faq details p{color:#a6a7ad}.closing{background:#111214;padding:65px 24px 80px}.closing:before{background:radial-gradient(ellipse at 50% 110%,#3db0a919,transparent 65%);filter:none}.closing h2{font-size:45px}.closing p{color:#a8adae}.closing .pill{background:#e6e8df;color:#141618;border:0}footer{max-width:1200px;border-color:#ffffff20;color:#969ba0}.article p,.article li{color:#b2b6bb}.article .lede{color:#c4c7cc}.article .pill{background:#e5e8df;color:#111;border:0}.article a.back{color:#8ebdb4}.article h1,.article h2{color:#eeeae4}.article-cta{border-color:#ffffff20}.footer-brand>img{background:none}.brand-logo{background:none}html[lang=ja] .product-copy h1{font-size:clamp(35px,3.7vw,53px)}@media(max-width:1050px){.product-hero{gap:20px;padding-left:5%;padding-right:5%;grid-template-columns:1fr 1fr}.product-figure{padding-left:40px}.real-device{width:280px}.detail-lens{width:235px;left:-15px;top:200px}.score-crop{height:116px}.sound-section{padding-left:5%;padding-right:5%}.sample-instrument{grid-template-columns:200px 1fr;gap:0 25px}.sample-instrument .sound-display{padding-right:25px}.section-head h2{font-size:37px}.feature-visual,.feature.dark .feature-visual{height:280px}}@media(max-width:760px){.product-hero{display:block;min-height:0;padding:35px 7% 35px}.product-copy h1{font-size:43px}.product-platform{margin-top:23px;font-size:11px}.product-copy p{margin:18px 0 25px}.product-figure{min-height:0;height:545px;margin-top:28px;padding:0;align-items:flex-end;justify-content:flex-start}.figure-kicker{align-self:flex-start;margin-bottom:16px;font-size:11px}.real-device{width:215px;border-radius:32px;padding:4px}.real-device img{border-radius:27px}.detail-lens{width:185px;top:104px;left:0;padding:9px;border-radius:12px}.lens-label{font-size:9px;padding-bottom:8px}.score-crop{height:91px}.product-figure figcaption{font-size:10px;align-self:flex-end;margin-top:13px}.product-figure:before{inset:5% -2% 0}.sound-section{padding:42px 6% 48px}.sound-intro{text-align:left;margin-bottom:24px}.sound-intro h2{font-size:34px}.sound-intro h2 br{display:block}.sound-intro h2 span:before{content:none}.sound-intro p{font-size:15px;margin:15px 0}.sound-intro .sound-demo{margin:19px 0 0}.sample-instrument{display:block;padding:22px 17px 12px}.sample-top{padding-bottom:0}.sample-instrument .sound-display{height:185px;border:0;padding:0}.sample-ticks{margin-top:0}.sample-instrument .note{height:78px}.sound-bridge{display:block;margin-top:23px}.sound-bridge h3{font-size:17px}.sound-bridge p{font-size:14px}.sound-bridge .text-link{margin-top:14px}.section{padding:55px 6%}.section-head h2{font-size:33px}.feature-grid{grid-template-columns:1fr;gap:40px}.feature-copy,.feature.dark .feature-copy{padding:25px 0;min-height:0}.feature h3{font-size:28px}.feature-visual,.feature.dark .feature-visual{height:260px}.learn-section{padding:45px 6% 55px;margin-top:10px}.learn-card h3{font-size:23px}.faq-section{padding-top:55px}.faq h2{font-size:32px}.closing{padding:30px 6% 60px}.closing h2{font-size:36px}html[lang=ja] .product-copy h1{font-size:35px}}@media(max-width:360px){.real-device{width:195px}.product-figure{height:505px}.detail-lens{width:160px}.score-crop{height:78px}.product-platform{font-size:10px}.sound-intro h2{font-size:31px}}
.score-crop{height:auto;aspect-ratio:2.45}.score-crop img{display:block;width:100%;transform:translateY(-26.8%)}html[lang="zh-Hans"] .score-crop img{transform:translateY(-24.2%)}html[lang="ja"] .score-crop,html[lang="de"] .score-crop{aspect-ratio:3.35}.detail-lens{width:340px}@media(max-width:1050px){.detail-lens{width:260px}}@media(max-width:760px){.detail-lens{width:210px}}@media(max-width:360px){.detail-lens{width:185px}}.product-actions .sound-jump .listen-label{font-size:14px}.product-actions .sound-jump .play-symbol{font-size:20px}
.feature-copy,.feature.dark .feature-copy{min-height:330px}.feature-facts{display:flex;flex-wrap:wrap;gap:7px 17px;padding:0;margin:18px 0 4px;list-style:none;font-size:12px;color:#94b4ac}.feature-facts li:before{content:'·';margin-right:7px;color:#65a89d}.feature-visual,.feature.dark .feature-visual{margin:0;height:auto;overflow:visible;border:1px solid #ffffff17;padding:30px 24px 18px;background:radial-gradient(ellipse at 50% 60%,#3db0a908,transparent 65%),#17191d;display:flex;flex-direction:column;align-items:center;border-radius:20px}.screenshot-open{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:28px;width:245px;max-width:100%;margin:auto}.feature .device{display:block;width:100%;padding:4px;background:#09090c;border:1px solid #85848d40;border-radius:30px;overflow:hidden;box-shadow:0 15px 25px #0004}.feature .device img,.feature.dark .device img{width:100%;height:auto;transform:none;border-radius:25px}.feature-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border-top:1px solid #ffffff10;padding-top:17px;margin-top:25px;font-size:12px;color:#979da6}.screenshot-link{background:none;border:0;border-bottom:1px solid #7b9c93;color:#a8c6bd;padding:2px 0;font-size:12px;cursor:pointer;white-space:nowrap}.image-dialog{background:#15161a;color:#eee;border:1px solid #ffffff30;border-radius:15px;padding:18px;max-width:min(90vw,700px);max-height:92vh;overflow:auto}.image-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.image-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:-18px;padding:14px 0;background:#15161a;font-size:14px}.image-close{border:1px solid #ffffff40;background:#27292c;color:#eee;border-radius:30px;padding:8px 16px;cursor:pointer;font-size:13px}.image-dialog>img{width:100%;max-width:520px;height:auto;margin:auto;display:block;border-radius:25px}.image-dialog-bar span{color:#bfc7c4}@media(max-width:760px){.feature-copy,.feature.dark .feature-copy{min-height:0}.feature-visual,.feature.dark .feature-visual{padding:25px 18px 17px;height:auto}.screenshot-open{width:235px}.feature-visual figcaption{font-size:11px;gap:12px}.screenshot-link{font-size:11px}.image-dialog{padding:12px;max-width:95vw}.image-dialog-bar{top:-12px;gap:12px;font-size:12px}.image-close{font-size:12px;padding:7px 12px}}

.video-open{display:block;background:none;border:0;border-bottom:1px solid #8caaa1;padding:0 0 4px;cursor:pointer;font:inherit;font-size:14px;width:fit-content}.video-dialog{padding:14px;background:#17191d;color:#eee;border:1px solid #ffffff30;border-radius:18px;width:min(430px,94vw);max-width:94vw;max-height:95dvh;overflow:auto}.video-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.video-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding:2px 0 12px}.video-close{background:#292c30;color:#eee;border:1px solid #ffffff30;border-radius:20px;padding:8px 13px;cursor:pointer;white-space:nowrap}.video-dialog video{display:block;width:100%;max-height:calc(90dvh - 75px);aspect-ratio:886/1920;object-fit:contain;background:#000;border-radius:10px}.video-error{font-size:13px;color:#ddd;margin:8px 0 0}.video-error:empty{display:none}
/* Product motion: quiet entrances, ambient light and note decay. */
@keyframes tide-enter{from{opacity:0;transform:translateY(var(--enter-distance,16px))}to{opacity:1;transform:translateY(0)}}
@keyframes tide-light{0%,100%{transform:translate3d(-1%,0,0) scale(.98);opacity:.65}50%{transform:translate3d(2%,-1.5%,0) scale(1.04);opacity:.95}}
@keyframes tide-ring{0%{transform:scale(.35);opacity:.65}100%{transform:scale(1.45);opacity:0}}
@keyframes tide-decay{0%{transform:scaleX(.08);opacity:1;box-shadow:0 0 15px 2px #82d2c380}100%{transform:scaleX(1);opacity:0;box-shadow:0 0 3px #82d2c300}}
@media(prefers-reduced-motion:no-preference){
.product-copy>.eyebrow{animation:tide-enter .65s both}.product-copy h1{animation:tide-enter .75s .08s both}.product-copy>p{animation:tide-enter .75s .16s both}.product-actions,.product-platform{animation:tide-enter .75s .24s both}.real-device,.figure-kicker,.product-figure>figcaption{animation:tide-enter .85s .18s both}.detail-lens{animation:tide-enter .8s .38s both}.product-figure:before{animation:tide-light 18s ease-in-out infinite}.motion-paused .product-figure:before{animation-play-state:paused}
.sample-instrument .note{position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .2s}.sample-instrument .note:active{transform:scale(.97)}.sample-instrument .note.note-struck:after{content:'';position:absolute;inset:10%;border:1px solid #b4ebe17a;border-radius:50%;pointer-events:none;animation:tide-ring 1.6s ease-out both}.sound-display.sounding .resonance-line{animation:tide-decay 1.6s cubic-bezier(.15,.65,.3,1) both;transform-origin:center}.sound-display .dot-type{transition:color .4s}.sample-instrument .note:focus-visible{outline:2px solid #aad6cc;outline-offset:3px}
}
@media(max-width:760px){.product-hero{--enter-distance:9px}@keyframes tide-light{0%,100%{transform:translate3d(0,0,0);opacity:.7}50%{transform:translate3d(1%,-.5%,0);opacity:.9}}}
@media(prefers-reduced-motion:reduce){.product-hero *,.product-figure:before,.sample-instrument *{animation:none!important;transition:none!important}.product-copy>*{opacity:1;transform:none}}
/* Scroll depth uses translate separately from the entrance transforms. */
@media(prefers-reduced-motion:no-preference){
.scroll-depth .real-device{translate:0 var(--phone-depth,0px)}.scroll-depth .detail-lens{translate:0 var(--lens-depth,0px)}
.scroll-depth .feature-copy{translate:0 var(--copy-depth,0px);opacity:var(--copy-opacity,1)}.scroll-depth .feature-visual{translate:0 var(--visual-depth,0px);opacity:var(--visual-opacity,1)}
}
.story-poster{display:block;width:245px;max-width:100%;height:auto;border-radius:25px}.story-finale .video-open{font-size:16px;padding:13px 20px;border:1px solid #91c4b580;border-radius:30px;background:#a7d3c410;color:#d4ece3}.story-progress{display:none}
@media(min-width:901px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
.story-enabled #explore{max-width:none;padding:85px 0 0}.story-enabled #explore>.section-head{max-width:1200px;padding:0 40px;margin:0 auto 45px}.story-enabled .scroll-story{height:320vh;position:relative}.story-enabled .story-stage{position:sticky;top:0;height:100vh;min-height:650px;display:block;overflow:hidden;isolation:isolate;background:#101216}.story-stage:before{content:'';position:absolute;inset:5%;z-index:-1;background:radial-gradient(ellipse at 72% 55%,#43a79825,transparent 47%),radial-gradient(ellipse at 56% 70%,#b64b9220,transparent 45%);filter:blur(40px);transform:translateX(calc(var(--story-progress,0)*-40px))}.story-enabled .story-stage>.feature{position:absolute;inset:0;margin:auto;max-width:1180px;padding:55px 55px 75px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(55px) scale(.96);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1),visibility .55s}.story-enabled .story-stage>.feature.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.story-enabled .story-stage .feature-copy{translate:none;opacity:1;min-height:0;padding:0}.story-enabled .story-stage .feature h3{font-size:clamp(32px,3.2vw,47px);line-height:1.15;margin:25px 0}.story-enabled .story-stage .feature p{font-size:17px;line-height:1.8}.story-enabled .story-stage .feature-visual{translate:0 calc(var(--scene-drift,0)*-22px);opacity:1;background:#181b2266;border:1px solid #ffffff16;border-radius:32px;box-shadow:0 40px 80px #0005;padding:22px 25px 18px;transform:perspective(1200px) rotateY(-7deg);transition:transform .7s}.story-enabled .story-stage .is-current .feature-visual{transform:perspective(1200px) rotateY(-3deg)}.story-enabled .story-stage .screenshot-open,.story-enabled .story-poster{width:auto;max-width:100%;height:min(59vh,600px)}.story-enabled .story-stage .device{width:auto;height:100%}.story-enabled .story-stage .device img{width:auto;height:100%}.story-enabled .story-stage figcaption{margin-top:15px;padding-top:12px}.story-enabled .story-progress{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;color:#9cacaa;font-size:11px;letter-spacing:2px}.story-progress i{width:130px;height:2px;background:#ffffff20;position:relative}.story-progress i:after{content:'';position:absolute;inset:0;background:#91c9b9;transform-origin:left;transform:scaleX(var(--story-progress,0))}
}
@media(max-width:900px),(max-height:649px),(prefers-reduced-motion:reduce){.story-stage{grid-template-columns:1fr;gap:55px}.story-stage .feature-copy{min-height:0}.story-finale .feature-visual{max-width:100%}}
@media(min-width:901px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.story-enabled .story-stage .feature-copy{grid-column:1;grid-row:1}.story-enabled .story-stage .feature-visual{grid-column:2;grid-row:1}}
/* A restrained ambient wash across the whole page. */
body.home-page:after{content:'';position:fixed;inset:-12%;pointer-events:none;z-index:10;background:radial-gradient(ellipse at 6% 38%,#64c5bb16,transparent 46%),radial-gradient(ellipse at 94% 73%,#bd78ac14,transparent 43%);opacity:.5;contain:strict}
@keyframes page-breath{0%,100%{opacity:.3;transform:translate3d(-1%,1%,0) scale(.98)}50%{opacity:.8;transform:translate3d(1%,-1%,0) scale(1.035)}}
@media(prefers-reduced-motion:no-preference){body.home-page:after{animation:page-breath 22s ease-in-out infinite}.ambient-paused body.home-page:after{animation-play-state:paused}}
@media(max-width:760px){body.home-page:after{background:radial-gradient(ellipse at 0% 35%,#64c5bb0e,transparent 48%),radial-gradient(ellipse at 100% 75%,#bd78ac0c,transparent 45%)}}
@media(prefers-reduced-motion:reduce){body.home-page:after{animation:none;opacity:.35;transform:none}}
.feature .loop-device{width:245px;max-width:100%;margin:auto}.app-loop{display:block;width:100%;height:auto;aspect-ratio:1320/2868;border-radius:25px;object-fit:contain}.loop-toggle{margin-top:12px;border:1px solid #a5c8bd55;border-radius:20px;background:#ffffff08;color:#bed9d0;padding:7px 15px;font:inherit;font-size:12px;cursor:pointer}
@media(min-width:901px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.story-enabled .story-stage .loop-device{width:auto;height:min(54vh,550px)}.story-enabled .app-loop{height:100%;width:auto;max-width:100%}}
/* Evergreen content: readable without animation or JavaScript. */
.editorial{max-width:1040px}.editorial h1{font-size:clamp(34px,4.6vw,60px);line-height:1.13;max-width:900px}.editorial>section{max-width:780px;scroll-margin-top:35px}.editorial p{line-height:1.85}.editorial-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:28px 0 40px}.editorial-actions>a:not(.pill){color:#acd5c8}.page-toc{display:flex;flex-direction:column;gap:9px;border-left:2px solid #65a996;padding:16px 24px;background:#ffffff04;margin:35px 0 55px}.page-toc a{color:#b8cbc5}.page-toc a:hover,.related-pages a:hover{text-decoration:underline}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.catalog-card{position:relative;padding:25px 45px 25px 25px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff03}.catalog-card>span{font-size:22px;line-height:1.3;display:block}.catalog-card p{font-size:15px;color:#aeb8b5;margin-bottom:0}.catalog-card b{position:absolute;right:20px;top:25px;color:#94cbb9}.catalog-card:hover{border-color:#86bca780}.product-directory{max-width:1200px;margin:auto;padding:55px 40px}.product-directory h2{font-size:34px;font-weight:500}.directory-links{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:20px}.directory-links a{color:#b3d3c9;border-bottom:1px solid #ffffff25}.related-pages{margin-top:65px;padding-top:25px;border-top:1px solid #ffffff20}.related-pages>div{display:flex;flex-wrap:wrap;gap:12px 25px}.related-pages a{color:#a5c9bd;font-size:15px}.editorial-media{background:radial-gradient(ellipse at 50% 70%,#25524655,transparent 70%),#191a21;border:1px solid #ffffff18;border-radius:24px;margin:40px 0;padding:28px;display:flex;align-items:center;flex-direction:column;gap:20px}.editorial-media img,.editorial-media video{width:260px;max-width:100%;height:auto;border-radius:28px;aspect-ratio:1206/2622}.editorial-media figcaption{font-size:13px;color:#a1b5ae}.access-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.access-tiers section{border:1px solid #ffffff20;border-radius:16px;padding:22px}.access-tiers h2{font-size:22px;margin-top:0}.access-tiers p{font-size:15px}.support-contact{padding:25px;border:1px solid #ffffff20;border-radius:16px;margin:30px 0}.support-contact a{color:#afdaca;overflow-wrap:anywhere}.footer-directory{display:flex;flex-wrap:wrap;gap:12px 24px;width:100%;font-size:13px}.notation-example{overflow:auto;border:1px solid #ffffff20;border-radius:12px;padding:20px;margin:25px 0}.notation-example table{border-collapse:collapse;width:100%;min-width:390px}.notation-example td,.notation-example th{padding:12px;border-bottom:1px solid #ffffff20;text-align:left}.notation-example audio{width:100%;margin-top:18px}.article a[href^="mailto:"]{overflow-wrap:anywhere}@media(max-width:760px){.catalog-grid,.access-tiers{grid-template-columns:1fr}.product-directory{padding:35px 6%}.editorial-media{padding:20px}.editorial{padding-left:6%;padding-right:6%}.editorial h1{overflow-wrap:anywhere}.catalog-card>span{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

footer{flex-wrap:wrap}.editorial h1,.catalog-card span{overflow-wrap:anywhere}.editorial-media img{height:auto}.footer-directory{display:flex;flex-wrap:wrap;gap:20px}

/* Compact acquisition opening: one promise, a real demo, then the score pack. */
.product-hero{min-height:0;padding-top:36px;padding-bottom:36px}.product-copy h1 span{color:#cbc9c6}.practice-hero-demo figcaption{margin-top:10px}.opening #free-scores{margin-top:0;margin-bottom:48px}.product-copy .eyebrow{letter-spacing:1px}
@media(max-width:760px){.home-page>header{height:64px}.product-hero{padding:22px 6% 24px;gap:20px}.product-copy h1,html[lang=zh-Hans] .product-copy h1,html[lang=ja] .product-copy h1,html[lang=de] .product-copy h1{font-size:34px;margin:14px 0;line-height:1.2}.product-copy p{margin:14px 0 18px;font-size:15px;line-height:1.65}.product-actions{gap:14px}.opening .pill{padding:12px 18px}.hero-watch{font-size:14px}.practice-hero-demo .real-device{width:184px;border-radius:25px;padding:4px}.practice-hero-demo video{border-radius:20px}.practice-hero-demo{padding-top:0;scroll-margin-top:76px}.practice-hero-demo figcaption{font-size:11px}.opening #free-scores{margin:0 auto 32px}}

.practice-hero-demo{height:auto;min-height:0;padding-left:0;align-items:center}.practice-hero-demo figcaption{align-self:center}.practice-hero-demo .real-device{translate:none}@media(max-width:760px){.product-hero{display:grid;grid-template-columns:1fr}.practice-hero-demo{height:auto;min-height:0;margin:0;padding:0;align-items:center}.practice-hero-demo .real-device{margin:0}.product-copy h1{max-width:100%}}

/* Direct feature reading and a larger, visitor-controlled recording viewer. */
.direct-features{display:grid;grid-template-columns:1fr 1fr;gap:32px}.direct-features:before{display:none}.direct-features .feature{display:flex;flex-direction:column;gap:24px;padding:28px;border:1px solid #ffffff18;border-radius:20px;background:#171b20;margin:0}.direct-features .feature-copy{min-height:0;padding:0}.direct-features .feature-visual{width:100%;height:350px;margin:0;transform:none}.direct-features .feature-copy,.direct-features .feature-visual{translate:none;opacity:1}.direct-features .feature h3{font-size:30px}.demo-expand{margin-top:10px;min-height:44px;padding:8px 18px;border:1px solid #869d91;border-radius:22px;background:transparent;color:#e1e8df;font:inherit;font-size:13px;cursor:pointer}.demo-expand:focus-visible,.demo-close:focus-visible{outline:3px solid #88c9bc;outline-offset:4px}.demo-dialog{padding:12px;background:#111418;color:#eee;border:1px solid #5c6860;border-radius:16px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.demo-dialog::backdrop{background:#000c}.demo-close{display:block;margin:0 0 10px auto;min-height:44px;padding:8px 16px;background:#e6e8df;color:#141618;border:0;border-radius:22px;cursor:pointer;font:inherit}.demo-dialog video{display:block;width:auto;height:min(78dvh,850px);max-width:100%;object-fit:contain;background:#111}.score-promo-copy .score-promo-note{font-size:12px;line-height:1.7;color:#c1cfb8;margin:0 0 14px}
@media(max-width:760px){.direct-features{grid-template-columns:1fr;gap:20px}.direct-features .feature{padding:22px;gap:20px}.direct-features .feature h3{font-size:27px}.direct-features .feature-visual{height:300px}.demo-dialog video{height:auto;max-height:calc(100dvh - 100px);width: min(100%,380px)}.demo-dialog{width:calc(100vw - 24px);box-sizing:border-box}}
.direct-features .feature{justify-content:flex-start;align-items:stretch}.direct-features .feature .feature-visual{height:350px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden}.direct-features .feature .loop-device,.direct-features .feature .screenshot-open,.direct-features .feature .device{height:220px;width:auto;max-width:100%;flex-shrink:0}.direct-features .feature .app-loop,.direct-features .feature .device img{height:220px;width:auto;max-width:100%;object-fit:contain}.direct-features .feature figcaption{width:100%;flex-shrink:0}.direct-features .feature .feature-copy{flex:1}@media(max-width:760px){.direct-features .feature .feature-visual{height:350px}}
.direct-features .feature .feature-visual{height:380px}.direct-features .feature .loop-device,.direct-features .feature .screenshot-open,.direct-features .feature .device{width:230px;height:220px;overflow:hidden;border-radius:22px}.direct-features .feature .app-loop,.direct-features .feature .device img{width:230px;height:auto;object-fit:initial}.direct-features .feature .feature-copy{padding:0;min-height:0;flex:none}.direct-features .feature{gap:24px}.direct-features .feature .feature-visual{margin-top:auto}.direct-features .feature .screenshot-open{padding:0}