@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#f1ecff;--paper:#fffeff;--pale:#dbccff;--mid:#b89af3;--purple:#8051d0;--ink:#32235f;--muted:#625483;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Open Sans',Arial,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}.shell{max-width:1440px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px clamp(20px,5vw,72px);border-bottom:var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:800;line-height:1.13}.brand strong{display:block}.brand-mark{width:48px;height:48px;flex:none;display:grid;place-items:center;border:var(--line);border-radius:16px;background:var(--pale);font-size:36px;line-height:1}.topbar nav,footer nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,35px)}.topbar nav a,footer nav a{text-decoration:none;font-weight:700}.topbar nav a:hover,footer nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.hero{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;padding:70px clamp(22px,7vw,100px) 95px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--purple)}.spark{font-size:21px;vertical-align:middle;margin-right:6px}.hero h1{font-size:clamp(53px,6.4vw,92px);line-height:1.07;letter-spacing:-.055em;margin:18px 0 26px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{max-width:590px;font-size:clamp(18px,1.5vw,22px);line-height:1.65;margin:0 0 33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:61px;padding:13px 23px;border:var(--line);border-radius:19px;text-decoration:none;font-weight:800;transition:transform .16s,background .16s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--purple);color:white}.button.primary:hover{background:#6a3fbe}.button.secondary{background:var(--paper)}a:focus-visible{outline:4px solid #f5a83e;outline-offset:4px}.hero-art{height:440px;position:relative}.orbit{position:absolute;border:3px dashed #b9a6e6;border-radius:50%;transform:rotate(-23deg)}.orbit-one{inset:36px 0 22px 5px}.orbit-two{inset:84px 62px 68px 68px}.mini-app{position:absolute;border:var(--line);border-radius:29px;background:var(--paper);box-shadow:12px 12px 0 var(--pale);padding:22px}.met-mini{width:270px;top:8px;left:2%;transform:rotate(-8deg)}.piano-mini{width:310px;right:-4%;bottom:22px;transform:rotate(7deg)}.mini-top{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.mini-icon{width:39px;height:39px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;font-size:19px;letter-spacing:-5px;padding-right:5px}.met-icon{background:#c7e8ff}.piano-icon{background:#c9efd5;font-size:27px;letter-spacing:0;padding:0}.met-number{text-align:center;font-size:65px;font-weight:800;letter-spacing:-.06em;margin:21px 0 4px;line-height:1}.met-number small{font-size:13px;letter-spacing:.15em;display:block;margin-top:11px}.met-beats{display:flex;gap:8px;margin:21px 0 4px}.met-beats i{height:42px;flex:1;border:2px solid #173d61;border-radius:11px;background:#c7e8ff}.met-beats i:first-child{background:#7bc5f5}.piano-keys{height:158px;display:flex;position:relative;border:2px solid #173b2b;background:#c9efd5;border-radius:13px;overflow:hidden;padding:5px;margin-top:23px}.piano-keys i{flex:1;border:1px solid #173b2b;background:#fafffb;border-radius:5px}.piano-keys b{position:absolute;top:5px;width:8%;height:58%;border:2px solid #173b2b;border-radius:0 0 5px 5px;background:#2e7048}.piano-keys b:nth-of-type(1){left:11.5%}.piano-keys b:nth-of-type(2){left:26%}.piano-keys b:nth-of-type(3){left:54.5%}.piano-keys b:nth-of-type(4){left:69%}.piano-keys b:nth-of-type(5){left:83%}.hero-sticker{position:absolute;z-index:3;left:34%;bottom:17px;transform:rotate(-9deg);width:128px;height:128px;display:grid;place-items:center;text-align:center;line-height:1.2;border:var(--line);border-radius:50%;background:#ffe8aa;font-size:16px;font-weight:800}.promise-strip{border-block:var(--line);background:var(--pale);display:flex;justify-content:space-evenly;gap:15px;flex-wrap:wrap;padding:24px 20px;font-size:13px;letter-spacing:.12em;font-weight:800}.promise-strip span+span:before{content:'✳';margin-right:clamp(18px,3vw,44px);color:var(--purple)}.apps-section{padding:95px clamp(22px,7vw,100px) 110px}.section-heading{max-width:730px;margin-bottom:37px}.section-heading h2,.why h2,.contact h2{font-size:clamp(42px,4.6vw,67px);line-height:1.12;letter-spacing:-.045em;margin:11px 0 15px}.section-heading p,.why p,.contact p{font-size:18px;line-height:1.7;max-width:710px;margin:0}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.app-card{border:var(--line);border-radius:30px;padding:31px;display:flex;flex-direction:column;min-height:490px}.met-card{background:#ebf7ff}.piano-card{background:#e9f8ee}.card-top{display:flex;justify-content:space-between;align-items:center}.app-symbol{width:70px;height:70px;border:3px solid;border-radius:20px;display:flex;align-items:center;justify-content:center;background:var(--paper)}.met-symbol{gap:5px;border-color:#173d61}.met-symbol i{width:6px;background:#173d61;border-radius:4px;height:25px}.met-symbol i:nth-child(2){height:39px}.met-symbol i:nth-child(3){height:31px}.met-symbol i:nth-child(4){height:21px}.piano-symbol{font-size:51px;line-height:1;border-color:#173b2b;color:#173b2b}.card-tag{border:2px solid currentColor;border-radius:100px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:.15em}.met-card{color:#173d61}.piano-card{color:#173b2b}.app-card h3{font-size:clamp(43px,4vw,57px);letter-spacing:-.05em;margin:24px 0 0;line-height:1.1}.app-subtitle{font-weight:800;margin:3px 0 16px!important}.app-card p{font-size:16px;line-height:1.65;max-width:420px;margin:0}.card-end{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.card-button{background:var(--paper);border-color:currentColor}.card-button:hover{background:#fff}.card-end>span{font-size:12px;font-weight:700}.why{border-block:var(--line);background:#e7dcff;padding:90px clamp(22px,7vw,100px);display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.why h2{max-width:600px}.why p+p{margin-top:23px}.signature{font-weight:800}.why-card{min-height:290px;border:var(--line);border-radius:29px;background:var(--paper);box-shadow:14px 14px 0 var(--mid);transform:rotate(3deg);padding:30px;display:flex;flex-direction:column;justify-content:center}.why-card .why-star{font-size:39px;color:var(--purple);line-height:1}.why-card strong{display:block;font-size:36px;line-height:1.24;margin:17px 0}.why-card>span:last-child{font-size:15px;font-weight:700}.contact{text-align:center;padding:100px 20px 110px}.contact p{margin:0 auto}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:31px}footer{border-top:var(--line);padding:32px clamp(22px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>div{display:flex;flex-direction:column}.footer-brand{font-size:22px;font-weight:800;text-decoration:none}footer>div span{font-size:13px;color:var(--muted)}.document{max-width:800px;min-height:65vh;margin:75px auto 100px;padding:0 24px}.document h1{font-size:clamp(43px,5vw,68px);letter-spacing:-.05em;line-height:1.1;margin:14px 0 24px}.document p{font-size:18px;line-height:1.75}.document a{text-decoration-thickness:2px}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-bottom:60px}.hero-art{max-width:570px;width:100%;margin:auto}.why{gap:35px}}
@media(max-width:720px){.topbar{padding:17px 20px}.brand{font-size:19px}.brand-mark{width:40px;height:40px;font-size:28px}.topbar nav{gap:15px;font-size:13px}.topbar nav a:nth-child(2){display:none}.hero{min-height:unset;padding:63px 20px}.hero h1{font-size:clamp(49px,10vw,68px)}.hero-art{height:360px}.met-mini{width:220px}.piano-mini{width:250px}.met-number{font-size:52px}.piano-keys{height:120px}.hero-sticker{width:100px;height:100px;font-size:12px}.promise-strip span+span:before{display:none}.apps-section{padding:73px 20px}.app-grid,.why{grid-template-columns:1fr}.app-card{min-height:450px}.why{padding:72px 20px}.why-card{max-width:430px;width:90%;margin:auto}.contact{padding:80px 20px}footer{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:430px){.topbar nav a:first-child{display:none}.hero-art{height:300px}.orbit-one{right:20px}.met-mini{width:190px;padding:15px}.piano-mini{width:215px;right:12px;padding:15px}.mini-top{font-size:16px}.mini-icon{width:31px;height:31px}.met-number{font-size:45px}.met-beats i{height:30px}.piano-keys{height:95px}.hero-sticker{left:25%;bottom:4px}.app-card{padding:23px}.card-end{align-items:flex-start;flex-direction:column}.promise-strip{font-size:11px;padding:17px 12px}footer nav{gap:14px;font-size:13px}}
.tuner-card{background:#fff7d8;color:#413211}.tuner-symbol{border-color:#413211;color:#413211;font-size:41px;line-height:1}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-card{min-height:510px}.card-end{align-items:flex-start;flex-direction:column}
@media(max-width:1050px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.app-grid{grid-template-columns:1fr}.app-card{min-height:430px}}