@font-face{font-family:Estedad;src:url('./Estedad.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--navy:#143b60;--muted:#526c82;--cyan:#0797b2;--border:#d9e8f0;--paper:#f2f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 12% 16%,#d7f3f5 0,transparent 40%),linear-gradient(165deg,#f5fbff,#edf7fc 70%,#fff);font-family:Estedad,Tahoma,sans-serif;color:var(--navy);line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #047b98;outline-offset:5px}.page{max-width:1192px;margin:auto;padding:0 44px}.header{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e8f088}.brand{display:flex;align-items:center;gap:12px}.brand>span{font-weight:800;font-size:23px;line-height:1.55}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.1px;color:var(--muted)}.brand img{object-fit:contain}.site-link{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:650;padding:10px 16px;border:1px solid #cbdde8;border-radius:12px;background:#ffffff70}.site-link:hover{background:#fff}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:490px;gap:45px;padding:48px 0 54px}.eyebrow{font-size:12px;font-weight:600;color:#35738c;display:flex;align-items:center;gap:8px;margin:0 0 14px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#0ba5b3;box-shadow:0 0 0 5px #12aab312}h1{font-size:clamp(32px,4.4vw,52px);line-height:1.65;letter-spacing:-1.8px;margin:0;font-weight:850}h1 em{font-style:normal;color:#078ba5}.intro{font-size:15px;max-width:390px;line-height:2.2;margin:19px 0 24px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:13px 23px;border-radius:13px;font-weight:700;font-size:14px;min-height:50px}.primary{color:white;background:linear-gradient(110deg,#119bb0,#174a75);box-shadow:0 10px 22px #16507820}.primary:hover{background:#174a75;transform:translateY(-1px)}.text-link{display:inline-flex;align-items:center;gap:12px;color:#1a607d;font-size:13px;font-weight:650;min-height:44px}.text-link:hover{text-decoration:underline}.browser-note{font-size:11px;margin:14px 0 0;color:#597488}.hero-art{position:relative;min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid #8dcbd445;border-radius:50%;z-index:-1;transform:rotate(-22deg)}.orbit-one{width:340px;height:280px}.orbit-two{width:390px;height:330px;transform:rotate(24deg)}.app-tile{position:relative;background:linear-gradient(145deg,#fff 10%,#edfaff);width:192px;height:228px;border-radius:44px;border:1px solid #fff;box-shadow:0 24px 65px #3a7b9b24,inset 0 0 0 7px #ffffff65;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.app-tile img{width:88px;height:100px;filter:drop-shadow(0 6px 5px #14476b10)}.app-tile>span{font-size:23px;font-weight:850;margin-top:5px}.app-tile>small{font-size:9px;letter-spacing:4px;color:#668399;font-family:Tahoma,sans-serif}.piano{position:relative;display:flex;direction:ltr;gap:3px;background:#183d5e;border:6px solid #183d5e;border-radius:11px;width:292px;height:85px;margin-top:-13px;transform:rotate(6deg);box-shadow:0 17px 22px #204b6a20;z-index:3}.piano>i{flex:1;background:linear-gradient(#f6fbff,#fff);border-radius:2px 2px 5px 5px;box-shadow:inset 0 -4px #d5e3ee}.piano>i.lit{background:linear-gradient(#d1fbf7,#65dbd2);box-shadow:inset 0 -4px #48bdb4}.black{position:absolute;top:-1px;width:24px;height:43px;border-radius:0 0 4px 4px;background:linear-gradient(100deg,#244762,#0b2943);box-shadow:0 3px 3px #132a3c45}.b1{left:25px}.b2{left:66px}.b3{left:145px}.b4{left:185px}.b5{left:226px}.note{position:absolute;font-family:Georgia,serif;color:#1599ad;font-size:48px}.note-one{right:10%;top:30px;transform:rotate(15deg)}.note-two{left:4%;top:90px;font-size:33px;color:#5479a3;transform:rotate(-13deg)}.art-caption{font-size:11px;letter-spacing:.2px;margin-top:25px;color:#58768c}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.section-heading .eyebrow{margin:0 0 3px;font-size:10px}.section-heading h2{font-size:23px;letter-spacing:-.7px;margin:0}.section-heading>p{color:var(--muted);font-size:12px;margin:0 0 3px}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform{border:1px solid var(--border);border-radius:23px;padding:25px 23px 20px;background:#ffffffeb;display:flex;flex-direction:column;box-shadow:0 5px 24px #17426105}.platform.android{border-color:#a9d9e2;box-shadow:0 8px 25px #0c82930a}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:22px}.platform-icon{width:51px;height:51px;background:#eaf5fa;color:#216381;border-radius:16px;display:flex;align-items:center;justify-content:center}.platform-icon svg{width:33px;height:33px}.android .platform-icon{background:#e8f7f4;color:#168677}.status{font-size:9px;white-space:nowrap;color:#4e6c80;background:#f2f7fa;padding:4px 8px;border-radius:8px}.platform h3{font-size:18px;margin:0 0 12px;font-weight:750;display:flex;flex-direction:column;line-height:1.8}.platform h3 span{font-family:Tahoma,sans-serif;font-size:10px;font-weight:400;letter-spacing:.3px;color:#72899b;text-align:right;margin-top:2px}.platform p{font-size:12px;line-height:2.15;color:var(--muted);margin:0 0 24px;flex:1}.download-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;border:1px solid #cbdce8;background:#edf4f8;color:#49687e;font-size:12px;font-weight:650;text-align:center;padding:10px 8px}.download-button:disabled{opacity:1;cursor:not-allowed}.download-button svg{width:20px;height:20px}.available{color:#194f75;background:#f4f9fc}.available:hover{background:#e4f3fa;border-color:#97bdce}.platform>small{font-size:9px;color:#637e91;text-align:center;margin-top:12px}.web-callout{margin-top:30px;border:1px solid #d6e8ef;border-radius:19px;background:#e7f4f9b3;padding:22px 26px;display:flex;align-items:center;gap:19px}.callout-symbol{width:45px;height:45px;background:#fff;border-radius:13px;color:#078fa9;display:grid;place-items:center;font-size:31px;flex-shrink:0;font-family:Georgia,serif}.web-callout h2{font-size:15px;margin:0 0 4px}.web-callout p{font-size:11px;color:var(--muted);margin:0}.web-callout>.text-link{margin-right:auto;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 0;font-size:10px;color:#637c8d}footer a{color:#315d7b;font-family:Tahoma,sans-serif;font-size:12px}.skip{position:absolute;top:-100px;right:15px;padding:10px 20px;background:#fff;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:510px}}
@media(max-width:820px){.page{padding:0 25px}.hero{gap:10px;grid-template-columns:1.1fr .9fr}.hero-art{transform:scale(.82);transform-origin:center;width:100%}.orbit-two{width:330px}.hero-actions{gap:14px}.platforms{gap:12px}.platform{padding:21px 16px}.card-top{flex-wrap:wrap;gap:12px}.section-heading>p{font-size:11px}}
@media(max-width:620px){.page{padding:0 20px}.header{height:87px}.brand img{width:38px;height:44px}.brand>span{font-size:20px}.brand small{font-size:9px}.site-link{font-size:11px;padding:7px 10px;gap:8px;min-height:42px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:31px 0 34px;gap:3px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:11px;margin-bottom:15px}h1{font-size:35px;line-height:1.7;letter-spacing:-1.2px}.intro{font-size:13px;max-width:330px;margin:14px auto 21px}.hero-actions{justify-content:center;gap:19px}.button{font-size:12px;padding:12px 17px;gap:17px}.text-link{font-size:11px}.browser-note{font-size:9px}.hero-art{height:280px;min-height:280px;transform:scale(.83);margin:-6px 0 -22px}.orbit-two{width:350px;height:290px}.note-one{right:7%;top:10px}.note-two{left:7%;top:65px}.app-tile{width:172px;height:202px;border-radius:38px}.app-tile img{width:78px;height:87px}.app-tile>span{font-size:21px}.piano{width:292px;height:78px}.section-heading{display:block;margin-bottom:18px}.section-heading h2{font-size:21px}.section-heading>p{margin:5px 0 0}.platforms{grid-template-columns:1fr;gap:15px}.platform{padding:22px}.card-top{flex-wrap:nowrap;margin-bottom:14px}.platform h3{font-size:18px;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px}.platform h3 span{font-size:10px}.platform p{font-size:12px;margin-bottom:19px;min-height:0}.platform>small{font-size:10px}.status{font-size:10px}.download-button{font-size:13px;min-height:50px}.web-callout{padding:20px;display:grid;grid-template-columns:35px 1fr;gap:12px;margin-top:23px}.callout-symbol{width:35px;height:40px}.web-callout h2{font-size:13px}.web-callout p{font-size:11px}.web-callout>.text-link{grid-column:2;margin:0}.web-callout p{line-height:2.1}footer{font-size:9px;padding:24px 0;flex-wrap:wrap;justify-content:center;gap:8px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}