@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/inter-latin.woff2)format("woff2");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:Inter Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/inter-tr.woff2)format("woff2");unicode-range:U+11E-11F,U+130,U+15E-15F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:500 600;src:url(/fonts/serif-latin.woff2)format("woff2");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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:500 600;src:url(/fonts/serif-tr.woff2)format("woff2");unicode-range:U+11E-11F,U+130,U+15E-15F}:root{--ease-apple:cubic-bezier(.16, 1, .3, 1);--ink:#111014;--muted:#5d5a66;--line:#1110141a;--bg:#fff;--soft:#f6f5f2;--yellow:#f8de7e;--green:#bff0b8;--blue:#c8dbf6;--pink:#f4c6f0;--serif:"Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;--sans:"Inter Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0}.pill{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:17px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.pill:hover{transform:translateY(-1px)}.pill--dark{background:var(--ink);color:#fff}.pill--dark:hover{box-shadow:0 10px 24px -10px #1110148c}.pill--outline{border-color:var(--ink);background:0 0}.pill--outline:hover{background:var(--soft)}.pill--light{color:var(--ink);background:#fff}.pill--large{padding:17px 32px;font-size:18px}.nav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(18px);background:#ffffffd1;grid-template-columns:1fr auto;align-items:center;height:84px;padding:0 44px;display:grid;position:sticky;top:0}.nav__brand{align-items:center;gap:9px;font-size:19px;display:flex}.tuno-mark{flex:none;display:block}.nav__name{letter-spacing:-.01em;font-weight:650}.nav__text-link:hover{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.nav__actions{justify-content:flex-end;align-items:center;gap:30px;display:flex}.nav__text-link{color:#2a2830}.nav--dark{color:#f5f5f7;background:#000000b8}.nav--dark .nav__text-link{color:#d2d2d7}.nav--dark .pill--dark{color:#111014;background:#f5f5f7}.hero{text-align:center;flex-direction:column;height:calc(100svh - 84px);min-height:620px;padding-top:clamp(16px,4.5vh,60px);display:flex;overflow:hidden}.hero__title{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.025em;font-size:clamp(36px,min(4.6vw,6.8vh),72px);font-weight:520;line-height:1.06}.hero__title .line{padding-bottom:.06em;display:block;overflow:hidden}.hero__title .line>span{animation:line-up 1.2s var(--ease-apple) both;display:inline-block}.hero__title .line:nth-child(2)>span{animation-delay:.12s}@keyframes line-up{0%{transform:translateY(105%)}}@keyframes soft-in{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}}.hero__lead{color:#3a3842;max-width:44ch;animation:soft-in 1.1s .35s var(--ease-apple) both;margin:clamp(10px,2.2vh,24px) auto clamp(16px,3vh,30px);font-size:clamp(16px,min(1.6vw,2.4vh),20px);line-height:1.55}.hero__actions{z-index:2;animation:soft-in 1.1s .5s var(--ease-apple) both;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.hero__meta{z-index:2;color:var(--muted);min-height:1.5em;animation:soft-in 1.1s .6s var(--ease-apple) both;margin:10px 0 0;font-size:13px;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.stage-area{clip-path:inset(-600px -100vw 0);flex:1;min-height:0;margin-top:8px;position:relative}.stage{width:1600px;height:480px;transform:translateX(-50%) scale(var(--scale,1));transform-origin:bottom;position:absolute;bottom:0;left:50%}.stage__arc{border:1.5px solid #ebe8e2;border-radius:50%;width:1120px;height:1120px;animation:1.6s .5s both fade-in;position:absolute;bottom:-640px;left:50%;transform:translate(-50%)}.stage__glow{background:radial-gradient(circle at 50% 30%,#fff7cf 0%,#fdf6dd 45%,#fff0 70%);border-radius:50%;width:920px;height:920px;animation:1.6s .5s both fade-in;position:absolute;bottom:-560px;left:50%;transform:translate(-50%)}.stage__device{animation:device-up 1.4s .55s var(--ease-apple) both;position:absolute;bottom:-120px;left:50%;translate:-50%}@keyframes fade-in{0%{opacity:0}}@keyframes device-up{0%{opacity:0;transform:translateY(80px)scale(.96)}}.panel{color:#fff;text-align:left;background:#1b1a21;border:7px solid #0d0c10;border-radius:34px;width:360px;padding:14px;font-size:13px;box-shadow:0 40px 80px -30px #1e140a73}.panel__head{align-items:center;gap:10px;padding:4px 4px 12px;display:flex}.panel__head img{width:30px;height:30px}.panel__head b{font-size:15px;display:block}.panel__head span{opacity:.6;font-size:11.5px}.panel__buttons{gap:7px;margin-left:auto;display:flex}.panel__buttons i{background:#ffffff1a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.panel__buttons svg{opacity:.85;width:13px;height:13px}.module{background:#ffffff0f;border:1px solid #ffffff12;border-radius:18px;margin-top:10px;padding:12px 13px}.module--row{align-items:center;gap:11px;display:flex}.module--row b{font-size:13.5px;display:block}.module--row span{opacity:.6;font-size:11.5px}.module__title{justify-content:space-between;margin-bottom:10px;font-size:13.5px;font-weight:650;display:flex}.module__title span{opacity:.6;font-variant-numeric:tabular-nums;font-weight:450}.track{background:#ffffff21;border-radius:999px;height:24px;position:relative}.track__fill{background:#fff;border-radius:999px;width:64%;position:absolute;inset:0 auto 0 0}.track__fill:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:0;right:0;box-shadow:0 1px 5px #0006}.track--thin{height:16px}.track--thin .track__fill:after{width:16px;height:16px}.track--animated .track__fill{animation:6s ease-in-out infinite volume}@keyframes volume{0%,to{width:58%}50%{width:74%}}.device{align-items:center;gap:10px;margin-top:12px;display:flex}.device__dot{background:#2f7bf6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.device__dot svg{width:15px;height:15px}.device b{font-size:13px;display:block}.device span{opacity:.6;font-size:11.5px}.device__chevron{opacity:.6;width:14px;height:14px;margin-left:auto}.tile{background:linear-gradient(135deg,#c86bff,#8b3dff);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tile svg{width:16px;height:16px}.switch{background:#34c759;border-radius:999px;flex:none;width:36px;height:21px;margin-left:auto;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:2px;right:2px}.panel-app{margin-top:12px}.panel-app__row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.panel-app__row img{width:22px;height:22px}.panel-app__row b{font-size:13px;font-weight:550}.panel-app__row span:last-child{opacity:.7;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.wave{align-items:center;gap:2px;height:12px;display:inline-flex}.wave em{background:currentColor;border-radius:2px;width:2.5px;animation:1.1s ease-in-out infinite wave}.wave em:first-child{height:6px}.wave em:nth-child(2){height:11px;animation-delay:.15s}.wave em:nth-child(3){height:7px;animation-delay:.3s}.wave em:nth-child(4){height:10px;animation-delay:.45s}@keyframes wave{50%{transform:scaleY(.4)}}@media (hover:hover) and (pointer:fine) and (width>=821px){.stage{perspective:1500px;perspective-origin:50% 40%}.stage .float,.stage__device{transform:translate3d(calc(var(--mx,0) * var(--depth,16) * 1px), calc(var(--my,0) * var(--depth,16) * .6px), 0) rotateX(calc(var(--my,0) * -7deg)) rotateY(calc(var(--mx,0) * 9deg))}.stage__device{--depth:8}.c-scroll{--depth:26}.c-playing{--depth:34}.c-eq{--depth:22}.c-apps{--depth:28}.c-windows{--depth:20}}.float{text-align:left;animation:pop 1.2s var(--ease-apple) both, bob 7s ease-in-out infinite;position:absolute}@keyframes pop{0%{opacity:0;filter:blur(12px);transform:translateY(30px)scale(.9)}}@keyframes bob{50%{translate:0 -10px}}.card{border-radius:26px;padding:22px}.card--blue{background:var(--blue)}.card--yellow{background:var(--yellow)}.card--green{background:var(--green)}.card--white{border:1px solid var(--line);background:#fff;padding:12px;box-shadow:0 20px 40px -24px #0000004d}.card__label{color:#111014b3;font-size:14px;display:block}.card__big{letter-spacing:-.02em;align-items:center;gap:10px;font-size:40px;line-height:1.1;display:flex}.card__big strong{letter-spacing:-.04em;font-size:64px;font-weight:400}.chip{background:#fff;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-block}.chip--white{margin-top:14px;padding:6px 16px;font-size:17px}.c-scroll{width:250px;height:270px;animation-delay:.8s,0s;top:-70px;left:190px}.c-scroll .chip{position:absolute;top:16px;left:16px}.c-scroll b{font-size:16px;display:block}.c-scroll>span:last-child{color:#111014a6;font-size:13px}.trackpad{color:#111014b3;border:2.5px solid #111014b3;border-radius:16px;width:150px;height:104px;margin:40px auto 18px;position:relative}.finger{opacity:.85;background:#2f7bf6;border-radius:50%;width:20px;height:20px;animation:2.6s ease-in-out infinite swipe;position:absolute;top:56px}.finger.f1{left:52px}.finger.f2{left:78px}@keyframes swipe{0%,15%{transform:translateY(0)}55%,70%{transform:translateY(-34px)}to{transform:translateY(0)}}.trackpad__arrow{width:22px;height:22px;position:absolute;top:26px;right:12px}.c-playing{background:var(--pink);color:#5c1553;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:17px;font-weight:600;animation-delay:1.15s,1.2s;display:flex;top:270px;left:500px}.c-eq{align-items:center;gap:26px;width:360px;animation-delay:1s,2s;display:flex;top:250px;left:70px}.bars{align-items:flex-end;gap:6px;height:64px;display:flex}.bars i{background:#3a1f12;border-radius:2px;width:14px;animation:1.6s ease-in-out infinite eq}.bars i:first-child{height:70%}.bars i:nth-child(2){height:100%;animation-delay:.2s}.bars i:nth-child(3){height:45%;animation-delay:.4s}.bars i:nth-child(4){height:80%;animation-delay:.1s}.bars i:nth-child(5){height:60%;animation-delay:.3s}@keyframes eq{50%{transform-origin:bottom;transform:scaleY(.7)}}.c-apps{justify-content:space-between;align-items:center;width:370px;animation-delay:.9s,.6s;display:flex;top:-20px;right:150px}.c-apps .card__big{font-size:26px}.c-apps__art{filter:drop-shadow(0 10px 14px #0000002e);transform:rotate(14deg)}.c-windows{width:300px;animation-delay:1.1s,1.6s;top:200px;right:80px}.mini-window{background:linear-gradient(135deg,#a8c8ff 0%,#f5b6d9 55%,#ffd9a8 100%);border-radius:14px;height:150px;position:relative;overflow:hidden}.mini-window:after{content:"";background:#ffffffbf;border-radius:10px 10px 0 0;position:absolute;inset:34px 14% -6px;box-shadow:0 6px 20px #0000001f}.mini-window__dots{z-index:1;gap:5px;display:flex;position:absolute;top:10px;left:10px}.mini-window__dots i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.mini-window__dots i:nth-child(2){background:#febc2e}.mini-window__dots i:nth-child(3){background:#28c840}.tooltip{color:#fff;background:#3d1414;border-radius:10px;padding:7px 14px;font-size:15px;font-weight:500;position:absolute;top:128px;left:-16px}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#3d1414;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.c-windows__bar{color:#6b6875;align-items:center;gap:12px;padding:14px 6px 4px;display:flex}.c-windows__bar .dot{background:#d9d7de;border-radius:5px;width:18px;height:18px}.c-windows__bar .dot--pink{background:#e5484d}.c-windows__bar svg{width:20px;height:20px;margin-left:auto}.marquee{z-index:1;border-top:1px solid var(--line);background:#fff;flex:none;padding:clamp(14px,2.6vh,28px) 0;animation:1.4s 1.2s both fade-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee__track{gap:72px;width:max-content;animation:38s linear infinite marquee;display:flex}.marquee__item{white-space:nowrap;color:#1c1b20;font-size:clamp(22px,3vh,30px);line-height:1}.marquee__item--serif{font-family:var(--serif);font-weight:600}.marquee__item--wide{letter-spacing:.12em;font-size:22px;font-weight:700}.marquee__item--italic{font-family:var(--serif);font-style:italic;font-weight:400}.marquee__item--bold{letter-spacing:-.03em;font-weight:800}@keyframes marquee{to{transform:translate(-50%)}}.fade,.rise{--t:clamp(0, calc((var(--p,1) - var(--a)) / (var(--b) - var(--a))), 1)}.fade{opacity:var(--t)}.rise{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 48px)) scale(calc(.97 + var(--t) * .03))}.scroll-text{text-wrap:balance}.scroll-text>span,.words-in span,.compare__title span,.playground__title span,.showcase__title--scene>span{margin-block:-.16em -.24em;padding-block:.16em .24em}.scroll-text>span{--w:clamp(0, calc((var(--p,1) - var(--a)) / (var(--b) - var(--a)) * var(--n) - var(--i)), 1);opacity:var(--w);filter:blur(calc((1 - var(--w)) * 12px));transform:translateY(calc((1 - var(--w)) * .28em));display:inline-block}.pin{position:relative}.pin--story{height:280vh}.pin--showcase{height:900vh}.pin--cta{height:260vh}.pin--control{color:#f5f5f7;background:#000;height:680vh}.pin--privacy{color:#f5f5f7;background:#000;height:380vh}.pin__sticky{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.story{text-align:center;max-width:1080px;padding:0 28px}.story__title{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(40px,min(6.4vw,10vh),96px);font-weight:520;line-height:1.06}.story__lead{max-width:46ch;color:var(--muted);margin:26px auto 0;font-size:clamp(18px,2.4vh,22px)}.privacy{text-align:center;max-width:1200px;transform:translateY(calc((1 - clamp(0, (var(--p) - .3) / .15, 1)) * 19vh));padding:0 28px}.lock{--appear:clamp(0, calc((var(--p) - .04) / .12), 1);--close:clamp(0, calc((var(--p) - .17) / .13), 1);width:clamp(96px,15vh,150px);height:auto;opacity:var(--appear);transform:scale(calc(.8 + var(--appear) * .2));filter:blur(calc((1 - var(--appear)) * 14px));overflow:visible}.lock__shackle{transform-box:fill-box;transform-origin:85% 100%;transform:translateY(calc((1 - var(--close)) * -16px)) rotate(calc((1 - var(--close)) * 28deg))}.privacy__title{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:clamp(22px,4vh,40px) 0 0;font-size:clamp(34px,min(5.2vw,8.4vh),80px);font-weight:520;line-height:1.06}.privacy__lead{color:#a1a1a6;max-width:44ch;margin:24px auto 0;font-size:clamp(17px,2.3vh,22px)}.showcase{--top:108px;width:100%;height:100%;padding:var(--top) 28px 30px;flex-direction:column;align-items:center;display:flex}.showcase__titles{z-index:1;--move:clamp(0, calc((var(--p) - .08) / .13), 1);--ease:calc(1 - (1 - var(--move)) * (1 - var(--move)));width:100%;transform:translateY(calc((1 - var(--ease)) * (50svh - var(--top) - 50%))) scale(calc(1 - var(--ease) * .18));transform-origin:top;display:grid;position:relative}.showcase__titles>*{grid-area:1/1}.showcase__title{font-family:var(--serif);letter-spacing:-.025em;text-align:center;text-wrap:balance;margin:0;font-size:clamp(36px,min(5.4vw,8vh),80px);font-weight:520;line-height:1.05}.showcase__title--scene>span{display:inline-block}.showcase__title .shine{--s:clamp(0, calc((var(--sweep,0) * (var(--n) + 2) - var(--i)) / 2), 1);background:linear-gradient(100deg, var(--ink) 0 38%, var(--c1,#ff4f7b) 45%, var(--c2,#ffb347) 50%, var(--c3,#b06bff) 55%, var(--ink) 62% 100%);background-size:300% 100%;background-position:calc((1 - var(--s)) * 100%) 0;color:#0000;-webkit-background-clip:text;background-clip:text}.showcase__stage{flex:1;width:100%;min-height:0;margin-top:clamp(20px,4.5vh,56px);position:relative}.showcase__window{--rise:clamp(0, calc((var(--p) - .08) / .16), 1);width:1180px;height:700px;opacity:clamp(0, calc(var(--rise) * 3), 1);transform:translateX(-50%) translateY(calc((1 - var(--rise)) * 70vh)) scale(calc(var(--scale,1) * (.84 + var(--rise) * .16)));transform-origin:top;position:absolute;top:0;left:50%}.showcase__panel{--slide:clamp(0, calc((var(--p) - .86) / .07), 1);opacity:var(--slide);transform:translateX(calc((1 - var(--slide)) * 120px)) scale(.86);transform-origin:100% 0;filter:drop-shadow(0 40px 60px #00000059);position:absolute;top:110px;right:-40px}.showcase__caption{text-align:center;color:var(--muted);font-size:calc(clamp(16px, 2.2vh, 20px) / var(--scale,1));margin:0;position:absolute;top:648px;left:0;right:0}.mac-window{color:#f2f2f5;text-align:left;background:#1e1e22;border-radius:22px;grid-template-columns:240px 1fr;width:1000px;height:600px;margin:20px 0 0 90px;font-size:13px;line-height:1.3;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 28px 50px -30px #140a1e73,0 0 0 1px #0000004d}.mac-window__sidebar{background:#26262b;border-right:1px solid #ffffff0f;padding:16px 10px}.mac-window__lights{gap:8px;margin:2px 6px 20px;display:flex}.mac-window__lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.mac-window__lights i:nth-child(2){background:#febc2e}.mac-window__lights i:nth-child(3){background:#28c840}.mac-window__account{align-items:center;gap:10px;margin:0 8px 16px;display:flex}.mac-window__account img{width:34px;height:34px}.mac-window__account b{font-size:13px;display:block}.mac-window__account span{color:#9a99a3;font-size:11px}.mac-window__pill{background:#ffffff1c;border-radius:8px;position:absolute}.mac-window__item{color:#e6e6ea;border-radius:8px;align-items:center;gap:9px;padding:6px 8px;display:flex;position:relative}.mac-window__item.is-active{font-weight:600}.mac-window__item.has-gap{margin-top:10px}.mac-window__content{position:relative;overflow:hidden}.mac-window__toolbar{border-bottom:1px solid #ffffff0d;height:52px;position:relative}.mac-window__toolbar span{color:#d8d7de;place-items:center;font-weight:650;display:grid;position:absolute;inset:0}.demo-tile{color:#fff;border-radius:26%;flex:none;place-items:center;display:grid}.demo-page{padding:18px 28px;position:absolute;inset:52px 0 0}.demo-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.demo-header b{font-size:15px;display:block}.demo-header span{color:#9a99a3;font-size:12px}.demo-header>div{flex:1}.demo-section{margin:16px 4px 8px;font-weight:650}.demo-card{background:#2a2a30;border:1px solid #ffffff0f;border-radius:12px;padding:2px 16px}.demo-card+.demo-card{margin-top:10px}.demo-row{align-items:center;gap:12px;padding:10px 0;display:flex}.demo-card.demo-row{padding:12px 16px}.demo-row--compact{padding:9px 0}.demo-card.demo-row--compact{padding:9px 16px}.demo-card>.demo-row+.demo-row{border-top:1px solid #ffffff0f}.demo-label{flex:none;width:150px}.demo-label--wide{flex:1;width:auto}.demo-label b{font-weight:550;display:block}.demo-label span{color:#9a99a3;align-items:center;gap:6px;font-size:11px;display:flex}.demo-app__icon{flex:none;width:32px;height:32px;margin:-1px}.demo-value{text-align:right;color:#b9b8c2;font-variant-numeric:tabular-nums;flex:none;width:40px}.demo-icon-button{color:#d8d7de;background:#ffffff12;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.demo-popup{color:#d8d7de;background:#ffffff14;border-radius:6px;flex:none;align-items:center;gap:4px;padding:4px 8px 4px 10px;font-size:12px;display:inline-flex}.demo-popup--strong{color:#fff;background:#ffffff1f}.demo-bars{align-items:flex-end;gap:1.5px;height:9px;display:inline-flex}.demo-bars i{background:#30d158;border-radius:1px;width:2px;height:50%;animation:.9s ease-in-out infinite alternate demo-bars}.demo-bars i:nth-child(2){animation-delay:-.3s}.demo-bars i:nth-child(3){animation-delay:-.6s}@keyframes demo-bars{to{height:100%}}.demo-slider{background:#ffffff24;border-radius:3px;flex:1;height:5px;position:relative}.demo-slider b{border-radius:3px;position:absolute;inset:0 auto 0 0}.demo-slider--boost b{background:linear-gradient(90deg,#0a84ff 0 48%,#ff9f0a 62%,#ff453a 75% 100%)}.demo-slider__mark{background:#ffffff40;width:1px;height:11px;position:absolute;top:-3px;left:50%}.demo-slider i{background:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;box-shadow:0 1px 4px #00000073}.demo-switch{background:color-mix(in srgb, #30d158 calc(var(--on) * 100%), #ffffff29);border-radius:11px;flex:none;width:38px;height:22px;display:inline-block;position:relative}.demo-switch i{top:2px;left:calc(2px + var(--on) * 16px);background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 1px 3px #00000059}.demo-seg{background:#ffffff17;border-radius:8px;flex:none;grid-auto-columns:74px;grid-auto-flow:column;padding:2px;font-size:12px;display:inline-grid;position:relative}.demo-seg>i{top:2px;bottom:2px;left:calc(2px + var(--v) * 74px);background:#636366;border-radius:6px;width:74px;position:absolute;box-shadow:0 1px 3px #0000004d}.demo-seg>span{text-align:center;padding:4px 0;position:relative}.demo-eq{padding:14px 16px 10px}.demo-eq__graph{height:170px;margin-left:46px;position:relative}.demo-eq__graph svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-eq__graph line{stroke:#ffffff1f;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.demo-eq__curve{fill:none;stroke:#bf5af2;stroke-width:2.5px;vector-effect:non-scaling-stroke}.demo-eq__fill{fill:#bf5af229}.demo-eq__band{background:#ffffff14;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:8%;bottom:8%}.demo-eq__band i{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;left:50%;box-shadow:0 1px 4px #00000080}.demo-eq__band i.is-active{box-shadow:0 0 0 4px #bf5af273,0 1px 4px #00000080}.demo-eq__labels{text-align:center;color:#9a99a3;grid-template-columns:repeat(10,1fr);margin:8px 0 0 46px;font-size:11px;display:grid}.demo-eq__scale{display:none;position:absolute}.demo-display{align-items:center;gap:22px;padding:18px 20px;display:flex}.demo-monitor{flex:none;width:190px}.demo-monitor__screen{background:linear-gradient(135deg,#ff7eb3,#ff9f43 45%,#7b5cff);border:5px solid #111;border-radius:8px;height:112px}.demo-monitor__stand{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(#3a3a40,#2c2c31);width:46px;height:22px;margin:0 auto;display:block}.demo-display__info{flex:1}.demo-display__info>b{font-size:14px;display:block}.demo-display__info>span{color:#9a99a3;font-size:12px}.demo-display__slider{color:#d8d7de;margin-top:16px}.demo-cursor{z-index:5;pointer-events:none;position:absolute;top:0;left:0}.demo-cursor svg{transform-origin:8px 5px;filter:drop-shadow(0 2px 3px #0006);margin:-5px 0 0 -8px;display:block}.demo-cursor__ripple{background:#ffffff26;border:2px solid #fffc;border-radius:50%;width:46px;height:46px;position:absolute;top:0;left:0}.control{text-align:center;justify-items:center;padding:0 28px;display:grid}.control__stack{place-items:center;display:grid}.control__stack>*{grid-area:1/1}.control__word{--in:clamp(0, calc((var(--p,0) - var(--a)) / (var(--w) * .3)), 1);--out:clamp(0, calc((var(--p,0) - var(--a) - var(--w) * .7) / (var(--w) * .3)), 1);font-family:var(--serif);letter-spacing:-.035em;background:linear-gradient(100deg, var(--from), var(--to));color:#0000;opacity:calc(var(--in) * (1 - var(--out)));transform:translateY(calc((1 - var(--in)) * .3em - var(--out) * .3em)) scale(calc(.9 + var(--in) * .1 + var(--out) * .06));filter:blur(calc((1 - var(--in) + var(--out)) * 14px));-webkit-background-clip:text;background-clip:text;margin:0;padding:.14em .06em .24em;font-size:clamp(64px,min(13vw,20vh),190px);font-weight:560;line-height:1.1}.control__title{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(42px,min(7vw,11vh),110px);font-weight:520;line-height:1.06}.control__lead{color:#a1a1a6;margin:26px 0 0;font-size:clamp(17px,2.3vh,22px)}.cta{text-align:center;padding:0 28px}.cta__icon{--grow:clamp(0, calc((var(--p) - .04) / .26), 1);width:clamp(96px,16vh,150px);opacity:var(--grow);transform:translateY(calc((1 - var(--grow)) * 40px)) scale(calc(.6 + var(--grow) * .4));display:inline-block;position:relative}.cta__icon img{width:100%;height:auto;display:block}.cta__icon:before{content:"";z-index:-1;opacity:var(--grow);background:radial-gradient(closest-side,#ff4f7b52,#ff9f431f 55%,#0000);border-radius:50%;position:absolute;inset:-45%}.cta__title{font-family:var(--serif);letter-spacing:-.025em;margin:clamp(22px,4vh,40px) 0 0;font-size:clamp(40px,min(6.4vw,10vh),96px);font-weight:520;line-height:1.05}.cta__actions{margin-top:clamp(24px,4.5vh,44px)}.cta__meta{color:var(--muted);margin-top:14px;font-size:13px;display:block}.footer{color:#6e6e73;background:#f5f5f7;font-size:13px;line-height:1.5}.footer__inner{max-width:1080px;margin:0 auto;padding:56px 44px 28px}.footer__top{border-bottom:1px solid #d2d2d7;justify-content:space-between;gap:48px;padding-bottom:36px;display:flex}.footer__brand span{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:650;display:flex}.footer__brand p{margin:6px 0 0}.footer__columns{gap:clamp(40px,7vw,96px);display:flex}.footer__columns div{align-content:start;gap:9px;display:grid}.footer__columns h3{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:600}.footer__columns a{color:#424245}.footer__columns a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.footer__legal{color:#86868b;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:18px;font-size:12px;display:flex}.footer__req{color:#86868b;margin-top:2px;font-size:12px}.footer__links{gap:0;display:flex}.footer__links a{color:#424245;border-left:1px solid #d2d2d7;padding:0 10px}.footer__links a:first-child{border-left:0;padding-left:0}.footer__links a:hover{text-underline-offset:3px;text-decoration:underline}.footer__lang{color:#424245;align-items:center;gap:4px;margin-left:auto;display:flex}.footer__lang svg{margin-right:4px}.footer__lang button{font:inherit;color:#6e6e73;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 8px}.footer__lang button:hover{color:var(--ink)}.footer__lang button.is-active{color:var(--ink);cursor:default;background:#e8e8ed;font-weight:600}@media (width<=1100px){.nav__text-link{display:none}}@media (width<=820px){.nav{grid-template-columns:1fr auto;height:70px;padding:0 20px}.hero{height:auto;min-height:0;padding-top:44px}.stage-area{clip-path:inset(0 -100vw);flex:none;height:540px}.stage{width:100%;height:540px}.stage__device{bottom:-70px}.pin--story{height:240vh}.showcase{--top:96px}.story{padding:0 22px}.story__title{font-size:clamp(32px,9.4vw,52px)}.hero__actions{flex-direction:column;align-items:stretch;gap:12px;max-width:340px;margin:0 auto}.pill--large{padding:15px 24px;font-size:17px}.section__title br,.hero__title br{display:none}.hero__title br{display:inline}.stage{height:540px}.stage__arc{width:760px;height:760px;bottom:-420px}.stage__glow{width:620px;height:620px;bottom:-340px}.panel{width:300px}.c-scroll,.c-windows{display:none}.c-playing{padding:10px 16px;font-size:15px;top:30px;left:4%;right:auto}.c-eq{transform-origin:0 0;width:auto;top:330px;left:2%;transform:scale(.62)}.c-apps{transform-origin:100% 0;width:300px;top:90px;right:2%;transform:scale(.62)}.footer__inner{padding:40px 20px 24px}.footer__top{flex-direction:column;gap:28px}.footer__columns{flex-wrap:wrap;gap:28px 40px}.hero__title{font-size:clamp(30px,8.8vw,50px)}.hero__lead{max-width:34ch;font-size:15px}.nav .pill{padding:8px 16px;font-size:15px}.lock{width:72px}.showcase__window{top:max(0px, calc(50% - 350px * var(--scale,1) * 1.7));transform:translateX(-50%) translateY(calc((1 - var(--rise)) * 70vh)) scale(calc(var(--scale,1) * 1.7 * (.84 + var(--rise) * .16))) translateX(clamp(calc(var(--pan) * -1), calc(590px - var(--cx,590px)), var(--pan)));--pan:max(0px, calc((1180px - (100vw - 16px) / (var(--scale,1) * 1.7)) / 2))}.showcase__caption{font-size:calc(15px / (var(--scale,1) * 1.7))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.pin{height:auto!important}.pin__sticky{height:auto;padding:120px 0;position:static}.fade,.rise,.scroll-text>span,.lock,.showcase__titles,.showcase__window,.showcase__panel,.cta__icon{--p:1}}.hero__meta a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}