:root{--ink:#10243e;--muted:#61738c;--night:#f8fbff;--night-2:#edf6ff;--surface:#fff;--surface-2:#eef6ff;--line:#1f528221;--blue:#2767e8;--cyan:#087f9b;--violet:#745ee8;--lime:#3c9e7d;--shadow:0 30px 80px #27528029;--shell:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{color:var(--ink);background:var(--night);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%}.shell{width:min(calc(100% - 40px), var(--shell));margin-inline:auto}.narrow{max-width:800px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#07142d;background:#fff;border-radius:10px;padding:10px 16px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:28px;min-height:84px;display:flex}.brand{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:12px;font-weight:850;display:inline-flex}.brand img{border-radius:13px;box-shadow:0 12px 30px #2767e81f}.main-nav{color:#4d627e;align-items:center;gap:30px;font-size:.89rem;font-weight:700;display:flex}.main-nav a,.language-link{transition:color .2s}.main-nav a:hover,.language-link:hover{color:var(--cyan)}.nav-actions{align-items:center;gap:16px;display:flex}.language-link{color:#647a96;font-size:.76rem;font-weight:750}.store-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.store-button{line-height:0;transition:transform .2s,filter .2s;display:inline-flex}.store-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.store-button img{width:auto;height:74px}.store-button-apple img{height:64px}.store-buttons-compact{flex-wrap:nowrap;gap:8px}.store-buttons-compact .store-button img{width:auto;height:49px}.store-buttons-compact .store-button-apple img{height:42px}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:.73rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.06em;line-height:.96}h1{margin-bottom:28px;font-size:clamp(3.5rem,7vw,7.2rem)}h2{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.8rem)}h3{letter-spacing:-.035em;margin-bottom:12px;font-size:1.45rem;line-height:1.1}.lead{max-width:680px;color:var(--muted);margin-bottom:32px;font-size:clamp(1.06rem,1.7vw,1.28rem)}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 23px;font-weight:820;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#2767e8,#228eb1);box-shadow:0 15px 42px #2767e833}.text-link,.section-link{color:#2a4b70;align-items:center;gap:10px;font-weight:800;display:inline-flex}.text-link span,.section-link span{color:var(--cyan);transition:transform .2s}.text-link:hover span,.section-link:hover span{transform:translate(4px)}.hero{background:radial-gradient(circle at 78% 22%,#63c8e733,#0000 28%),radial-gradient(circle at 18% 82%,#745ee817,#0000 30%),linear-gradient(145deg,#fbfdff 25%,#edf7ff 100%);align-items:center;min-height:760px;padding-block:68px 90px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background-image:linear-gradient(#2767e80a 1px,#0000 1px),linear-gradient(90deg,#2767e80a 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 65% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 65% 45%,#000,#0000 72%)}.hero-glow{filter:blur(90px);background:#53afeb29;border-radius:50%;width:540px;height:540px;position:absolute;top:10%;right:5%}.hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid;position:relative}.hero-copy h1{max-width:760px}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hero-art{place-items:center;min-height:590px;display:grid;position:relative}.hero-demo{background:#ffffffeb;border:1px solid #447ab32e;border-radius:32px;width:min(100%,640px);padding:28px;position:relative;box-shadow:0 36px 90px #2e60922e}.demo-heading{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:17px;display:grid}.demo-cover{aspect-ratio:1;background:#dce9f8;border-radius:20px;width:76px;position:relative;overflow:hidden;box-shadow:0 12px 30px #204b782e}.demo-cover img{object-fit:cover}.demo-heading small{color:var(--cyan);letter-spacing:.16em;margin-bottom:5px;font-size:.62rem;font-weight:900;display:block}.demo-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.03}.demo-stop{color:#274763;cursor:pointer;background:#fff;border:1px solid #c8d9ea;border-radius:999px;min-height:38px;padding-inline:15px;font-weight:800}.hero-demo>p{color:var(--muted);margin:22px 0}.demo-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.demo-key{color:#203b59;cursor:pointer;text-align:left;background:#f5f9fd;border:1px solid #d7e4f0;border-radius:17px;flex-direction:column;justify-content:center;min-width:0;min-height:80px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.demo-key:hover{border-color:#8eb7e5;transform:translateY(-2px)}.demo-key strong{font-size:1.05rem;line-height:1}.demo-key span{color:#72849b;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:.59rem;font-weight:800;line-height:1.2;overflow:hidden}.demo-key.is-playable{color:#0a4f9d;background:#edf6ff;border-color:#7daee8;box-shadow:inset 0 0 0 1px #2767e80d}.demo-key.is-playable span{color:#2471bf}.demo-key.is-active{color:#fff;background:linear-gradient(145deg,#2767e8,#168aa7);border-color:#0000;box-shadow:0 13px 28px #2767e83d}.demo-key.is-active span{color:#ffffffd1}.demo-key.is-locked i{color:#8da0b6;font-size:.7rem;font-style:normal;position:absolute;top:8px;right:10px}.demo-status{color:#6c7f96;align-items:center;gap:8px;margin-top:18px;font-size:.72rem;font-weight:750;display:flex}.demo-status>span{background:#a8b7c8;border-radius:50%;width:8px;height:8px}.demo-status>span.is-live{background:#25a87e;box-shadow:0 0 0 5px #25a87e21}.section{padding-block:110px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.section-heading h2{max-width:850px;margin-bottom:0}.feature-section{background:linear-gradient(#f3f8fd,#eaf4fc)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{background:#ffffffdb;border:1px solid #4b7aa924;border-radius:26px;min-height:330px;padding:32px;position:relative;overflow:hidden;box-shadow:0 18px 50px #2f5b8614}.feature-card p{max-width:520px;color:var(--muted);margin-bottom:0}.feature-number{color:#8ca0b8;letter-spacing:.15em;font-size:.7rem;font-weight:900;position:absolute;top:25px;right:28px}.feature-symbol{color:#2e67cf;letter-spacing:-.1em;align-items:center;min-height:118px;margin-bottom:22px;font-size:6rem;font-weight:300;line-height:1;display:flex}.feature-chords{color:#173e70;letter-spacing:0;gap:8px;font-size:1rem;font-weight:850}.feature-chords span{background:#edf4ff;border-radius:15px;place-items:center;min-width:52px;min-height:52px;display:grid}.feature-chords span:nth-of-type(2){color:#634cc8;background:#f0edff}.feature-chords i{color:#9cadc0;font-style:normal;font-weight:500}.feature-tempo{color:#168aa7;letter-spacing:0;align-items:baseline;gap:10px}.feature-tempo b{letter-spacing:-.08em;font-size:4.6rem}.feature-tempo small{letter-spacing:.17em;font-size:.68rem;font-weight:900}.catalog-preview{color:#07142d;background:#f0f6ff}.catalog-preview .eyebrow{color:#075fe0}.catalog-preview .section-link{color:#16345e}.section-intro{color:#52637c;max-width:660px;margin:20px 0 0;font-size:1.05rem}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sound-card{color:#07142d;background:#fff;border:1px solid #8ab0e433;border-radius:22px;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 12px 35px #0c274e14}.sound-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0c274e29}.sound-cover{aspect-ratio:1.75;background:#0a1a37;display:block;position:relative;overflow:hidden}.sound-cover img{object-fit:cover;transition:transform .35s}.sound-card:hover .sound-cover img{transform:scale(1.03)}.sound-card-copy{justify-content:space-between;align-items:center;gap:15px;min-height:92px;padding:17px 18px;display:flex}.sound-card-copy small{color:#64758e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:.65rem;font-weight:850;display:block}.sound-card-copy strong{font-size:1.06rem;line-height:1.15;display:block}.card-arrow{color:#0b4da9;background:#e8f1ff;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.download-band{background:radial-gradient(circle at 80%,#58b8e030,#0000 32%),linear-gradient(145deg,#eef7ff,#f8fbff);border-top:1px solid #3065991a;padding-block:95px;position:relative;overflow:hidden}.download-grid{grid-template-columns:1fr .7fr;align-items:center;gap:80px;display:grid}.infinity-mark{place-items:center;display:grid}.infinity-mark img{border-radius:62px;transform:rotate(5deg);box-shadow:0 34px 80px #24518133}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 25%,#3a97d32e,#0000 32%),linear-gradient(145deg,#fbfdff,#eaf5ff);padding-block:105px 80px}.page-hero h1{max-width:900px;font-size:clamp(3.3rem,7vw,6.4rem)}.catalog-section{color:#07142d;background:#f0f6ff}.catalog-controls{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.catalog-controls label{flex:1}.catalog-controls input{color:#07142d;background:#fff;border:1px solid #ccdae9;border-radius:14px;outline:none;width:100%;min-height:54px;padding-inline:18px}.catalog-controls input:focus{border-color:#1c6ef2;box-shadow:0 0 0 4px #1c6ef21f}.filter-tabs{background:#fff;border:1px solid #ccdae9;border-radius:15px;gap:4px;padding:5px;display:flex}.filter-tabs button{color:#63758f;cursor:pointer;background:0 0;border:0;border-radius:10px;padding-inline:18px;font-weight:800}.filter-tabs button.active{color:#fff;background:#0a2856}.result-count{color:#65768e;margin-bottom:25px;font-size:.86rem}.empty-state{color:#63758f;text-align:center;border:1px dashed #b9cbe0;border-radius:22px;padding:70px 20px}.breadcrumbs{color:#6d8199;flex-wrap:wrap;gap:9px;padding-block:28px;font-size:.8rem;display:flex}.breadcrumbs a:hover{color:var(--cyan)}.detail-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding-block:24px 88px;display:grid}.detail-cover{aspect-ratio:1.75;box-shadow:var(--shadow);background:#0a1a37;border-radius:30px;position:relative;overflow:hidden}.detail-cover img{object-fit:cover}.detail-copy h1{font-size:clamp(3.2rem,6vw,6.3rem)}.sound-preview{background:#ffffffe6;border:1px solid #497fb42e;border-radius:22px;margin-top:34px;padding:14px;box-shadow:0 16px 40px #27528017}.sound-preview button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:15px;padding:0;display:flex}.sound-preview button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px;border-radius:14px}.preview-play-icon{color:#03142d;background:linear-gradient(145deg,#bdf7ff,#54beff);border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;padding-left:3px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 10px 30px #19d8ff38}.sound-preview button:hover .preview-play-icon{transform:scale(1.05);box-shadow:0 14px 38px #19d8ff57}.sound-preview.is-playing .preview-play-icon{animation:1.4s ease-in-out infinite preview-pulse}.sound-preview button>span:last-child{display:grid}.sound-preview small{color:var(--cyan);letter-spacing:.15em;font-size:.58rem;font-weight:900}.sound-preview strong{letter-spacing:-.02em;font-size:1.05rem}.sound-preview p{color:#70849c;margin:11px 4px 1px 69px;font-size:.76rem}@keyframes preview-pulse{50%{transform:scale(.94);box-shadow:0 0 34px #19d8ff75}}.detail-cta{background:linear-gradient(145deg,#f8fbff,#eaf5ff);border-block:1px solid #3365961a}.detail-cta-inner{justify-content:space-between;align-items:center;gap:60px;display:flex}.detail-cta-inner>div{max-width:760px}.detail-cta-inner p:last-child{color:var(--muted)}.related-section{color:#07142d;background:#e6f0fb}.related-section .section-link{color:#123969}.content-page{color:#07142d;background:#f0f6ff;min-height:70vh;padding-block:100px 120px}.content-page .eyebrow{color:#075fe0}.content-page h1{font-size:clamp(3.2rem,7vw,6.3rem)}.content-page h2{letter-spacing:-.035em;margin-top:52px;font-size:1.8rem;line-height:1.1}.content-page p,.content-page li{color:#4f617b}.content-page a:not(.store-button):not(.button){color:#075fdc;text-underline-offset:3px;text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:#f7fbff;padding-top:72px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:60px;display:grid}.footer-grid p{max-width:430px;color:var(--muted);margin-top:22px}.footer-grid h2{letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem}.footer-grid>div:not(:first-child){flex-direction:column;gap:10px;display:flex}.footer-grid>div:not(:first-child) a{color:#667b95}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);color:#71859d;justify-content:space-between;gap:20px;padding-block:25px;font-size:.79rem;display:flex}@media (max-width:1020px){.main-nav{display:none}.hero-grid,.download-grid{grid-template-columns:1fr 1fr;gap:30px}.hero-art{min-height:520px}.hero-demo{padding:22px}.demo-keys{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.shell{width:min(calc(100% - 28px), var(--shell))}.nav-shell{gap:12px;min-height:76px}.brand span,.language-link{display:none}.store-button img{height:56px}.store-button-apple img{height:48px}.store-buttons-compact .store-button img{height:37px}.store-buttons-compact .store-button-apple img{height:32px}.store-buttons-compact .store-button:not(.store-button-apple){display:none}.store-buttons-compact{gap:5px}h1{overflow-wrap:break-word;font-size:clamp(3rem,14vw,4.4rem)}h2{font-size:clamp(2.3rem,11vw,3.5rem)}.hero{min-height:auto;padding-top:60px}.hero-grid,.download-grid{grid-template-columns:1fr}.hero-grid>*,.download-grid>*{min-width:0}.hero-art{min-height:auto;margin-top:25px}.hero-demo{border-radius:25px;width:100%;min-width:0;padding:18px}.demo-heading{grid-template-columns:58px minmax(0,1fr);gap:13px}.demo-cover{border-radius:15px;width:58px}.demo-heading h2{overflow-wrap:anywhere}.demo-stop{grid-column:1/-1;justify-self:start}.demo-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.demo-key{border-radius:14px;min-height:72px;padding:10px}.section{padding-block:76px}.section-heading{align-items:start;display:grid}.feature-grid{grid-template-rows:none;grid-template-columns:1fr;display:grid}.feature-card{min-height:290px}.sound-grid{grid-template-columns:1fr}.catalog-controls{display:grid}.filter-tabs{min-height:50px}.filter-tabs button{flex:1;padding-inline:8px}.detail-hero{gap:32px;padding-bottom:65px}.detail-cover{border-radius:22px}.detail-cta-inner{gap:25px;display:grid}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:grid}.infinity-mark{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}