.page{overflow-x:hidden}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}a{color:inherit}.hero{background:var(--ink);color:var(--white);padding-bottom:72px}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.brand{color:var(--white);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__mark{background:var(--sun);border:3px solid var(--white);border-radius:10px;gap:3px;width:38px;height:38px;padding:6px 6px 0;display:flex;transform:rotate(-6deg)}.brand__mark span{background:var(--ink);border-radius:0 0 3px 3px;flex:1;height:16px}.brand__word{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:800}.brand__word em,.foot__word em{color:var(--sun);font-style:normal}.nav__links{flex-wrap:wrap;align-items:center;gap:10px 26px;font-weight:600;display:flex}.nav__links a{color:var(--muted-dark);text-decoration:none}.nav__links a:hover{color:var(--white)}.nav__links a.pill{color:var(--ink)}@media (max-width:680px){.nav__links a:not(.pill){display:none}}.pill{border:3px solid var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.pill--sun{background:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--tomato)}.pill--mint{background:var(--mint);color:var(--ink);border-color:var(--white);box-shadow:5px 5px 0 var(--gum)}.pill--outline{color:var(--white);border-color:var(--white);background:0 0}.pill--big{border-color:var(--white);min-height:60px;box-shadow:6px 6px 0 var(--tomato);padding:0 30px;font-size:19px}.pill:hover{transform:translate(-1px,-1px)}.hero__copy{text-align:center;flex-direction:column;align-items:center;gap:26px;padding:52px 0 44px;display:flex}.stickers{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sticker{border:3px solid var(--white);font-family:var(--font-mono);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.sticker--tomato{background:var(--tomato);transform:rotate(-4deg)}.sticker--mint{background:var(--mint);transform:rotate(3deg)}.sticker--sky{background:var(--sky);transform:rotate(-2deg)}.hero h1{font-family:var(--font-display);letter-spacing:-.045em;max-width:1100px;margin:0;font-size:clamp(50px,8.4vw,124px);font-weight:800;line-height:.92}.hl{background:var(--sun);color:var(--ink);border-radius:.14em;padding:0 .12em;display:inline-block;transform:rotate(-2deg)}.lead{max-width:660px;color:var(--muted-dark);margin:0;font-size:20px;line-height:1.5}.hero__cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.drop{cursor:pointer;background:var(--white);color:var(--ink);border:3px dashed var(--ink);outline:3px solid var(--white);box-shadow:8px 8px 0 var(--gum);text-align:left;border-radius:22px;align-items:center;gap:16px;padding:18px 28px 18px 18px;display:flex;position:relative}.drop.is-drag{box-shadow:8px 8px 0 var(--mint);background:#fff6d9}.drop:focus-within{outline-color:var(--sun)}.drop__icon{background:var(--tomato);border:3px solid var(--ink);border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.drop__text{flex-direction:column;gap:2px;display:flex}.drop__text strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:800}.drop__text span{color:var(--muted);font-size:14px}.hero__link{gap:10px;width:100%;max-width:620px;display:flex}.hero__link input{border:3px solid var(--white);background:var(--stage);min-width:0;height:52px;color:var(--white);border-radius:14px;flex:1;padding:0 16px;font-size:16px}.hero__link input::placeholder{color:var(--faint-dark)}.hero__link button{border:3px solid var(--ink);background:var(--mint);height:52px;color:var(--ink);cursor:pointer;border-radius:14px;padding:0 22px;font-size:16px;font-weight:700}.demo-link{color:var(--white);text-underline-offset:5px;font-size:17px;font-weight:700;text-decoration-thickness:2px}.stage{border:3px solid var(--white);background:var(--stage);height:clamp(320px,42vw,470px);box-shadow:12px 12px 0 var(--sky);border-radius:28px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage__tag{font-family:var(--font-mono);color:var(--muted-dark);align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;top:16px;left:18px}.stage__chord{background:var(--sun);color:var(--ink);border-radius:6px;padding:3px 8px;font-weight:700}@media (max-width:560px){.stage__tag span:last-child{display:none}}.strip{background:var(--sun);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;gap:12px 32px;padding:18px 24px;font-size:clamp(20px,2.4vw,26px);font-weight:800;display:flex}.section{padding-top:110px;padding-bottom:90px}.section--tight{padding-top:30px;padding-bottom:120px}.kicker{font-family:var(--font-mono);color:var(--muted);margin-bottom:14px;font-size:14px;font-weight:700;display:block}.kicker--mint{color:var(--mint)}h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(40px,5.6vw,76px);font-weight:800;line-height:.98}.steps{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px;margin-top:52px;display:grid}.stepcard{border:var(--border);box-shadow:8px 8px 0 var(--ink);border-radius:26px;flex-direction:column;gap:14px;padding:28px;display:flex}.stepcard .kicker{color:var(--ink);margin:6px 0 0}.stepcard h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800}.stepcard p{margin:0;font-size:17px;line-height:1.5}.stepcard--sun{background:var(--sun);transform:rotate(-1.2deg)}.stepcard--mint{background:var(--mint);transform:rotate(.8deg)}.stepcard--gum{background:var(--gum);transform:rotate(-.6deg)}.art{background:var(--white);border:var(--border);border-radius:18px;height:150px;position:relative;overflow:hidden}.art--file{flex-direction:column;justify-content:center;gap:12px;padding:0 20px;display:flex}.art__file{font-family:var(--font-mono);background:var(--ink);color:var(--white);border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:13px;font-weight:700}.art__wave{align-items:center;gap:4px;height:64px;display:flex}.art__wave i{background:var(--ink);border-radius:3px;flex:1}.art--notes{align-items:center;gap:14px;padding:0 18px;display:flex}.art__lines{flex-direction:column;flex:1;gap:8px;display:flex}.art__lines i{border:2px solid var(--ink);border-radius:6px;height:12px;display:block}.art__pills{flex:1;height:96px;position:relative}.art__pills i{border:2px solid var(--ink);border-radius:7px;width:18%;position:absolute}.art--keys{background:var(--ink)}.art--keys .fall{border:2px solid var(--white);border-radius:6px;width:10%;animation:2.4s linear infinite drop;position:absolute}.art--keys .fall:nth-child(2){animation-delay:-.8s}.art--keys .fall:nth-child(3){animation-delay:-1.6s}@keyframes drop{0%{transform:translateY(-80px)}to{transform:translateY(90px)}}.art__kb{background:var(--ink);gap:2px;height:70px;display:flex;position:absolute;bottom:0;left:0;right:0}.art__kb i{background:var(--white);border-radius:0 0 5px 5px;flex:1}.art__kb i.lit{background:var(--right)}.features__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;display:flex}.features__head h2{max-width:760px}.features__head p{max-width:360px;color:var(--muted);margin:0;font-size:18px;line-height:1.5}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature{background:var(--white);border:var(--border);box-shadow:6px 6px 0 var(--ink);border-radius:22px;flex-direction:column;gap:14px;padding:26px;display:flex}.feature__icon{border:var(--border);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.feature h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.feature p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.dark{background:var(--ink);color:var(--white)}.split{flex-wrap:wrap;align-items:center;gap:56px;padding-top:110px;padding-bottom:110px;display:flex}.split__text{flex-direction:column;flex:420px;gap:20px;min-width:0;display:flex}.split__text p{margin:0;font-size:19px;line-height:1.55}.dark .split__text p{color:var(--muted-dark)}.split__art{flex:460px;justify-content:center;min-width:0;display:flex}.row-btns{flex-wrap:wrap;gap:14px;display:flex}.install-help{font-size:16px!important}.phone{aspect-ratio:2.16;border:3px solid var(--white);width:100%;max-width:560px;box-shadow:14px 14px 0 var(--sun);background:#000;border-radius:40px;padding:14px 26px;transform:rotate(-3deg)}.phone__screen{background:var(--stage);border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden}.phone__screen>i{border:2px solid var(--ink);border-radius:6px;width:8%;animation:3s linear infinite drop2;position:absolute}.phone__screen>i:nth-child(2){animation-delay:-.7s}.phone__screen>i:nth-child(3){animation-delay:-1.5s}.phone__screen>i:nth-child(4){animation-delay:-2.2s}@keyframes drop2{0%{transform:translateY(-120%)}to{transform:translateY(160%)}}.phone__hit{background:var(--sun);height:3px;box-shadow:0 0 12px var(--sun);position:absolute;top:54%;left:0;right:0}.phone__kb{background:var(--ink);gap:2px;height:44%;display:flex;position:absolute;bottom:0;left:0;right:0}.phone__kb b{background:var(--white);border-radius:0 0 6px 6px;flex:1}.phone__kb b.lit{background:var(--right)}.guitar{background:var(--tomato);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.guitar .kicker{color:var(--ink)}.fret{border:var(--border);width:100%;height:210px;box-shadow:10px 10px 0 var(--ink);background:#f4e3c3;border-radius:18px;position:relative;overflow:hidden;transform:rotate(2deg)}.fret__frets{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute;inset:0}.fret__frets i{border-right:4px solid #8c8a9e}.fret__frets i:last-child{border:0}.fret__strings{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:22px 0}.fret__strings i{background:var(--ink);display:block}.fret b{border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;margin-left:-15px;position:absolute}.notify{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.notify__field{flex-direction:column;flex:260px;gap:6px;display:flex}.notify label{font-size:15px;font-weight:700}.notify input{border:var(--border);background:var(--white);height:54px;color:var(--ink);border-radius:14px;padding:0 16px;font-size:17px}.notify button{border:var(--border);background:var(--ink);height:54px;color:var(--white);cursor:pointer;box-shadow:5px 5px 0 var(--sun);border-radius:14px;padding:0 26px;font-size:17px;font-weight:700}.notify__ok{font-weight:700}.foot .wrap{flex-direction:column;gap:48px;padding-top:90px;padding-bottom:40px;display:flex}.foot__cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.foot__cta h2{max-width:680px;font-size:clamp(36px,4.6vw,64px)}.foot__cta .pill{color:var(--ink)}.foot__word{font-family:var(--font-display);letter-spacing:-.06em;color:var(--stage-2);font-size:clamp(56px,15vw,220px);font-weight:800;line-height:.8}.foot__meta{color:var(--muted-dark);border-top:2px solid var(--stage-2);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:15px;display:flex}.foot__meta nav{flex-wrap:wrap;gap:24px;display:flex}.foot__meta a{color:var(--muted-dark)}.foot__meta a:hover{color:var(--white)}@media (prefers-reduced-motion:reduce){.art--keys .fall,.phone__screen>i{animation:none}}.doc{max-width:760px;margin:0 auto;padding:32px 24px 80px;font-size:17px;line-height:1.6}.doc h1{font-family:var(--font-display);letter-spacing:-.04em;margin:40px 0 24px;font-size:clamp(38px,6vw,60px);font-weight:800;line-height:1}.doc h2{letter-spacing:-.02em;margin:36px 0 8px;font-size:26px}.doc .brand{color:var(--ink)}.doc .brand__mark{border-color:var(--ink)}.doc .brand__word em{color:var(--tomato)}