:root{--tw-try-paper:#f3f6f8;--tw-try-white:#f8fafc;--tw-try-ink:#121820;--tw-try-sub:#2C3540;--tw-try-en:"Plus Jakarta Sans",sans-serif;--tw-try-ja:"Zen Kaku Gothic New",sans-serif}body{background:var(--tw-try-paper);color:var(--tw-try-ink)}.uss-page{--font-en:var(--tw-try-en);--font-ja-display:var(--tw-try-ja);--tw-text:#121820;--tw-text-rgb:18,24,32;--tw-surface:#f8fafc;--tw-surface-rgb:248,250,252;--tw-sub:#2C3540;--tw-surface-soft:#f3f6f8;--color-line:rgba(18,24,32,.12);--radius-subtle:7px;font-family:var(--tw-try-ja);color:var(--tw-try-ink);background:var(--tw-try-paper)}.uss-page .uss-app{--tw-text:#2C3540;--tw-text-rgb:44,53,64;--tw-surface:#F6F8F9;--tw-surface-rgb:246,248,249;--tw-surface-soft:#F3F6F8;--tw-sub:#687480;--tw-muted:#687480;--tw-accent:#687480;--tw-accent-hover:#4b555f;--tw-dark-surface:#2C3540;--tw-inverse-text:#F3F6F8;--color-line:rgba(44,53,64,.09);--radius-subtle:7px;--text-glow:0 0 10px rgba(246,248,249,.64),0 0 22px rgba(246,248,249,.34)}.uss-page *,.uss-page *::before,.uss-page *::after{box-sizing:border-box}.uss-page .tw-try-hero{position:relative;overflow:hidden;background:var(--tw-try-paper);color:#2c3540}.uss-page .tw-try-hero>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-template-rows:auto auto auto;column-gap:clamp(72px,10vw,170px);align-items:start;align-content:center;min-height:min(900px,calc(100vh - 108px));padding-top:150px;padding-bottom:160px}.uss-page .tw-try-hero h1{grid-column:1/-1;grid-row:1;margin:0 0 54px;max-width:100%;font:500 clamp(38px,4.4vw,72px)/1.22 var(--tw-try-en);letter-spacing:.12em;white-space:normal;overflow-wrap:normal}.uss-page .tw-try-hero__copy{grid-column:1/-1;grid-row:2;width:min(100%,950px);max-width:950px;margin:0;padding:0}.uss-page .tw-try-hero__copy p{margin:0;font:400 clamp(14px,1.15vw,17px)/2.2 var(--tw-try-ja);letter-spacing:.15em;color:#2c3540}.uss-page .tw-try-hero__label{grid-column:2;grid-row:3;display:flex;align-items:flex-start;justify-self:start;margin:76px 0 0;font:500 clamp(25px,2.35vw,34px)/1.3 var(--tw-try-en);letter-spacing:.32em;white-space:nowrap}.uss-page .uss-synth-workspace,.uss-page .uss-notes-panel{font-family:var(--tw-try-ja)}.uss-page .uss-kicker,.uss-page .uss-note-label{font:500 11px/1.5 var(--tw-try-en);letter-spacing:.30em}.uss-page .uss-note-title{font-family:var(--tw-try-en);font-weight:500;letter-spacing:.08em}.uss-page .uss-motion-cell>p,.uss-page .uss-field--brand>span,.uss-page .uss-knob>span:first-child{font-family:var(--tw-try-en);font-weight:500;letter-spacing:.10em}.uss-page .uss-download{width:100%!important;max-width:none!important;padding:clamp(85px,9vw,140px) 0 clamp(85px,9vw,140px);background:var(--tw-try-paper)}.uss-page .uss-download__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);column-gap:clamp(55px,9vw,155px);align-items:start;max-width:1180px;width:calc(100% - 48px);margin:0 auto;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}.uss-page .uss-download-copy{display:block;max-width:none;padding:0;margin:0;min-width:0}.uss-page .uss-download .section-label,.uss-page .uss-why .section-label{display:block;margin:0 0 24px;font:500 11px/1.5 var(--tw-try-en);text-transform:uppercase;letter-spacing:.30em;color:var(--tw-try-sub)}.uss-page .uss-download-copy h2{margin:0 0 36px!important;max-width:680px;font:500 clamp(28px,3.65vw,52px)/1.38 var(--tw-try-ja)!important;letter-spacing:.14em!important;color:var(--tw-try-ink);text-wrap:pretty}.uss-page .uss-download-copy__lead,.uss-page .uss-download-copy__terms{font:400 clamp(13px,1.05vw,15px)/2.03 var(--tw-try-ja);letter-spacing:.08em;color:#2C3540;margin:0!important;overflow-wrap:break-word!important}.uss-page .uss-download-copy__terms{margin-top:20px!important;color:var(--tw-try-sub);font-size:clamp(12px,.95vw,14px)}.uss-page .uss-download-form{display:flex!important;flex-direction:column;gap:22px;align-items:stretch;align-content:initial;grid-template-columns:none!important;grid-template-rows:none!important;max-width:none!important;width:100%;padding:clamp(36px,4vw,60px) 0 0!important;border:0;background:#fff0;box-shadow:none!important}.uss-page .uss-download-form .uss-field--email{display:block!important;width:100%!important;margin:0!important}.uss-page .uss-download-form .uss-field--email .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}.uss-page .uss-download-form .uss-field--email input{width:100%;min-height:60px;border:1px solid rgb(18 24 32 / .25);background:#F6F8F9;border-radius:0!important;box-shadow:none!important;color:var(--tw-try-ink);font:400 14px/1.5 var(--tw-try-ja);letter-spacing:.06em;padding:16px 19px}.uss-page .uss-download-form .uss-check{display:flex;align-items:center;gap:10px;margin:0;min-height:30px;font:400 13px/1.8 var(--tw-try-ja);letter-spacing:.05em;color:#2C3540}.uss-page .uss-download-form .uss-check input{accent-color:#121820}.uss-page .uss-download-form .uss-download-button{display:flex;align-items:center;justify-content:center;min-height:58px;min-width:0;width:100%;margin:0;border:1px solid #2c3540;border-radius:0!important;background:#2c3540;color:#F6F8F9;font:500 14px/1.4 var(--tw-try-ja);letter-spacing:.12em;cursor:pointer;box-shadow:none!important}.uss-page .uss-download-form .uss-download-button:hover{background:#2C3540;color:#F6F8F9}.uss-page .uss-download-form .uss-form-status{margin:0!important;grid-row:auto!important;min-height:20px}.uss-page .uss-why{width:100%!important;max-width:none!important;padding:clamp(90px,10vw,145px) 0;background:var(--tw-try-white)}.uss-page .uss-why__inner{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:clamp(50px,7.8vw,124px)!important;max-width:1180px!important;width:calc(100% - 48px)!important;margin:0 auto;padding:0!important;min-width:0;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;background-image:none!important}.uss-page .uss-why__head{max-width:100%;min-width:0}.uss-page .uss-why h2{font:500 clamp(28px,3.65vw,52px)/1.38 var(--tw-try-ja)!important;letter-spacing:.14em!important;white-space:normal!important;overflow-wrap:normal!important;color:var(--tw-try-ink);text-wrap:balance}.uss-page .uss-why__body{display:grid;gap:20px;max-width:750px;align-content:start}.uss-page .uss-why__body p{margin:0!important;font:400 clamp(13px,1.05vw,15px)/2.08 var(--tw-try-ja);letter-spacing:.07em;color:#2C3540;text-wrap:pretty;overflow-wrap:break-word!important}.uss-page .uss-why__body .uss-why__phrase{margin:13px 0!important;font:500 clamp(19px,2.05vw,26px)/1.85 var(--tw-try-ja)!important;letter-spacing:.12em!important;color:var(--tw-try-ink)!important}.uss-page .uss-why-title-reveal::before{opacity:.35}.uss-page .tw-try-cta{background:var(--tw-try-paper);padding:clamp(90px,9vw,140px) 0}.uss-page .tw-try-cta>.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.uss-page .tw-try-label{margin:0 0 30px;font:500 11px/1.5 var(--tw-try-en);letter-spacing:.30em;color:var(--tw-try-sub)}.uss-page .tw-try-cta h2{margin:0 0 28px;font:500 clamp(28px,3.65vw,52px)/1.38 var(--tw-try-ja)!important;letter-spacing:.14em!important}.uss-page .tw-try-cta p:not(.tw-try-label){margin:0;font:400 clamp(13px,1.05vw,15px)/2 var(--tw-try-ja);letter-spacing:.08em;color:#2C3540}.uss-page .tw-try-cta-link{display:inline-flex;gap:22px;margin:36px 0 0;padding:0 0 8px;border-bottom:1px solid currentColor;text-decoration:none;color:var(--tw-try-ink);font:500 14px/1.5 var(--tw-try-ja);letter-spacing:.08em}@media(max-width:900px){.uss-page .uss-download__inner,.uss-page .uss-why__inner{grid-template-columns:1fr!important;gap:34px!important}.uss-page .uss-download-form{padding-top:0!important;max-width:600px!important}.uss-page .tw-try-hero>.wrap{display:flex;flex-direction:column;min-height:760px;padding-top:105px;padding-bottom:74px;gap:0}.uss-page .tw-try-hero h1{width:100%;align-self:flex-start;margin:clamp(81px,10vw,100px) 0 0;font-size:clamp(23px,min(10vw,(100vw - 48px)/8.8),48px);line-height:1.2;letter-spacing:.09em}.uss-page .tw-try-hero__copy{width:100%;max-width:610px;align-self:flex-start;margin-top:38px}.uss-page .tw-try-hero__copy p{font-size:14px;line-height:1.9;letter-spacing:.13em}.uss-page .tw-try-hero__label{align-self:flex-start;margin-top:48px;font-size:clamp(14px,4.9vw,24px);line-height:1.35;letter-spacing:.32em}}@media(max-width:620px){.uss-page .tw-try-hero h1{margin-top:83px;font-size:clamp(22px,min(10vw,(100vw - 48px)/10.2),48px);letter-spacing:.09em}.uss-page .tw-try-hero__copy p{font-size:clamp(11.9px,3.6vw,14px)}.uss-page .tw-try-hero__label{font-size:clamp(14px,4.9vw,24px)}.uss-page .uss-download{padding:78px 0 85px}.uss-page .uss-download__inner,.uss-page .uss-why__inner{width:calc(100% - 40px)!important}.uss-page .uss-download-copy h2,.uss-page .uss-why h2,.uss-page .tw-try-cta h2{font-size:clamp(24px,7.9vw,31.4px)!important;letter-spacing:.12em!important;line-height:1.38!important}.uss-page .uss-download-copy h2{margin-bottom:26px!important;font-size:clamp(23px,7vw,28px)!important;letter-spacing:.08em!important}.uss-page .uss-download-copy__lead,.uss-page .uss-download-copy__terms,.uss-page .uss-why__body p{font-size:13px;line-height:1.98;letter-spacing:.045em}.uss-page .uss-download-form{gap:18px}.uss-page .uss-why{padding:82px 0}.uss-page .uss-why__body{gap:17px}.uss-page .uss-why__body .uss-why__phrase{font-size:20px!important}.uss-page .tw-try-cta{padding:78px 0 92px}.uss-page .tw-try-cta>.wrap{padding:0 20px}}.uss-page .uss-app{background:var(--tw-try-paper)}.uss-page .uss-app .uss-synth-panel,.uss-page .uss-app .uss-synth-workspace,.uss-page .uss-app .uss-notes-panel,.uss-page .uss-app .uss-motion-cell,.uss-page .uss-app .uss-mobile-brand-note,.uss-page .uss-app .uss-mobile-type-note,.uss-page .uss-app .uss-mobile-type-note__inner{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.uss-page .uss-app .uss-synth-panel{padding:0!important}.uss-page .uss-app .uss-synth-top{border-bottom:0!important}.uss-page .uss-app .uss-notes-panel .uss-note-block:first-of-type{border-bottom:0!important}.uss-page .uss-app .uss-motion-cell{overflow:visible!important}.uss-page .uss-app .uss-motion-cell>p{color:var(--tw-try-sub)}.uss-page .uss-app .uss-notes-panel{background:transparent!important}@media(max-width:1180px){.uss-page .uss-app .uss-mobile-brand-note,.uss-page .uss-app .uss-mobile-type-note,.uss-page .uss-app .uss-mobile-type-note__inner{box-shadow:none!important;border:0!important}}@media(max-width:640px){.uss-page .uss-app .uss-motion-cell{padding-inline:7px!important}}@media(hover:hover) and (pointer:fine){.uss-page .uss-why h2.uss-why-title-reveal{cursor:default}}.uss-page .uss-app .uss-synth-top{border-bottom:1px solid rgb(17 24 33 / .14)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell{border-bottom:1px solid rgb(17 24 33 / .12)!important;border-right:0!important}@media (min-width:641px){.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:is(.uss-motion-cell--button-ok,.uss-motion-cell--button-ng,.uss-motion-cell--toggle,.uss-motion-cell--swipe,.uss-motion-cell--notification,.uss-motion-cell--success){border-right:1px solid rgb(17 24 33 / .10)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:is(.uss-motion-cell--notification,.uss-motion-cell--success,.uss-motion-cell--error){border-bottom:0!important}}@media (max-width:640px){.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:is(.uss-motion-cell--button-ok,.uss-motion-cell--tap,.uss-motion-cell--swipe,.uss-motion-cell--notification){border-right:1px solid rgb(17 24 33 / .10)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--error{border-bottom:0!important}}.uss-page .uss-app .uss-motion-grid{display:grid;gap:0!important;padding-top:0!important;max-width:none;align-items:stretch!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell{min-height:128px;margin:0!important;padding:17px clamp(10px,1.2vw,18px) 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;align-content:start;min-width:0}@media(min-width:641px){.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--button-ok,.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--button-ng,.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--toggle,.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--swipe,.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--notification,.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--success{border-right:1px solid rgb(17 24 33 / .13)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:is(.uss-motion-cell--button-ok,.uss-motion-cell--button-ng,.uss-motion-cell--tap,.uss-motion-cell--toggle,.uss-motion-cell--swipe,.uss-motion-cell--typing){border-bottom:1px solid rgb(17 24 33 / .13)!important}}@media(max-width:640px){.uss-page .uss-app .uss-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell{padding:17px 10px 19px!important;min-height:116px}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:is(.uss-motion-cell--button-ok,.uss-motion-cell--tap,.uss-motion-cell--swipe,.uss-motion-cell--notification){border-right:1px solid rgb(17 24 33 / .13)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell:not(.uss-motion-cell--error){border-bottom:1px solid rgb(17 24 33 / .13)!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--error{grid-column:1 / -1!important;justify-items:center!important}.uss-page .uss-app .uss-motion-grid>.uss-motion-cell--error>p{width:100%;text-align:center!important}}.uss-page .uss-app .uss-motion-cell--typing{justify-items:center!important}.uss-page .uss-app .uss-motion-cell--typing>p{width:100%;text-align:left}.uss-page .uss-app .uss-motion-cell--typing .uss-type-wrap{display:inline-flex!important;justify-self:center!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important;max-width:min(100%,155px)}.uss-page .uss-app .uss-motion-cell--typing .uss-type-input{max-width:100%}.uss-page .uss-app .uss-notes-panel,.uss-page .uss-app .uss-synth-workspace{min-height:0!important}.uss-page .uss-app .uss-notes-panel{grid-template-rows:auto auto auto!important;align-content:start!important;padding-bottom:0!important}.uss-page .uss-app .uss-notes-panel .uss-panel__head{margin-bottom:24px!important}.uss-page .uss-app .uss-notes-panel .uss-note-block{padding-bottom:22px!important;padding-top:0!important;margin:0 0 22px!important}.uss-page .uss-app .uss-notes-panel .uss-note-block:last-child{margin-bottom:0!important;padding-bottom:0!important}.uss-page .uss-app .uss-notes-panel .uss-note-block .uss-note-label{margin-bottom:9px!important}.uss-page .uss-app .uss-notes-panel .uss-note-block .uss-note-title{margin-bottom:11px!important}.uss-page .uss-app .uss-notes-panel .uss-note-block p:not(.uss-note-label):not(.uss-note-title),.uss-page .uss-app .uss-mobile-brand-note p[data-uss-mobile-brand-text],.uss-page .uss-app .uss-mobile-type-note p[data-uss-mobile-type-text]{white-space:normal!important;letter-spacing:.015em!important;line-height:1.7!important;font-size:12px!important;overflow-wrap:anywhere}@media(max-width:1180px){.uss-page .uss-app .uss-mobile-brand-note{margin:12px 0 15px!important;padding:12px 12px 13px!important}.uss-page .uss-app .uss-mobile-brand-note .uss-note-label,.uss-page .uss-app .uss-mobile-type-note .uss-note-label{margin-bottom:5px!important}.uss-page .uss-app .uss-mobile-brand-note .uss-note-title,.uss-page .uss-app .uss-mobile-type-note .uss-note-title{margin-bottom:7px!important}.uss-page .uss-app .uss-mobile-type-note__inner{padding:12px!important}}@media(max-width:640px){.uss-page .uss-app .uss-mobile-brand-note{margin:8px 0 14px!important;padding:9px 10px 11px!important}.uss-page .uss-app .uss-mobile-brand-note p[data-uss-mobile-brand-text],.uss-page .uss-app .uss-mobile-type-note p[data-uss-mobile-type-text]{font-size:11.5px!important;letter-spacing:0!important;line-height:1.6!important}}.uss-page .uss-app{background-color:#f3f6f8;background-image:linear-gradient(to bottom,#f3f6f8 0%,rgb(243 246 248 / .70) 6%,#fff0 17%,#fff0 83%,rgb(243 246 248 / .70) 94%,#f3f6f8 100%),linear-gradient(rgb(248 250 252 / .42),rgb(248 250 252 / .50)),url(/wp-content/themes/tonalworks-v2/design/modules/TRY_UIUX/assets/images/try-uiux-controls-background.webp);background-repeat:no-repeat;background-size:cover;background-position:center center}@media (max-width:640px){.uss-page .uss-app{background-position:center center}}.uss-page .uss-why{position:relative;isolation:isolate;overflow:hidden}.uss-page .uss-why__inner{position:relative;z-index:1}.uss-page .tw-why-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}.uss-page .tw-why-ambient__ripple{position:absolute;left:var(--wave-x);top:var(--wave-y);width:clamp(165px,27vw,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(55 73 91 / .20) 0 1.35px,transparent 2.1px),radial-gradient(circle,transparent 0 37%,rgb(55 73 91 / .21) 37.3% 37.75%,transparent 38.1%),radial-gradient(circle,transparent 0 57%,rgb(55 73 91 / .16) 57.3% 57.78%,transparent 58.1%);opacity:0;transform:translate(-50%,-50%) scale(.26);animation:tw-why-ambient-expand 3s ease-out both;pointer-events:none}@keyframes tw-why-ambient-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.26)}17%{opacity:.48}48%{opacity:.40}80%{opacity:.20}100%{opacity:0;transform:translate(-50%,-50%) scale(1.72)}}@media(max-width:620px){.uss-page .tw-why-ambient__ripple{width:clamp(145px,60vw,235px)}}@media(prefers-reduced-motion:reduce){.uss-page .tw-why-ambient__ripple{animation:none!important;display:none!important}}