@layer reset,base,components,sections,responsive,motion;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}h1,h2,p,figure{margin:0}}@layer base{:root{color-scheme:dark;--bg: #090b11;--surface: #11141d;--surface-high: #191c27;--text: #f7f4fb;--muted: #a9a5b1;--line: rgba(255, 255, 255, .1);--shell: 1180px;font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text)}a{color:inherit}::selection{background:#8e97ff52}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}:focus-visible{outline:3px solid rgba(158,166,255,.78);outline-offset:4px}.skip-link{position:fixed;z-index:1000;left:18px;top:14px;padding:11px 16px;border-radius:12px;background:#fff;color:#11131a;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}}@layer components{.icon{flex:0 0 auto}.brand-mark{width:100%;overflow:visible}.logo-link{width:78px;display:block}.header-download,.not-found__action,.dialog-contact{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-weight:720;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.header-download:hover,.not-found__action:hover,.dialog-contact:hover{transform:translateY(-2px)}.header-download:active,.not-found__action:active,.dialog-contact:active{transform:translateY(0) scale(.985)}.header-download{min-height:44px;padding:0 18px;background:#f8f5fb;color:#14161e;box-shadow:0 12px 30px #00000038;font-size:13px}.product-link{min-height:40px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;color:#f7f4fbad;font-size:13px;font-weight:650;text-decoration:none;transition:color .16s ease,background-color .16s ease}.product-link:hover{color:#fff;background:#ffffff12}.screen-label{position:absolute;z-index:2;left:-54px;top:88px;color:#f7f4fb8f;font-size:12px;font-weight:700;letter-spacing:.3em;writing-mode:vertical-rl}.app-shot{width:100%;aspect-ratio:1080 / 2240;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:#f8f6fc;box-shadow:0 54px 110px #0000008a,0 0 0 8px #ffffff06}.app-shot img{width:100%;height:auto;transform:translateY(-3%)}.download-dialog{width:min(calc(100% - 32px),420px);padding:0;border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:visible;background:transparent;color:var(--text)}.download-dialog::backdrop{background:#030408b8;backdrop-filter:blur(14px)}.download-dialog__surface{position:relative;padding:42px 34px 34px;border-radius:inherit;overflow:hidden;background:radial-gradient(circle at 80% -5%,rgba(112,123,255,.2),transparent 38%),linear-gradient(145deg,#1a1d28,#10131b);text-align:center}.dialog-close{width:42px;height:42px;position:absolute;right:14px;top:14px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:#ffffffc2;cursor:pointer}.download-dialog__mark{width:112px;margin-inline:auto}.download-dialog h2{margin-top:22px;font-size:27px;letter-spacing:-.035em}.download-dialog p{max-width:290px;margin:12px auto 0;color:var(--muted);font-size:14px;line-height:1.7}.dialog-contact{min-height:50px;margin-top:26px;padding-inline:22px;background:#f7f4fb;color:#14161e;font-size:14px}}@layer sections{.site-header{position:fixed;z-index:100;inset:0 0 auto;height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,rgba(7,9,14,.48),transparent);transition:background-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease}:root[data-scrolled] .site-header{background:#090b11c7;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(22px) saturate(1.2)}.site-header__inner{height:72px;display:flex;align-items:center;justify-content:space-between}.site-header__actions{display:flex;align-items:center;gap:8px}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 77% 34%,rgba(101,116,255,.24),transparent 29%),radial-gradient(circle at 63% 88%,rgba(255,68,159,.11),transparent 31%),radial-gradient(circle at 5% 72%,rgba(255,158,54,.1),transparent 27%),linear-gradient(125deg,#090b11,#101622 54%,#081016)}.hero:before,.showcase:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero__inner{min-height:max(760px,100svh);padding-top:calc(104px + env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,.88fr) minmax(330px,1.12fr);align-items:center;gap:clamp(36px,7vw,110px)}.hero__copy{position:relative;z-index:3;padding-bottom:8vh}.hero h1{color:#f8f5fb;font-size:clamp(4.2rem,6.2vw,6.5rem);font-weight:780;line-height:.92;letter-spacing:-.07em}.hero h1 span{background:linear-gradient(100deg,#45d6d0,#9bd976,#f2d94b,#ff9c45 57%,#ff6ea0 75%,#91a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin-top:28px;color:#f7f4fb9e;font-size:clamp(15px,1.4vw,18px);letter-spacing:.025em}.hero-screen{width:min(100%,365px);position:relative;justify-self:center;align-self:end;margin-bottom:-96px;transform:rotate(1.2deg)}.hero-screen:before{content:"";width:132%;aspect-ratio:1;position:absolute;z-index:-1;left:50%;top:24%;border-radius:50%;background:conic-gradient(from 120deg,#37c3d747,#8b7cff5c,#ff559e38,#f6c8422b,#37c3d747);filter:blur(74px);transform:translate(-50%)}.showcase{position:relative;isolation:isolate;padding:150px 0 132px;scroll-margin-top:calc(80px + env(safe-area-inset-top));background:radial-gradient(circle at 15% 28%,rgba(247,156,61,.08),transparent 28%),radial-gradient(circle at 85% 55%,rgba(96,119,255,.12),transparent 31%),#090b11}.showcase__screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(36px,8vw,108px)}.showcase-screen{width:min(100%,395px);position:relative}.showcase-screen--music{justify-self:end}.showcase-screen--ranking{justify-self:start;margin-top:150px}.showcase-screen figcaption{margin-bottom:18px;color:#f7f4fb9e;font-size:12px;font-weight:720;letter-spacing:.32em}.site-footer{border-top:1px solid var(--line);background:#080a0f}.footer{min-height:96px;padding-block:18px max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f7f4fb7a;font-size:12px}.footer__links{display:flex;align-items:center;gap:4px}.footer__links a{min-height:42px;padding-inline:12px;border-radius:12px;display:inline-flex;align-items:center;color:#f7f4fb8c;text-decoration:none;transition:color .16s ease,background-color .16s ease}.footer__links a:hover{color:#fff;background:#ffffff0f}.not-found{min-height:100svh;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 36%,rgba(102,117,255,.2),transparent 30%),var(--bg);text-align:center}.not-found__mark{width:150px}.not-found>strong{margin-top:28px;color:var(--muted);font-size:12px;letter-spacing:.15em}.not-found h1{margin-top:12px;font-size:clamp(2rem,6vw,4rem);letter-spacing:-.05em}.not-found__action{min-height:52px;margin-top:30px;padding-inline:22px;background:#f7f4fb;color:#14161e}}@layer responsive{@media(max-width:900px){.hero__inner{min-height:0;padding-top:calc(138px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;gap:58px}.hero__copy{padding:0;text-align:center}.hero h1{font-size:clamp(4rem,11vw,6rem)}.hero-screen{width:min(72vw,365px);margin-bottom:-86px}.screen-label{left:-42px}.showcase{padding-top:132px}.showcase__screens{display:flex;flex-direction:column;align-items:center;gap:78px}.showcase-screen,.showcase-screen--music,.showcase-screen--ranking{width:min(62vw,380px);margin-top:0;align-self:center}}@media(max-width:700px){.shell{width:min(calc(100% - 28px),var(--shell))}.site-header{height:calc(66px + env(safe-area-inset-top))}.site-header__inner{height:66px}.logo-link{width:68px}.product-link{display:none}.header-download{min-height:44px;padding-inline:15px;font-size:12px}.hero__inner{padding-top:calc(116px + env(safe-area-inset-top));gap:46px}.hero h1{font-size:clamp(3.35rem,15vw,4.8rem);line-height:.96}.hero__lead{max-width:290px;margin-top:20px;font-size:14px;line-height:1.65}.hero-screen{width:min(82vw,330px);margin-bottom:-58px;transform:none}.screen-label{display:none}.app-shot{border-radius:28px}.showcase{padding:112px 0 88px}.showcase__screens{gap:72px}.showcase-screen,.showcase-screen--music,.showcase-screen--ranking{width:min(82vw,330px);margin-top:0;align-self:center}.showcase-screen figcaption{margin-bottom:14px}.footer{min-height:0;padding-block:24px max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:8px}.footer__links a:first-child{padding-left:0}}@media(max-width:380px){.header-download .icon{display:none}.hero h1{font-size:clamp(3.05rem,15vw,3.55rem)}.download-dialog__surface{padding-inline:24px}}}@layer motion{[data-reveal]{opacity:0;filter:blur(8px);transform:translateY(28px);transition:opacity .76s cubic-bezier(.2,.8,.2,1),transform .76s cubic-bezier(.2,.8,.2,1),filter .76s ease}[data-reveal].is-visible{opacity:1;filter:none;transform:none}.hero-screen[data-reveal].is-visible{transform:rotate(1.2deg)}@media(max-width:700px){.hero-screen[data-reveal].is-visible{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal],[data-reveal].is-visible{opacity:1;filter:none;transform:none}}}