/*
Theme Name: Tablet Pro Sound
Theme URI: https://mac.tabletpro.com
Author: Tablet Pro
Description: Marketing site for the Tablet Pro Sound Mac app: home page and privacy policy. Generated from Website/home by scripts/build_wp_theme.py; edit the static site, then rebuild.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 7.4
License: Proprietary
Text Domain: tablet-pro-sound
*/

:root{--bg: #eef3fa;--bg-2: #e6eef9;--glow: rgba(120, 165, 240, .3);--orb-a: rgba(196, 204, 246, .45);--orb-b: rgba(178, 218, 244, .5);--card: #ffffff;--card-line: rgba(20, 40, 80, .09);--inset: #f3f6fa;--inset-line: rgba(20, 40, 80, .14);--key: #e9ecf0;--key-line: rgba(20, 40, 80, .16);--text: #1d1d1f;--muted: #6e7480;--faint: #a2a8b3;--blue: #1a73f5;--blue-soft: rgba(26, 115, 245, .12);--green: #25b24a;--green-soft: rgba(37, 178, 74, .14);--shadow: 0 1px 2px rgba(20, 40, 80, .04), 0 12px 40px -18px rgba(20, 40, 80, .18);--radius: 26px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.22, .8, .2, 1);--even-shadow: rgba(20, 40, 90, .28);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0f18;--bg-2: #0b1322;--glow: rgba(20, 70, 170, .32);--orb-a: rgba(36, 44, 86, .55);--orb-b: rgba(16, 52, 80, .55);--card: #0f141d;--card-line: rgba(255, 255, 255, .08);--inset: #131a25;--inset-line: rgba(255, 255, 255, .16);--key: #1a212c;--key-line: rgba(255, 255, 255, .1);--text: #f2f4f7;--muted: #9198a4;--faint: #5d6572;--blue: #1f7bff;--blue-soft: rgba(31, 123, 255, .18);--green: #32d25c;--green-soft: rgba(50, 210, 92, .16);--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 20px 50px -24px rgba(0, 0, 0, .7);--even-shadow: rgba(0, 0, 0, .65)}}:root[data-theme=dark]{--bg: #0a0f18;--bg-2: #0b1322;--glow: rgba(20, 70, 170, .32);--orb-a: rgba(36, 44, 86, .55);--orb-b: rgba(16, 52, 80, .55);--card: #0f141d;--card-line: rgba(255, 255, 255, .08);--inset: #131a25;--inset-line: rgba(255, 255, 255, .16);--key: #1a212c;--key-line: rgba(255, 255, 255, .1);--text: #f2f4f7;--muted: #9198a4;--faint: #5d6572;--blue: #1f7bff;--blue-soft: rgba(31, 123, 255, .18);--green: #32d25c;--green-soft: rgba(50, 210, 92, .16);--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 20px 50px -24px rgba(0, 0, 0, .7);--even-shadow: rgba(0, 0, 0, .65)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(60% 50% at 50% 38%,var(--glow),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;color:var(--text);font:400 17px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px;border-radius:10px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:10px;z-index:99;padding:8px 14px;border-radius:10px;background:var(--card)}.skip:focus{left:10px}.orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%}.orb-a{width:46vw;height:46vw;right:-12vw;top:-20vw;background:var(--orb-a)}.orb-b{width:38vw;height:38vw;left:-14vw;bottom:-18vw;background:var(--orb-b)}.mark{width:24px;height:24px;fill:var(--blue)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;background:var(--blue);color:#fff;font-weight:600;font-size:16px;letter-spacing:-.01em;transition:filter .2s,transform .2s var(--ease)}.pill:hover{filter:brightness(1.08)}.pill:active{transform:scale(.98)}.pill svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill svg .fill{fill:currentColor;stroke:none}.pill:disabled{background:var(--blue-soft);color:var(--blue);cursor:default;filter:none;transform:none}.pill-sm{padding:7px 14px;font-size:14px;border-radius:9px}.pill-lg{padding:15px 26px;font-size:17px}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;max-width:1080px;margin:0 auto;padding:16px 24px}.nav:before{content:"";position:absolute;inset:0 -100vw;z-index:-1;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid transparent;opacity:0;transition:opacity .3s}.nav.scrolled:before{opacity:1;border-bottom-color:var(--card-line)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.01em}.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.theme-toggle{width:32px;height:32px;margin-right:-12px;display:grid;place-items:center;border-radius:9px;color:var(--muted);transition:color .2s,background .2s}.theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}.hero{max-width:1080px;margin:0 auto;padding:calc(clamp(64px,12vh,128px) + 150px) 24px clamp(112px,19.6vh,210px);text-align:center}.hero h1{margin:0 auto;max-width:11ch;font:700 clamp(46px,7.4vw,88px)/1.02 var(--font-display);letter-spacing:-.035em}.lede{max-width:540px;margin:22px auto 0;color:var(--muted);font-size:clamp(17px,1.6vw,20px)}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px}.hero-meta{font-size:13px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:var(--shadow)}.section{max-width:1080px;margin:0 auto;padding:clamp(112px,19.6vh,210px) 24px}.section-head{text-align:center;max-width:620px;margin:0 auto 48px}.section h2{margin:0;font:700 clamp(34px,4.6vw,54px)/1.06 var(--font-display);letter-spacing:-.03em}.section-head p,.app-copy p,.cta p{margin:16px 0 0;color:var(--muted);font-size:18px}.browser{display:flex;flex-direction:column;align-items:center}.flow{position:relative;width:100%;height:clamp(360px,44vw,460px);perspective:1600px;outline:none}.tile{position:absolute;left:50%;top:50%;width:clamp(240px,32vw,360px);translate:-50% -50%;display:flex;flex-direction:column;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .6s var(--ease),opacity .45s,filter .45s;will-change:transform}.tile.active{border-color:var(--inset-line)}.tile-media{position:relative;aspect-ratio:16 / 12;overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-body{padding:18px 20px 20px;display:flex;align-items:flex-start;gap:10px}.tile-body div{flex:1;min-width:0}.tile-body strong{display:block;font-size:19px;font-weight:700;letter-spacing:-.015em}.tile-body span{display:block;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-more{display:grid;place-items:center;background:linear-gradient(145deg,#3b8cff,#1a5fd8 60%,#1447b0)}.tile-more .mark{width:42%;height:auto;fill:#fff;filter:drop-shadow(0 6px 18px rgba(0,20,80,.35))}.dots{display:flex;gap:7px;margin:22px 0 0}.dots i{width:7px;height:7px;border-radius:7px;background:var(--faint);opacity:.6;transition:width .35s var(--ease),background .3s,opacity .3s}.dots i.on{width:30px;background:var(--blue);opacity:1}.app{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.app-copy h2{max-width:13ch}.app-copy p{max-width:420px}.panel-shot{margin:0;width:min(100%,510px);justify-self:center;display:flex;flex-direction:column;align-items:center}.panel-shot img{position:relative;width:min(100%,380px);height:auto;margin-top:4px;filter:drop-shadow(0 0 28px var(--even-shadow))}.menubar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:5px 14px;border-radius:12px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--card-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px;font-weight:500;color:var(--text);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}.mb-item{display:grid;place-items:center;padding:4px 9px;border-radius:7px;background:color-mix(in srgb,var(--text) 12%,transparent)}.mb-item .mark{width:17px;height:17px;fill:currentColor}.mb-right{justify-self:start;display:flex;align-items:center;gap:11px;padding-left:11px;white-space:nowrap}.mb-sym{display:block;background:currentColor;-webkit-mask:var(--sym) center / contain no-repeat;mask:var(--sym) center / contain no-repeat}.mb-wifi{width:19px;height:14px;--sym: url(assets/img/menubar/wifi.webp)}.mb-battery{width:24px;height:12px;--sym: url(assets/img/menubar/battery.webp)}.mb-spotlight{width:16px;height:15px;--sym: url(assets/img/menubar/spotlight.webp)}.mb-control{width:16px;height:15px;--sym: url(assets/img/menubar/control-center.webp)}.mb-clock{margin-left:2px}.shots{max-width:880px;margin:0 auto}.shots-track{--room: 64px;display:flex;gap:calc(var(--room) * 2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;margin:calc(var(--room) * -1) calc(var(--room) * -1) 0;padding:var(--room) var(--room) 40px;scroll-padding-inline:var(--room);outline:none}.shots-track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;margin:0;scroll-snap-align:center}.slide img{width:100%;height:auto;border-radius:1.635%/2.146%;box-shadow:0 0 0 1px var(--card-line),0 0 60px -8px var(--even-shadow);-webkit-user-select:none;user-select:none}.slide figcaption{margin-top:26px;text-align:center;color:var(--muted);font-size:15px}.slide figcaption strong{display:block;color:var(--text);font-size:18px}.shots-nav{display:flex;justify-content:center;align-items:center;gap:18px}.shots-nav .dots{margin:0}.round-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--card);border:1px solid var(--card-line);box-shadow:var(--shadow);transition:opacity .2s}.round-btn:disabled{opacity:.35;cursor:default}.round-btn svg{width:18px;height:18px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:26px 24px 28px;text-align:center}.feature h3{margin:22px 0 6px;font-size:19px;font-weight:700;letter-spacing:-.015em}.feature p{margin:0;font-size:15px;color:var(--muted)}.art{position:relative;height:108px;border:1.5px solid var(--inset-line);border-radius:16px;background:var(--inset);display:grid;place-items:center}.art svg{width:38px;height:38px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.art-keys{grid-template-columns:repeat(6,1fr);gap:5px;padding:22px 18px;place-items:stretch}.art-keys span{height:22px;border-radius:5px;background:var(--key);border:1px solid var(--key-line)}.art-keys span.wide{grid-column:span 2}.art-keys span.on{background:var(--blue-soft);border-color:var(--blue)}.art-keys span.alt{background:var(--green-soft);border-color:var(--green)}.art-clean svg{width:92px;height:46px}.art-mouse .ring{position:absolute;width:58px;height:58px;border-radius:50%;border:1.5px solid var(--blue-soft);background:color-mix(in srgb,var(--blue) 8%,transparent)}.art-mouse svg{position:relative;width:28px;height:28px;fill:var(--blue);stroke:none;translate:6px 6px}.art-meet{gap:0}.art-badge{position:absolute;bottom:12px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--green-soft);color:var(--green)}.art-meet svg{margin-bottom:18px}.cta{text-align:center;display:flex;flex-direction:column;align-items:center;padding-bottom:clamp(112px,18.2vh,196px)}.cta-icon{width:112px;height:112px;margin-bottom:28px}.cta-icon img{width:100%;height:100%;filter:drop-shadow(0 12px 28px rgba(20,60,140,.3))}.icon-on-dark,:root[data-theme=dark] .icon-on-light{display:none}:root[data-theme=dark] .icon-on-dark{display:block}.cta p{max-width:480px;margin-bottom:32px}.legal{max-width:760px;margin:0 auto;padding:clamp(48px,9vh,96px) 24px clamp(80px,12vh,120px)}.legal-head{text-align:center;margin-bottom:48px}.legal-head h1{margin:0;font:700 clamp(40px,6vw,64px)/1.04 var(--font-display);letter-spacing:-.035em}.legal-date{margin:12px 0 0;font-size:14px;color:var(--muted)}.legal-head .lede{max-width:620px}.legal-card{padding:26px 28px;margin-top:16px}.legal-title{display:flex;align-items:center;gap:14px;margin-bottom:14px}.legal-title h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em}.legal-icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft)}.legal-icon svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.legal-card p{margin:0;color:var(--muted);font-size:16px}.legal-card p+p{margin-top:12px}.legal-card a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.legal-card a:hover{text-decoration-thickness:2px}.footer nav a[aria-current=page]{color:var(--text)}.footer{max-width:1080px;margin:0 auto;padding:26px 24px 40px;border-top:1px solid var(--card-line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--muted)}.footer nav{display:flex;gap:14px;align-items:center}.footer nav span{color:var(--faint);font-size:10px}.footer nav a:hover{color:var(--text)}.footer p{margin:0}.fade{opacity:0;translate:0 22px;filter:blur(8px);transition:opacity .9s var(--ease),translate 1s var(--ease),filter .9s var(--ease);transition-delay:var(--d, 0s)}.fade.in{opacity:1;translate:0 0;filter:none}@media(max-width:900px){.app{grid-template-columns:1fr;gap:40px;text-align:center}.app-copy h2,.app-copy p{margin-inline:auto}.features{grid-template-columns:1fr 1fr}}@media(max-width:640px){.nav{gap:12px;padding:12px 16px}.nav-links{display:none}.brand{margin-right:auto}.theme-toggle{margin-right:-4px}.hero,.section{padding-inline:16px}.features{grid-template-columns:1fr}.flow{height:400px}.tile{width:78vw}.footer{flex-direction:column}.legal{padding-inline:16px}.legal-card{padding:22px 20px}}:root{--spring: cubic-bezier(.34, 1.4, .64, 1)}.orb-a{animation:drift-a 38s ease-in-out infinite alternate}.orb-b{animation:drift-b 46s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(-4vw,5vh) scale(1.06)}}@keyframes drift-b{to{transform:translate(5vw,-4vh) scale(1.08)}}.hero h1.fade{scale:1.03;transition-property:opacity,translate,filter,scale;transition-duration:.9s,1s,.9s,1.2s}.hero h1.fade.in{scale:1}.pill{transition:filter .2s,transform .2s var(--ease),translate .3s var(--ease),box-shadow .3s var(--ease)}.pill:not(:disabled):hover{translate:0 -1px;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--blue) 70%,transparent)}.round-btn{transition:opacity .2s,scale .25s var(--spring),background .2s}.round-btn:not(:disabled):hover{scale:1.08}.round-btn:not(:disabled):active{scale:.94}.theme-toggle svg{animation:icon-in .45s var(--spring)}@keyframes icon-in{0%{opacity:0;rotate:-90deg;scale:.6}}.theme-fade,.theme-fade *,.theme-fade *:before,.theme-fade *:after{transition:background-color .45s ease,border-color .45s ease,color .45s ease,fill .45s ease,box-shadow .45s ease!important}.panel-shot .mb-item{transition:background-color .3s ease .15s}.panel-shot:not(.in) .mb-item{background:transparent}.panel-shot img{transform-origin:50% 0;transition:opacity .5s var(--ease) .35s,scale .7s var(--spring) .35s,translate .7s var(--ease) .35s}.panel-shot:not(.in) img{opacity:0;scale:.92;translate:0 -6px}.slide img{transition:translate .5s var(--ease),box-shadow .5s var(--ease)}.slide img:hover{translate:0 -4px;box-shadow:0 0 0 1px var(--card-line),0 18px 70px -10px var(--even-shadow)}.feature{transition:translate .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.feature:hover{translate:0 -6px;border-color:var(--inset-line);box-shadow:0 1px 2px #1428500a,0 26px 50px -24px #1428504d}:root[data-theme=dark] .feature:hover{box-shadow:0 26px 50px -24px #000c}.art-keys span{transition:background-color .2s,border-color .2s,translate .12s}.feature:hover .art-keys span{animation:key-tap .5s ease both;animation-delay:calc(var(--k) * 70ms)}.art-keys span:nth-child(1){--k: 0}.art-keys span:nth-child(2){--k: 1}.art-keys span:nth-child(3){--k: 2}.art-keys span:nth-child(4){--k: 3}.art-keys span:nth-child(5){--k: 4}.art-keys span:nth-child(6){--k: 5}.art-keys span:nth-child(7){--k: 1}.art-keys span:nth-child(8){--k: 2}.art-keys span:nth-child(9){--k: 3}.art-keys span:nth-child(10){--k: 4}.art-keys span:nth-child(11){--k: 5}@keyframes key-tap{40%{translate:0 2px;background:var(--blue-soft);border-color:var(--blue)}}.feature:hover .art-mouse .ring{animation:ripple 1.4s var(--ease) infinite}.feature:hover .art-mouse svg{animation:click .7s ease infinite}@keyframes ripple{0%{scale:.7;opacity:1}to{scale:1.5;opacity:0}}@keyframes click{0%,60%,to{scale:1}30%{scale:.86}}.art-meet svg{transition:scale .4s var(--spring)}.feature:hover .art-meet svg{scale:1.1}.feature:hover .art-badge{animation:pop .5s var(--spring)}@keyframes pop{0%{scale:.6;opacity:0}to{scale:1;opacity:1}}.art-clean svg rect{fill:transparent;transition:fill .6s ease}.feature:hover .art-clean svg rect{fill:var(--blue-soft)}.feature:hover .art-clean svg{animation:wipe 1.6s ease-in-out infinite}@keyframes wipe{50%{translate:0 -2px}}.cta-icon img{rotate:-8deg;animation:float 6s ease-in-out infinite;transition:rotate .6s var(--spring),scale .6s var(--spring)}.cta-icon:hover img{rotate:0deg;scale:1.04}@keyframes float{50%{translate:0 -8px}}.legal-card{transition:translate .45s var(--ease),border-color .3s}.legal-card:hover{translate:0 -3px;border-color:var(--inset-line)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0s!important;transition-delay:0s!important}.fade,.hero h1.fade{opacity:1;translate:none;filter:none;scale:none}.panel-shot:not(.in) img{opacity:1;scale:none;translate:none}.panel-shot:not(.in) .mb-item{background:color-mix(in srgb,var(--text) 12%,transparent)}}