:root{--page:#f6f5f3;--ink:#292a28;--muted:#777870;--accent:#ee8153;--line:#e5e4df;--rounded:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:12px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.landing{overflow-x:clip}.landing h1,.landing h2,.landing h3,.landing p{margin:0}.landing a{text-decoration:none}.landing button{color:inherit}.landing h1,.landing h2{font-family:var(--rounded);letter-spacing:-2px;font-weight:850}.landing h2{font-size:clamp(36px,4.4vw,56px);line-height:1.1}.landing h3{letter-spacing:-.6px;font-weight:650}.landing p{line-height:1.65}.landing svg{flex-shrink:0}.button{white-space:nowrap;border:0;border-radius:100px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:15px 22px;font-size:14px;font-weight:550;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #292a2810}.button:active{transform:translateY(0)}.button.dark{color:#fff;background:#252623;box-shadow:inset 0 1px 1px #ffffff25}.button.light{color:#343530;background:#e9e8e3}.button.white{color:#41423d;background:#fff}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.5;display:block}.eyebrow i,.availability i,.demo-caption i,.live-dot{background:#80a47c;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #80a47c14}.handwritten{color:#787a71;white-space:nowrap;font:22px/1.2 Bradley Hand,Comic Sans MS,cursive}.mascot-button{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .25s;display:block}.mascot-button img{object-fit:contain;filter:drop-shadow(0 8px 9px #292a280a);display:block}.mascot-button:hover{transform:rotate(-7deg)translateY(-4px)}.mascot-button:active{transform:translateY(4px)scale(.94)}.landing-nav{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f6f5f3e8;border-bottom:1px solid #e9e8e140;align-items:center;gap:22px;height:74px;padding:0 36px;display:flex;position:fixed;top:0;left:0;right:0}.logo-word{letter-spacing:-1.5px;color:#d8754c;align-items:center;gap:3px;font-size:24px;font-weight:800;display:flex}.logo-word span{letter-spacing:0;font-size:14px}.nav-badge{color:#66685f;white-space:nowrap;padding-left:6px;font-size:12px;font-weight:500}.nav-demo{white-space:nowrap;background:#fff;border-radius:40px;padding:12px 17px;font-size:12px}.nav-demo span{color:#b4b3ab;margin-left:9px}.nav-counter{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.nav-counter strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550}.nav-actions{align-items:center;gap:10px;display:flex}.landing-nav .button{min-height:40px;padding:11px 18px;font-size:12px}.audio-menu{position:relative}.audio-trigger{gap:8px}.audio-popover{width:270px;color:var(--ink);background:#fefdfb;border:1px solid #e3e2dc;border-radius:20px;padding:20px;position:absolute;top:52px;right:0;box-shadow:0 15px 50px #28292120}.popover-title{margin-bottom:18px;font-size:14px;font-weight:650}.audio-popover label{font-size:12px;display:block}.audio-popover output{float:right;color:var(--muted)}.audio-popover input{width:100%;accent-color:var(--accent);margin:12px 0 18px;display:block}.audio-popover>button{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:9px 0;font-size:12px;display:flex}.toggle{background:#c4c5be;border-radius:20px;flex-shrink:0;width:27px;height:16px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2px;left:2px}.toggle.on{background:#ee8153}.toggle.on:after{transform:translate(11px)}.audio-popover .popover-preview{background:#f1f0eb;border-radius:9px;justify-content:center;gap:8px;margin:12px 0 10px}.audio-popover p{color:var(--muted);font-size:10px}.product-journey{height:calc(100svh + 115vw);margin-top:74px;position:relative}.journey-sticky{height:calc(100svh - 74px);min-height:620px;position:sticky;top:74px;overflow:hidden}.journey-track{will-change:transform;align-items:stretch;width:max-content;height:100%;display:flex}.hero-panel{flex-shrink:0;grid-template-columns:56% 44%;align-items:center;width:100vw;height:100%;min-height:620px;padding-right:24px;display:grid}.hero-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 14px 40px;display:flex}.availability{color:#696b63;align-items:center;gap:4px;margin-bottom:34px;font-size:12px;display:flex}.availability i{margin-right:5px}.hero-mascot{margin-bottom:5px}.hero-hint{margin-bottom:34px;margin-left:55px;font-size:19px}.hero-copy h1{letter-spacing:-2.2px;font-size:clamp(42px,4.15vw,65px);line-height:1.04}.hero-description{color:#777870;font-size:17px;margin-top:22px!important;line-height:1.55!important}.download-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:31px;display:flex}.download-note{color:#85867e;font-size:11px;line-height:1.5;display:block;margin-top:13px!important}.hero-try{color:#85867e;margin-top:32px;font-size:12px}.hero-try span{margin-left:8px}.laptop-wrap{filter:drop-shadow(0 15px 20px #55534509);width:calc(100% + 26px);margin-left:-45px;padding-bottom:18px;position:relative}.laptop{background:#161713;border-radius:20px 20px 1px 1px;width:100%;padding:10px 10px 0;position:relative}.laptop-screen{aspect-ratio:1.43;background:#d4c7a6;border-radius:10px 10px 0 0;position:relative;overflow:hidden}.wallpaper{background:radial-gradient(ellipse at 16% 19%,#fcf4df 0%,#f1e9d733%,transparent 49%),radial-gradient(ellipse at 80% 70%,#fbd09a 0,transparent 70%),linear-gradient(130deg,#c8b98e,#f5dcc0 48%,#b88352);position:absolute;inset:0}.wallpaper:before{content:"";background:linear-gradient(160deg,#edc288,#cba474);border-radius:50%;width:130%;height:85%;position:absolute;top:63%;left:-10%;transform:rotate(-18deg);box-shadow:0 -2px 12px #ffecd57a}.wallpaper:after{content:"";background:#b9895e;border-radius:50%;width:130%;height:60%;position:absolute;top:90%;left:20%;transform:rotate(-16deg)}.mac-bar{color:#5a594e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#bfbfb475;justify-content:space-between;padding:6px 12px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.laptop-notch{background:#141511;border-radius:0 0 10px 10px;width:30%;height:26px;position:absolute;top:-2px;left:35%}.preview-notes{color:#f5eddc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#3b3a2dda;border:1px solid #ffffff45;border-radius:12px;width:30%;height:35%;min-height:125px;padding:12px;position:absolute;top:31%;left:3.5%;box-shadow:0 5px 20px #55473015}.window-dots{align-items:center;gap:5px;margin-bottom:15px;display:flex}.window-dots i{background:#8a897a;border-radius:50%;width:6px;height:6px}.window-dots span{color:#c7c5b8;font-size:10px;position:absolute;left:42%}.preview-notes p{color:#d9d7c7;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.preview-notes p span{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.preview-notes textarea{resize:none;outline-offset:1px;color:#f5eedc;background:0 0;border:0;width:100%;height:calc(100% - 42px);padding:10px 0;font-size:11px;line-height:1.65}.preview-notes textarea::placeholder{color:#e2dfd0}.preview-menu{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fffcf5;background:#55564770;border:1px solid #ffffff8a;border-radius:13px;width:29%;padding:13px 9px;font-size:10px;position:absolute;top:6%;right:8%;box-shadow:0 6px 20px #5b52452a}.preview-menu small{color:#ece8d3ab;margin-top:10px;padding:0 4px 6px;font-size:8px;display:block}.preview-menu small:first-child{margin-top:0}.preview-menu button,.preview-menu a,.preview-menu-selected,.preview-menu label{color:#fffcf5;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:7px 5px;font-size:10px;display:flex}.preview-menu button .toggle{width:22px;height:13px;margin-left:auto}.preview-menu button .toggle:after{width:9px;height:9px}.preview-menu button .toggle.on:after{transform:translate(9px)}.preview-menu a span,.preview-menu-selected span{margin-left:auto}.preview-menu-selected{background:#616c62;border-radius:4px;box-shadow:inset 0 1px #ffffff10}.preview-menu input{accent-color:#f4e8d3;width:65px;min-width:0;height:3px;margin-left:auto}.preview-switches{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fffaf1;background:#67644b70;border:1px solid #ffffff80;border-radius:13px;width:32%;height:68%;min-height:190px;padding:10px;position:absolute;top:17%;left:36%;box-shadow:0 7px 22px #433a2220}.switch-header{color:#faf3d8bf;justify-content:space-between;gap:4px;margin-bottom:8px;font-size:9px;display:flex}.preview-switches>input{color:#fffaf1;outline-offset:0;background:#ffffff18;border:1px solid #ffffff2f;border-radius:6px;width:100%;padding:7px;font-size:9px}.preview-switches>input::placeholder{color:#f5eddbc2}.switch-list{scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;height:calc(100% - 56px);margin-top:5px;overflow:auto}.switch-list button{text-align:left;color:#fffaf1;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:39px;padding:5px;font-size:10px;display:flex}.switch-list button:hover{background:#ffffff12}.switch-list button.selected{background:#eac89122;box-shadow:inset 0 0 0 1px #ffffff20}.switch-list button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.switch-list small{opacity:.5;margin-top:2px;font-size:8px;display:block}.switch-list .profile-chip{color:#34332b66;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:13px;display:grid;box-shadow:inset 0 1px 1px #fff5}.switch-check{font-size:12px}.no-sounds{padding:10px;font-size:10px}.note-hint{color:#fff8e6;font-size:19px;position:absolute;top:68%;left:8%;transform:rotate(-3deg)}.switch-hint{color:#6e6450;font-size:16px;position:absolute;bottom:4%;left:40%;transform:rotate(-3deg)}.mac-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6eed855;border:1px solid #ffffff6e;border-radius:13px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;bottom:3%;left:35%}.dock-icon{border-radius:9px;place-items:center;width:36px;height:36px;font-size:28px;display:grid;box-shadow:0 1px 3px #5b492730}.finder{color:#20679a;background:linear-gradient(90deg,#8ccbfa 50%,#e2ecf4 50%)}.safari{color:#da6866;background:linear-gradient(140deg,#91d4ed,#267dad);border:3px solid #eef5e8}.settings{color:#45473f;background:linear-gradient(#cacbc5,#81847d)}.mac-dock button{background:0 0;border:0;width:36px;height:36px;padding:0}.mac-dock img{width:40px;height:44px;transform:translate(-2px,-4px)}.laptop-base{background:linear-gradient(#d9dbd5 0%,#d1d3cd 55%,#a4a69f 100%);border-radius:1px 1px 50px 50px;width:108%;height:18px;position:absolute;bottom:2px;left:-3%;box-shadow:0 4px 9px #6769600c}.laptop-base:before{content:"";background:#b7bab3;border-radius:0 0 7px 7px;width:18%;height:6px;position:absolute;top:0;left:42%}.features-panel{flex-shrink:0;align-items:center;gap:36px;min-width:1510px;height:100%;padding:28px 55px 36px 50px;display:flex}.features-intro{flex-shrink:0;width:200px}.features-intro h2{letter-spacing:-1.5px;font-size:36px;margin-top:16px!important}.feature-grid{grid-template-rows:repeat(2,1fr);grid-auto-columns:220px;grid-auto-flow:column;gap:17px;height:min(620px,100svh - 126px);display:grid}.feature-card{text-align:center;background:#ffffffd9;border:1px solid #ffffff80;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 21px;display:flex}.feature-art{color:#b7b9ac;justify-content:center;align-items:center;gap:16px;width:100%;height:100px;display:flex;position:relative}.feature-card h3{font-size:15px;line-height:1.3}.feature-card p{color:#808277;font-size:11px;line-height:1.6}.feature-tag{text-transform:uppercase;letter-spacing:1.1px;color:#a7a99e;font-size:8px}.feature-art .mini-board{opacity:.55;pointer-events:none;border-radius:7px;width:160px;padding:4px;transform:rotate(-4deg)}.feature-art .mini-key{border-radius:2px;height:10px}.feature-art .mini-key span{display:none}.feature-art-2{color:#eac9a3}.feature-art-3{color:#c5beb0}.feature-art-7{color:#b9c4b3}.feature-art-9{color:#b5c1b1}.speaker{background:#eeefeb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:15px 9px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #dddfd7}.speaker span{color:#929789;font-size:9px}.speaker.right{color:#d2a88b;box-shadow:0 0 0 9px #ee81530a,0 0 0 10px #ee815314,inset 0 0 0 1px #dddfd7}.art-key{color:#919588;background:linear-gradient(#f1f0ed,#dbdcd4);border:1px solid #cbcec2;border-radius:10px;width:49px;height:49px;font-size:25px;position:relative;box-shadow:0 5px #caccc3}.art-key small{letter-spacing:1px;color:#a5a99b;font-size:7px;position:absolute;top:61px;left:0;right:0}.switch-palette{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;transform:rotate(-7deg)}.switch-palette i{color:#fff9;border-radius:7px;place-items:center;width:24px;height:24px;font-size:16px;font-style:normal;display:grid;box-shadow:inset 0 2px 1px #ffffff80,0 3px #00000015}.section-wrap{max-width:1120px;margin:130px auto;padding:0 28px;scroll-margin-top:95px}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{margin:16px 0 18px}.section-heading p{color:#7a7c73;font-size:14px}.experience-frame{background:#f6f5f3;border:1px solid #e3e2db;border-radius:28px;overflow:hidden;box-shadow:0 18px 80px #494b3810}.experience-frame iframe{background:#f6f5f3;border:0;width:100%;height:640px;display:block}.demo-caption{color:#98988f;background:#faf9f7;border-top:1px solid #e4e3dc;justify-content:space-between;align-items:center;padding:17px 24px;font-size:10px;display:flex}.demo-caption a{color:#6b6f62;align-items:center;gap:9px;display:flex}.demo-caption i{width:4px;height:4px}.theme-strip{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:25px;display:flex}.theme-strip button{color:#93958a;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;font-size:10px;display:flex}.theme-strip button>span{border:1px solid #00000012;border-radius:6px;gap:3px;padding:5px;transition:transform .2s;display:flex;box-shadow:0 2px 1px #00000012}.theme-strip i{border-radius:2px;width:10px;height:16px;display:block;box-shadow:inset 0 1px 1px #fff8}.theme-strip button:hover>span{transform:translateY(-3px)rotate(-5deg)}.theme-strip button[aria-pressed=true]{color:var(--ink);background:#ffffff90;box-shadow:0 0 0 1px #e0dfd7}.theme-strip button[aria-pressed=true]>span{outline-offset:3px;outline:2px solid #ee815380}.mini-board{background:var(--board-case);border:2px solid color-mix(in srgb,var(--board-case),#000 30%);-webkit-user-select:none;user-select:none;border-radius:15px;padding:10px 11px 12px;box-shadow:inset 0 1px 1px #ffffff30,0 4px #00000012}.mini-row{gap:2px;display:flex}.mini-key{background:color-mix(in srgb,var(--board-face),#333 26%);border:1px solid color-mix(in srgb,var(--board-face),#000 42%);min-width:0;height:32px;color:var(--board-ink);border-radius:6px 6px 3px 3px;padding:0;position:relative;box-shadow:0 1px 1px #00000050}.mini-key span{background:var(--board-face);white-space:nowrap;border:1px solid #00000030;border-radius:5px;justify-content:center;align-items:center;font-size:7px;transition:transform 60ms;display:flex;position:absolute;inset:0 3px 6px;overflow:hidden;box-shadow:inset 0 1px #fff5}.mini-key.mod{background:color-mix(in srgb,var(--board-mod),#000 23%);color:#fff}.mini-key.mod span{background:var(--board-mod)}.mini-key.accent{background:color-mix(in srgb,var(--board-accent),#000 23%);color:#fff}.mini-key.accent span{background:var(--board-accent)}.mini-key:active span,.mini-key.pressed span{filter:brightness(1.06);transform:translateY(4px)}.sound-lab{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.sound-copy h2{font-size:48px;margin:17px 0 21px!important}.sound-copy>p{color:#85877b;max-width:330px;font-size:14px}.keycap-stack{gap:3px;margin-bottom:34px;display:flex}.keycap-stack span{color:#979a8e;background:#e9e8e2;border-radius:6px;place-items:center;width:26px;height:26px;font-size:10px;display:grid;box-shadow:0 3px #d3d4cb,inset 0 1px 1px #fff}.keycap-stack span:first-child{color:#fff;background:#ee8153;transform:rotate(-8deg);box-shadow:0 3px #c26743,inset 0 1px 1px #ffffff70}.sound-select{color:#909385;margin:25px 0 20px;font-size:10px;display:block}.sound-select select{color:#575c4d;cursor:pointer;background:#fffdf9;border:1px solid #e0e0d7;border-radius:12px;width:100%;max-width:320px;margin-top:8px;padding:12px;font-size:13px;display:block}.sound-copy .button{min-height:46px;font-size:12px}.sound-copy .audio-notice{min-height:18px;font-size:10px;margin-top:12px!important}.tone-card{background:#fffdfb;border:1px solid #e9e7df;border-radius:28px;padding:25px;box-shadow:0 20px 60px #353b210a}.tone-header{color:#565d4c;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;font-weight:550;display:flex}.tone-header>span{align-items:center;gap:8px;display:flex}.tone-header button{color:#a2a797;background:0 0;border:0;padding:5px;font-size:10px}.tone-pad{touch-action:none;cursor:crosshair;background-color:#f6f7f0;background-image:radial-gradient(#c3c9b54d 1px,#0000 1px),radial-gradient(at 5% 90%,#d9dfbd88,#0000 60%),radial-gradient(at 95% 8%,#f0d2bc55,#0000 65%);background-size:14px 14px,100% 100%,100% 100%;border:1px solid #e7eadf;border-radius:17px;height:260px;position:relative;overflow:hidden}.tone-pad>span:not(.pad-dot){letter-spacing:1px;color:#afb3a3;z-index:1;pointer-events:none;font-size:8px;position:absolute}.pad-bright{top:13px;left:50%;transform:translate(-50%)}.pad-soft{bottom:13px;left:50%;transform:translate(-50%)}.pad-thock{top:50%;left:12px;transform:translateY(-50%)}.pad-clack{top:50%;right:12px;transform:translateY(-50%)}.pad-cross{pointer-events:none;background:linear-gradient(#0000 calc(50% - .5px),#d5dacd44 50%,#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#d5dacd44 50%,#0000 calc(50% + .5px));position:absolute;inset:25px}.pad-dot{z-index:2;pointer-events:none;background:#ee8153;border:5px solid #fffdfa;border-radius:50%;width:27px;height:27px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #d8ccb1,0 5px 10px #54473120}.tone-sliders{gap:18px;margin:16px 0 12px;display:flex}.tone-sliders label{color:#a3a997;width:50%;font-size:8px}.tone-sliders input{accent-color:#afb49d;width:100%;height:3px;margin-top:9px;display:block}.tone-volume{color:#9aa18a;align-items:center;gap:12px;margin:22px 0;font-size:10px;display:flex}.tone-volume input{accent-color:#dcad85;flex:1;min-width:0;height:3px}.tone-volume output{min-width:28px}.tone-card .mini-board{margin-top:16px}.tone-card .mini-key{height:24px}.tone-card .mini-key span{font-size:5px;inset:0 2px 4px}.world-section{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;display:grid}.globe-scene{position:relative}.globe{touch-action:none;cursor:grab;filter:drop-shadow(0 15px 35px #5b63480a);width:100%;display:block}.globe:active{cursor:grabbing}.globe-tap{position:absolute;bottom:3%;right:8%;transform:rotate(10deg)}.globe-hint{font-size:17px;position:absolute;bottom:-4%;right:16%;transform:rotate(-5deg)}.globe-ping{transform-origin:250px 250px;animation:.7s ease-out forwards globe-ping}@keyframes globe-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.8)}}.world-copy h2{font-size:49px;margin:18px 0 22px!important}.world-copy>p{color:#808576;font-size:14px}.local-counter{color:#909581;align-items:center;gap:8px;margin:30px 0 12px;font-size:11px;display:flex}.local-counter strong{color:#626b51;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1}.local-counter .live-dot{background:#95a37c;margin-right:4px}.privacy-note{color:#a8ad9a;align-items:center;gap:6px;font-size:9px;display:flex}.feedback-section{border-top:1px solid #e3e6db;grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding-top:90px;display:grid}.feedback-section h2{font-size:47px;margin:18px 0 23px!important}.feedback-section>div>p{color:#858d77;font-size:14px}.feedback-mascot{align-items:center;gap:20px;margin-top:32px;display:flex}.feedback-mascot img{transform:rotate(-9deg)}.feedback-mascot span{font-size:18px;transform:rotate(4deg)}.feedback-form{background:#fffdfb;border:1px solid #e5e6dc;border-radius:24px;padding:25px}.feedback-kinds{border:0;gap:8px;margin:0 0 18px;padding:0;display:flex}.feedback-kinds label{cursor:pointer;text-align:center;color:#909880;white-space:nowrap;background:#f4f5ee;border-radius:8px;flex:1;padding:10px 9px;font-size:10px;transition:background .2s;position:relative}.feedback-kinds input{opacity:0;width:1px;height:1px;position:absolute}.feedback-kinds label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.feedback-kinds label.selected{color:#6b7358;background:#edeedc;box-shadow:inset 0 0 0 1px #dfe3cb}.feedback-form textarea,.feedback-form>input{color:#626b53;resize:vertical;background:#f9faf5;border:1px solid #e7ebde;border-radius:12px;width:100%;padding:14px;font-size:12px;line-height:1.7;display:block}.feedback-form textarea{min-height:120px}.feedback-form>input{margin-top:12px}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:#a3ac94}.feedback-attachment{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.attachment-button{white-space:nowrap;text-overflow:ellipsis;color:#9ca589;cursor:pointer;border:1px dashed #dfe4d1;border-radius:8px;align-items:center;gap:6px;max-width:70%;padding:9px;font-size:10px;display:flex;overflow:hidden}.attachment-button input{opacity:0;width:1px;height:1px;position:absolute}.attachment-button:has(input:focus-visible){outline:2px solid var(--accent)}.feedback-attachment>span{color:#afb7a0;white-space:nowrap;font-size:8px}.feedback-attachment>button{color:#939d82;background:0 0;border:0;padding:5px}.feedback-form .feedback-submit{color:#fff;background:#869573;border-radius:10px;width:100%;min-height:43px;margin-top:17px;font-size:11px;box-shadow:inset 0 1px 1px #ffffff25}.form-status{color:#abb3a0;text-align:center;min-height:17px;font-size:9px;margin-top:12px!important}.faq-section{text-align:center;max-width:790px}.faq-section h2{letter-spacing:-1.4px;font-size:38px;margin:16px 0 30px!important}.faq-section details{text-align:left;border-bottom:1px solid #e1e4d9;padding:20px 3px}.faq-section summary{cursor:pointer;color:#747d65;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:500;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary svg{color:#acb39f;transition:transform .2s}.faq-section details[open] summary svg{transform:rotate(180deg)}.faq-section details p{color:#909984;max-width:640px;font-size:12px;line-height:1.8;margin-top:14px!important}.faq-section details p a{color:#758263;text-decoration:underline}.final-cta{text-align:center;margin-top:160px;margin-bottom:100px}.final-cta>.mascot-button{margin:0 auto 28px}.final-cta h2{font-size:56px}.final-cta>p{color:#909984;font-size:14px;margin-top:23px!important}.final-cta .download-buttons{margin-top:30px}.final-cta .download-note{color:#a6ae9a;font-size:9px;margin-top:18px!important}.landing-footer{color:#a0a991;border-top:1px solid #e5e7dd;flex-wrap:wrap;align-items:center;gap:18px;max-width:1210px;margin:0 auto;padding:30px 40px 27px;font-size:10px;display:flex}.landing-footer .logo-word{font-size:20px}.landing-footer nav{color:#9ba58e;gap:22px;margin-left:auto;font-size:10px;display:flex}.footer-note{text-align:center;opacity:.8;width:100%;margin-top:14px;font-size:8px}.install-dialog{width:min(450px,100vw - 32px);color:var(--ink);background:#fefdf9;border:1px solid #e4e5db;border-radius:27px;padding:30px;box-shadow:0 20px 100px #272a2533}.install-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#32382a55}.install-dialog>img{margin:0 0 17px;display:block;transform:rotate(-6deg)}.install-dialog h2{letter-spacing:-1.1px;margin:10px 0;font-size:32px;line-height:1.2}.install-dialog p{color:#8c9480;font-size:12px}.dialog-close{color:#899478;background:#f0f1e8;border:0;border-radius:50%;place-items:center;padding:8px;display:grid;position:absolute;top:18px;right:18px}.install-dialog ol{color:#8b957c;margin:24px 0;padding-left:20px;font-size:12px;line-height:1.7}.install-dialog li{margin-bottom:13px;padding-left:6px}.install-dialog strong{color:#5f6c4f;font-weight:550}.install-dialog .button{width:100%;min-height:47px;font-size:12px}.install-dialog .install-note{text-align:center;margin-top:13px;font-size:9px}.privacy-page{max-width:730px;margin:auto;padding:60px 25px;line-height:1.8}.privacy-page h1{font-family:var(--rounded);letter-spacing:-1.7px;font-size:42px}.privacy-page h2{margin-top:35px;font-size:18px}.privacy-page p,.privacy-page li{color:#777e6d;font-size:14px}.privacy-page>a{font-size:12px}@media (min-width:1650px){.hero-panel{grid-template-columns:55% 45%}.laptop-wrap{width:calc(100% - 20px);margin-left:-30px}.hero-copy{padding-right:70px}.hero-copy h1{font-size:72px}.features-panel{min-width:1660px}.feature-grid{grid-auto-columns:245px}.preview-notes textarea{font-size:14px}.preview-menu,.preview-menu button,.preview-menu a,.preview-menu label,.preview-menu-selected,.switch-list button{font-size:13px}.switch-list button{min-height:48px}.switch-header{font-size:12px}.switch-list small,.preview-menu small{font-size:10px}.preview-menu{padding:18px}.mac-bar{padding:8px 17px;font-size:10px}}@media (max-width:1250px){.landing-nav{gap:16px;padding:0 25px}.nav-demo{display:none}.hero-copy .button{padding:14px 18px;font-size:12px}.hero-copy h1{font-size:48px}.hero-hint{margin-bottom:25px}.availability{margin-bottom:22px}.hero-mascot img{width:90px;height:99px}.hero-description{font-size:16px}.hero-copy .download-buttons{gap:8px}.sound-lab{gap:65px}.section-wrap{max-width:1050px}.feedback-section,.world-section{gap:60px}}@media (max-width:1049px){.product-journey{height:auto;margin-top:74px}.journey-sticky{height:auto;min-height:0;position:relative;top:0;overflow:visible}.journey-track{will-change:auto;width:100%;height:auto;display:block;transform:none!important}.hero-panel{grid-template-columns:51% 49%;height:auto;min-height:600px;padding:45px 20px 50px 0}.hero-copy h1{font-size:43px}.hero-copy{padding:0 0 0 5px}.hero-copy .download-buttons{flex-direction:column;gap:8px;margin-top:24px}.hero-copy .button{min-height:45px}.hero-description{font-size:14px}.hero-copy .hero-try{margin-top:20px}.availability{margin-bottom:22px;font-size:10px}.hero-hint{margin-bottom:24px;font-size:16px}.hero-mascot img{width:79px;height:86px}.laptop-wrap{width:calc(100% + 40px);margin-left:-55px}.laptop-notch{height:17px}.mac-bar{padding:4px 6px;font-size:5px}.preview-menu{border-radius:9px;width:31%;padding:8px 5px;font-size:8px;top:7%;right:6%}.preview-menu small{margin-top:7px;padding-bottom:3px;font-size:6px}.preview-menu a,.preview-menu button,.preview-menu label,.preview-menu-selected{gap:4px;padding:5px 3px;font-size:7px}.preview-menu svg{width:10px;height:10px}.preview-menu input{width:35px}.preview-notes{border-radius:9px;width:29%;min-height:105px;padding:9px}.preview-notes p{font-size:7px}.preview-notes textarea{padding-top:7px;font-size:8px;line-height:1.6}.window-dots span{font-size:7px}.window-dots{margin-bottom:10px}.window-dots i{width:4px;height:4px}.preview-switches{border-radius:9px;min-height:160px;padding:7px}.switch-header{font-size:6px}.preview-switches>input{padding:5px;font-size:6px}.switch-list{height:calc(100% - 41px)}.switch-list button{gap:5px;min-height:28px;padding:3px;font-size:7px}.switch-list .profile-chip{border-radius:3px;width:13px;height:13px;font-size:9px}.switch-list small{font-size:6px}.switch-list svg{width:9px}.switch-check{font-size:9px}.note-hint{font-size:14px;top:70%}.switch-hint{font-size:11px;bottom:0;left:40%}.mac-dock{border-radius:9px;gap:3px;padding:3px 5px;bottom:3%;left:34%}.dock-icon{border-radius:6px;width:27px;height:27px;font-size:20px}.mac-dock button{width:27px;height:27px}.mac-dock img{width:31px;height:34px}.features-panel{min-width:0;height:auto;padding:40px 28px;display:block}.features-intro{text-align:center;width:100%;margin-bottom:35px}.features-intro h2{font-size:38px}.features-intro h2 br{display:none}.feature-grid{grid-template-rows:auto;grid-template-columns:repeat(5,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:12px;height:auto}.feature-card{border-radius:22px;min-height:235px;padding:18px 12px}.feature-art{height:75px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.feature-tag{letter-spacing:.7px;font-size:7px}.feature-art .mini-board{width:120px}.feature-art .mini-key{height:8px}.speaker{padding:10px 5px}.speaker svg{width:25px}.section-wrap{margin:100px auto;padding:0 30px}.experience-frame iframe{height:590px}.sound-copy h2,.world-copy h2,.feedback-section h2{font-size:39px}.sound-lab{gap:35px}.tone-card{padding:20px}.tone-pad{height:230px}.world-section,.feedback-section{gap:40px}.feedback-section{padding-top:70px}.feedback-form{padding:18px}.feedback-kinds{gap:5px}.feedback-kinds label{padding:9px 6px;font-size:9px}.theme-strip{gap:10px}}@media (max-width:760px){.landing-nav{gap:12px;height:64px;padding:0 20px}.logo-word{font-size:23px}.nav-counter{display:none}.nav-badge{margin-left:0;font-size:10px}.nav-actions{gap:7px;margin-left:auto}.landing-nav .button{min-height:37px;padding:10px 13px}.audio-trigger span,.nav-download svg,.audio-trigger>svg:last-child{display:none}.product-journey{margin-top:64px}.hero-panel{flex-direction:column-reverse;gap:50px;width:100%;min-height:0;padding:37px 0 35px;display:flex}.hero-copy{padding:0 20px}.hero-copy h1{letter-spacing:-2px;font-size:49px}.hero-copy .download-buttons{flex-direction:row;gap:8px}.hero-copy .button{min-height:47px;padding:13px 17px;font-size:12px}.availability{margin-bottom:20px;font-size:11px}.hero-mascot img{width:80px;height:88px}.hero-hint{margin-bottom:22px;font-size:18px}.hero-description{font-size:15px;margin-top:17px!important}.hero-copy .download-note{font-size:10px}.hero-try{font-size:11px}.laptop-wrap{width:min(670px,100% - 24px);margin-left:0}.laptop{border-radius:17px 17px 0 0;padding:8px 8px 0}.laptop-screen{aspect-ratio:1.5}.laptop-base{width:104%;height:14px;left:-2%}.laptop-notch{height:23px}.mac-bar{font-size:6px}.preview-menu{width:31%;padding:10px 7px;font-size:9px;top:7%;right:6%}.preview-menu small{font-size:7px}.preview-menu a,.preview-menu button,.preview-menu label,.preview-menu-selected{padding:6px 3px;font-size:8px}.preview-notes textarea{font-size:9px}.preview-notes p{font-size:8px}.preview-notes{min-height:110px}.preview-switches{min-height:160px}.switch-header,.preview-switches>input{font-size:8px}.switch-list{height:calc(100% - 48px)}.switch-list button{min-height:32px;font-size:9px}.switch-list small{font-size:7px}.switch-list .profile-chip{width:16px;height:16px;font-size:11px}.note-hint{font-size:17px}.switch-hint{font-size:13px;bottom:1%}.features-panel{padding:42px 20px 10px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{min-height:224px;padding:21px 18px}.feature-art{height:78px}.feature-card h3{font-size:14px}.feature-card p{max-width:190px;font-size:11px}.feature-tag{font-size:8px}.features-intro h2{font-size:34px}.section-wrap{margin:85px auto;padding:0 20px}.section-heading h2{letter-spacing:-1.4px;font-size:37px}.section-heading p{font-size:12px}.section-heading{margin-bottom:29px}.experience-frame{border-radius:19px}.experience-frame iframe{height:490px}.demo-caption{padding:14px 13px;font-size:8px}.demo-caption a{gap:5px}.demo-caption a svg{width:12px}.theme-strip{gap:7px;margin-top:18px}.theme-strip button{gap:6px;padding:6px;font-size:8px}.theme-strip i{width:8px;height:13px}.sound-lab{flex-direction:column;align-items:stretch;gap:29px;display:flex}.sound-copy{text-align:center}.keycap-stack{justify-content:center;margin-bottom:25px}.sound-copy h2{font-size:40px}.sound-copy>p{max-width:340px;font-size:13px;margin-left:auto!important;margin-right:auto!important}.sound-select{max-width:320px;margin:23px auto 18px}.sound-select select{text-align:left}.tone-card{width:100%;max-width:490px;margin:auto;padding:24px}.tone-pad{height:270px}.tone-card .mini-key{height:28px}.tone-card .mini-key span{font-size:6px}.world-section{flex-direction:column;gap:28px;display:flex}.globe-scene{order:2;width:100%;max-width:440px;margin-top:8px}.world-copy{text-align:center}.world-copy h2{font-size:40px}.world-copy>p{font-size:13px}.local-counter,.privacy-note{justify-content:center}.local-counter{margin-top:23px}.globe-hint{font-size:16px;bottom:-2%}.feedback-section{flex-direction:column;gap:25px;padding-top:60px;display:flex}.feedback-section>div:first-child{text-align:center;width:100%}.feedback-section h2{font-size:38px}.feedback-section>div>p{font-size:12px}.feedback-mascot{justify-content:center;margin-top:22px}.feedback-mascot img{width:75px;height:82px}.feedback-mascot span{font-size:16px}.feedback-form{width:100%;max-width:490px;margin:auto;padding:23px}.feedback-kinds label{font-size:10px}.faq-section h2{letter-spacing:-1px;font-size:30px}.faq-section summary{font-size:12px}.faq-section details p{font-size:11px}.final-cta{margin-top:100px;margin-bottom:65px}.final-cta h2{font-size:43px}.final-cta>p{font-size:12px}.final-cta .button{min-height:46px;padding:14px 17px;font-size:12px}.landing-footer{text-align:center;justify-content:center;gap:12px;padding:25px 20px}.landing-footer>span:not(.footer-note){font-size:8px}.landing-footer nav{justify-content:center;gap:20px;width:100%;margin-top:10px;margin-left:0}.footer-note{font-size:7px}.desktop-break{display:none}.audio-popover{width:min(270px,100vw - 32px);position:fixed;top:61px;right:16px}.nav-actions .audio-popover .popover-preview{font-size:11px}}@media (max-width:420px){.nav-badge{font-size:9px}.landing-nav{gap:9px;padding:0 16px}.hero-copy h1{font-size:44px}.hero-copy .button{gap:8px;padding:13px 14px;font-size:10px}.hero-copy .button svg{width:16px}.hero-copy .download-buttons{gap:7px}.laptop-wrap{width:calc(100% - 18px)}.laptop-screen{aspect-ratio:1.38}.preview-notes{min-height:99px;padding:8px}.preview-notes textarea{font-size:8px}.preview-menu{padding:8px 4px}.preview-menu a,.preview-menu button,.preview-menu label,.preview-menu-selected{padding:5px 3px;font-size:7px}.preview-menu small{font-size:6px}.preview-switches>input{font-size:7px}.switch-list button{gap:4px;min-height:29px;font-size:8px}.switch-header{font-size:7px}.switch-list small{font-size:6px}.note-hint{font-size:15px;top:70%}.switch-hint{font-size:11px;bottom:1%}.feature-card{min-height:220px;padding:17px 12px}.feature-card h3{font-size:13px}.feature-card p{font-size:10px}.feature-tag{font-size:7px}.section-heading h2{font-size:33px}.experience-frame iframe{height:495px}.tone-card{padding:20px}.tone-pad{height:230px}.tone-card .mini-key{height:23px}.tone-card .mini-key span{font-size:5px}.final-cta h2{font-size:38px}.final-cta .button{gap:8px;font-size:10px}.final-cta .button svg{width:16px}.feedback-attachment>span{font-size:7px}.feedback-kinds label{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.product-journey{height:auto}.journey-sticky{height:auto;min-height:0;position:relative;top:0;overflow:visible}.journey-track{will-change:auto;width:100%;display:block;transform:none!important}.hero-panel{height:auto;min-height:650px}.features-panel{min-width:0;height:auto;padding:35px 28px;display:block}.features-intro{text-align:center;width:100%;margin-bottom:25px}.feature-grid{grid-template-rows:auto;grid-template-columns:repeat(5,1fr);grid-auto-columns:auto;grid-auto-flow:row;height:auto}.feature-card{min-height:250px}.globe-ping{opacity:0}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:230px}}html,body,.landing *{scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.landing ::-webkit-scrollbar{display:none}
.landing-v3{--paper:#f8f7f2;--surface:#fffefa;--ink:#292c27;--muted:#696e63;--line:#dfdfd5;--accent:#e7784e;background:var(--paper);color:var(--ink);padding-bottom:24px}.v2-wrap{width:min(1180px,100% - 96px);margin-inline:auto}.landing-v3 h1,.landing-v3 h2{letter-spacing:-2.5px;font-family:inherit;font-weight:650}.landing-v3 h1{font-size:clamp(58px,6.8vw,88px);line-height:1.02}.landing-v3 h2{font-size:clamp(38px,4.3vw,56px);line-height:1.08}.landing-v3 h1 em,.landing-v3 h2 em{letter-spacing:-2px;font:italic 400 1.03em/1.06 Georgia,Times New Roman,serif}.landing-v3 h1 em{color:var(--accent)}.v2-kicker{color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.5;display:block}.v2-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:15px 20px;font-size:14px;font-weight:550;line-height:1.3;transition:background .18s;display:inline-flex}.landing-v3 .v2-button.primary{color:#fff;background:var(--ink)}.landing-v3 .v2-button.primary:hover{background:#444a3e}.v2-button.secondary{background:0 0;border-color:#cccfc2}.v2-button.secondary:hover{background:#edeee6}.v2-text-link{border-bottom:1px solid #b7bbae;align-items:center;gap:10px;padding-bottom:3px;font-size:13px;display:inline-flex}.v2-text-link:hover{color:#a54d2a}.v2-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#f8f7f2ed;align-items:center;gap:42px;height:82px;padding-inline:max(48px,50vw - 590px);display:flex;position:sticky;top:0}.v2-brand{letter-spacing:-1.8px;align-items:center;font-size:29px;font-weight:750;display:inline-flex}.v2-brand img{margin-right:9px}.v2-brand-dot{color:var(--accent)}.v2-nav>nav{color:var(--muted);gap:26px;font-size:13px;display:flex}.v2-nav nav a:hover,.v2-footer a:hover{color:var(--accent)}.v2-nav-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.v2-nav .nav-cta{min-height:42px;padding:11px 16px;font-size:12px}.v2-audio{background:0 0;border:0;align-items:center;gap:9px;min-height:44px;padding:8px 0;font-size:12px;display:flex}.landing-v3 .audio-popover{background:var(--surface);border-color:var(--line);border-radius:12px}.landing-v3 [id]{scroll-margin-top:108px}.v2-hero{padding-top:68px}.v3-hero-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:48px;display:grid}.v3-hero-intro h1{margin-top:22px}.v3-hero-copy{justify-self:end;max-width:440px;padding-bottom:4px}.v3-hero-copy>p{color:var(--muted);margin-bottom:26px;font-size:17px;line-height:1.65}.v2-downloads{flex-wrap:wrap;gap:10px;display:flex}.v3-install-note{color:var(--muted);margin-top:14px;font-size:12px;display:block}.v3-demo-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:13px;display:flex}.v2-live-dot{vertical-align:middle;background:#7b9463;border-radius:50%;width:5px;height:5px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #7b946312}.v2-experience-frame{background:#f6f5f3;border:1px solid #d9dad2;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #262b2206}.v2-experience-frame iframe{background:#f6f5f3;border:0;width:100%;display:block}.v3-demo-note{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin-top:16px;font-size:12px;line-height:1.6;display:flex}.v3-demo-note>span:last-child{white-space:nowrap;align-items:center;gap:7px;display:flex}.v2-studio,.v3-platform-section,.v2-plans,.v2-faq{border-top:1px solid var(--line);margin-top:96px;padding-top:42px}.v2-section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.v2-section-head h2,.v2-faq h2{margin-top:18px}.v2-section-head>p{color:var(--muted);max-width:420px;margin-bottom:4px;font-size:15px;line-height:1.75}.v2-studio-grid{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:24px;display:grid}.v2-library,.v2-tone{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:24px}.v2-card-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.v2-card-head h3{color:var(--ink);letter-spacing:-.3px;align-items:center;gap:8px;font-size:16px;display:flex}.v2-card-head h3>span{color:var(--muted);padding-left:3px;font-size:12px;font-weight:400}.v2-card-head>button{background:0 0;border:0;min-height:32px;padding:4px 0 4px 12px;font-size:12px}.v2-library-search{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:10px;margin-top:18px;padding-inline:12px;display:flex}.v2-library-search input{outline-offset:0;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding-block:12px;font-size:13px}.v2-filters,.v2-tone-presets{flex-wrap:wrap;gap:5px;margin:13px 0 17px;display:flex}.v2-filters button,.v2-tone-presets button{min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 9px;font-size:11px}.v2-filters button[aria-pressed=true],.v2-tone-presets button[aria-pressed=true]{color:#46543b;background:#edeee6;border-color:#d6d9cb}.v2-filters button>span{margin-left:5px}.v2-sound-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;height:362px;display:grid;overflow-y:auto}.v2-sound-item{border:1px solid #e5e6de;border-radius:6px;min-width:0;min-height:68px;display:flex}.v2-sound-item.selected{background:#fdf1e9;border-color:#d79678}.v2-sound-pick{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:10px 0 10px 10px;display:flex}.v2-sound-pick>span:nth-child(2){flex:1;min-width:0}.v2-sound-pick strong{font-size:12px;font-weight:550;line-height:1.3;display:block}.v2-sound-pick small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4;display:block}.v2-sound-pick>svg{display:none}.v2-switch{background:var(--switch-color);color:#ffffffd9;border-radius:5px;flex-shrink:0;place-items:center;width:26px;height:29px;font-size:17px;display:grid;box-shadow:inset 0 -3px #0001}.v2-favorite{color:#8c8b7b;background:0 0;border:0;align-self:center;min-width:31px;min-height:44px;padding:6px;font-size:19px}.v2-favorite[aria-pressed=true]{color:#b26540}.v2-library-empty{text-align:center;height:280px;color:var(--muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:20px;font-size:13px;display:flex}.v2-library-empty p{max-width:240px;font-size:12px}.v2-library-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:17px;padding-top:14px;font-size:11px;display:flex}.v2-tone-description{color:var(--muted);font-size:13px;margin-top:12px!important}.v2-tone-presets{margin-top:15px}.v2-tone-pad{cursor:crosshair;touch-action:none;background:radial-gradient(#7c8a6b26 .8px,#0000 .8px) 0 0/14px 14px,linear-gradient(120deg,#e9eedf,#f7eadb);border:1px solid #dfe2d4;border-radius:8px;height:296px;position:relative}.v2-tone-pad>span:not(.v2-pad-dot):not(.v2-pad-axis){letter-spacing:1.4px;color:#77816b;pointer-events:none;font-size:9px;position:absolute}.v2-pad-bright{top:15px;left:50%;transform:translate(-50%)}.v2-pad-soft{bottom:15px;left:50%;transform:translate(-50%)}.v2-pad-thock{top:50%;left:13px;transform:translateY(-50%)}.v2-pad-clack{top:50%;right:13px;transform:translateY(-50%)}.v2-pad-axis{opacity:.35;pointer-events:none;position:absolute}.v2-pad-axis.horizontal{border-top:1px dashed #afb29c;top:50%;left:0;right:0}.v2-pad-axis.vertical{border-left:1px dashed #afb29c;top:0;bottom:0;left:50%}.v2-pad-dot{background:var(--accent);pointer-events:none;border:5px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #665f4629}.v2-tone-pad[data-live=true] .v2-pad-dot{box-shadow:0 0 0 7px #e7784e18,0 3px 10px #665f4629}.v2-tone-ranges{grid-template-columns:1fr 1fr;gap:20px;margin-top:19px;display:grid}.v2-tone-ranges label{color:var(--muted);font-size:11px}.v2-tone-ranges input{accent-color:#879273;width:100%;height:8px;margin:12px 0 0;display:block}.v2-tone-bottom{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px;font-size:12px;display:flex}.v2-tone-bottom label{align-items:center;gap:7px;display:flex}.v2-tone-bottom input{accent-color:#7d8d65;width:15px;height:15px;margin:0}.v2-tone-bottom>span{margin-left:auto;font-size:11px}.v2-tone-bottom>button{color:#a95530;background:0 0;border:0;align-items:center;gap:6px;min-height:32px;padding:4px 0;display:flex}.v2-error{color:#b14730;font-size:12px;margin-top:12px!important}.v3-theme-section{grid-template-columns:220px 1fr;align-items:center;gap:32px;margin-top:30px;display:grid}.v3-theme-copy h3{font-size:17px}.v3-theme-copy p{color:var(--muted);max-width:205px;margin-top:7px;font-size:12px}.v3-theme-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.v3-theme-grid>button{min-width:0;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:10px;padding:9px 5px;font-size:10px;display:flex;position:relative}.v3-theme-grid>button[aria-pressed=true]{color:#9c4b28;background:#fdf0e7;border-color:#d99776}.v3-palette{border-radius:5px;gap:3px;width:48px;padding:5px;display:flex;box-shadow:0 2px #0002}.v3-palette i{border-radius:2px;width:11px;height:17px;box-shadow:inset 0 -2px #0001}.v3-theme-check{font-size:9px;position:absolute;top:2px;right:3px}.v3-platform-grid{grid-template-columns:1.65fr 1fr;gap:24px;display:grid}.v3-mac,.v3-chrome{border-radius:12px;min-width:0;padding:32px}.v3-mac{background:#e9ecdf;border:1px solid #dce1cf;grid-template-columns:1fr 220px;column-gap:26px;display:grid}.v3-platform-copy h3,.v3-chrome h3{letter-spacing:-1px;margin-top:20px;font-size:29px;font-weight:550;line-height:1.15}.v3-platform-copy>p,.v3-chrome>p{color:#646d59;margin-top:17px;font-size:14px;line-height:1.75}.v3-platform-copy .v2-button,.v3-chrome .v2-button{margin-top:26px}.v3-platform-copy>small,.v3-chrome>small{color:#656d5b;margin-top:13px;font-size:11px;line-height:1.6;display:block}.v3-menubar-preview{align-self:center}.v3-menu-bar{color:#838f72;border-bottom:1px solid #cbd2bd;justify-content:flex-end;align-items:center;gap:20px;height:35px;padding-inline:10px;display:flex}.v3-menu-panel{background:#fcfcf4;border:1px solid #d3d8c5;border-radius:10px;margin-top:6px;padding:17px;font-size:11px;box-shadow:0 12px 18px #40512c10}.v3-menu-title{align-items:center;gap:10px;margin-bottom:17px;font-size:17px;font-weight:600;display:flex}.v3-menu-title small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:400;display:block}.v3-menu-row{border-top:1px solid #e5e8d9;justify-content:space-between;align-items:center;gap:15px;padding-block:10px;display:flex}.v3-menu-row strong{color:#6a755a;font-size:10px;font-weight:500}.v3-menu-volume{background:#dce1d1;border-radius:5px;flex:1;height:5px}.v3-menu-volume i{border-radius:inherit;background:#8b9878;height:100%;display:block}.v3-menu-shortcut{color:var(--muted);border-top:1px solid #e5e8d9;justify-content:space-between;margin-top:5px;padding-top:13px;font-size:10px;display:flex}.v3-menu-shortcut kbd{font:inherit}.v3-mac>.v3-platform-instruction{border-top:1px solid #d2d9c4;grid-column:1/-1;align-items:flex-start;gap:9px;margin-top:25px;padding-top:20px;display:flex}.v3-platform-instruction{color:#6b735f;font-size:11px;line-height:1.7}.v3-chrome{border:1px solid var(--line);background:#f0efe6;flex-direction:column;align-items:flex-start;display:flex}.v3-chrome>svg{color:#8a927b;margin-bottom:22px}.v3-chrome h3{margin-top:15px}.v3-chrome .v2-button{margin-top:24px}.v3-chrome p.v3-platform-instruction{border-top:1px solid #dddccf;margin-top:24px;padding-top:16px;font-size:11px}.v3-product-notes{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:24px;font-size:11px;line-height:1.6;display:flex}.v3-product-notes>*{align-items:center;gap:9px;display:flex}.v3-product-notes a{border-bottom:1px solid #c7c9bc}.v2-plan-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.v2-plan{border:1px solid var(--line);background:0 0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:32px;display:flex;position:relative}.v2-plan h3{margin-top:13px;font-size:22px;font-weight:600}.v2-plan.plus{background:#e9ecdf;border-color:#d6dcc9}.v2-price{letter-spacing:-2px;align-items:baseline;gap:10px;margin-top:22px;font-size:52px;font-weight:600;display:flex}.v2-price>span{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.v2-price-options{color:#626e53;gap:16px;margin-top:8px;font-size:13px;display:flex}.v2-price-options>span{border-bottom:1px solid #c5cdb7;padding-bottom:4px}.v2-plan>p{color:var(--muted);margin-top:22px;font-size:14px}.v2-plan ul{color:#606951;flex:1;align-content:start;gap:13px;margin:0;padding:25px 0 28px;font-size:13px;line-height:1.6;list-style:none;display:grid}.v2-plan li{padding-left:24px;position:relative}.v2-plan li:before{content:"✓";color:#7c8a67;position:absolute;left:0}.v2-plan .v2-button{width:100%;margin-top:auto}.v2-plan>small{color:var(--muted);text-align:center;align-self:center;margin-top:13px;font-size:11px}.v2-plan-badge{color:#586645;border:1px solid #bdc7ac;border-radius:20px;padding:6px 10px;font-size:10px;position:absolute;top:27px;right:27px}.v2-faq{grid-template-columns:1fr 1.4fr;gap:80px;display:grid}.v2-faq>div>p{color:var(--muted);margin-top:25px;font-size:13px}.v2-faq>div>p a{border-bottom:1px solid #b9c0ac}.v2-faq details{border-bottom:1px solid var(--line)}.v2-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:14px;list-style:none;display:flex}.v2-faq summary::-webkit-details-marker{display:none}.v3-feedback summary::-webkit-details-marker{display:none}.v2-faq summary svg{color:#89917c;transition:transform .2s}.v2-faq details[open] summary svg{transform:rotate(180deg)}.v2-faq details p{color:var(--muted);max-width:570px;padding-bottom:24px;font-size:13px;line-height:1.8}.v3-feedback{border-block:1px solid var(--line);margin-top:70px}.v3-feedback summary{cursor:pointer;letter-spacing:-.6px;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;font-size:21px;list-style:none;display:flex}.v3-feedback summary>span:last-child{letter-spacing:0;color:var(--muted);align-items:center;gap:15px;font-size:13px;display:flex}.v3-feedback-content{grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:32px;display:grid}.v3-feedback-content h3{margin-top:20px;font-size:23px}.v3-feedback-content>div>p{max-width:290px;color:var(--muted);margin-top:15px;font-size:14px}.v3-feedback .feedback-form{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:12px;padding:24px}.v3-feedback .feedback-form textarea,.v3-feedback .feedback-form>input{color:var(--ink);background:#f5f5ef;font-size:14px}.v3-feedback .feedback-kinds label{font-size:12px}.v3-feedback .feedback-form .form-status{font-size:11px}.v2-footer{padding-top:36px}.v2-footer-top{align-items:center;gap:22px;display:flex}.v2-footer-top>span{color:var(--muted);font-size:12px}.v2-footer nav{gap:24px;margin-left:auto;font-size:12px;display:flex}.v2-footer-bottom{color:var(--muted);justify-content:space-between;gap:20px;margin-top:28px;font-size:11px;display:flex}.landing-v3 .install-dialog{background:var(--surface)}.landing-v3 .install-dialog h2{letter-spacing:-1.4px;font-size:34px}.landing-v3 .install-dialog>p{font-size:13px}@media (max-width:1100px){.v2-wrap{width:calc(100% - 56px)}.v2-nav{gap:30px;padding-inline:28px}.v2-nav>nav{gap:18px}.v3-hero-intro{gap:36px}.v3-hero-copy>p{font-size:15px}.v2-downloads .v2-button{padding-inline:15px;font-size:12px}.v2-sound-list{grid-template-columns:1fr}.v3-theme-section{grid-template-columns:1fr;gap:14px}.v3-theme-copy{justify-content:space-between;align-items:center;gap:16px;display:flex}.v3-theme-copy p{max-width:none;margin-top:0}.v3-mac{grid-template-columns:1fr}.v3-menubar-preview{width:100%;max-width:260px;margin-top:20px}.v3-mac .v3-platform-copy h3 br{display:none}.v3-platform-grid{grid-template-columns:1.2fr 1fr}.v3-chrome .v2-button{margin-top:auto}.v2-faq,.v3-feedback-content{gap:40px}}@media (max-width:760px){.v2-wrap{width:calc(100% - 36px)}.v2-nav{gap:15px;height:68px;padding-inline:18px}.v2-brand{font-size:26px}.v2-brand img{width:26px;height:29px;margin-right:6px}.v2-nav>nav{display:none}.v2-nav-actions{gap:16px}.v2-audio span{display:none}.v2-nav .nav-cta{min-height:38px;padding:10px 13px;font-size:11px}.landing-v3 .audio-popover{position:fixed;top:65px;right:18px}.landing-v3 [id]{scroll-margin-top:86px}.v2-hero{padding-top:38px}.v3-hero-intro{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.landing-v3 h1{letter-spacing:-2px;font-size:clamp(51px,10vw,72px)}.landing-v3 h1 em{letter-spacing:-1.8px}.v3-hero-intro h1{margin-top:17px}.v2-kicker{letter-spacing:.9px;font-size:10px}.v3-hero-copy{justify-self:start;max-width:480px;padding:0}.v3-hero-copy>p{margin-bottom:20px;font-size:15px}.v2-downloads{flex-direction:column;align-items:flex-start;gap:9px}.v2-downloads .v2-button{min-height:46px;padding:13px 17px;font-size:13px}.v2-downloads .secondary{border-color:#0000;min-height:35px;padding-left:0}.v3-install-note{margin-top:7px;font-size:11px}.v3-demo-heading{align-items:start;gap:15px;font-size:11px}.v3-demo-heading .v2-text-link{white-space:nowrap;gap:5px;font-size:10px}.v3-demo-heading .v2-text-link svg{width:12px}.v2-experience-frame{border-radius:10px}.v3-demo-note{flex-direction:column;align-items:start;gap:8px;margin-top:12px;font-size:11px}.v3-demo-note>span:last-child{white-space:normal}.v2-studio,.v3-platform-section,.v2-plans,.v2-faq{margin-top:64px;padding-top:30px}.v2-section-head{flex-direction:column;align-items:start;gap:18px;margin-bottom:26px}.landing-v3 h2{letter-spacing:-1.5px;font-size:39px}.landing-v3 h2 em{letter-spacing:-1.2px}.v2-section-head h2,.v2-faq h2{margin-top:15px}.v2-section-head>p{font-size:14px}.v2-section-head>p br{display:none}.v2-studio-grid,.v3-platform-grid,.v2-plan-grid,.v2-faq,.v3-feedback-content{grid-template-columns:1fr;gap:20px}.v2-library,.v2-tone{padding:20px}.v2-sound-list{height:330px}.v2-sound-pick strong{font-size:13px}.v2-favorite{min-width:40px}.v2-tone-pad{height:270px}.v2-tone-bottom{gap:9px}.v2-tone-bottom>span{font-size:10px}.v3-theme-copy{display:block}.v3-theme-copy p{margin-top:8px}.v3-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 3px}.v3-theme-grid>button{font-size:10px}.v3-mac,.v3-chrome{padding:26px}.v3-platform-copy h3,.v3-chrome h3{font-size:29px}.v3-menubar-preview{justify-self:center;margin-top:26px}.v3-product-notes{flex-direction:column;gap:15px;font-size:11px}.v2-plan{padding:26px}.v2-plan-badge{font-size:9px;top:23px;right:20px}.v2-plan ul{font-size:13px}.v2-plan>small{font-size:10px}.v2-faq{gap:24px}.v2-faq>div>p{margin-top:18px}.v2-faq summary{padding-block:20px;font-size:13px;line-height:1.5}.v3-feedback{margin-top:45px}.v3-feedback summary{flex-direction:column;align-items:start;gap:10px;font-size:20px}.v3-feedback summary>span:last-child{justify-content:space-between;width:100%;font-size:12px}.v3-feedback-content{gap:18px}.v3-feedback .feedback-form{padding:20px}.v3-feedback .feedback-kinds label{font-size:10px}.v2-footer-top{flex-wrap:wrap;gap:18px}.v2-footer nav{justify-content:space-between;gap:12px;width:100%;margin:7px 0 0;font-size:11px}.v2-footer-bottom{flex-wrap:wrap;gap:10px 16px;font-size:10px;line-height:1.7}.v2-footer-bottom>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.landing-v3 *,.landing-v3 :before,.landing-v3 :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@font-face{font-family:Keyko Inter;src:url(/fonts/inter-variable.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Keyko Instrument;src:url(/fonts/instrument-serif-italic.ttf)format("truetype");font-style:italic;font-display:swap}.showcase{--show-paper:#f5f5f5;--show-ink:#222320;--show-muted:#777b75;--show-line:#e2e3de;--show-accent:#ea8051;background:var(--show-paper);color:var(--show-ink);font:14px/1.5 Keyko Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:clip}.showcase *{scrollbar-width:none}.showcase ::-webkit-scrollbar{display:none}.showcase h1,.showcase h2,.showcase h3,.showcase p{margin:0}.showcase h1,.showcase h2{letter-spacing:-2.7px;text-wrap:balance;font-weight:650;line-height:1.08}.showcase h1{font-size:clamp(46px,5.5vw,76px)}.showcase h2{font-size:clamp(36px,4.5vw,58px)}.showcase h3{letter-spacing:-.7px;font-size:22px;font-weight:550;line-height:1.25}.showcase a{color:inherit;text-decoration:none}.showcase button{color:inherit;font:inherit}.showcase svg{flex-shrink:0}.showcase p{line-height:1.7}.showcase [id]{scroll-margin-top:110px}.show-wrap{width:min(1120px,100% - 80px);margin-inline:auto}.show-button{cursor:pointer;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:13px 22px;font-size:13px;font-weight:550;transition:background .2s,box-shadow .2s;display:inline-flex}.showcase .show-button.primary{color:#fff;background:#20221f;box-shadow:inset 0 1px 1px #fff2}.showcase .show-button.primary:hover{background:#3a3d35}.showcase .show-button.secondary{color:#343731;background:#fdfdfb;border-color:#d9dcd3}.showcase .show-button.secondary:hover{background:#eeefe9}.show-downloads{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.show-brand{letter-spacing:-1.4px;white-space:nowrap;align-items:center;gap:5px;font-size:25px;font-weight:720;display:inline-flex}.show-brand img{object-fit:contain}.show-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f5f5ee;align-items:center;gap:28px;padding:17px 32px;display:flex;position:sticky;top:0}.show-header>nav{color:var(--show-muted);align-items:center;gap:22px;font-size:12px;display:flex}.show-header a:hover{opacity:.85}.show-header-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.show-header-actions .show-button{min-height:38px;padding:10px 17px;font-size:12px}.show-account-link{font-size:12px;color:var(--show-muted)!important}.show-header-note{color:var(--show-muted);font-size:12px}.show-audio{background:#fff;border:0;border-radius:50px;align-items:center;gap:9px;padding:11px 20px;display:flex;font-size:12px!important}.showcase .audio-popover{color:#292c26;background:#fff;border-color:#dedfd8;border-radius:15px}.showcase .audio-popover input{accent-color:var(--show-accent)}.showcase .audio-popover p{font-size:11px}.show-mascot{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .2s;display:inline-block}.show-mascot img{filter:drop-shadow(0 9px 10px #0001);display:block}.show-mascot:hover{transform:rotate(-6deg)}.show-mascot:active{transform:translateY(3px)}.show-demo{background:#f6f5f3;border:1px solid #d6d9d2;border-radius:16px;width:100%;position:relative;box-shadow:0 20px 45px #19291914}.show-window-bar{color:#92978f;background:#f1f2f0;border-bottom:1px solid #dddeda;border-radius:16px 16px 0 0;align-items:center;gap:14px;padding:12px 17px;font-size:10px;display:flex}.show-window-bar>span{margin:auto}.show-window-bar>a{color:#7c8375;padding:3px;display:flex}.show-window-dots{gap:5px;display:flex}.show-window-dots i{background:#ee8d84;border:1px solid #0001;border-radius:50%;width:8px;height:8px}.show-window-dots i:nth-child(2){background:#e9cc76}.show-window-dots i:nth-child(3){background:#98c589}.show-demo-viewport{border-radius:0 0 16px 16px;width:100%;overflow:hidden}.show-laptop .show-demo-viewport{border-radius:0}.show-demo iframe{border:0;border-radius:0 0 16px 16px;width:100%;display:block}.show-laptop{border:8px solid #161716;border-bottom-width:12px;border-radius:21px 21px 6px 6px;box-shadow:0 20px 35px #1112}.show-laptop .show-window-bar{border-radius:10px 10px 0 0}.show-laptop iframe{border-radius:0}.show-laptop-base{background:linear-gradient(#c5c7c5,#eeeeec 50%,#999c98);border-radius:1px 1px 45% 45%/1px 1px 90% 90%;width:106%;height:16px;position:absolute;top:calc(100% + 11px);left:-3%}.show-laptop-base:before{content:"";background:#a9ada7;border-radius:0 0 7px 7px;width:13%;height:5px;position:absolute;left:43.5%}.show-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:var(--show-muted);font-size:11px;font-weight:500;line-height:1.5;display:block}.show-section-title{text-align:center;max-width:780px;margin:0 auto 46px}.show-section-title h2{margin-top:10px}.show-section-title>p{color:var(--show-muted);max-width:620px;margin:20px auto 0;font-size:16px;line-height:1.75}.show-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.show-feature-grid article{background:#fcfcfa;border:1px solid #e7e8e2;border-radius:16px;min-width:0;padding:21px 17px}.show-feature-art{color:#8d9586;justify-content:center;align-items:center;gap:10px;height:76px;margin-bottom:23px;display:flex}.show-feature-art>span{color:#8d9586;font-size:12px}.show-feature-art .show-wave{gap:2px;padding:0}.show-feature-art .show-wave i{width:2px;height:calc(var(--height)*.6)}.show-feature-art kbd{background:#ecefe5;border:1px solid #ccd2c3;border-radius:8px;place-items:center;width:40px;height:39px;font-size:20px;line-height:1;display:grid;box-shadow:0 3px #c8cdbe}.show-feature-grid h3{letter-spacing:-.3px;font-size:15px}.show-feature-grid p{color:var(--show-muted);margin-top:9px;font-size:12px}.show-sound-section{padding-block:100px 50px}.show-studio-grid{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:24px;display:grid}.show-library,.show-tone{color:#3c4436;background:#fffefb;border:1px solid #e3e5dc;border-radius:16px;min-width:0;padding:25px;box-shadow:0 10px 28px #252b1f04}.show-widget-head{color:#7c8474;justify-content:space-between;align-items:center;gap:10px;min-height:30px;font-size:11px;display:flex}.show-widget-head h3{letter-spacing:-.3px;align-items:center;gap:8px;font-size:15px;display:flex}.show-widget-head small{color:#929b88;font-size:12px;font-weight:400}.show-widget-head button{color:#879079;background:0 0;border:0;padding:8px 0 8px 10px;font-size:11px}.show-search{width:100%;font:inherit;color:#536146;background:#f7f8f2;border:1px solid #e1e5d8;border-radius:8px;margin-block:15px 12px;padding:12px;display:block}.show-filters,.show-tone-presets{flex-wrap:wrap;gap:5px;margin:0 0 16px;display:flex}.show-filters button,.show-tone-presets button{color:#6d7860;background:0 0;border:1px solid #0000;border-radius:7px;min-height:32px;padding:8px 10px;font-size:10px}.show-filters button[aria-pressed=true],.show-tone-presets button[aria-pressed=true]{background:#eef1e7;border-color:#dce2ce}.show-sound-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;height:345px;display:grid;overflow-y:auto}.show-sound-row{border:1px solid #e5e9dc;border-radius:7px;min-width:0;min-height:67px;display:flex}.show-sound-row.selected{background:#fcf1e8;border-color:#dba181}.show-sound-choice{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:9px 0 9px 9px;display:flex}.show-sound-choice>i{color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:25px;height:29px;font-size:16px;font-style:normal;line-height:1;display:grid;box-shadow:inset 0 -3px #0001}.show-sound-choice>span{flex:1;min-width:0}.show-sound-choice strong{font-size:12px;font-weight:550;line-height:1.3;display:block}.show-sound-choice small{color:#8a9480;margin-top:4px;font-size:9px;line-height:1.4;display:block}.show-sound-choice>svg{display:none}.show-save{background:0 0;border:0;align-self:center;min-width:32px;min-height:44px;padding:5px;color:#8b967e!important;font-size:18px!important}.show-save[aria-pressed=true]{color:#ba764c!important}.show-library-foot{color:#879378;border-top:1px solid #e3e7d9;justify-content:space-between;margin-top:17px;padding-top:15px;font-size:10px;display:flex}.show-library-empty{text-align:center;color:#8b957e;grid-column:1/-1;padding:70px 15px;font-size:12px}.show-library-empty p{margin-top:12px}.show-tone>p{color:#8b967f;margin-block:13px 15px;font-size:12px}.show-tone-pad{cursor:crosshair;touch-action:none;background:radial-gradient(#8c947126 .8px,#0000 .8px) 0 0/15px 15px,linear-gradient(125deg,#edf2e2,#f7ecdf);border:1px solid #e4e8d9;border-radius:12px;height:285px;position:relative}.show-tone-pad>span:not(.pad-point){color:#8a9676;letter-spacing:1.2px;pointer-events:none;font-size:9px;position:absolute}.pad-north{top:15px;left:50%;transform:translate(-50%)}.pad-south{bottom:15px;left:50%;transform:translate(-50%)}.pad-west{top:50%;left:13px;transform:translateY(-50%)}.pad-east{top:50%;right:13px;transform:translateY(-50%)}.pad-cross{opacity:.28;pointer-events:none;position:absolute}.pad-cross.horizontal{border-top:1px dashed #aeb69c;top:50%;left:0;right:0}.pad-cross.vertical{border-left:1px dashed #aeb69c;top:0;bottom:0;left:50%}.pad-point{pointer-events:none;background:#ec8254;border:5px solid #fff;border-radius:50%;width:27px;height:27px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 9px #606a4229}.show-tone-pad[data-playing=true] .pad-point{box-shadow:0 0 0 8px #ec825419,0 3px 9px #606a4229}.show-tone-ranges{color:#859173;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px;font-size:10px;display:grid}.show-tone-ranges input{accent-color:#8a9a75;width:100%;height:8px;margin-top:13px;display:block}.show-tone-foot{color:#839171;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.show-tone-foot label{align-items:center;gap:6px;display:flex}.show-tone-foot input{accent-color:#899b70;margin:0}.show-tone-foot>span{margin-left:auto;font-size:10px}.show-tone-foot button{color:#b86d45;background:0 0;border:0;align-items:center;gap:5px;padding:8px 0;display:flex}.show-themes{text-align:center;margin-top:40px}.show-themes h3{font-size:19px}.show-themes>p{color:var(--show-muted);margin-top:10px;font-size:12px}.show-theme-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin-top:23px;display:grid}.show-theme-grid>button{color:var(--show-muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:12px 8px;font-size:11px;display:flex}.show-theme-grid>button[aria-pressed=true]{color:#ab633e;background:#fdf0e7;border-color:#d99574}.show-palette{border-radius:5px;gap:3px;width:51px;padding:5px;display:flex;box-shadow:0 3px #0002}.show-palette i{border-radius:3px;width:12px;height:20px;box-shadow:inset 0 -2px #0001}.show-wave{justify-content:center;align-items:center;gap:4px;height:75px;padding-block:12px;display:flex}.show-wave i{width:3px;height:var(--height);background:#acb299;border-radius:5px}.show-wave[data-playing=true] i{animation:show-wave .4s var(--delay) ease-in-out infinite alternate}@keyframes show-wave{to{transform:scaleY(.4)}}.show-profile-card{color:#3b4b30;background:#fafcf5;border:1px solid #dfe5d3;border-radius:20px;width:100%;max-width:350px;padding:26px;box-shadow:0 14px 25px #3244220b}.show-profile-label{color:#94a082;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex}.show-profile-card h3{margin-top:21px;font-size:30px}.show-profile-card>p{color:#859777;margin-top:8px;font-size:13px}.show-profile-card .show-button{min-height:38px;margin-top:10px;padding:9px 17px;font-size:11px}.show-menu-card{color:#4a5441;background:#fcfcf5;border:1px solid #dbe1d0;border-radius:14px;width:270px;max-width:100%;padding:22px;font-size:11px;box-shadow:0 18px 30px #293b2312}.show-menu-title{align-items:center;gap:11px;margin-bottom:20px;display:flex}.show-menu-title strong{letter-spacing:-.6px;font-size:19px}.show-menu-title small{color:#9ba48f;margin-top:4px;font-size:9px;display:block}.show-menu-card>div:not(.show-menu-title){border-top:1px solid #e4e8db;justify-content:space-between;align-items:center;gap:15px;padding-block:12px;display:flex}.show-menu-card>div>strong{color:#8a9678;font-size:11px;font-weight:400}.show-menu-card kbd{font:inherit;color:#929e80}.show-volume-track{background:#dce3cd;border-radius:5px;flex:1;height:5px;display:block}.show-volume-track>i{border-radius:inherit;background:#94a27e;height:100%;display:block}.show-preview-caption{text-align:center;color:#a5ad98;margin-top:12px;font-size:9px;display:block}.show-pricing{padding-block:100px 40px}.show-plans{grid-template-columns:1fr 1fr;gap:24px;max-width:950px;margin-inline:auto;display:grid}.show-plan{color:#3f4b35;background:#fcfcf8;border:1px solid #dde2d4;border-radius:22px;flex-direction:column;align-items:start;padding:34px;display:flex}.show-plan.plus{background:#edf1e4}.show-plan>span{letter-spacing:1px;color:#859175;font-size:10px}.show-plan h3{letter-spacing:-2px;margin-top:20px;font-size:52px}.show-plan h3 small{letter-spacing:0;color:#929e84;font-size:12px;font-weight:400}.show-plan-alternatives{color:#7a886b;gap:20px;margin-top:8px;font-size:13px;display:flex}.show-plan>p{color:#849374;margin-top:19px;font-size:13px}.show-plan ul{color:#748564;flex:1;align-content:start;gap:14px;margin:0;padding:25px 0 30px;font-size:12px;line-height:1.7;list-style:none;display:grid}.show-plan li{padding-left:20px;position:relative}.show-plan li:before{content:"✓";color:#9dab8b;position:absolute;left:0}.show-plan .show-button{width:100%;margin-top:auto}.show-plan>small{color:#939e88;align-self:center;margin-top:14px;font-size:10px}.show-faq{padding-block:100px 30px}.show-faq-list{max-width:780px;margin:auto}.show-faq details{border-bottom:1px solid var(--show-line)}.show-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;font-size:14px;list-style:none;display:flex}.show-faq summary::-webkit-details-marker{display:none}.show-feedback summary::-webkit-details-marker{display:none}.show-faq summary svg{color:var(--show-muted);transition:transform .2s}.show-faq details[open] svg{transform:rotate(180deg)}.show-faq details p{color:var(--show-muted);padding:0 30px 25px 0;font-size:13px;line-height:1.85}.show-final{text-align:center;padding-block:95px 90px}.show-final>img{margin:0 auto 25px;display:block}.show-final h2{font-size:clamp(38px,4.5vw,57px)}.show-final>p{color:var(--show-muted);margin-top:19px;font-size:15px}.show-final .show-downloads{justify-content:center;margin-top:27px}.show-final>small{color:var(--show-muted);margin-top:18px;font-size:10px;line-height:1.8;display:block}.show-feedback{padding-bottom:45px}.show-feedback summary{color:var(--show-muted);cursor:pointer;justify-content:center;align-items:center;gap:18px;padding:15px;font-size:12px;list-style:none;display:flex}.show-feedback .feedback-form{color:#414c37;max-width:620px;box-shadow:none;margin:25px auto 0}.show-footer{border-top:1px solid var(--show-line);color:var(--show-muted);flex-wrap:wrap;align-items:center;gap:22px;padding-block:25px 35px;font-size:11px;display:flex}.show-footer nav{flex-wrap:wrap;gap:25px;margin-left:auto;display:flex}.show-footer .show-brand{color:var(--show-ink);font-size:24px}.showcase .install-dialog{color:#343c2e;background:#fffef8;font-family:Keyko Inter,sans-serif}.showcase .install-dialog h2{letter-spacing:-1.2px;margin-block:20px;font-size:30px;line-height:1.15}.showcase .install-dialog p{color:#89907f;font-size:12px}.variant-keeby{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif}.variant-keeby .show-brand{color:#e47a4c}.keeby-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;max-width:1440px;margin:28px auto 0;padding:25px 35px 60px 18px;display:grid}.keeby-product{min-width:0;padding-right:16px}.keeby-product .show-window-bar{background:#e7e7e1}.keeby-copy{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.keeby-availability{color:#92998d;margin-bottom:24px;font-size:11px}.keeby-availability i{background:#87b482;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.keeby-handwriting{color:#a4a597;font:17px/1.5 Bradley Hand,Comic Sans MS,cursive;display:block}.keeby-copy>.keeby-handwriting{margin-top:9px;transform:rotate(-3deg)}.keeby-product>.keeby-handwriting{text-align:center;margin-top:38px}.keeby-copy h1{letter-spacing:-1.5px;margin-top:24px;font-size:clamp(36px,3.8vw,55px);font-weight:800;line-height:1.1}.keeby-copy>p{color:#838a7a;max-width:330px;margin-top:21px;font-size:16px}.keeby-copy .show-downloads{justify-content:center;margin-top:25px}.keeby-copy .show-button{padding-inline:17px;font-size:12px}.keeby-copy>small{color:#a0a38e;margin-top:17px;font-size:10px}.keeby-features{padding-top:40px}.variant-keeby .show-feature-grid article{background:#f2f3eb;border-color:#e8ebe0}.variant-keeby h2{font-family:ui-rounded,SF Pro Rounded,sans-serif;font-weight:780}.keeby-native{grid-template-columns:1fr 1fr;align-items:center;gap:110px;max-width:900px;padding-block:90px 35px;display:grid}.keeby-native h2{margin-top:14px}.keeby-native p{color:#88937a;max-width:380px;margin-top:20px;font-size:14px}.keeby-native .show-downloads{margin-top:24px}.keeby-native .show-menu-card{justify-self:center;transform:rotate(2deg)}.variant-supaste{--show-paper:#fff;--show-ink:#080909;--show-muted:#777b79}.variant-supaste .show-header{color:#fff;background:#070807;border-radius:0 0 20px 20px;gap:30px;width:min(900px,100% - 40px);padding:12px 18px;position:fixed;left:50%;transform:translate(-50%)}.variant-supaste .show-header>nav{color:#b1b4b0;gap:23px;margin-left:auto;font-size:12px}.variant-supaste .show-header-actions{margin-left:0}.variant-supaste .show-account-link{display:none}.variant-supaste .show-header .show-button.primary{color:#101211;background:#fff;border-radius:9px;min-height:34px}.supaste-hero{text-align:center;color:#fff;background:linear-gradient(#28269f 0%,#2866e6 30%,#61a7f3 60%,#c3f0f4 100%);padding:115px 0 80px}.supaste-hero>.show-eyebrow{text-transform:none;letter-spacing:-.4px;color:#e7efff;justify-content:center;align-items:center;gap:10px;font-size:19px;display:flex}.supaste-hero h1{letter-spacing:-3.5px;margin-top:30px;font-size:clamp(58px,6.6vw,88px);font-weight:600;line-height:1.02}.supaste-hero h1 em{letter-spacing:-2px;font:italic 400 1.08em/1.03 Keyko Instrument,Georgia,serif}.supaste-hero>p{color:#e8f1ff;max-width:650px;margin:30px auto 0;padding-inline:25px;font-size:19px;line-height:1.55}.supaste-hero>.show-downloads{justify-content:center;margin-top:28px}.variant-supaste .show-button.primary{background:#000;padding-inline:27px}.supaste-benefits{color:#d9eaff;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:22px;font-size:10px;display:flex}.supaste-product{max-width:960px;margin-top:72px}.supaste-product .show-demo{text-align:left;border:8px solid #171817;border-radius:25px;box-shadow:0 35px 90px #1e46a540}.supaste-product .show-window-bar{border-radius:17px 17px 0 0}.supaste-features{padding-top:110px}.supaste-features h2{font-size:62px;font-weight:580}.supaste-chips{flex-wrap:wrap;justify-content:center;gap:9px;max-width:710px;margin:auto;display:flex}.supaste-chips span{background:#f9faf8;border:1px solid #e4e7e4;border-radius:50px;padding:9px 15px;font-size:12px}.supaste-bento{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.supaste-bento>article{background:#f9faf7;border:1px solid #e3e7e0;border-radius:24px;min-width:0;padding:35px}.supaste-bento h3{max-width:380px;font-size:28px}.supaste-bento p{color:#8a9282;max-width:380px;margin-top:16px;font-size:14px}.supaste-bento .show-profile-card,.supaste-bento .show-menu-card{margin:34px auto 5px}.supaste-bento>.supaste-bento-wide{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.supaste-bento-wide h3{font-size:39px}.supaste-bento-wide .show-tone{box-shadow:0 10px 35px #121d1512}.variant-supaste .show-footer:after{content:"keyko";text-align:center;letter-spacing:-18px;color:#080908;width:100%;margin-top:55px;font-size:clamp(120px,25vw,320px);font-weight:650;line-height:.9;display:block}.variant-glossar{--show-paper:#fff;--show-ink:#070808;--show-muted:#7b7b7b;--show-accent:#407f95;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gloss-header{background:0 0;width:min(480px,100% - 32px);margin:14px auto 0;padding:0;display:block;top:14px}.gloss-top{color:#fff;background:#000;border-radius:11px;align-items:center;min-height:58px;padding:15px 22px;display:flex}.gloss-top .show-brand{letter-spacing:-.7px;margin:auto;font-size:23px;font-weight:450}.gloss-top .show-brand img{display:none}.gloss-menu{background:0 0;border:0;margin-left:auto;padding:1px;color:#929493!important}.gloss-buy{background:#427f95;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:6px;padding:11px 10px 11px 22px;font-size:14px;display:flex;color:#fff!important}.gloss-buy>span:last-child{align-items:center;gap:12px;display:flex}.gloss-buy svg{box-sizing:content-box;background:#ffffff30;border-radius:8px;padding:9px}.gloss-header>.gloss-navigation{color:#eee;background:#171b1c;flex-direction:column;gap:0;padding:10px 20px;display:flex}.gloss-navigation a{padding:11px 5px;font-size:14px}.gloss-hero{text-align:center;padding-top:116px}.gloss-hero h1{letter-spacing:-1.5px;margin-top:33px;font-size:42px;font-weight:580}.gloss-hero>p{color:#777;margin-top:25px;font-size:17px;line-height:1.6}.gloss-hero>.show-downloads{justify-content:center;margin-top:28px}.gloss-hero .show-button.primary{background:#000;font-weight:450}.gloss-widget-row{justify-content:center;align-items:center;gap:30px;padding:110px 0 30px;display:flex}.gloss-widget-row .show-profile-card{text-align:left;background:#f5fbfa;border-color:#dce8e5;max-width:325px;transform:rotate(-3deg)}.gloss-widget-row .show-menu-card{text-align:left;transform:rotate(3deg)}.gloss-story{max-width:950px;padding-top:100px}.gloss-story>article{grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-bottom:180px;display:grid}.gloss-story h2{letter-spacing:-1.3px;font-size:38px;font-weight:500;line-height:1.2}.gloss-story h2 span{color:#949494}.gloss-story p{color:#929292;margin-top:20px;font-size:15px}.gloss-story .show-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.gloss-story .show-theme-grid>button{padding:10px 4px;font-size:9px}.gloss-story .show-theme-grid .show-palette{gap:2px;width:43px}.gloss-theme-art{background:linear-gradient(150deg,#d8efeb,#e7eef4);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:290px;display:flex;box-shadow:0 12px 25px #47827e0a}.gloss-theme-art strong{font-size:27px;font-weight:500}.gloss-theme-art span{color:#83a4a1;font-size:13px}.gloss-play{padding-block:0 40px}.variant-glossar .show-sound-section{padding-top:100px}.variant-glossar .show-pricing h2,.variant-glossar .show-faq h2{letter-spacing:-1.4px;font-size:40px;font-weight:500}.variant-bevel{--show-paper:#1e2025;--show-ink:#1d2025;--show-muted:#7f858c;--show-line:#d9dde2;padding:8px}.variant-bevel .show-header{color:#22252a;background:#f8fbffb8;border-radius:40px;gap:22px;width:min(570px,100% - 36px);padding:8px 12px 8px 22px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.variant-bevel .show-header>nav a:nth-child(n+2){display:none}.variant-bevel .show-header-actions{gap:20px}.variant-bevel .show-header .show-button{font-size:13px}.variant-bevel .show-brand{letter-spacing:-.5px;font-size:23px;font-weight:550}.variant-bevel .show-brand img{width:25px;height:28px}.bevel-hero{background:linear-gradient(#d8e7fb,#e9eef8 45%,#ececef 70%,#ede8e5);border-radius:25px;padding:104px 0 65px;position:relative;overflow:hidden}.bevel-hero-copy{text-align:center;z-index:2;position:relative}.bevel-hero h1{letter-spacing:-3px;font-size:73px;font-weight:600;line-height:1.03}.bevel-hero-copy>p{color:#828992;margin-top:25px;font-size:23px;line-height:1.5}.bevel-hero .show-downloads{justify-content:center;margin-top:28px}.bevel-hero-copy>span{color:#8f99a6;margin-top:20px;font-size:11px;display:block}.bevel-aura{opacity:.65;filter:blur(25px);background:radial-gradient(at 50% 0,#0000 20%,#f9e1cb 34%,#d0cee4 44%,#a8dce2 54%,#c8e8d4 63%,#f5e7d2 72%,#0000 76%);height:260px;position:absolute;top:380px;left:0;right:0;transform:scaleX(1.3)}.bevel-product{z-index:2;max-width:960px;margin-top:140px;position:relative}.bevel-product .show-demo{box-shadow:0 30px 70px #43506325}.bevel-story{padding-top:28px}.bevel-panel{border-radius:30px;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;width:calc(100% - 42px);max-width:1400px;min-height:560px;margin:0 auto 28px;padding:78px 6%;display:grid}.bevel-panel.lavender{background:linear-gradient(120deg,#e6eef4,#ece0ef)}.bevel-panel.peach{background:linear-gradient(120deg,#f4e9dc,#f4dfdf)}.bevel-panel.mint{background:linear-gradient(120deg,#ddeeea,#e8edda)}.bevel-panel h2{letter-spacing:-3px;margin-top:20px;font-size:62px;font-weight:580}.bevel-panel p{color:#7f8790;max-width:530px;margin-top:22px;font-size:19px;line-height:1.65}.bevel-panel .show-profile-card,.bevel-panel .show-menu-card{justify-self:center;width:100%;max-width:340px;transform:rotate(2deg);box-shadow:0 20px 50px #303b5020}.bevel-panel .show-tone{justify-self:center;width:100%;max-width:440px}.bevel-panel .show-tone p{font-size:12px}.bevel-panel .show-downloads{margin-top:26px}.variant-bevel .show-sound-section,.variant-bevel .show-pricing,.variant-bevel .show-faq,.variant-bevel .show-final{background:#eef2f4;border-radius:30px;width:calc(100% - 42px);max-width:1400px;margin-bottom:28px;padding:75px 6%}.variant-bevel .show-pricing{background:#f1eeeb}.variant-bevel .show-final{background:linear-gradient(120deg,#dce8fa,#ede4ef)}.variant-bevel .show-feedback,.variant-bevel .show-footer{color:#adb3bf;--show-ink:#e7e9ed;--show-muted:#a1a8b4;--show-line:#424650}.variant-clicky{--show-paper:#f5f5f5;--show-ink:#080909;--show-muted:#969b98;background-image:radial-gradient(#bfc4c65c .8px,#0000 .8px);background-size:28px 28px}.variant-clicky .show-header{background:#f5f5f5f0;border-bottom:1px solid #e2e5e5;gap:24px;min-height:54px;padding:15px 24px}.variant-clicky .show-brand{letter-spacing:-.6px;font-size:16px;font-weight:550}.variant-clicky .show-brand img{display:none}.variant-clicky .show-header>nav{gap:20px;font-size:12px}.clicky-header-logo{color:#090a09;font-size:42px;font-weight:400;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.variant-clicky .show-header .show-button{color:#5584c0;background:0 0;min-height:25px;padding:0}.clicky-hero{text-align:center;padding:200px 0 80px;position:relative}.clicky-hero-copy{z-index:3;position:relative}.clicky-hero h1{letter-spacing:-4px;font-size:88px;font-weight:560;line-height:1}.clicky-hero-copy>p{color:#313731;letter-spacing:-.5px;margin-top:18px;font-size:20px}.clicky-hero .show-downloads{justify-content:center;margin-top:30px}.variant-clicky .show-button.primary{color:#080c16;background:linear-gradient(#fcffff 0%,#eef6ff 24%,#86b9ff 80%,#c6e4ff);border:1px solid #838fac;min-height:38px;padding:8px 17px;font-size:14px;font-weight:500;box-shadow:inset 0 2px 2px #fff,0 4px 12px #6586ba20}.variant-clicky .show-button.secondary{color:#161d22;background:linear-gradient(#fff,#e4e7e7);border-color:#aeb8bc;min-height:38px;padding:8px 17px;font-size:14px;box-shadow:inset 0 2px 2px #fff,0 4px 12px #6586ba10}.clicky-hero-copy>span{color:#a9afab;margin-top:10px;font-size:10px;display:block}.clicky-product{z-index:3;width:calc(100% - 80px);max-width:750px;margin:62px auto 0;position:relative}.clicky-file-caption{color:#9da6a0;margin-top:18px;font-size:10px;display:block}.clicky-floating{z-index:2;opacity:.87;text-align:left;width:200px;position:absolute}.floating-one{top:75px;left:3.5%;transform:rotate(-5deg)}.floating-two{top:115px;right:4%;transform:rotate(5deg)}.clicky-floating .show-window-bar{border:1px solid #d0d4d0;padding:8px 10px;font-size:8px}.clicky-floating .show-profile-card{background:#ffffffb0;border-radius:0 0 12px 12px;max-width:none;padding:17px}.clicky-floating .show-profile-card h3{margin-top:11px;font-size:24px}.clicky-floating .show-profile-card p{font-size:10px}.clicky-floating .show-profile-card .show-wave{gap:3px;height:55px}.clicky-floating .show-profile-card .show-wave i{width:2px}.clicky-floating .show-profile-card .show-button{min-height:28px;padding:5px 12px;font-size:10px}.clicky-floating .show-menu-card{background:#fefefbbe;border-color:#cfd7d0;padding:17px;font-size:9px}.clicky-floating .show-menu-card>div:not(.show-menu-title){padding-block:9px}.clicky-floating .show-menu-title strong{font-size:15px}.clicky-floating .show-menu-title img{width:32px;height:36px}.clicky-floating .show-menu-title{margin-bottom:13px}.clicky-sticker{z-index:4;border:4px solid #fff;width:105px;padding:11px 5px;font-size:10px;position:absolute;box-shadow:0 4px 9px #35465c17}.sticker-one{color:#fff;background:#6c82e9;top:37px;left:27%;transform:rotate(8deg)}.sticker-one span{font-size:8px;line-height:1.1;display:block}.sticker-one strong{color:#4c5271;background:#fff;margin-top:10px;padding:7px 0;font-weight:500;display:block}.sticker-two{color:#fff;background:#ed8181;font-size:17px;top:35px;right:24%;transform:rotate(-7deg)}.sticker-two small{font-size:8px}.clicky-doodle{color:#535c57;z-index:1;font:20px/1 monospace;position:absolute}.doodle-one{color:#a5b7a1;font-size:46px;top:340px;left:19%}.doodle-two{font-size:17px;top:430px;right:17%;transform:rotate(-9deg)}.clicky-folder{color:#7eb8d9;text-shadow:0 2px #4c99c7;font-size:50px;position:absolute;top:57px;left:18%;transform:rotate(-8deg)}.clicky-features{padding-block:70px 10px}.clicky-features .show-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.variant-clicky .show-feature-grid article{background:#ffffffaf;border-radius:8px;box-shadow:0 9px 20px #39474a08}.variant-clicky .show-pricing{color:#fff;--show-muted:#d9e7f6;background:radial-gradient(at 0 5%,#f1f7fa88 2%,#0000 22%),radial-gradient(at 85% 25%,#f4fbff99 3%,#0000 20%),linear-gradient(150deg,#315889,#7da9d8);border-radius:25px;margin-top:50px;padding:70px 45px}.variant-clicky .show-pricing .show-eyebrow{color:#d9e7f6}.variant-clicky .show-pricing .show-section-title h2{font-size:49px;font-weight:450}.variant-clicky .show-plans{gap:18px}.variant-clicky .show-plan{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-color:#fff8;border-radius:15px}@media (max-width:1100px){.show-wrap{width:calc(100% - 56px)}.show-header{gap:20px;padding-inline:24px}.show-header>nav{gap:16px}.keeby-hero{grid-template-columns:1.1fr 1fr;gap:24px;padding-inline:15px 25px}.keeby-copy .show-button{padding:12px 14px;font-size:11px}.show-feature-grid{gap:10px}.show-feature-grid article{padding:20px 12px}.show-sound-list{grid-template-columns:1fr}.show-feature-grid h3{font-size:13px}.show-feature-grid p{font-size:11px}.gloss-story>article{gap:55px}.bevel-panel{gap:50px}.bevel-panel h2{font-size:51px}.clicky-floating{width:160px}.floating-one{left:2%}.floating-two{right:2%}.clicky-hero h1{font-size:76px}}@media (max-width:760px){.show-wrap{width:calc(100% - 36px)}.showcase h1{letter-spacing:-1.7px;font-size:47px}.showcase h2{letter-spacing:-1.5px;font-size:37px}.showcase [id]{scroll-margin-top:90px}.show-header{gap:12px;min-height:65px;padding:14px 18px}.show-header>nav,.show-header-note,.show-account-link{display:none}.show-header-actions{gap:10px}.show-header-actions .show-button{min-height:35px;padding:9px 12px;font-size:10px}.show-brand{gap:3px;font-size:23px}.show-brand img{width:25px;height:28px}.show-audio{padding:10px}.show-audio>span,.show-audio>svg:last-child{display:none}.showcase .audio-popover{position:fixed;top:65px;right:18px}.show-button{padding:13px 16px;font-size:12px}.show-downloads{gap:9px}.show-window-bar{gap:8px;padding:10px 12px;font-size:8px}.show-window-dots{gap:4px}.show-window-dots i{width:6px;height:6px}.show-demo{border-radius:12px}.show-demo iframe{border-radius:0 0 12px 12px}.show-laptop{border-width:6px 6px 9px;border-radius:14px 14px 3px 3px}.show-laptop iframe{border-radius:0}.show-laptop-base{height:11px;top:calc(100% + 8px)}.show-feature-grid,.clicky-features .show-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.show-feature-grid article{padding:23px 18px}.show-feature-grid h3{font-size:14px}.show-feature-art{height:68px;margin-bottom:16px}.show-feature-grid p{font-size:12px}.show-section-title{margin-bottom:29px}.show-section-title>p{margin-top:18px;font-size:14px}.show-sound-section{padding-block:70px 25px}.show-studio-grid,.show-plans{grid-template-columns:1fr;gap:18px}.show-library,.show-tone{padding:20px}.show-search{font-size:12px}.show-sound-list{height:315px}.show-save{min-width:40px}.show-sound-choice strong{font-size:13px}.show-sound-choice small{font-size:10px}.show-tone-pad{height:260px}.show-tone-foot{gap:7px;font-size:10px}.show-tone-foot>span{font-size:9px}.show-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.show-theme-grid>button{padding:12px 5px;font-size:10px}.show-themes{margin-top:30px}.show-themes h3{font-size:18px}.show-palette{gap:2px;width:45px}.show-palette i{width:11px;height:17px}.show-plan{padding:27px}.show-plan h3{font-size:48px}.show-plan ul{font-size:12px}.show-plan>small{text-align:center;font-size:9px}.show-pricing{padding-block:70px 20px}.show-faq{padding-block:65px 10px}.show-faq summary{padding-block:21px;font-size:13px}.show-faq details p{padding-right:0;font-size:12px}.show-final{padding-block:65px 55px}.show-final>p{font-size:13px}.show-final .show-downloads{flex-direction:column}.show-footer{gap:15px;font-size:10px}.show-footer nav{justify-content:space-between;gap:20px;width:100%;margin:7px 0 0;font-size:10px}.show-footer .show-brand{font-size:21px}.keeby-hero{flex-direction:column-reverse;gap:45px;margin-top:0;padding:35px 18px 20px;display:flex}.keeby-copy h1{letter-spacing:-1.5px;margin-top:21px;font-size:40px}.keeby-copy>p{font-size:15px}.keeby-copy .show-mascot img{width:84px;height:92px}.keeby-copy .show-downloads{flex-direction:column}.keeby-copy .show-button{font-size:12px}.keeby-availability{margin-bottom:18px}.keeby-product{width:100%;padding:0}.keeby-product>.keeby-handwriting{margin-top:26px;font-size:14px}.keeby-features{padding-top:50px}.keeby-native{grid-template-columns:1fr;gap:35px;padding-block:65px 20px}.keeby-native h2{font-size:38px}.keeby-native p{font-size:14px}.keeby-native .show-menu-card{transform:none}.variant-supaste .show-header{border-radius:0 0 17px 17px;width:calc(100% - 28px);min-height:58px;padding:12px 15px}.variant-supaste .show-header-actions{margin-left:auto}.variant-supaste .show-header .show-button{padding:9px 12px;font-size:10px}.supaste-hero{padding:100px 0 55px}.supaste-hero h1{letter-spacing:-2px;margin-top:25px;font-size:49px}.supaste-hero h1 em{letter-spacing:-1px;font-size:1.11em}.supaste-hero>.show-eyebrow{font-size:15px}.supaste-hero>p{margin-top:25px;padding-inline:26px;font-size:15px}.supaste-benefits{gap:10px 17px;padding:0 35px;font-size:8px}.supaste-product{margin-top:45px}.supaste-product .show-demo{border-width:5px;border-radius:17px}.supaste-features{padding-top:65px}.supaste-features h2{font-size:37px}.supaste-chips{gap:7px}.supaste-chips span{padding:7px 10px;font-size:10px}.supaste-bento{grid-template-columns:1fr;gap:17px;margin-top:30px}.supaste-bento>article{border-radius:17px;padding:25px}.supaste-bento h3{font-size:26px}.supaste-bento p{font-size:13px}.supaste-bento>.supaste-bento-wide{grid-template-columns:1fr;gap:25px;padding:25px 18px}.supaste-bento-wide .show-tone{padding:17px}.supaste-bento-wide .show-tone-foot{gap:5px}.variant-supaste .show-footer:after{letter-spacing:-6px;margin-top:35px;font-size:28vw}.gloss-header{width:calc(100% - 36px);min-height:0;margin-top:12px;padding:0;top:12px}.gloss-top{min-height:52px;padding:12px 17px}.gloss-top .show-brand{font-size:22px}.gloss-buy{padding:9px 9px 9px 18px;font-size:12px}.gloss-buy svg{width:17px;padding:7px}.gloss-hero{padding-top:90px}.gloss-hero h1{letter-spacing:-1.3px;margin-top:30px;font-size:35px}.gloss-hero>p{font-size:15px}.gloss-hero p br{display:none}.gloss-widget-row{flex-direction:column;gap:32px;padding-top:70px}.gloss-widget-row .show-profile-card,.gloss-widget-row .show-menu-card{width:100%;max-width:310px;transform:none}.gloss-story{padding-top:80px}.gloss-story>article{grid-template-columns:1fr;gap:30px;margin-bottom:90px}.gloss-story h2{font-size:33px}.gloss-story p{font-size:14px}.gloss-story .show-profile-card{justify-self:center}.gloss-theme-art{min-height:250px}.gloss-story .show-theme-grid{max-width:340px}.variant-glossar .show-pricing h2,.variant-glossar .show-faq h2{font-size:35px}.variant-bevel{padding:6px}.variant-bevel .show-header{min-height:54px;padding:9px 10px 9px 18px;top:14px}.variant-bevel .show-header .show-brand{font-size:21px}.variant-bevel .show-header .show-button{padding:9px 13px;font-size:11px}.bevel-hero{border-radius:20px;padding:105px 0 38px}.bevel-hero h1{letter-spacing:-1.8px;padding-inline:15px;font-size:43px}.bevel-hero-copy>p{margin-top:22px;padding-inline:20px;font-size:17px}.bevel-hero-copy>span{padding-inline:20px;font-size:9px}.bevel-aura{height:180px;top:320px}.bevel-product{width:calc(100% - 24px);margin-top:95px}.bevel-story{padding-top:18px}.bevel-panel{border-radius:20px;grid-template-columns:1fr;gap:35px;width:calc(100% - 12px);min-height:0;margin-bottom:18px;padding:42px 23px}.bevel-panel h2{letter-spacing:-1.8px;font-size:40px}.bevel-panel p{margin-top:18px;font-size:15px}.bevel-panel .show-profile-card,.bevel-panel .show-menu-card{transform:none}.bevel-panel .show-tone{padding:17px}.variant-bevel .show-sound-section,.variant-bevel .show-pricing,.variant-bevel .show-faq,.variant-bevel .show-final{border-radius:20px;width:calc(100% - 12px);margin-bottom:18px;padding:45px 18px}.variant-bevel .show-library,.variant-bevel .show-tone{padding:17px}.variant-bevel .show-theme-grid{gap:1px}.variant-bevel .show-theme-grid>button{padding:11px 3px;font-size:9px}.variant-bevel .show-plan{padding:23px}.variant-clicky .show-header{min-height:56px;padding:13px 18px}.clicky-header-logo{font-size:34px;top:0}.variant-clicky .show-header .show-button{font-size:10px}.clicky-hero{padding-top:190px;padding-bottom:40px}.clicky-hero h1{letter-spacing:-2.6px;font-size:57px}.clicky-hero-copy>p{font-size:15px}.clicky-hero .show-downloads{flex-direction:column;margin-top:24px}.variant-clicky .show-button.primary,.variant-clicky .show-button.secondary{font-size:12px}.clicky-hero-copy>span{margin-top:15px;padding-inline:20px;font-size:8px}.clicky-floating{display:none}.clicky-sticker{border-width:3px;width:78px;padding:7px 4px}.sticker-one{top:32px;left:13%}.sticker-one span{font-size:6px}.sticker-one strong{margin-top:8px;padding-block:5px;font-size:8px}.sticker-two{font-size:15px;top:70px;right:13%}.sticker-two small{font-size:7px}.doodle-one{font-size:28px;top:47px;left:auto;right:18%}.doodle-two{font-size:13px;top:139px;right:22%}.clicky-folder{font-size:30px;top:120px;left:22%}.clicky-product{width:calc(100% - 36px);margin-top:40px}.clicky-features{padding-top:40px}.variant-clicky .show-pricing{margin-top:30px;padding:45px 20px}.variant-clicky .show-pricing .show-section-title h2{font-size:37px}}@media (prefers-reduced-motion:reduce){.showcase *,.showcase :before,.showcase :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@font-face{font-family:Keyko Download Bricolage;src:url(/fonts/bricolage-grotesque-variable.ttf)format("truetype");font-weight:200 800;font-display:swap}.mac-download-notice{z-index:250;color:#27364b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dce4ef;border-radius:20px;align-items:flex-start;gap:24px;width:max-content;max-width:calc(100vw - 32px);padding:18px 22px;font-size:14px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #213a6020}.mac-download-notice p{margin:5px 0 0;font-size:13px}.mac-download-notice a{color:#2462d0;text-underline-offset:3px}.mac-download-notice button{color:#68788b;background:0 0;border:0;padding:0 3px;font-size:24px;line-height:1}.mac-chip-dialog{color:#1b1e24;background:#fff;border:1px solid #dde4ee;border-radius:30px;width:min(560px,100vw - 32px);padding:36px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 24px 100px #1a2c4630}.mac-chip-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#15203945}.mac-chip-dialog>img{margin-bottom:22px;display:block}.mac-chip-kicker{letter-spacing:1.5px;color:#607491;font-size:10px}.mac-chip-dialog h2{letter-spacing:-1.2px;margin:14px 0 18px;font-family:Keyko Download Bricolage,sans-serif;font-size:clamp(27px,5vw,36px);font-weight:600;line-height:1.1}.mac-chip-dialog p{color:#647084;font-size:13px;line-height:1.7}.mac-chip-close{color:#647084;cursor:pointer;background:#f6f8fc;border:1px solid #dfe5ee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:23px;display:grid;position:absolute;top:18px;right:20px}.mac-chip-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.mac-chip-options button{text-align:left;color:#213755;cursor:pointer;background:linear-gradient(#fff,#eff5ff);border:1px solid #c8d6eb;border-radius:20px;min-height:124px;padding:19px 16px 36px;position:relative}.mac-chip-options button:hover{background:#eaf2ff;border-color:#7d9fd6}.mac-chip-options strong{font-size:15px;font-weight:600;display:block}.mac-chip-options span{color:#647084;max-width:160px;margin-top:8px;font-size:11px;line-height:1.6;display:block}.mac-chip-options b{font-size:21px;font-weight:400;position:absolute;bottom:10px;right:16px}.mac-chip-dialog .mac-chip-help{margin:0 0 18px;font-size:11px}.mac-chip-dialog small{color:#7a8697;font-size:10px;line-height:1.8;display:block}.mac-chip-dialog button:focus-visible{outline-offset:4px;outline:2px solid #4a7bd5}@media (max-width:520px){.mac-chip-dialog{padding:26px 22px}.mac-chip-options{gap:8px}.mac-chip-options button{padding:16px 12px 32px}.mac-chip-options strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.mac-chip-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}