:root{--ink:#171717;--muted:#6f6f6f;--paper:#fff;--soft:#f5f5f5;--line:#e6e6e6;--radius:28px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}svg{display:block}::selection{background:#222;color:white}html{scroll-behavior:smooth;scroll-padding-top:100px}.shell{max-width:1180px;margin-inline:auto;width:calc(100% - 80px)}.site-header{height:76px;border-bottom:1px solid #e8e8e8;background:#ffffffdf;backdrop-filter:blur(24px);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:680;letter-spacing:-1.2px;display:flex;gap:9px;align-items:center}.brand svg{width:29px;height:29px}.nav-links{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:500}.nav-links>a:not(.nav-download){color:#7b7b7b;transition:color .2s}.nav-links>a:hover,.nav-links>a[aria-current]{color:#111}.nav-download{background:#151515;color:#fff;border-radius:30px;padding:10px 20px;display:flex;align-items:center;gap:22px}.nav-download:hover{background:#444}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:black;color:white;padding:14px}.skip:focus{top:10px}:focus-visible{outline:2px solid #555;outline-offset:5px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:650;line-height:1.6}.hero{text-align:center;padding-top:76px}.hero>.eyebrow{margin:0 0 26px;color:#6f6f6f}h1{font-size:clamp(60px,7.1vw,92px);line-height:1.02;letter-spacing:-5.2px;font-weight:650;margin:0}h1 span,h2 span{color:#909090}.hero-lead{font-size:22px;line-height:1.5;letter-spacing:-.4px;color:#717171;margin:27px auto 29px;font-weight:400}.hero-actions{display:flex;justify-content:center;align-items:center;gap:34px}.button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:29px;padding:16px 25px;border-radius:50px;font-size:14px;font-weight:550;line-height:1.2;transition:transform .25s,background .25s,box-shadow .25s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.primary{background:#161616;color:#fff}.primary:hover{background:#393939;box-shadow:0 7px 15px #00000012}.secondary{background:white;border-color:#d8d8d8}.secondary:hover{background:#f3f3f3}.light{background:#fff;color:#111}.light:hover{background:#e5e5e5}.text-link{font-size:14px;font-weight:550;display:inline-flex;gap:10px;align-items:center}.text-link:hover{color:#6f6f6f}.compatibility{font-size:11px;color:#767676;margin:22px 0 0}.hero-product{position:relative;margin-top:62px;padding-bottom:35px}.product-halo{position:absolute;inset:6% 0 -5%;background:radial-gradient(ellipse at 50% 70%,#dadada 0,transparent 63%);z-index:-1}.screen-button{border:0;padding:0;display:block;background:white;overflow:hidden;text-align:left}.screen-button img{filter:grayscale(1);width:100%;height:auto}.hero-screen{border:7px solid #202020;border-radius:18px;box-shadow:0 30px 65px -25px #0005;width:100%;position:relative}.hero-screen>img{aspect-ratio:2.05;object-fit:cover;object-position:top}.screen-top{height:32px;background:#202020;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#a4a4a4;font-size:10px;font-weight:450;letter-spacing:.15px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#666}.screen-expand{font-size:14px}.intro{text-align:center;padding-top:124px}.intro>.eyebrow{color:#6f6f6f;margin:0 0 25px}h2{font-size:clamp(40px,4.6vw,60px);line-height:1.08;letter-spacing:-2.7px;font-weight:630;margin:0}.section-lead{color:#707070;font-size:19px;line-height:1.6;letter-spacing:-.3px;margin:28px 0 0}.showcase{padding-top:42px}.feature-tabs{display:flex;gap:5px;padding:5px;background:#f0f0f0;border-radius:35px;width:max-content;max-width:100%;margin:0 auto 36px}.feature-tab{border:0;border-radius:30px;padding:13px 25px;background:none;font-weight:550;font-size:13px;color:#6f6f6f;transition:all .25s}.feature-tab:hover{color:#111}.feature-tab.active{background:white;color:#111;box-shadow:0 2px 7px #00000009}.feature-panel{background:var(--soft);border-radius:var(--radius);min-height:460px;display:grid;grid-template-columns:35% 65%;align-items:center;overflow:hidden;padding:45px 0 45px 48px}.feature-copy{padding-right:35px}.feature-index{font-size:10px;font-weight:650;letter-spacing:1.2px;color:#707070}h3{font-size:32px;letter-spacing:-1.2px;line-height:1.12;font-weight:630;margin:20px 0}.feature-copy p{font-size:15px;line-height:1.65;color:#707070;margin:0 0 25px}.feature-screen{height:375px;border:5px solid #242424;border-radius:14px 0 0 14px;border-right:0;position:relative;box-shadow:0 15px 35px #0002}.feature-screen>img{height:100%;object-fit:cover;object-position:right top;transition:opacity .2s}.image-open{position:absolute;bottom:14px;right:14px;border-radius:30px;background:#ffffffec;backdrop-filter:blur(10px);font-size:10px;padding:9px 13px;display:flex;gap:15px}.screen-caption{text-align:right;font-size:10px;color:#767676;margin:15px 0}.details{padding-top:130px}.details-heading{margin-bottom:42px}.details-heading>.eyebrow{color:#6f6f6f;margin-bottom:22px}.bento{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bento-card{background:#f5f5f5;border-radius:28px;padding:37px 38px;position:relative;overflow:hidden;min-height:320px}.bento-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;min-height:350px;align-items:center}.bento-text{max-width:400px}.small-icon{display:block;font-size:32px;font-weight:350;height:40px}.bento-card h3{font-size:31px;margin:20px 0 18px;line-height:1.12}.bento-card p{color:#707070;font-size:15px;line-height:1.6;max-width:390px;margin:0 0 35px}.card-bottom{position:absolute;bottom:32px;left:38px;font-size:11px;font-weight:550;color:#6f6f6f}.staff-art{padding:20px 5px 20px 50px;transform:rotate(-5deg);opacity:.83}.staff{height:95px;position:relative;margin:30px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 14px,#767676 14px,#767676 15px,transparent 15px,transparent 16px);background-size:100% 80px;background-repeat:no-repeat;filter:grayscale(1)}.clef{font-family:Georgia,serif;font-size:84px;position:absolute;left:-8px;top:-36px}.staff.bass .clef{font-size:69px;top:-22px}.note{font-family:Georgia,serif;position:absolute;font-size:70px}.n1{left:26%;top:-28px}.n2{left:50%;top:-13px}.n3{left:78%;top:-39px}.bass .n1{top:-12px}.bass .n2{top:-26px}.bass .n3{top:-5px}.closing{margin-top:135px;border-radius:32px;background:#131313;color:white;padding:68px 40px 72px;text-align:center}.closing .eyebrow{color:#919191;margin:0 0 23px}.closing h2{font-size:clamp(40px,4.8vw,62px);letter-spacing:-2.5px}.closing p:not(.eyebrow){font-size:17px;color:#8f8f8f;margin:25px 0 30px}.footer{padding:75px 0 25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px}.brand-period{color:#767676;margin-left:-8px}.footer-links{display:flex;gap:28px;font-size:12px;color:#6f6f6f}.footer-links a:hover{color:#111}.footer-bottom{width:100%;border-top:1px solid var(--line);margin-top:10px;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#767676;line-height:1.6}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.download-hero{text-align:center;padding:83px 0 55px}.download-hero .eyebrow{margin:0 0 28px;color:#747474}.download-hero h1{font-size:clamp(55px,6.3vw,82px);line-height:1.04}.download-hero .hero-lead{font-size:20px;margin-top:25px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:970px}.download-card{border-radius:30px;background:#f5f5f5;padding:42px 39px 28px;transition:transform .3s}.download-card:hover{transform:translateY(-5px)}.platform-icon{width:46px;height:46px;margin-bottom:33px}.platform-icon svg{width:100%;height:100%}.card-eyebrow{font-size:10px;letter-spacing:1.8px;color:#747474;font-weight:600}.download-card h2{font-size:48px;letter-spacing:-2px}.platform-copy{color:#707070;font-size:16px;margin:16px 0 31px}.download-spec{display:flex;flex-direction:column;font-size:12px;gap:7px;color:#6f6f6f;padding-top:22px;border-top:1px solid #dfdfdf;margin-bottom:25px}.full{width:100%;justify-content:space-between}.download-fine{font-size:10px;line-height:1.6;color:#707070;margin:17px 0 0;min-height:32px}.manual-card{margin-top:30px;padding:32px 34px;max-width:970px;display:flex;align-items:center;gap:25px;border:1px solid #e6e6e6;border-radius:26px}.manual-symbol{flex:0 0 56px;color:#6f6f6f}.manual-symbol svg{width:56px;height:70px}.manual-copy{flex:1}.manual-copy .eyebrow{font-size:8px;letter-spacing:1.3px;color:#767676;margin:0 0 9px}.manual-copy h2{font-size:25px;letter-spacing:-.8px}.manual-copy p{font-size:12px;line-height:1.6;color:#747474;max-width:380px;margin:11px 0}.manual-meta{font-size:9px;color:#767676}.manual-card .button{font-size:12px;padding:14px 19px;gap:16px}.download-notes{max-width:970px;display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px}.note-number{font-size:10px;color:#767676;letter-spacing:1px}.download-notes h3{font-size:20px;letter-spacing:-.5px;margin:14px 0}.download-notes p{font-size:12px;color:#747474;line-height:1.8;margin:0}.download-notes code{font:inherit;color:#666;overflow-wrap:anywhere}.faq{max-width:970px;padding-top:95px}.faq .eyebrow{color:#767676;margin-bottom:18px}.faq h2{font-size:38px;letter-spacing:-1.5px;margin-bottom:32px}.faq details{border-bottom:1px solid #ddd}.faq summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;font-size:15px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:21px;color:#767676;font-weight:300;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.7;color:#747474;max-width:740px;margin:0 0 26px}.distribution-note{max-width:970px;padding-top:45px;font-size:10px;line-height:1.7;color:#767676}.distribution-note a{text-decoration:underline;text-underline-offset:3px}.download-main+.footer{margin-top:50px}dialog{border:0;background:#f7f7f7;border-radius:18px;padding:40px 20px 15px;max-width:min(95vw,1500px);max-height:95vh;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog img{max-height:78vh;object-fit:contain;filter:grayscale(1)}dialog p{text-align:center;font-size:12px;color:#6f6f6f;margin-bottom:0}.dialog-close{position:absolute;right:10px;top:4px;background:none;border:none;font-size:30px;color:#6f6f6f}.reveal{animation:reveal .8s both}.hero h1{animation-delay:.07s}.hero-lead{animation-delay:.14s}.hero-actions{animation-delay:.2s}.hero-product{animation-delay:.27s}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.hero{padding-top:90px}.hero-product{margin-top:75px}}@media(max-width:900px){.shell{width:calc(100% - 48px)}h1{letter-spacing:-3.4px}.feature-panel{grid-template-columns:39% 61%;padding-left:30px}.feature-copy{padding-right:22px}.feature-copy h3{font-size:28px}.feature-copy p{font-size:13px}.feature-screen{height:340px}.manual-card{flex-wrap:wrap;gap:20px}.manual-card .button{margin-left:76px}.download-card{padding:35px 29px 25px}.download-notes{gap:40px}.bento-card{padding:30px}.card-bottom{left:30px}.staff-art{padding-left:20px}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.site-header{height:66px}.brand{font-size:22px}.brand svg{width:25px;height:25px}.nav-links{gap:22px;font-size:12px}.nav-download{display:none}.hero{padding-top:57px}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero>.eyebrow{margin-bottom:25px}h1{font-size:60px;letter-spacing:-3.5px}.hero-lead{font-size:17px;line-height:1.6;margin:23px -4px 25px}.hero-actions{gap:22px}.button{font-size:12px;padding:15px 20px;gap:20px}.text-link{font-size:12px}.compatibility{font-size:9px;margin-top:20px}.hero-product{margin:42px -5px 0;padding-bottom:5px}.hero-screen{border-width:4px;border-radius:10px}.screen-top{height:19px;font-size:6px;padding-inline:5px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.hero-screen>img{aspect-ratio:1.38;object-fit:cover;object-position:70% top}.screen-expand{font-size:10px}.intro{padding-top:86px}.intro>.eyebrow{margin-bottom:20px}h2{font-size:39px;letter-spacing:-1.9px}.section-lead{font-size:15px;line-height:1.65;margin-top:22px}.desktop-br{display:none}.showcase{padding-top:28px}.feature-tabs{padding:4px;gap:0;margin-bottom:22px}.feature-tab{font-size:11px;padding:12px 16px}.feature-panel{display:flex;flex-direction:column;align-items:stretch;border-radius:23px;padding:31px 24px 0;min-height:0}.feature-copy{padding-right:0}.feature-index{font-size:8px}.feature-copy h3{font-size:31px;margin:19px 0 16px}.feature-copy p{font-size:14px;line-height:1.65;margin-bottom:20px}.feature-screen{margin:28px -24px 0 0;min-height:270px;height:270px;border-width:4px;border-radius:10px 0 0 0}.feature-screen>img{object-position:right top}.image-open{font-size:8px;padding:7px 11px}.screen-caption{font-size:8px;margin:11px 0}.details{padding-top:84px}.details-heading{margin-bottom:28px}.bento{grid-template-columns:1fr;gap:15px}.bento-card.wide{grid-column:auto;grid-template-columns:1fr;min-height:0;padding-bottom:0}.bento-card{border-radius:24px;padding:30px;min-height:310px}.bento-card h3{font-size:30px}.bento-card p{font-size:14px;line-height:1.65}.staff-art{padding:0 10px 0 28px;margin-top:-25px;height:195px;overflow:hidden;transform:rotate(-4deg)}.staff{margin:10px 0;height:77px}.clef{font-size:70px;top:-31px}.staff.bass .clef{font-size:60px;top:-17px}.note{font-size:60px}.closing{margin-top:80px;padding:48px 20px 51px;border-radius:24px}.closing h2{font-size:41px;letter-spacing:-1.8px}.closing p:not(.eyebrow){font-size:14px;margin:22px 0 28px}.closing .eyebrow{font-size:8px;letter-spacing:1.5px}.footer{padding-top:50px;gap:25px}.footer-links{font-size:11px;gap:20px}.footer-bottom{display:flex;flex-direction:column;gap:9px;font-size:9px;margin-top:0;padding-top:20px}.download-hero{padding:58px 0 30px}.download-hero h1{font-size:52px;letter-spacing:-2.8px}.download-hero .eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:1.5px}.download-hero .hero-lead{font-size:16px;margin:24px 0}.download-grid{grid-template-columns:1fr;gap:18px}.download-card{padding:31px 30px 24px;border-radius:25px}.platform-icon{width:40px;height:40px;margin-bottom:26px}.download-card h2{font-size:43px}.platform-copy{font-size:15px;margin:14px 0 26px}.download-spec{font-size:11px;padding-top:20px;margin-bottom:22px}.download-fine{min-height:0;font-size:10px}.manual-card{margin-top:22px;padding:27px 25px;border-radius:25px;gap:16px}.manual-symbol{flex-basis:38px}.manual-symbol svg{width:38px;height:53px}.manual-copy .eyebrow{font-size:7px;letter-spacing:.8px}.manual-copy h2{font-size:23px;line-height:1.2}.manual-copy p{font-size:12px}.manual-meta{font-size:8px}.manual-card .button{margin:5px 0 0;width:100%}.download-notes{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-inline:8px}.download-notes h3{font-size:20px}.download-notes p{font-size:12px}.faq{padding-top:64px}.faq h2{font-size:32px;margin-bottom:26px}.faq summary{font-size:13px;padding:23px 0;gap:25px;line-height:1.4}.faq details p{font-size:12px}.distribution-note{font-size:9px;padding-top:32px}.download-main+.footer{margin-top:14px}dialog{padding:37px 10px 13px;width:96vw;border-radius:13px}dialog p{font-size:10px;line-height:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.last-update{font-size:10px;color:#707070;line-height:1.6;margin:12px 0 0;text-align:center}.details>.screen-button{margin-top:35px}

/* Complete screenshot, with breathing room on both sides. */
.feature-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);padding:40px;gap:32px;min-height:420px}
.feature-copy{padding-right:0}
.feature-screen{width:100%;height:auto;min-height:0;aspect-ratio:1440/645;border:5px solid #242424;border-radius:14px;margin:0}
.feature-screen>img{height:auto;width:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.feature-panel{padding:30px;gap:24px}}
@media(max-width:600px){.feature-panel{padding:28px 24px;gap:0}.feature-screen{margin:25px 0 0;border-width:4px;border-radius:10px;min-height:0;height:auto}.feature-screen>img{object-fit:contain;object-position:center}}
