@font-face{font-family:Bravura;src:url('assets/Bravura.otf') format('opentype');font-display:block}
:root{color-scheme:light;--ink:#101823;--blue:#3d607c;--muted:#74849c;font-family:Georgia,'Times New Roman',serif;background:#fdfdfb;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 35%,#eef5f840,transparent 65%),repeating-linear-gradient(114deg,#fff8 0 1px,#f8f8f733 1px 3px)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #557e9e;outline-offset:5px}.skip{position:absolute;left:20px;top:-60px;z-index:3;background:white;padding:12px}.skip:focus{top:10px}.site-shell{max-width:1672px;margin:auto;padding:0 3.4%}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 2% 12px;min-height:120px}.brand{display:flex;align-items:center;gap:27px}.brand img{width:90px;height:90px;object-fit:contain;border-radius:10px}.brand-name{display:block;font-size:42px;letter-spacing:1px}.tagline{display:block;font-size:18px;letter-spacing:3px;margin-top:2px;color:var(--blue)}nav{display:flex;gap:38px;color:#345775;font-size:21px}nav a{padding:12px 5px}nav a[aria-current]{border-bottom:2px solid #5583ae}nav a:hover{color:#142e43}
.hero{position:relative;min-height:435px;padding:59px 3% 32px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#365f82;margin:0 0 18px}h1{font-weight:400;font-size:58px;letter-spacing:-1.7px;line-height:1.07;margin:0 0 18px}.intro{font-size:26px;line-height:1.35;letter-spacing:.25px;color:var(--muted);margin:0 0 42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1.5px solid var(--blue);border-radius:32px;padding:13px 30px;font-size:24px;line-height:1.2;min-height:54px}.button span{font-size:29px;line-height:1}.outline{background:#ffffff69}.button:hover{background:#e4edf2}.primary{background:var(--blue);color:white;padding:12px 26px;font-size:23px}.primary:hover{background:#294c67}.landscape{position:absolute;z-index:-1;right:-3%;bottom:0;width:58%;height:100%;background:url('assets/homepage-reference.png') right -110px / 1672px 941px no-repeat;mask-image:linear-gradient(to right,transparent,black 19%),linear-gradient(to bottom,transparent,black 16%,black 91%,transparent);mask-composite:intersect;opacity:.85}.leaf{position:absolute;z-index:-1;width:100px;height:26px;background:#889655;border-radius:100% 0 100% 0;filter:blur(9px);opacity:.13;transform:rotate(28deg)}.leaf-one{top:32px;left:36%}.leaf-two{bottom:80px;left:37%;transform:rotate(-27deg)}
.product{position:relative;display:grid;grid-template-columns:168px minmax(0,1fr) minmax(350px,35.5%);align-items:center;gap:46px;padding:24px 6% 24px 3.5%;border-radius:22px;background:linear-gradient(120deg,#e9f4f8e6,#e2f0f6d9 65%,#eaf4f8);scroll-margin-top:20px}.product-icon{width:168px;height:168px;object-fit:contain;border-radius:32px}h2{font-size:48px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:0 0 8px;white-space:nowrap}.description{font-size:27px;line-height:1.3;color:#4e7190;margin:0 0 8px}.features{font-size:21px;line-height:1.4;color:#4e7190;margin:0 0 16px}.practice-preview{background:#ffffffed;border-radius:20px;padding:12px 24px 18px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;min-width:0}.preview-toolbar{display:flex;align-items:center;gap:18px;font-size:13px}.preview-accuracy{margin-left:auto;font-size:12px}.sound-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #dce8ef;background:#f2f6f9}.sound-icon svg{width:23px;height:23px}.preview-staff{display:block;width:100%;height:118px}.clef{font-family:Bravura;font-size:56px;fill:#111}.preview-keys{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.preview-keys span{display:grid;place-items:center;background:#f0f5f8;border-radius:8px;min-height:50px;font-size:23px}dialog{border:1px solid #d6dfe5;border-radius:18px;padding:32px;max-width:min(560px,90vw);color:var(--ink);background:#fffefb;line-height:1.6}dialog h2{font-size:32px;white-space:normal}dialog::backdrop{background:#172a3c55}dialog button{background:var(--blue);color:white;border:0;border-radius:22px;padding:10px 24px}
@media(max-width:1400px){.header{padding-inline:1%}.brand img{width:72px;height:72px}.brand-name{font-size:36px}.tagline{font-size:15px}nav{gap:26px;font-size:19px}.hero{padding-top:48px;min-height:410px}h1{font-size:52px}.intro{font-size:24px}.product{grid-template-columns:135px minmax(0,1fr) 33%;gap:28px;padding:24px 3%}.product-icon{width:135px;height:135px;border-radius:26px}h2{font-size:37px}.description{font-size:23px}.features{font-size:18px}.practice-preview{padding:12px 18px 18px}.preview-keys{gap:8px}.preview-keys span{font-size:20px}.landscape{background-size:1500px auto;background-position:right -98px}}
@media(max-width:1050px){.brand{gap:15px}.brand-name{font-size:29px}.tagline{font-size:11px;letter-spacing:2px}nav{gap:16px;font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px}h1{font-size:46px}.intro{font-size:22px}.product{grid-template-columns:105px 1fr;gap:24px}.product-icon{width:105px;height:105px;border-radius:20px}.practice-preview{grid-column:1/-1;max-width:520px;width:100%;justify-self:center}.product h2{white-space:normal}.landscape{opacity:.6}}
@media(max-width:650px){.site-shell{padding:0 20px}.header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 0 0}.brand img{width:62px;height:62px}.brand-name{font-size:30px}.tagline{font-size:11px;letter-spacing:1.7px}nav{justify-content:space-between;gap:10px;width:100%;font-size:16px}nav a{padding:10px 2px}.hero{padding:38px 0 42px;min-height:470px}.eyebrow{font-size:10px;letter-spacing:1.8px;max-width:300px}h1{font-size:clamp(30px,7.7vw,46px);letter-spacing:-1px}.intro{font-size:20px;margin-bottom:26px;max-width:310px}.desktop-break{display:none}.landscape{width:100%;height:220px;bottom:0;right:-20px;opacity:.52;background-size:1000px auto;background-position:right -140px;mask-image:linear-gradient(transparent,black 40%,transparent)}.button{font-size:19px;padding:12px 24px}.product{padding:24px 18px;grid-template-columns:64px 1fr;gap:16px}.product-icon{width:64px;height:64px;border-radius:12px;align-self:start}.product-copy h2{font-size:28px}.description{font-size:18px}.features{font-size:15px}.primary{font-size:17px;gap:12px;padding:11px 15px}.practice-preview{padding:10px 12px 14px;border-radius:15px}.preview-keys{gap:6px}.preview-keys span{font-size:18px;min-height:40px}.preview-staff{height:104px}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer-divider{border:0;border-top:1px solid #d6dfe5;margin:32px 8px 0;padding:0;height:0}
@media(max-width:650px){.footer-divider{margin:24px 0 0}}