/* Two products, two independent stages. */
html{scroll-padding-top:74px}header nav{gap:35px}header nav a{display:block}.hero.product-showcase{padding-top:52px;padding-bottom:35px;border-bottom:10px solid #17171c}.hero .eyebrow{font-size:24px;letter-spacing:-.5px;font-weight:600;color:#edf1fa}.hero h1{font-size:76px;line-height:1.12;margin:20px auto;letter-spacing:-3px}.hero-copy>p{font-size:18px;color:#8f99af}.hero-actions{margin-top:24px}.hero .button{background:#2475e9;color:#fff;font-size:13px}.hero .textlink{font-size:14px}.sound-toggle{margin-top:20px}.hero-art{margin-top:42px;height:448px}.hero .mac-display{left:110px;right:110px}.hero .mac-chin{left:110px;right:110px}.hero .hero-phone{right:63px;top:160px}.hero .concept-label{bottom:0}.hero .halo-a{top:460px}.notation-showcase{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#0b0a10,#100e1a 65%,#09090e);padding:60px 5% 35px;text-align:center;border-bottom:10px solid #17171c}.notation-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#5033772e,transparent 65%);pointer-events:none}.notation-copy .eyebrow{justify-content:center;font-size:24px;font-weight:600;letter-spacing:-.5px;color:#f1eef8}.notation-copy h2{font-size:74px;font-weight:600;line-height:1.16;letter-spacing:-3px;margin:20px 0;color:#f1f0f5}.notation-copy h2>span{background:linear-gradient(100deg,#eeecfb,#c0a9ed 50%,#a08cd3);background-clip:text;-webkit-background-clip:text;color:transparent}.notation-copy>p{font-size:18px;color:#958ba7;line-height:1.8;margin:0}.notation-actions{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:25px}.notation-button{background:#8e73c7;color:white;border-radius:25px;font-size:13px;padding:12px 23px;gap:10px}.notation-button:hover{background:#9e83d5}.notation-pending{font-size:11px;color:#776d8b}.notation-device{position:relative;width:800px;max-width:95%;margin:48px auto 0;padding-bottom:13px;perspective:1000px}.notation-device-frame{height:355px;border:9px solid #33313c;border-bottom-width:14px;border-radius:14px 14px 7px 7px;box-shadow:0 0 0 1px #74708044,0 0 100px #9373cf0c,0 30px 60px #0006;background:#17131e;overflow:hidden;transform:rotateX(2deg)}.notation-toolbar{height:30px;background:#25202e;border-bottom:1px solid #ffffff05;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#8d819f;font-size:8px}.notation-toolbar strong{font-weight:400}.editor-demo{font-size:6px;border:1px solid #ffffff0a;border-radius:3px;padding:3px 5px}.notation-workspace{display:flex;height:calc(100% - 30px);text-align:left}.notation-sidebar{width:145px;flex-shrink:0;background:#201b28;border-right:1px solid #ffffff05;padding:23px 16px;display:flex;flex-direction:column;position:relative}.notation-sidebar>span{font-size:8px;color:#6e617e;margin-bottom:13px}.notation-sidebar>b{font-size:8px;font-weight:400;color:#ad96cf;background:#55406b44;padding:9px;border-radius:4px}.notation-sidebar>small{position:absolute;bottom:20px;font-size:5px;color:#574a68}.notation-canvas{flex:1;padding:0 27px 20px;background:radial-gradient(ellipse at 50% 50%,#2b2435,#19151f);min-width:0}.score-tools{display:flex;justify-content:center;gap:26px;color:#6f617f;font-size:7px;padding:14px 0}.score-paper{position:relative;max-width:450px;margin:auto;background:#e5e1e8;color:#443c50;min-height:280px;padding:24px 30px;box-shadow:0 10px 35px #0003;border-radius:1px}.score-paper h3{font-size:15px;font-weight:500;letter-spacing:3px;text-align:center;margin:0 0 20px}.score-metadata{display:flex;justify-content:space-between;font-size:6px;color:#8c8297;margin-bottom:18px}.notation-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font:23px Georgia;margin-top:23px;white-space:nowrap}.notation-row i{width:1px;height:24px;background:#b3a9bd;flex-shrink:0}.notation-row.faint{opacity:.45}.paper-cursor{position:absolute;right:21px;bottom:70px;width:1px;height:27px;background:#8d73b8}.notation-device-base{height:9px;background:linear-gradient(#6b6575,#332f3c);margin:0 -32px;border-radius:0 0 55% 55%;box-shadow:0 15px 25px #0006}.notation-disclaimer{font-size:7px;letter-spacing:.7px;color:#4e445e;margin-top:24px}.interval-detail-disclosure{background:#080b12;border-bottom:1px solid #ffffff08}.interval-detail-disclosure>summary{max-width:1080px;margin:auto;display:flex;align-items:center;gap:15px;padding:25px 0;cursor:pointer;font-size:16px;color:#cbd7ec;list-style:none}.interval-detail-disclosure>summary::-webkit-details-marker{display:none}.interval-detail-disclosure>summary>span{color:#546984;font-size:11px}.interval-detail-disclosure>summary>b{margin-left:auto;font-size:20px;font-weight:300;color:#7897c6}.interval-detail-disclosure[open]>summary>b{transform:rotate(45deg)}.interval-detail-disclosure .experience{padding-top:45px;padding-bottom:75px}.interval-detail-disclosure .downloads{border-bottom:0}.downloads .section-heading h2{font-size:38px}.notation-details{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:80px;padding-bottom:80px;border-bottom:1px solid #ffffff08}.notation-details h2{font-size:38px}.notation-description>p{font-size:15px;color:#7d758f;line-height:2;margin:15px 0 25px}.notation-progress{display:flex;gap:12px;padding:20px 0;border-top:1px solid #ffffff08}.progress-dot{width:6px;height:6px;border-radius:50%;background:#957bbf;margin-top:5px}.notation-progress strong{font-weight:500;color:#a998c1;font-size:12px}.notation-progress p{color:#5e546e;line-height:1.8;font-size:11px;margin:9px 0 0}.notation-description .textlink{color:#9a85bc;font-size:11px}.faq{padding-top:65px;padding-bottom:65px}.footer-products{display:flex;gap:20px;font-size:10px;color:#626e83}footer small{margin-left:auto}@media(max-width:1100px){.interval-detail-disclosure>summary{margin:0 6%}}@media(max-width:800px){.hero h1{font-size:64px}.hero-copy>p{font-size:16px}.hero-art{height:398px}.hero .mac-display{left:55px;right:55px}.hero .mac-chin{left:55px;right:55px}.hero .hero-phone{right:15px;top:143px}.notation-copy h2{font-size:62px}.notation-copy>p{font-size:16px}.notation-device-frame{height:310px}.notation-sidebar{width:110px;padding:20px 10px}.notation-canvas{padding-inline:17px}.score-paper{padding:22px}.notation-row{font-size:20px;gap:8px}.score-tools{gap:18px}.notation-details{gap:7%}.notation-details h2{font-size:32px}.notation-description>p{font-size:13px}.notation-device-base{margin-inline:-20px}}@media(max-width:560px){header nav{gap:17px}header nav a:nth-child(2){display:block;font-size:9px}header nav a:nth-child(3){display:none}header .navcta{font-size:0;padding:8px 13px}header .navcta span{font-size:12px;margin:0}.hero.product-showcase{padding-top:42px;padding-bottom:30px}.hero .eyebrow{font-size:20px;letter-spacing:0}.hero h1{font-size:52px;margin-block:18px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero .button{font-size:11px}.hero .textlink{font-size:12px}.hero-art{height:275px;margin-top:37px}.hero .mac-display{left:10px;right:27px;height:202px}.hero .mac-chin{left:10px;right:27px;top:202px}.hero .hero-phone{right:-1px;top:104px}.hero .concept-label{bottom:0}.notation-showcase{padding:43px 5% 30px}.notation-copy .eyebrow{font-size:20px;letter-spacing:0}.notation-copy h2{font-size:51px;margin-block:18px;letter-spacing:-2px}.notation-copy>p{font-size:13px}.notation-actions{gap:17px;margin-top:23px}.notation-button{font-size:11px;padding:11px 18px}.notation-pending{font-size:9px}.notation-device{max-width:100%;margin-top:37px;padding-bottom:8px}.notation-device-frame{height:208px;border-width:5px;border-bottom-width:8px;border-radius:9px 9px 4px 4px}.notation-toolbar{height:20px;padding:0 8px;font-size:5px}.editor-demo{font-size:4px;padding:2px 3px}.notation-workspace{height:calc(100% - 20px)}.notation-sidebar{width:65px;padding:13px 6px}.notation-sidebar>span{font-size:5px;margin-bottom:9px}.notation-sidebar>b{font-size:5px;padding:6px 4px}.notation-sidebar>small{font-size:3px;bottom:12px}.notation-canvas{padding:0 10px 12px}.score-tools{gap:12px;font-size:4px;padding:9px 0}.score-paper{padding:16px 15px;min-height:180px}.score-paper h3{font-size:10px;letter-spacing:1px;margin-bottom:13px}.score-metadata{font-size:4px;margin-bottom:12px}.notation-row{font-size:14px;gap:7px;margin-top:15px}.notation-row i{height:16px}.notation-device-base{height:5px;margin-inline:-10px}.paper-cursor{height:17px;bottom:49px;right:10px}.notation-disclaimer{font-size:6px;margin-top:15px}.interval-detail-disclosure>summary{font-size:13px;padding-block:22px;gap:10px}.interval-detail-disclosure>summary>span{font-size:9px}.interval-detail-disclosure>summary>b{font-size:17px}.interval-detail-disclosure .experience{padding-top:20px;padding-bottom:45px}.notation-details{grid-template-columns:1fr;gap:22px;padding:50px 6%}.notation-details h2{font-size:30px}.notation-description>p{font-size:13px;margin-top:0}.downloads .section-heading h2{font-size:32px}.footer-products{gap:14px;font-size:8px}footer small{margin-left:0}footer{flex-wrap:wrap;justify-content:space-between}.faq{padding-block:50px}}@media(prefers-reduced-motion:reduce){.product-showcase *{animation:none!important}}