@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0c0b17;--ink2:#161430;--paper:#f6f3ee;--muted:#b9b5c9;--accent:#ff5a36;--violet:#6d4aff;--serif:"Fraunces Variable","Fraunces",Georgia,serif;--sans:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;line-height:1.08}h2{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800}section{padding:clamp(3.5rem,9vw,7rem) 0}.btn{border-radius:999px;align-items:center;gap:.5rem;min-height:48px;padding:.9rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--ink)}.btn-primary:hover{background:#ff7452}.btn-ghost{border:1.5px solid #f6f3ee66}.btn-ghost:hover{border-color:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header.top{z-index:10;backdrop-filter:blur(10px);background:#0c0b17d9;border-bottom:1px solid #ffffff14;position:sticky;top:0}header.top .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-block:.8rem;display:flex}.logo{font-family:var(--serif);font-size:1.5rem;font-weight:800;text-decoration:none}.logo b{color:var(--accent)}.top .btn{min-height:40px;padding:.55rem 1.1rem;font-size:.9rem}.hero{background:radial-gradient(900px 500px at 85% -10%,#6d4aff73,transparent 60%),radial-gradient(700px 400px at 0% 100%,#ff5a3640,transparent 60%),var(--ink);padding-top:clamp(4rem,12vw,9rem);position:relative;overflow:hidden}.hero h1{max-width:14ch;margin:1rem 0 1.5rem;font-size:clamp(2.6rem,8.5vw,6rem);font-weight:800}.hero h1 em{color:var(--accent);font-style:normal}.hero p.lead{max-width:56ch;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.35rem)}.hero .actions{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.pills{flex-wrap:wrap;gap:.6rem;margin-top:3rem;padding:0;list-style:none;display:flex}.pills li{letter-spacing:.14em;border:1px solid #fff3;border-radius:999px;padding:.45rem .9rem;font-size:.72rem;font-weight:600}.pills li:before{content:"● ";color:var(--accent);font-size:.6rem}.about{background:var(--paper);color:var(--ink)}.about .grid{grid-template-columns:1fr;gap:2.5rem;display:grid}.about h2{margin-top:.8rem}.about p{color:#33304a;margin-bottom:1rem;font-size:1.1rem}.about strong{color:var(--ink)}@media (width>=860px){.about .grid{grid-template-columns:1fr 1fr;gap:4rem}}.paths .head{max-width:60ch;margin-bottom:3rem}.paths .head p{color:var(--muted);margin-top:1rem}.cards{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=760px){.cards{grid-template-columns:repeat(3,1fr)}}.card{background:var(--ink2);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:1.8rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card .n{letter-spacing:.18em;color:var(--accent);font-size:.8rem;font-weight:600}.card h3{margin:.6rem 0 .8rem;font-size:2rem}.card p{color:var(--muted);flex:1}.card .more{margin-top:1.4rem;font-weight:600}.how{background:var(--ink2)}.steps{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}.steps div{border-top:2px solid var(--accent);padding-top:1rem}.steps h3{font-size:1.4rem;font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;font-size:1rem;font-weight:700}.steps p{color:var(--muted)}.cta{text-align:center;background:linear-gradient(135deg,var(--violet),#3a1fa8)}.cta h2{max-width:20ch;margin:0 auto 1rem}.cta p{color:#e6e2ff;max-width:52ch;margin:0 auto 2rem}.cta .btn-primary{background:var(--paper);color:var(--ink)}.cta .btn-primary:hover{background:#fff}footer{color:var(--muted);border-top:1px solid #ffffff14;padding:3rem 0;font-size:.92rem}footer .wrap{gap:1.5rem;display:grid}footer .logo{color:var(--paper)}footer ul{flex-wrap:wrap;gap:1.2rem;padding:0;list-style:none;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--paper);text-decoration:underline}@media (width>=760px){footer .wrap{grid-template-columns:1fr auto;align-items:end}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}header.top nav{gap:1.6rem;font-size:.92rem;font-weight:500;display:none}header.top nav a{color:var(--muted);text-decoration:none}header.top nav a:hover{color:var(--paper)}@media (width>=900px){header.top nav{display:flex}}.stats{background:var(--paper);color:var(--ink);border-bottom:1px solid #e4dfd6}.stats .wrap{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-block:2rem;display:grid}.stats div{flex-direction:column;display:flex}.stats b{font-family:var(--serif);color:var(--violet);font-size:clamp(2rem,5vw,3rem);line-height:1}.stats span{color:#55516b;margin-top:.3rem;font-size:.9rem}@media (width>=760px){.stats .wrap{grid-template-columns:repeat(4,1fr)}}.card .meta{color:var(--paper);opacity:.75;margin-bottom:.8rem;font-size:.78rem;font-weight:600}@media (width>=760px) and (width<=1023px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards{grid-template-columns:repeat(4,1fr)}}.top .btn{min-height:44px;padding:.6rem 1.1rem}.pills li{font-size:.75rem}.hero{isolation:isolate}.hero .wrap{z-index:1;position:relative}.hero h1{text-wrap:balance;font-size:clamp(2.7rem,10vw,6.4rem)}.hero .staff line{stroke:var(--paper);stroke-width:1px;vector-effect:non-scaling-stroke}.eq{z-index:0;opacity:.55;align-items:flex-end;gap:clamp(3px,.6vw,6px);width:min(52vw,420px);height:clamp(90px,22vw,220px);display:flex;position:absolute;bottom:clamp(1.5rem,6vw,4rem);right:max(1rem,3vw)}.eq i{height:var(--h);background:linear-gradient(to top,var(--accent),var(--violet));transform-origin:bottom;animation:eq 1.6s ease-in-out var(--d) infinite alternate;border-radius:99px 99px 2px 2px;flex:1}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (width<=620px){.eq{opacity:.28;width:70vw}}.hero .eyebrow,.hero h1,.hero .lead,.hero .actions,.hero .pills{animation:.8s cubic-bezier(.2,.7,.2,1) both rise}.hero h1{animation-delay:80ms}.hero .lead{animation-delay:.18s}.hero .actions{animation-delay:.28s}.hero .pills{animation-delay:.38s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ticker{background:var(--ink);border-block:1px solid #ffffff1a;padding:1rem 0;overflow:hidden}.ticker .track{width:max-content;animation:38s linear infinite marq;display:flex}.ticker span{font-family:var(--serif);white-space:nowrap;color:var(--paper);padding-inline:1.4rem;font-size:clamp(1.1rem,3.6vw,1.6rem);font-weight:600}.ticker span:after{content:"♪";color:var(--accent);margin-left:2.8rem}@keyframes marq{to{transform:translate(-50%)}}.card{position:relative;overflow:hidden}.card:after{content:"";background:linear-gradient(90deg,var(--accent),var(--violet));transform-origin:0;height:3px;transition:transform .35s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.card:hover:after,.card:focus-visible:after{transform:scaleX(1)}.steps div,.card,.about .grid>div{animation:none}@supports (animation-timeline:view()){.card,.steps div,.about .grid>div,.cta .wrap{animation:linear both rise view();animation-range:entry entry 40%}}@media (prefers-reduced-motion:reduce){.eq i,.ticker .track,.hero .eyebrow,.hero h1,.hero .lead,.hero .actions,.hero .pills,.card,.steps div,.about .grid>div,.cta .wrap{animation:none!important}.eq i{transform:none}}.hero{padding-bottom:0}.hero .music{height:clamp(110px,20vw,170px);margin-top:clamp(2.5rem,7vw,4.5rem);position:relative;overflow:hidden}.hero .music .staff{opacity:.3;width:100%;height:100%;position:absolute;inset:0}.hero .music .eq{opacity:.8;align-items:flex-end;width:min(62vw,520px);height:100%;position:absolute;inset:0 max(1rem,3vw) 0 auto}@media (width<=620px){.hero .music .eq{opacity:.7;width:calc(100% - 2rem);inset:0 1rem 0 auto}}.progress{z-index:30;background:linear-gradient(90deg,var(--accent),var(--violet));transform-origin:0;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress{animation:linear both grow scroll(root)}}@keyframes grow{to{transform:scaleX(1)}}.hero canvas.fx{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.hero .aurora{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero .aurora i{filter:blur(90px);opacity:.38;mix-blend-mode:screen;border-radius:50%;width:55vmax;height:55vmax;animation:18s ease-in-out infinite alternate drift;position:absolute}.hero .aurora i:first-child{background:var(--violet);top:-30%;right:-15%}.hero .aurora i:nth-child(2){background:var(--accent);opacity:.28;animation-duration:23s;bottom:-40%;left:-20%}.hero .aurora i:nth-child(3){opacity:.16;background:#2fb8ff;width:30vmax;height:30vmax;animation-duration:27s;top:20%;left:35%}@keyframes drift{to{transform:translate(-8vmax,6vmax)scale(1.15)}}.split .w{animation:word .9s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 90ms + .1s) both;display:inline-block}@keyframes word{0%{opacity:0;filter:blur(10px);transform:translateY(.6em)rotate(3deg)}to{opacity:1;filter:blur();transform:none}}.hero h1{animation:none}.hero .music .staff line{stroke-dasharray:1300;stroke-dashoffset:1300px;animation:2.2s ease-out .4s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:4.5s ease-in-out 1.5s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{40%,to{transform:translate(120%)}}.card{--mx:50%;--my:50%}.card:before{content:"";background:radial-gradient(260px circle at var(--mx) var(--my),#ff5a3638,transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.stats b{min-width:1ch;display:inline-block}.cta{position:relative;overflow:hidden}.cta:before{content:"";background:conic-gradient(#0000,#ffffff29,#0000 30%);animation:14s linear infinite spin;position:absolute;inset:-50%}.cta .wrap{position:relative}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hero .aurora i,.split .w,.hero .music .staff line,.btn-primary:after,.cta:before,.progress{animation:none!important}.hero .music .staff line{stroke-dashoffset:0}}.hero .since{font-family:var(--serif);color:var(--paper);opacity:.9;margin:.9rem 0 0;font-size:clamp(1.05rem,2.6vw,1.4rem);font-style:italic;font-weight:600;animation:.8s cubic-bezier(.2,.7,.2,1) 50ms both rise}@media (prefers-reduced-motion:reduce){.hero .since{animation:none!important}}.eq.live i{transition:transform 80ms linear;animation:none}.piano{background:var(--ink);overflow:hidden}.piano h2{margin:.6rem 0 .8rem}.piano .sub{color:var(--muted);max-width:56ch;margin-bottom:2.2rem}.kb{-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:0 0 18px 18px;height:clamp(150px,34vw,260px);padding:0;display:flex;position:relative}.kb-sm{display:none}@media (width<=699px){.kb-lg{display:none}.kb-sm{display:flex}}.key{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.key.white{border:1px solid #1d1a34;color:var(--ink);background:linear-gradient(#f6f3ee,#dcd7e8);border-top:0;border-radius:0 0 10px 10px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:.6rem;font-size:.8rem;font-weight:600;transition:transform 80ms,background .2s;display:flex}.key.black{width:calc(100% / var(--n) * .6);height:62%;top:0;left:calc((var(--i) + 1) / var(--n) * 100% - 100% / var(--n) * .3);z-index:2;background:linear-gradient(#25213f,#0c0b17);border-radius:0 0 8px 8px;transition:transform 80ms;position:absolute;box-shadow:0 6px 14px #00000080}.key.white.hit{background:linear-gradient(var(--accent),#ff9a7d);transform:translateY(3px)}.key.black.hit{background:linear-gradient(var(--violet),#2b1a7a);transform:translateY(2px)}.key:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:3}.ring{border:2px solid var(--accent);pointer-events:none;z-index:40;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;animation:.9s ease-out forwards ring;position:absolute}@keyframes ring{to{opacity:0;border-color:var(--violet);transform:scale(18)}}.cursor-glow{pointer-events:none;z-index:5;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#6d4aff38,#0000 65%);border-radius:50%;width:320px;height:320px;transition:opacity .3s;position:fixed;top:0;left:0}.card{will-change:transform;transition:transform .25s,border-color .2s}@media (prefers-reduced-motion:reduce){.ring{animation:none;display:none}.cursor-glow{display:none}}.hero{padding-top:clamp(1.6rem,6vh,6rem)}.hero h1{margin:.6rem 0 1rem;font-size:clamp(2.3rem,min(9.5vw,11.5vh),6rem)}.hero .since{margin-top:.6rem}.hero p.lead{max-width:58ch;font-size:clamp(1rem,2vw,1.3rem)}.hero .actions{margin-top:1.4rem}.hero .pills{margin-top:1.6rem}.hero .music{margin-top:clamp(1.2rem,4vh,3rem)}.btn-primary{color:var(--ink)}.logo{align-items:center;min-height:44px;display:inline-flex}header.top nav a{align-items:center;min-height:44px;padding-inline:.2rem;display:inline-flex}header.top .wrap{padding-block:.2rem}p{max-width:68ch}.cta p{margin-inline:auto}@media (width<=480px){.hero .pills{gap:.4rem}.hero .pills li{padding:.35rem .7rem}.btn{padding:.8rem 1.25rem}}@media (height<=480px) and (orientation:landscape){.hero .eq{display:none}}.legalline{max-width:60ch;margin-top:.5rem;font-size:.8rem}.skip{z-index:100;background:var(--paper);color:var(--ink);padding:.8rem 1.2rem;font-weight:700;position:absolute;top:0;left:-999px}.skip:focus{left:0}footer{padding:3.5rem 0 1.5rem}footer .fgrid{grid-template-columns:1fr;gap:2rem;display:grid}footer .wrap.fgrid{align-items:start}@media (width>=860px){footer .wrap.fgrid{grid-template-columns:1.3fr 1fr 1fr;gap:3rem}}footer .fbrand p{max-width:36ch;margin:.8rem 0}footer .social{gap:1.2rem;margin-top:1rem;padding:0;list-style:none;display:flex}footer h3{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-size:.75rem}footer .fcol p{max-width:34ch;margin:0 0 .35rem;font-size:.9rem}footer .fbar{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem;margin-top:2.5rem;padding-top:1.2rem;font-size:.85rem;display:flex}footer .fbar nav{flex-wrap:wrap;gap:.4rem 1.6rem;display:flex}footer .fbar a,footer .social a{align-items:center;min-height:44px;display:inline-flex}footer .wrap.fgrid{grid-template-columns:1fr;gap:1.2rem}@media (width>=860px){footer .wrap.fgrid{grid-template-columns:1fr auto;align-items:center;gap:3rem}}footer .fbar{align-items:flex-start;margin-top:1.5rem}footer .flegal{max-width:70ch;color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}footer .flegal a{text-decoration:underline}footer .social{gap:.6rem;margin:0}footer .social a.soc{width:44px;height:44px;color:var(--paper);border:1.5px solid #f6f3ee47;border-radius:50%;justify-content:center;transition:background .2s,border-color .2s,color .2s}footer .social a.soc svg{width:22px;height:22px}footer .social a.soc:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.paths{background:linear-gradient(180deg,var(--ink),var(--ink2) 30%,var(--ink))}.card{background:linear-gradient(160deg,#ffffff17,#ffffff08);border-color:#ffffff2e;box-shadow:0 10px 30px #00000059}.card:after{height:4px;inset:0 0 auto;transform:scaleX(1)}.card .more{background:var(--accent);color:var(--ink);border-radius:999px;align-self:flex-start;align-items:center;min-height:44px;padding:.7rem 1.1rem;display:inline-flex}@media (width<=759px){.paths .head{margin-bottom:1.8rem}.paths .head h2{font-size:clamp(2rem,9vw,2.6rem)}.card{border-radius:22px;padding:1.6rem 1.4rem}.card h3{font-size:2.3rem}.card .meta{opacity:.95}.card .more{justify-content:center;align-self:stretch}}