:root{--grey-50: #e6e6e6;--grey-100: #cdcece;--grey-200: #9c9c9d;--grey-300: #6a6b6c;--grey-400: #434345;--grey-500: #2f3031;--grey-600: #1b1c1e;--grey-700: #111214;--grey-800: #0c0d0f;--grey-900: #07080a;--bg: var(--grey-900);--bg-100: #101111;--bg-200: #18191a;--border: #242728;--fg: #f4f4f6;--fg-200: #c2c7ca;--fg-300: #78787c;--accent: #6366f1;--accent-hi: #8b8ef7;--live: #ef4444;--container: 1204px;--sans: Inter, "Pretendard Variable", Pretendard, system-ui, "Malgun Gothic", sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:dark;font-family:var(--sans);color:#fff;background:var(--bg);-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}code,kbd{font-family:var(--mono);font-size:.86em}code{padding:.1em .4em;border-radius:6px;background:var(--bg-200);border:1px solid var(--border);word-break:break-all}kbd{display:inline-block;min-width:1.6em;padding:0 .4em;text-align:center;border-radius:5px;background:var(--bg-200);border:1px solid var(--border);color:var(--fg-200)}.ic,.ic-win{width:16px;height:16px;flex:none}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:8px 12px;border-radius:8px;background:var(--grey-50);color:var(--grey-500);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:#00000080 0 0 0 2px,#ffffff30 0 0 14px,#0003 0 -1px .4px inset,#fff 0 1px .4px inset;transition:background .15s,box-shadow .15s}.btn-light:hover{background:#fff;box-shadow:#00000080 0 0 0 2px,#ffffff4d 0 0 20px,#0003 0 -1px .4px inset,#fff 0 1px .4px inset}.btn-light small{color:var(--grey-300);font-weight:500}.btn-hero{height:40px;padding:0 14px;font-size:15px}.nav-wrap{position:fixed;inset:0 0 auto;z-index:50;padding:16px 24px 0;pointer-events:none}.nav{pointer-events:auto;display:flex;align-items:center;gap:24px;max-width:var(--container);height:76px;margin:0 auto;padding:16px 32px;border-radius:16px;border:.8px solid rgba(255,255,255,.06);background:linear-gradient(137deg,#111214bf 4.87%,#0c0d0fe6 75.88%);box-shadow:#ffffff26 0 1px 1px inset;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}.nav-links{display:flex;gap:32px;margin:0 auto}.nav-links a,.nav-text{color:var(--grey-200);font-size:14px;font-weight:500;transition:color .15s}.nav-links a:hover,.nav-text:hover{color:#fff}.nav-end{display:flex;align-items:center;gap:24px}.hero{position:relative;min-height:1000px;display:grid;place-items:center;padding:120px 24px 80px;overflow:hidden;isolation:isolate}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{margin:0;font-size:clamp(44px,7vw,72px);font-weight:600;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.35)}.hero-sub{margin:24px 0 40px;font-size:clamp(16px,2vw,19px);font-weight:500;line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.5)}.mono-line{margin:16px 0 0;font-family:var(--mono);font-size:12px;color:var(--grey-200)}.mono-line+.mono-line{margin-top:8px}.mono-line a{text-decoration:underline;text-decoration-color:var(--grey-400);text-underline-offset:3px}.mono-line a:hover{color:#fff}.mono-line span{margin-left:6px;color:var(--grey-300)}.pill{display:inline-flex;align-items:center;gap:8px;margin-top:40px;padding:4px 12px;border-radius:999px;background:#0f0f1d;font-size:14px;font-weight:500;box-shadow:0 0 0 1px #6366f173,0 0 18px #6366f140}.pill:hover{box-shadow:0 0 0 1px #8b8ef7cc,0 0 24px #6366f166}.hero-art,.loop-art,.final-art{position:absolute;pointer-events:none;z-index:0}.hero-art{top:0;right:0;bottom:0;left:0}.beam{position:absolute;width:220px;height:1400px;border-radius:999px;transform:rotate(-45deg);filter:blur(2px);opacity:.95}.hero-art .beam{left:50%;top:50%;margin:-720px 0 0 -110px}.beam.b1{background:linear-gradient(180deg,transparent 8%,#3b3fd8 35%,#6366f1 52%,transparent 88%);translate:-260px -40px}.beam.b2{width:160px;background:linear-gradient(180deg,transparent 15%,#1d2a6b 38%,#2a3aa8 50%,transparent 80%);translate:-40px -60px;filter:blur(6px)}.beam.b3{width:260px;background:linear-gradient(180deg,transparent 10%,#5a5ff0 40%,#7b6ef6 55%,transparent 90%);translate:120px 40px}.beam.b4{width:90px;background:linear-gradient(180deg,transparent 20%,#ef4444 45%,#b91c4a 58%,transparent 85%);translate:330px 20px;filter:blur(3px)}.beam.b5{width:40px;background:linear-gradient(180deg,transparent 25%,#8b8ef7 50%,transparent 75%);translate:480px 0;opacity:.6}.hero-art .blob{position:absolute;left:50%;top:50%;width:520px;height:420px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(closest-side,#6366f1bf,#6366f100 70%);filter:blur(30px)}.hero-art .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero:after{content:"";position:absolute;inset:auto 0 0;height:340px;background:linear-gradient(transparent,var(--bg));z-index:1}@media(prefers-reduced-motion:no-preference){.hero-art .beam{animation:drift 9s ease-in-out infinite alternate}.hero-art .beam.b2,.hero-art .beam.b4{animation-duration:12s;animation-delay:-4s}}@keyframes drift{to{transform:rotate(-45deg) translateY(40px)}}.duo{margin:0;text-align:center;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:.2px;color:var(--grey-300)}.duo span{display:block;color:#fff}.duo.left{text-align:left}.eyebrow{margin:0 0 12px;text-align:center;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--accent-hi)}.eyebrow.left{text-align:left}.title{margin:0;text-align:center;font-size:clamp(28px,4vw,34px);font-weight:500;letter-spacing:-.01em}.lede{margin:12px 0 0;text-align:center;font-size:18px;color:var(--grey-200)}.showcase{position:relative;padding:40px 24px 160px}.device{position:relative;max-width:var(--container);margin:48px auto 0;padding:8px;border-radius:20px;background:linear-gradient(180deg,#1a1b1e,#0d0e10);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #0009,#ffffff1f 0 1px 1px inset,0 40px 120px #6366f11f,0 30px 80px #0009}.device-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 10px;font-size:13px;color:var(--grey-200)}.device-title{display:flex;align-items:center;gap:8px}.device-meta{font-family:var(--mono);font-size:12px;color:var(--grey-300)}.device-screen{position:relative;aspect-ratio:1600 / 1038;border-radius:12px;overflow:hidden;background:#000}.device-screen .shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .45s,transform .6s}.device-screen .shot.is-active{opacity:1;transform:none}.dock{position:absolute;left:50%;bottom:-34px;translate:-50% 0;display:flex;gap:8px;padding:8px;border-radius:18px;background:#141518db;border:1px solid rgba(255,255,255,.08);box-shadow:#ffffff1a 0 1px 1px inset,0 16px 40px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dock-btn{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:12px;background:linear-gradient(180deg,#232427,#18191b);color:var(--grey-200);box-shadow:#ffffff14 0 1px inset,0 0 0 1px #0009;transition:color .15s,background .15s,transform .15s}.dock-btn .ic{width:20px;height:20px}.dock-btn:hover{color:#fff}.dock-btn.is-active{width:64px;height:64px;margin-top:-6px;color:#fff;background:linear-gradient(180deg,#3d3e44,#26272b);box-shadow:#ffffff2e 0 1px inset,0 0 0 1px #0009,0 8px 24px #6366f159}.dock-tip{position:absolute;bottom:calc(100% + 10px);left:0;padding:4px 10px;border-radius:8px;background:#1b1c1e;border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:500;white-space:nowrap;transition:left .25s}.caption{max-width:520px;margin:72px auto 0;text-align:center;font-size:16px;font-weight:500;color:var(--grey-300)}.caption b{color:#fff;font-weight:600}.fine-note{margin:16px 0 0;text-align:center;font-size:12px;color:var(--grey-400)}.keys-section{padding:120px 0 160px}.keys-grid{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:48px}.keys-copy{padding-left:24px}.keys-copy .duo{font-size:22px;margin-bottom:40px}.keyboard{display:grid;gap:10px;padding:28px;border-radius:24px;background:radial-gradient(120% 90% at 30% 20%,rgba(99,102,241,.08),transparent 60%),#0b0c0e;border:1px solid rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.krow{display:flex;gap:10px}.key{flex:0 0 104px;height:96px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#17181b,#111214);border:1px solid rgba(255,255,255,.06);box-shadow:#ffffff0f 0 1px inset,0 2px #050506}.key kbd{min-width:0;padding:0;border:0;background:none;text-align:left;font-family:var(--sans);font-size:22px;font-weight:500;color:var(--grey-100)}.key small{font-size:13px;font-weight:500;color:var(--grey-300);line-height:1.3}.key small b{color:#fff;font-weight:600}.key.wide{flex-basis:216px}.key.hl{background:linear-gradient(180deg,#1c1d33,#131427);border-color:#6366f159;box-shadow:#8b8ef733 0 1px inset,0 2px #050506,0 0 24px #6366f126}.key.dim{opacity:.35}.kb-note{margin:8px 0 0;font-size:13px;color:var(--grey-300)}.platforms{padding:40px 0 160px}.plat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.plat-head .duo{font-size:22px}.seg{display:flex;gap:4px;padding:6px;border-radius:16px;background:#0f1012;border:1px solid rgba(255,255,255,.06)}.seg button{padding:8px 14px;border:0;border-radius:10px;background:none;color:var(--grey-300);font-size:14px;font-weight:500}.seg button.is-active{background:linear-gradient(180deg,#2a2b2f,#1d1e21);color:#fff;box-shadow:#ffffff1a 0 1px inset}.rail{display:flex;gap:24px;margin-top:40px;padding:8px max(24px,calc((100vw - var(--container)) / 2 + 24px)) 24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 max(24px,calc((100vw - var(--container)) / 2 + 24px));scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.pcard{flex:0 0 360px;min-height:400px;display:flex;flex-direction:column;padding:24px;border-radius:16px;scroll-snap-align:start;background:radial-gradient(120% 70% at 50% 100%,color-mix(in srgb,var(--c) 35%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--c2) 80%,#0b0c0e),#0b0c0e);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);box-shadow:#ffffff1a 0 1px 1px inset,0 20px 50px color-mix(in srgb,var(--c) 12%,transparent);transition:opacity .3s,transform .3s}.pcard.is-hidden{display:none}.pcard header{display:flex;align-items:center;gap:12px}.plogo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--c);color:#fff;font-weight:700;font-size:17px;box-shadow:#ffffff4d 0 1px inset,0 0 0 1px #00000080}.pcard[style*="#53fc18"] .plogo,.pcard[style*="#00d564"] .plogo{color:#06140b}.pcard h3{margin:0;font-size:17px;font-weight:500}.pbadge{margin-left:auto;padding:2px 8px;border-radius:6px;font-family:var(--mono);font-size:11px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.pcard p{margin:20px 0 0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;font-weight:500;line-height:1.55;color:#e9e9ee}.pdemo{margin-top:auto;display:flex;flex-direction:column;gap:8px}.pdemo code{align-self:flex-start;padding:10px 14px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.1);font-size:14px;color:#fff}.pdemo span{font-family:var(--mono);font-size:12px;color:#ffffff8c}.rail-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.link-more{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--grey-200)}.link-more:hover{color:#fff}.rail-nav{display:flex;gap:12px}.round{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.06);background:#0e0f11;color:var(--grey-200);transition:color .15s,border-color .15s}.round:hover{color:#fff;border-color:#ffffff29}.audio-section,.repeat-section{padding:80px 0 160px}.repeat-section .duo,.loop-section .duo{margin-bottom:48px}.bento{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:16px;max-width:980px;margin:56px auto 0}.bento-2{grid-template-columns:1fr 1fr;margin-top:0}.bcard{position:relative;padding:24px;border-radius:16px;background:linear-gradient(180deg,#111214,#0c0d0f);border:1px solid rgba(255,255,255,.06);box-shadow:#ffffff0f 0 1px inset;overflow:hidden}.bcard h3{margin:0 0 6px;font-size:15px;font-weight:600}.bcard p{margin:0;font-size:14px;color:var(--grey-200);line-height:1.55}.bcard-wide{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end}.bicon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:40px;border-radius:10px;background:#6366f11f;color:var(--accent-hi);box-shadow:#ffffff14 0 1px inset}.mixer-ui{display:grid;gap:8px;margin-bottom:32px;padding:12px;border-radius:12px;background:#0a0b0c;border:1px solid rgba(255,255,255,.06)}.mrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--grey-300);font-size:14px}.mrow.on{background:#6366f11a;color:#fff}.mnum{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--bg-200);font-family:var(--mono);font-size:12px}.mrow.on .mnum{background:var(--accent)}.mname{width:84px;font-weight:500}.mbar{flex:1;height:4px;border-radius:4px;background:var(--grey-600);overflow:hidden}.mbar i{display:block;height:100%;background:var(--grey-400)}.mrow.on .mbar i{background:linear-gradient(90deg,var(--accent),var(--accent-hi))}.bcard-tall{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}.tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:4px 8px;border-radius:6px;background:var(--bg-200);border:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:600}.tag .ic{width:14px;height:14px;color:var(--accent-hi)}.groups-ui,.toast-ui{position:absolute;inset:24px 24px auto;display:grid;gap:6px}.gitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--grey-200);font-size:14px;font-weight:500}.gitem span{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--grey-300)}.gitem.active{background:linear-gradient(180deg,#23243a,#1a1b2c);color:#fff;box-shadow:#8b8ef740 0 1px inset}.gitem.add{color:var(--grey-300);border:1px dashed var(--grey-500)}.toast{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#202125e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000080;font-size:13px}.toast div{display:flex;flex-direction:column;min-width:0}.toast b{font-weight:600}.toast span{color:var(--grey-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast small{margin-left:auto;align-self:flex-start;color:var(--grey-300);white-space:nowrap}.toast.faded{opacity:.4;transform:scale(.96)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:980px;margin:16px auto 0;padding:0;list-style:none;border-radius:16px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.mini-grid li{display:flex;flex-direction:column;gap:4px;padding:20px;background:#0b0c0e}.mini-grid .ic{margin-bottom:12px;color:var(--grey-200)}.mini-grid b{font-size:14px;font-weight:600}.mini-grid span{font-size:13px;color:var(--grey-300)}.more-section{padding:80px 0 160px}.more-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.more-copy{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;padding:24px 0 24px 24px}.more-text{margin:0;font-size:30px;font-weight:500;line-height:1.6;letter-spacing:-.01em;color:var(--grey-400)}.more-lead{display:block;color:#fff}.more-item{display:inline;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-align:left;color:inherit;transition:color .35s,text-shadow .35s}.more-item:hover{color:var(--grey-200)}.more-item.is-active{color:#fff;text-shadow:0 0 24px rgba(255,255,255,.35)}.more-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.more-foot{max-width:360px;margin-top:64px}.more-foot .tag{margin-bottom:14px}.more-foot p{margin:0;font-size:15px;font-weight:500;line-height:1.6;color:var(--fg-200)}.more-stage{position:relative;min-height:600px;padding:80px 0 0 72px}.more-art{position:absolute;inset:0 0 auto 0;height:400px;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(180deg,#121320,transparent);border:1px solid rgba(255,255,255,.05);border-bottom:0;-webkit-mask-image:linear-gradient(160deg,#000 30%,transparent 75%);mask-image:linear-gradient(160deg,#000 30%,transparent 75%)}.more-art span{position:absolute;top:-120px;width:90px;height:640px;transform:rotate(45deg);transform-origin:top;background:linear-gradient(90deg,#4f52e6,#8b8ef7 45%,#3a3dc4);box-shadow:0 0 40px #6366f199}.more-art span:nth-child(1){left:120px}.more-art span:nth-child(2){left:230px;width:60px;opacity:.7}.more-art span:nth-child(3){left:330px;width:6px;background:#ef4444;box-shadow:0 0 16px #ef4444cc}.more-card{position:relative;min-height:520px;padding:24px 32px 40px;border-radius:16px;background:linear-gradient(180deg,#18191ceb,#0c0d0ff5 60%);border:1px solid rgba(255,255,255,.08);box-shadow:#ffffff1a 0 1px 1px inset,0 30px 80px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.more-card:after{content:"";position:absolute;inset:auto 15% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}.more-card-label{margin:0 0 20px;text-align:center;font-size:13px;color:var(--grey-300)}.mpanel{display:none}.mpanel.is-active{display:block;animation:panel-in .45s cubic-bezier(.2,.7,.2,1)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.mpanel h3{margin:0 0 12px;font-size:28px;font-weight:500;letter-spacing:-.01em}.mp-sub{margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--border);font-size:15px;line-height:1.6;color:var(--fg-200)}.mp-keys{margin:20px 0 0;font-size:13px;color:var(--grey-300)}.mpanel ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mpanel li.dim{opacity:.35}.chat-list li{padding:8px 0;font-size:15px;color:var(--fg-200)}.chat-list b{margin-right:10px;font-weight:600;color:var(--u)}.check-list li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:16px;color:var(--fg-200)}.check-list .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--accent-hi)}.check-list .checked .box{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;border-color:var(--accent)}.check-list em,.q-list em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--grey-300)}.log-list li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:var(--fg-200)}.log-list time{font-family:var(--mono);font-size:12px;color:var(--grey-300)}.log-list li span{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.log-list .warn{background:#ffc5331f;color:#ffc533}.log-list .ok{background:#59d4991f;color:#59d499}.log-list .off{background:#ffffff0f;color:var(--grey-200)}.screens{display:flex;align-items:center;gap:16px}.screen{flex:1;padding:10px;border-radius:10px;background:#0a0b0c;border:1px solid rgba(255,255,255,.08)}.screen-name{display:block;margin-bottom:8px;font-size:12px;color:var(--grey-300)}.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;aspect-ratio:16 / 10}.sgrid.one{grid-template-columns:1fr}.sgrid i{border-radius:4px;background:linear-gradient(135deg,#1d1e24,#15161a)}.sgrid i.on{background:linear-gradient(135deg,#3b3fd8,#6366f1)}.screen-arrow{width:20px;height:20px;color:var(--grey-300)}.qseg{display:inline-flex;gap:4px;margin-bottom:16px;padding:4px;border-radius:10px;background:#0f1012;border:1px solid rgba(255,255,255,.06);font-size:13px}.qseg span{padding:6px 12px;border-radius:7px;color:var(--grey-300)}.qseg .on{background:linear-gradient(180deg,#2a2b2f,#1d1e21);color:#fff}.q-list li{display:flex;padding:8px 0;font-size:15px;color:var(--fg-200);border-bottom:1px solid rgba(255,255,255,.04)}.restore-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.restore-grid span{display:flex;align-items:flex-end;gap:10px;aspect-ratio:16 / 9;padding:10px;border-radius:8px;background:linear-gradient(160deg,#1b1c2b,#0f1014);border:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:12px;color:var(--grey-300)}.restore-grid b{font-family:var(--sans);font-size:13px;font-weight:600;color:#fff}.loop-section{position:relative;padding:80px 0 160px;overflow:hidden}.loop-art{top:0;right:0;bottom:0;left:0;opacity:.5;-webkit-mask-image:radial-gradient(50% 50% at 50% 60%,#000 30%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 60%,#000 30%,transparent 100%)}.loop-art .beam{left:50%;top:60%;margin:-700px 0 0 -110px;filter:blur(8px)}.loop-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.lcard{display:flex;flex-direction:column;padding:24px;border-radius:12px;background:#0c0d0fe6;border:1px solid rgba(255,255,255,.08);box-shadow:#ffffff14 0 1px inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .15s}.lcard:hover{border-color:#ffffff2e}.lcard header{display:flex;align-items:center;gap:10px}.lcard header .ic{width:20px;height:20px}.lcard h3{margin:0;font-size:19px;font-weight:500}.lcard .mono{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--grey-200)}.lcard p{flex:1;margin:16px 0 20px;font-size:14px;color:var(--grey-200);line-height:1.6}.lmore{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.faq-section{padding:80px 0 160px}.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px;max-width:1080px}.faq-title{margin:0;font-size:34px;font-weight:500;letter-spacing:-.01em}.faq{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;cursor:pointer;list-style:none;font-size:16px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{color:var(--grey-300);transition:transform .2s}.faq details[open] summary .ic{transform:rotate(45deg)}.faq details p{margin:0;padding:0 4px 22px;font-size:15px;line-height:1.65;color:var(--grey-200)}.faq details a{color:#fff;text-decoration:underline;text-underline-offset:3px}.final{position:relative;display:flex;flex-direction:column;align-items:center;padding:120px 24px 0;min-height:640px;overflow:hidden}.final .duo{margin-bottom:40px}.final-art{left:50%;bottom:0;width:1100px;height:300px;translate:-50% 0;overflow:hidden;-webkit-mask-image:radial-gradient(42% 95% at 50% 100%,#000 25%,transparent 100%);mask-image:radial-gradient(42% 95% at 50% 100%,#000 25%,transparent 100%)}.final-art .beam{left:50%;top:0;height:900px;margin:20px 0 0 -110px;filter:blur(4px)}.final-art .beam.b1{translate:-300px 0}.final-art .beam.b2{translate:-120px 40px}.final-art .beam.b3{translate:60px 80px}.final-art .beam.b4{translate:260px 60px}.footer{position:relative;padding:72px 0 56px;border-top:1px solid var(--border);background:var(--bg)}.fcols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.fbrand p{margin:16px 0 0;font-size:14px;color:var(--grey-300);line-height:1.6}.fcols h4{margin:0 0 24px;font-size:14px;font-weight:600}.fcols>div:not(.fbrand){display:flex;flex-direction:column;gap:14px}.fcols>div:not(.fbrand) a{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--grey-200)}.fcols>div:not(.fbrand) a:hover{color:#fff}.fcols .ic{width:12px;height:12px;color:var(--grey-300)}.fine{margin:56px 0 0;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--grey-300)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-in,.no-js .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:1000px){.nav-links{gap:20px}.keys-grid,.faq-grid{grid-template-columns:1fr}.keys-copy{padding-left:0}.keyboard{-webkit-mask-image:none;mask-image:none}.mini-grid{grid-template-columns:repeat(2,1fr)}.loop-cards{grid-template-columns:1fr;max-width:560px}.more-grid{grid-template-columns:1fr;gap:32px}.more-copy{padding:0}.more-foot{margin-top:32px}.more-stage{max-width:640px;width:100%;margin:0 auto}}@media(max-width:720px){.nav-wrap{padding:10px 12px 0}.nav{height:60px;padding:10px 12px 10px 16px;border-radius:14px}.nav-links,.nav-text{display:none}.nav-end{margin-left:auto}.hero{min-height:760px;padding-top:100px}.beam{scale:.6}.hero-art .blob{scale:.7}.showcase{padding:0 16px 120px}.device{padding:5px;border-radius:14px}.device-bar{padding:4px 6px 7px;font-size:12px}.device-screen{border-radius:9px}.dock{bottom:-28px;gap:6px;padding:6px;border-radius:14px}.dock-btn{width:42px;height:42px;border-radius:10px}.dock-btn.is-active{width:50px;height:50px;margin-top:-4px}.dock-tip{display:none}.caption{margin-top:60px;font-size:15px}.keys-section{padding:80px 0 120px}.keyboard{padding:14px;gap:6px;border-radius:16px}.krow{gap:6px}.key{flex:1 1 0;min-width:0;height:74px;padding:8px;border-radius:9px}.key.wide{flex:2 1 0}.key kbd{font-size:17px}.key small{font-size:11px}.platforms{padding-bottom:120px}.rail{gap:14px;padding-left:16px;padding-right:16px;scroll-padding:0 16px}.pcard{flex-basis:82vw;min-height:340px}.round{width:44px;height:44px}.audio-section,.repeat-section,.loop-section,.faq-section{padding:60px 0 110px}.bento,.bento-2{grid-template-columns:1fr}.bcard-wide{grid-row:auto}.bcard-tall{min-height:0}.groups-ui,.toast-ui{position:static;margin-bottom:24px}.mini-grid li{padding:16px}.faq-title{font-size:28px}.more-section{padding:60px 0 110px}.more-text{font-size:22px;line-height:1.55}.more-stage{min-height:0;padding:48px 0 0 24px}.more-art{height:260px}.more-card{min-height:460px;padding:20px 20px 32px}.mpanel h3{font-size:22px}.screens{gap:8px}.final{min-height:520px;padding-top:80px}.final-art{width:600px}.fcols{grid-template-columns:1fr 1fr}.fbrand{grid-column:1 / -1}}@media(max-width:380px){.mini-grid{grid-template-columns:1fr}}