:root{color-scheme:dark;--ink:#050b0b;--soft:#0a1615;--paper:#f2f0e9;--white:#fffefa;--muted:#9aaba8;--line:rgba(255,255,255,.13);--teal:#19d7b3;--deep:#076f67;--shell:min(1240px,calc(100% - 48px));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;margin:0;color:var(--white);background:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{color:var(--ink);background:var(--teal)}a{color:inherit}img{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;color:var(--ink);background:var(--teal);border-radius:999px;font-weight:800;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:50;top:0;right:0;left:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,rgba(5,11,11,.68),transparent)}.nav{display:grid;min-height:88px;align-items:center;grid-template-columns:1fr auto 1fr;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-size:1.06rem;font-weight:850;letter-spacing:-.035em;text-decoration:none}.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.35)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:rgba(255,255,255,.72);font-size:.82rem;font-weight:720;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:var(--white)}.nav-actions{display:flex;align-items:center;justify-self:end;gap:12px}.language-switcher{display:flex;padding:3px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.06)}.language-switcher button{min-width:34px;padding:6px 8px;border:0;border-radius:999px;color:inherit;background:transparent;font:inherit;font-size:.66rem;font-weight:850;letter-spacing:.05em;cursor:pointer}.language-switcher button[aria-pressed="true"]{color:#04110f;background:var(--teal)}.nav-cta{padding:11px 18px;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-size:.8rem;font-weight:800;text-decoration:none;transition:.18s}.nav-cta:hover,.nav-cta:focus-visible{color:var(--ink);background:var(--white);transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;min-height:860px;padding:160px 0 94px;background:radial-gradient(circle at 76% 28%,rgba(25,215,179,.17),transparent 28rem),linear-gradient(130deg,#040808 18%,#071211 56%,#09211f 100%)}.hero:after{position:absolute;right:-9vw;bottom:-15vw;width:46vw;height:29vw;border:1px solid rgba(25,215,179,.13);border-radius:50%;content:"";transform:rotate(-16deg)}.hero-glow{position:absolute;top:4%;left:-14rem;width:30rem;height:30rem;border-radius:50%;background:rgba(212,49,53,.1);filter:blur(70px)}.hero-layout{position:relative;z-index:2;display:grid;align-items:center;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:58px}.hero-copy{padding-top:26px}.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 22px;color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{width:34px;height:1px;background:currentColor;content:""}
h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:26px;font-size:clamp(4.25rem,7.7vw,7.5rem);font-weight:860;line-height:.84;letter-spacing:-.078em}h1 em,h2 em{color:var(--teal);font-style:normal}h2{margin-bottom:22px;font-size:clamp(3rem,6vw,5.65rem);font-weight:850;line-height:.92;letter-spacing:-.065em}h3{margin-bottom:14px;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.03;letter-spacing:-.045em}.hero-lead{max-width:590px;margin-bottom:32px;color:#b5c2bf;font-size:clamp(1.03rem,1.45vw,1.24rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border:1px solid var(--line);border-radius:999px;font-weight:820;line-height:1.1;text-decoration:none;transition:.18s}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button-primary{color:#021410;background:var(--teal);border-color:var(--teal);box-shadow:0 12px 38px rgba(25,215,179,.18)}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 16px 46px rgba(25,215,179,.3)}.button-primary svg{width:23px;fill:currentColor}.button-primary span{display:grid}.button-primary small{font-size:.58rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.button-ghost{background:rgba(255,255,255,.04)}.button-ghost:hover,.button-ghost:focus-visible{background:rgba(255,255,255,.1)}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:31px 0 0;padding:0;color:#7f908c;font-size:.76rem;font-weight:650;list-style:none}.hero-points li:before{margin-right:8px;color:var(--teal);content:"✓"}.hero-visual{position:relative;height:570px}.hero-frame{position:absolute;z-index:2;top:58px;right:-150px;width:800px;height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:44px 0 0 44px;background:#0c1716;box-shadow:-38px 45px 85px rgba(0,0,0,.47);transform:rotate(-5deg)}.hero-frame:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,9,.42),transparent 38%);content:""}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:63% center;transform:scale(1.03)}.orbit{position:absolute;border:1px solid rgba(25,215,179,.25);border-radius:50%;transform:rotate(-18deg)}.orbit:after{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 28px var(--teal);content:""}.orbit-one{top:20px;right:-36px;width:650px;height:510px}.orbit-one:after{top:63px;left:72px}.orbit-two{top:80px;right:55px;width:520px;height:385px;opacity:.55}.orbit-two:after{right:52px;bottom:48px}
.sound-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid rgba(255,255,255,.16);border-radius:17px;color:#b9c8c5;background:rgba(6,18,17,.8);box-shadow:0 20px 44px rgba(0,0,0,.35);font-size:.68rem;line-height:1.25;backdrop-filter:blur(16px)}.sound-card strong{color:var(--white);font-size:.84rem}.sound-card-top{top:27px;right:23px}.sound-card-bottom{bottom:45px;left:10px}.sound-icon{color:var(--teal);font-size:1.4rem;text-shadow:0 0 16px var(--teal)}.wave{display:flex;height:26px;align-items:center;gap:3px}.wave i{display:block;width:3px;border-radius:5px;background:var(--teal)}.wave i:nth-child(1),.wave i:nth-child(5){height:8px}.wave i:nth-child(2),.wave i:nth-child(4){height:17px}.wave i:nth-child(3){height:25px}.hero-ticker{position:absolute;z-index:4;right:-3%;bottom:28px;left:-3%;overflow:hidden;border-block:1px solid rgba(25,215,179,.24);color:var(--teal);background:rgba(5,11,11,.76);transform:rotate(-1.4deg)}.hero-ticker div{display:flex;width:max-content;align-items:center;gap:28px;padding:12px 0;font-size:.68rem;font-weight:900;letter-spacing:.2em}.hero-ticker b{font-size:.7rem}
.impact{color:var(--ink);background:var(--teal)}.impact-grid{display:grid;min-height:160px;align-items:center;grid-template-columns:.65fr .85fr .65fr 1.6fr;gap:24px}.impact-grid div{display:grid}.impact-grid strong{font-size:clamp(2.2rem,4.5vw,4rem);line-height:.9;letter-spacing:-.06em}.impact-grid span{margin-top:6px;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.impact-grid p{max-width:390px;margin:0;padding-left:42px;border-left:1px solid rgba(5,11,11,.3);font-size:clamp(1rem,1.5vw,1.22rem);font-weight:700;line-height:1.35}.section{padding:132px 0}.section-heading{display:grid;max-width:870px;margin-bottom:60px}.section-heading>p:last-child{max-width:520px;color:var(--muted);font-size:1.08rem}
.features{background:var(--ink)}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-card{position:relative;overflow:hidden;min-height:390px;padding:42px;border:1px solid var(--line);border-radius:28px;background:#0a1413}.feature-card-large{display:grid;min-height:595px;grid-row:span 2;grid-template-rows:auto 1fr}.feature-index{position:absolute;top:28px;right:30px;color:rgba(255,255,255,.25);font-size:.66rem;font-weight:850;letter-spacing:.16em}.feature-card-copy{position:relative;z-index:2;max-width:510px;align-self:end}.feature-card p{color:var(--muted)}.feature-card p:last-child{margin-bottom:0}.feature-card .kicker{margin-bottom:12px;color:var(--teal);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.touch-visual{position:absolute;inset:0}.drum-ring{position:absolute;border:1px solid rgba(25,215,179,.4);border-radius:50%;box-shadow:inset 0 0 65px rgba(25,215,179,.06)}.ring-a{top:-100px;right:-75px;width:430px;height:430px}.ring-b{top:-32px;right:-7px;width:295px;height:295px;border-color:rgba(255,255,255,.16)}.drum-stick{position:absolute;top:45px;right:125px;width:13px;height:320px;border-radius:10px;background:linear-gradient(90deg,#a05e27,#efb367 44%,#97511d);box-shadow:0 16px 22px rgba(0,0,0,.35);transform-origin:top center}.stick-a{transform:rotate(35deg)}.stick-b{top:14px;right:235px;height:280px;transform:rotate(61deg)}.drum-stick:after{position:absolute;bottom:-7px;left:-3px;width:19px;height:24px;border-radius:50%;background:#c37c38;content:""}
.feature-card-accent{display:flex;align-items:flex-end;color:var(--ink);background:var(--teal);border-color:transparent}.feature-card-accent p{color:rgba(5,11,11,.68)}.feature-card-accent .kicker{color:var(--ink)}.feature-card-accent .feature-index{color:rgba(5,11,11,.36)}.feature-card-accent>div:not(.feature-index){position:relative;z-index:2;width:62%}.feature-card-accent img{position:absolute;right:-7%;bottom:-12%;width:52%;border-radius:24%;box-shadow:-16px 24px 45px rgba(3,24,20,.24);transform:rotate(8deg)}.feature-card-dark{background:linear-gradient(145deg,#192220,#090f0e)}.feature-card-dark>div:nth-child(2){position:relative;z-index:2;width:58%}.equalizer{position:absolute;right:35px;bottom:40px;display:flex;height:170px;align-items:flex-end;gap:6px;transform:skewY(-8deg)}.equalizer i{width:8px;border-radius:5px;background:linear-gradient(to top,var(--deep),var(--teal));box-shadow:0 0 16px rgba(25,215,179,.2)}.equalizer i:nth-child(1){height:24%}.equalizer i:nth-child(2){height:42%}.equalizer i:nth-child(3){height:70%}.equalizer i:nth-child(4){height:94%}.equalizer i:nth-child(5){height:56%}.equalizer i:nth-child(6){height:78%}.equalizer i:nth-child(7){height:35%}.equalizer i:nth-child(8){height:64%}.equalizer i:nth-child(9){height:88%}.equalizer i:nth-child(10){height:49%}.equalizer i:nth-child(11){height:74%}.equalizer i:nth-child(12){height:31%}
.experience{color:var(--ink);background:var(--paper)}.experience .eyebrow{color:var(--deep)}.showcase{display:grid;align-items:center;grid-template-columns:.78fr 1.22fr;gap:84px}.showcase+.showcase{margin-top:150px}.showcase-reverse{grid-template-columns:1.22fr .78fr}.showcase-reverse .showcase-copy{order:2}.showcase-copy h2{font-size:clamp(2.9rem,5.2vw,5rem)}.showcase-copy>p:not(.eyebrow){color:#5d6865;font-size:1.06rem}.showcase-media{position:relative;overflow:hidden;margin:0;border-radius:28px;background:#e8e7e0;box-shadow:0 36px 76px rgba(21,31,28,.14);transform:rotate(1.4deg)}.showcase-reverse .showcase-media{transform:rotate(-1.4deg)}.showcase-media img{width:100%}.check-list{margin:30px 0 0;padding:0;border-top:1px solid rgba(5,11,11,.15);list-style:none}.check-list li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid rgba(5,11,11,.15);font-weight:720}.check-list span{color:var(--deep);font-size:.63rem;letter-spacing:.1em}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:20px;color:var(--deep);font-weight:850;text-decoration:none}.text-link span{transition:.16s}.text-link:hover span{transform:translateX(5px)}
.download{padding-top:0;color:var(--ink);background:var(--paper)}.download-panel{position:relative;display:grid;min-height:490px;overflow:hidden;align-items:center;grid-template-columns:1fr .72fr;padding:72px 76px;border-radius:32px;background:var(--teal)}.download-panel:after{position:absolute;top:-80%;right:-10%;width:590px;height:590px;border:1px solid rgba(5,11,11,.16);border-radius:50%;content:""}.download-panel .eyebrow{color:var(--ink)}.download-copy{position:relative;z-index:2}.download-copy h2{max-width:720px}.download-copy p:not(.eyebrow){max-width:570px;font-weight:650}.button-light{margin-top:14px;color:var(--white);background:var(--ink);border-color:var(--ink)}.download-panel>img{position:absolute;z-index:2;right:-3%;bottom:-22%;width:min(42%,470px);border-radius:23%;box-shadow:-28px 40px 65px rgba(5,11,11,.24);transform:rotate(8deg)}
.portfolio{background:#08100f}.portfolio-heading{grid-template-columns:1fr .6fr;column-gap:60px}.portfolio-heading .eyebrow{grid-column:1/-1}.portfolio-heading p:last-child{align-self:end}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{position:relative;display:flex;min-height:470px;overflow:hidden;flex-direction:column;justify-content:flex-end;padding:32px;border-radius:25px;color:var(--white);text-decoration:none;transition:.22s}.app-card:hover,.app-card:focus-visible{transform:translateY(-7px)}.app-card:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,7,7,.95) 4%,transparent 62%);content:""}.app-card>*{position:relative;z-index:2}.app-card img{position:absolute;z-index:1;top:-2%;left:3%;width:94%;height:78%;object-fit:contain;border-radius:23%;transition:.26s}.app-card:hover img{transform:scale(1.035) rotate(-2deg)}.app-card p{margin-bottom:4px;color:rgba(255,255,255,.7);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.app-card h3{margin:0}.app-card-blue{background:#1e587f}.app-card-red{background:#147f73}.app-card-orange{background:#dc8000}.app-arrow{position:absolute;z-index:3;top:24px;right:24px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.12)}
.legal{background:#0b1514;border-top:1px solid var(--line)}.legal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.legal-grid h2{font-size:clamp(2.7rem,4.8vw,4.8rem)}.legal-links{border-top:1px solid var(--line)}.legal-links a{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);text-decoration:none}.legal-links small{display:block;margin-bottom:3px;color:var(--teal);font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.legal-links b{color:var(--teal);transition:.16s}.legal-links a:hover b{transform:translateX(5px)}
.site-footer{padding:75px 0 28px;color:var(--white);background:#030706}.footer-top{display:grid;align-items:start;grid-template-columns:1fr 1fr 1fr;gap:50px}.footer-top p{color:var(--muted)}.footer-email{justify-self:end;color:var(--teal);font-weight:750;text-decoration:none}.footer-bottom{display:flex;margin-top:70px;padding-top:24px;border-top:1px solid var(--line);justify-content:space-between;color:#70807c;font-size:.75rem}.footer-bottom div{display:flex;gap:24px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{color:var(--white)}
@media(max-width:1080px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero{min-height:auto}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{height:500px}.hero-frame{right:-80px;width:calc(100% + 80px)}.impact-grid{grid-template-columns:repeat(3,1fr)}.impact-grid p{display:none}.feature-grid{grid-template-columns:1fr}.feature-card-large{min-height:520px;grid-row:auto}.showcase,.showcase-reverse{grid-template-columns:1fr;gap:46px}.showcase-reverse .showcase-copy{order:0}.download-panel{grid-template-columns:1fr;padding-right:42%}.portfolio-heading{display:block}.app-card{min-height:410px}}
@media(max-width:760px){:root{--shell:min(100% - 30px,1240px)}body{font-size:16px}.nav{min-height:74px}.brand img{width:38px;height:38px}.nav-cta{padding:9px 13px;font-size:.72rem}.hero{padding:126px 0 92px}.hero-layout{gap:28px}h1{font-size:clamp(3.7rem,17vw,5.5rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-visual{height:350px}.hero-frame{top:42px;right:-85px;width:570px;height:290px;border-radius:28px 0 0 28px}.orbit-one{width:430px;height:320px}.orbit-two{right:0;width:350px;height:250px}.sound-card-top{right:0}.sound-card-bottom{bottom:0;left:0}.hero-ticker{bottom:22px}.impact-grid{min-height:125px;gap:10px;text-align:center}.impact-grid strong{font-size:2.2rem}.impact-grid span{font-size:.55rem;letter-spacing:.06em}.section{padding:88px 0}.section-heading{margin-bottom:38px}h2{font-size:clamp(2.8rem,13vw,4.5rem)}.feature-card{min-height:370px;padding:29px;border-radius:22px}.feature-card-large{min-height:500px}.feature-card-accent>div:not(.feature-index),.feature-card-dark>div:nth-child(2){width:72%}.feature-card-accent img{right:-13%;width:58%}.equalizer{right:20px;opacity:.65}.showcase+.showcase{margin-top:92px}.showcase-media{border-radius:19px}.download-panel{min-height:640px;padding:46px 28px 280px;border-radius:24px}.download-panel>img{right:5%;bottom:-12%;width:76%}.app-grid{grid-template-columns:1fr}.app-card{min-height:420px}.legal-grid{grid-template-columns:1fr;gap:32px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-email{justify-self:start}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.hero-frame img{object-position:right center;transform:scale(1.46);transform-origin:right center}

/* Fixed light theme and intrinsic image proportions. */
:root{color-scheme:light;--paper:#f6f3eb;--white:#fff;--muted:#5e6a67;--line:rgba(13,28,26,.14)}
img{height:auto}
body{color:#121817;background:#f6f3eb}
.site-header{border-bottom-color:rgba(13,28,26,.12);background:linear-gradient(to bottom,rgba(246,243,235,.96),rgba(246,243,235,.76),transparent)}
.brand{color:#121817}.nav-links a{color:rgba(18,24,23,.7)}.nav-links a:hover,.nav-links a:focus-visible{color:#050b0b}.language-switcher{color:#121817;border-color:rgba(13,28,26,.2);background:rgba(255,255,255,.58)}.nav-cta{color:#121817;border-color:rgba(13,28,26,.28)}.nav-cta:hover,.nav-cta:focus-visible{color:#fff;background:#121817}
.hero{color:#121817;background:radial-gradient(circle at 76% 28%,rgba(25,215,179,.2),transparent 29rem),radial-gradient(circle at 2% 20%,rgba(212,49,53,.08),transparent 24rem),linear-gradient(130deg,#fbfaf6 18%,#f3f1e9 58%,#e6f3ee 100%)}
.hero:after{border-color:rgba(7,111,103,.16)}.hero-glow{background:rgba(212,49,53,.08)}
.hero .eyebrow,.features .eyebrow,.portfolio .eyebrow{color:var(--deep)}.hero h1 em,.features h2 em{color:var(--deep)}.hero-lead{color:#52615e}.button-ghost{color:#121817;border-color:rgba(13,28,26,.2);background:rgba(255,255,255,.58)}.button-ghost:hover,.button-ghost:focus-visible{background:#fff}.hero-points{color:#596663}.hero-points li:before{color:var(--deep)}
.features{color:#121817;background:#f6f3eb}.feature-card{color:#121817;border-color:rgba(13,28,26,.13);background:#fff;box-shadow:0 24px 65px rgba(30,47,43,.08)}.feature-card p{color:#5b6764}.feature-card .kicker{color:var(--deep)}.feature-index{color:rgba(13,28,26,.28)}.feature-card-accent{color:#04110f;background:var(--teal)}.feature-card-accent p{color:rgba(5,11,11,.67)}.feature-card-accent .kicker{color:#04110f}.feature-card-dark{color:#fff;background:linear-gradient(145deg,#22302d,#0a1211)}.feature-card-dark p{color:#aab9b6}.feature-card-dark .kicker{color:var(--teal)}.feature-card-dark .feature-index{color:rgba(255,255,255,.3)}
.showcase-media img{height:auto}.download-panel>img,.feature-card-accent img{height:auto}
.portfolio{color:#121817;background:#ebe9e1}.portfolio-heading>p:last-child{color:#596663}.app-grid{grid-template-columns:repeat(4,1fr)}.app-card{min-height:430px}.app-card-piano{background:linear-gradient(145deg,#4b2373,#8a45a8)}
.app-card-pads{background:linear-gradient(145deg,#06358d,#086dc1)}
.legal{color:#121817;background:#fff;border-top-color:rgba(13,28,26,.12)}.legal .eyebrow{color:var(--deep)}.legal-links{border-top-color:rgba(13,28,26,.14)}.legal-links a{border-bottom-color:rgba(13,28,26,.14)}.legal-links small,.legal-links b{color:var(--deep)}
.site-footer .brand{color:#fff}
@media(max-width:1200px){.app-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{background:rgba(246,243,235,.93);backdrop-filter:blur(16px)}.nav-actions{gap:7px}.language-switcher button{min-width:32px;padding:5px 7px}.app-grid{grid-template-columns:1fr}}
@media(max-width:520px){.nav-cta{display:none}}