@font-face{font-family:Geist;src:url('assets/fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#303B34;--muted:#647168;--ground:#F2F5F2;--white:#FCFDFC;--line:#D4DDD5;--accent:#426357;--dock:#4964B5;--drop:#8055A7;--awake:#A16824;--files:#2C7A68;--max:1180px;color-scheme:light;font-family:Geist,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img,svg{display:block;max-width:100%}img{height:auto}button img{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}h1{font-size:clamp(44px,5.7vw,76px)}h2{font-size:clamp(30px,3.5vw,46px)}h3{font-size:24px}::selection{background:#CBDCCD}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;z-index:30;background:var(--white);padding:12px}.skip:focus{top:16px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{width:153px;height:auto}.site-nav{display:flex;gap:28px;align-items:center;font-size:14px}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:#fff;font-size:14px;font-weight:550;line-height:1.35;min-height:48px;transition:background .15s,transform .15s}.button:hover{background:#304D41}.button:active{transform:translateY(2px)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:hover{background:var(--white)}.button img{width:17px}.text-link{font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted)}.review-link{position:fixed;left:16px;bottom:16px;z-index:10;padding:7px 12px;background:var(--white);border:1px solid var(--line);box-shadow:0 2px 12px #0000000A;border-radius:6px;font-size:11px;color:var(--muted)}.review-link:hover{color:var(--ink)}
/* A: a small keyboard as the product. */
.keyset .button .platform-icon{width:18px;height:20px;flex:0 0 18px}.keyset .button .download-label{white-space:nowrap}.keyset .site-nav .button{gap:8px}.keyset .site-nav .button .platform-icon{width:15px;height:18px;flex-basis:15px}
@media(max-width:440px){.keyset .site-nav>a:not(.button){display:none}}
.keyset-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:544px;padding:42px 0 64px}.keyset-hero h1{max-width:8em}.hero-copy>p{font-size:18px;line-height:1.55;max-width:30em;margin:25px 0 26px;color:var(--muted)}.hero-copy .fine{margin-top:13px;max-width:34em;line-height:1.8}.keyset-instrument{position:relative;padding:28px 24px 34px;max-width:480px;margin-left:auto;width:100%}.keypad{padding:13px 13px 24px;border-radius:36px;background:#C5CEC7;box-shadow:0 10px 0 #AAB6AD,0 13px 0 #98A69C,0 36px 38px -16px #3E584F40,inset 0 1px 0 #F1F5F1;transform:rotate(-7deg);display:grid;grid-template-columns:1fr 1fr;gap:0}.key-button{appearance:none;border:0;background:none;padding:0;position:relative;border-radius:24%;transition:transform .18s}.key-button svg{width:100%;height:auto;overflow:visible;pointer-events:none}.keycap-face{transition:transform .14s ease-out}.keycap-shadow{transition:opacity .14s ease-out}.key-button[aria-pressed=true] .keycap-face{transform:translateY(2px)}.key-button:focus-visible .keycap-face{transform:translateY(6px)}@media(hover:hover){.key-button:hover .keycap-face{transform:translateY(6px)}.key-button:hover .keycap-shadow{opacity:.04}}.key-button:active .keycap-face{transform:translateY(9px)}.keypad-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px 28px 0;font-size:14px;color:#526359}.keypad-footer svg,.keypad-footer img{width:24px;height:24px}.instrument-caption{text-align:center;margin-top:35px;font-size:12px;color:var(--muted)}.small-symbol{width:23px;height:23px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-heading p{max-width:28em;font-size:14px;color:var(--muted)}.explore{padding:66px 0 78px;border-top:1px solid var(--line)}.explorer{display:grid;grid-template-columns:280px minmax(0,1fr);gap:54px;align-items:start}.app-menu{display:grid;gap:8px}.app-choice{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:15px 16px}.app-choice img{width:28px;height:28px;flex-shrink:0}.app-choice b{display:block;font-size:17px;font-weight:550}.app-choice small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.app-choice:hover{background:#E6ECE6}.app-choice[aria-pressed=true]{border-color:var(--line);background:var(--white)}.app-preview{min-width:0}.preview-picture{height:300px;background:#E0E7E0;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.preview-picture>img{width:100%;height:100%;object-fit:cover;object-position:right center}.preview-picture[data-app=awake]>img{object-fit:contain;object-position:center;padding:20px}.preview-picture[data-app=drop]>img{object-fit:cover;object-position:left center}.preview-details{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:23px}.preview-details h3{font-size:25px}.preview-details p{font-size:14px;max-width:38em;color:var(--muted);margin-top:9px}.availability{font-size:12px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:28px 0 66px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.footer-main .values{display:flex;gap:25px}.footer-note{font-size:11px;color:var(--muted);margin-top:18px;max-width:69em}.files-demo{background:#F8FAF8;padding:25px 28px;border:1px solid #D0D9D2;border-radius:13px;width:310px;box-shadow:0 18px 30px #354B3915}.files-demo-head{display:flex;align-items:center;gap:10px;font-weight:550;margin-bottom:18px}.files-demo-head img{width:26px}.file-result{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:9px 0;border-top:1px solid var(--line)}.file-result span:last-child{color:var(--files)}.files-demo>p{font-size:12px;color:var(--muted);margin-top:14px}.demo-note{position:absolute;bottom:12px;font-size:10px;color:var(--muted)}
/* B: flat graphics, visible key travel, a lavender field. */
body.switchboard{--ground:#E5E1EE;--ink:#3D394F;--muted:#706C7E;--white:#F9F8FD;--line:#C9C3D6;--accent:#4D496C;--dock:#5465BD;--drop:#96618E;--awake:#A5692D;--files:#3D8172}.switchboard .button{border-radius:6px;background:#4D496C}.switchboard .button:hover{background:#37334E}.switchboard .site-header{height:110px}.switch-hero{padding:58px 0 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end}.switch-hero h1{font-size:clamp(44px,6.5vw,88px);font-weight:550;line-height:1.01;max-width:8em}.switch-intro p{font-size:19px;line-height:1.6;max-width:25em;margin-bottom:23px}.switch-intro .fine{font-size:12px;margin:13px 0 4px}.switch-apps{padding:26px 0 75px}.switch-key-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.switch-product{min-width:0}.switch-key{display:block;width:100%;background:none;border:0;padding:0;border-radius:23%;transition:transform .18s}.switch-key img{width:100%;transition:transform .18s}.switch-key:hover img{transform:translateY(-7px) rotate(-2deg)}.switch-key:active img{transform:translateY(3px)}.switch-product:nth-child(even) .switch-key:hover img{transform:translateY(-7px) rotate(2deg)}.switch-description{padding:12px 20px 0}.switch-description h2{font-size:21px;line-height:1.25;letter-spacing:-.02em}.switch-description p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.65;min-height:69px}.switch-description .text-link{display:inline-block;margin-top:13px}.switch-description .fine{margin-top:13px;display:inline-block}.switch-note{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-block:1px solid var(--line);font-size:14px;gap:20px}.switch-note strong{font-weight:550}.switchboard .site-footer{border-top:0}.hint{font-size:12px;color:var(--muted);margin-bottom:10px}.switchboard dialog{color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:18px;padding:34px;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 100px #2E293A40}.switchboard dialog::backdrop{background:#28213780;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-top h2{font-size:32px}.dialog-close{border:1px solid var(--line);background:transparent;border-radius:50%;width:40px;height:40px;line-height:1}.dialog-close:hover{background:var(--ground)}.dialog-copy{margin:22px 0;color:var(--muted);max-width:60ch}.dialog-meta{font-size:12px;color:var(--muted);margin-top:16px}
/* Review pages sit outside the proposed customer journeys. */
body.review{--ground:#EEF1EF;--max:1220px}.review-header{padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.review-header strong{font-size:17px;font-weight:550}.review-header nav{display:flex;gap:24px}.review-title{padding:46px 0 44px}.review-title h1{font-size:clamp(40px,5vw,66px);max-width:11em}.review-title p{max-width:61ch;color:var(--muted);margin-top:20px;font-size:17px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:28px}.concept{border:1px solid var(--line);background:var(--white);border-radius:16px;overflow:hidden}.concept-preview{height:325px;overflow:hidden;position:relative;pointer-events:none;background:#E5E1EE}.concept-preview iframe{border:0;width:1400px;height:910px;transform:scale(.42);transform-origin:top left;pointer-events:none}.concept-copy{padding:27px 28px 30px}.concept-copy h2{font-size:30px}.concept-copy p{margin:12px 0 22px;max-width:43ch;color:var(--muted);font-size:14px}.concept-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.recommendation{padding:30px 0 44px;font-size:14px;color:var(--muted);max-width:78ch}.recommendation strong{color:var(--ink);font-weight:550}.audit{padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px}.audit h2{font-size:29px}.audit ul{margin:0;padding-left:19px;display:grid;gap:13px;font-size:14px;color:var(--muted);max-width:70ch}.review-footer{padding:25px 0 45px;font-size:12px;color:var(--muted)}.brand-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.concept-toggle{display:inline-flex;border:1px solid var(--line);padding:4px;border-radius:8px;gap:4px}.concept-toggle a{padding:8px 16px;border-radius:5px;font-size:13px}.concept-toggle a[aria-current=page]{background:var(--ink);color:white}.brand-section{padding:40px 0;border-top:1px solid var(--line)}.brand-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.brand-section h2{font-size:25px}.brand-section>header p{font-size:13px;color:var(--muted);max-width:50ch}.logo-samples{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-panel{background:#FCFDFC;min-height:205px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:36px}.logo-panel img{width:280px}.logo-panel.dark{background:#3D4440}.brand-switchboard .logo-panel.dark{background:#3D394F}.icon-family{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.family-item{min-width:0;text-align:center}.family-item>img{width:100%}.family-item p{font-size:13px;margin:6px 0}.asset-links{display:flex;gap:12px;justify-content:center;font-size:11px;color:var(--muted)}.asset-links a{text-decoration:underline;text-underline-offset:3px}.symbol-samples{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px;background:white;border-radius:12px;padding:30px}.symbol-samples img{width:32px;height:32px;margin:auto}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.context-sample{padding:26px;background:#E0E7E1;border-radius:12px;min-width:0}.context-sample h3{font-size:16px;margin-bottom:24px;letter-spacing:-.01em}.menubar{height:38px;display:flex;align-items:center;justify-content:flex-end;gap:17px;padding:0 16px;border-radius:8px;background:#F7F9F6;color:#1F2421;font-size:12px;white-space:nowrap}.menubar img{width:18px;height:18px}.menubar.dark{margin-top:13px;background:#3A413D;color:#fff}.menubar.dark img{filter:invert(1)}.mini-dock{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:16px;border:1px solid #AEBDB2;background:#CDD8D0;padding:9px 14px;width:max-content;max-width:100%;margin:auto}.mini-dock img{width:64px;height:64px}.browser-tab{background:#F9FBF9;display:flex;align-items:center;gap:9px;border-radius:9px 9px 0 0;font-size:13px;padding:14px;width:210px}.browser-tab img{width:16px;height:16px}.browser-bar{padding:12px;background:#F9FBF9;border-radius:0 8px 8px 8px;font-size:12px;color:var(--muted)}.size-row{display:flex;align-items:center;gap:26px;min-height:90px}.size-row>div{display:grid;gap:8px;justify-items:center;align-items:center;font-size:11px;color:var(--muted)}.swatches{display:flex;gap:20px;flex-wrap:wrap}.swatch{display:flex;align-items:center;gap:12px;font-size:12px}.swatch i{width:35px;height:35px;border-radius:8px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:45px}.specs h3{font-size:20px;margin-bottom:12px}.specs p{font-size:14px;color:var(--muted);max-width:58ch}body.brand-switchboard{--ground:#E5E1EE;--ink:#3D394F;--muted:#706C7E;--line:#C9C3D6;--accent:#4D496C}.brand-switchboard .context-sample{background:#D5CEE3}.brand-switchboard .mini-dock{background:#C9C0DA;border-color:#B6ABC8}
@media(min-width:1500px){.keyset-hero{min-height:610px}.keyset-instrument{max-width:495px}.keyset-hero h1{font-size:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.keyset-hero{gap:22px}.keyset-instrument{padding:20px 8px}.explorer{grid-template-columns:220px 1fr;gap:28px}.switch-hero{gap:40px}.switch-key-row{gap:14px}.switch-description{padding:12px 7px}.concept-preview{height:240px}.concept-preview iframe{transform:scale(.31)}.mini-dock img{width:46px;height:46px}.context-grid{gap:16px}.menubar{gap:12px}.logo-panel img{width:230px}.icon-family{gap:4px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header,.switchboard .site-header{height:86px}.wordmark{width:132px}.site-nav{gap:16px;font-size:12px}.site-nav .desktop-link{display:none}.site-nav .button{min-height:38px;padding:9px 13px;font-size:12px}.keyset-hero{display:flex;flex-direction:column;align-items:stretch;padding:25px 0 45px;gap:18px;min-height:0}.keyset-hero h1{max-width:9em;font-size:48px}.hero-copy>p{font-size:16px;margin:18px 0 22px;max-width:29em}.hero-copy .fine{font-size:11px;max-width:30em}.keyset-instrument{max-width:335px;margin:0 auto;padding:22px 12px 0}.keypad{border-radius:29px;padding:7px 7px 15px;transform:rotate(-5deg)}.keypad-footer{padding:9px 18px 0;font-size:12px}.instrument-caption{margin-top:29px;font-size:11px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:32px}.section-heading p{margin-top:13px}.explore{padding:36px 0 42px}.explorer{display:block}.app-menu{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:22px}.app-choice{padding:12px 6px;display:flex;flex-direction:column;gap:8px;justify-content:center;text-align:center;border-radius:8px}.app-choice img{width:24px;height:24px}.app-choice b{font-size:12px}.app-choice small{display:none}.preview-picture{height:230px;border-radius:12px}.preview-details{display:flex;flex-direction:column;align-items:start;gap:18px;margin-top:20px}.preview-details h3{font-size:23px}.preview-details p{font-size:13px}.footer-main{align-items:start;flex-direction:column;gap:16px;font-size:12px}.footer-main .values{gap:17px;flex-wrap:wrap}.site-footer{padding:24px 0 66px}.footer-note{font-size:10px}.switch-hero{padding:30px 0 24px;display:block}.switch-hero h1{font-size:54px;max-width:7.5em}.switch-intro{margin-top:23px}.switch-intro p{font-size:16px;max-width:30em;margin-bottom:22px}.switch-intro .fine{font-size:11px}.switch-apps{padding:15px 0 37px}.switch-key-row{grid-template-columns:1fr 1fr;gap:30px 12px}.switch-description{padding:5px 6px 0}.switch-description h2{font-size:17px;letter-spacing:-.02em}.switch-description p{font-size:12px;min-height:60px;margin-top:8px}.switch-description .text-link{font-size:12px}.switch-key:hover img{transform:none}.hint{font-size:11px}.switch-note{display:block;font-size:13px;line-height:1.75;padding:22px 0}.switch-note span{display:block;margin-top:5px}.switchboard dialog{padding:22px}.dialog-top h2{font-size:27px}.dialog-copy{font-size:14px}.dialog-meta{font-size:11px}.files-demo{width:280px;padding:20px}.review-header{padding:23px 0;font-size:11px}.review-header strong{font-size:14px}.review-header nav{gap:14px}.review-title{padding:30px 0}.review-title h1{font-size:42px}.review-title p{font-size:15px}.concepts{grid-template-columns:1fr}.concept-preview{height:245px}.concept-preview iframe{transform:scale(.30)}.concept-copy{padding:22px}.concept-copy h2{font-size:27px}.audit{grid-template-columns:1fr;gap:22px;padding:30px 0}.audit h2{font-size:25px}.brand-toolbar{align-items:start;flex-direction:column;gap:13px}.brand-section{padding:30px 0}.brand-section>header{display:block}.brand-section>header p{margin-top:12px;font-size:12px}.logo-samples{gap:12px;grid-template-columns:1fr}.logo-panel{min-height:160px;padding:24px}.logo-panel img{width:240px}.icon-family{grid-template-columns:repeat(3,1fr);gap:16px 5px}.family-item p{font-size:12px}.asset-links{font-size:10px;gap:8px}.context-grid{grid-template-columns:1fr}.context-sample{padding:22px}.symbol-samples{gap:18px;padding:24px 16px}.symbol-samples img{width:24px;height:24px}.specs{grid-template-columns:1fr;gap:24px}.specs p{font-size:13px}.swatches{gap:18px}.review-link{font-size:10px;bottom:10px;left:10px}.recommendation{font-size:13px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.switchboard .button.secondary{background:transparent;color:var(--ink)}.switchboard .button.secondary:hover{background:var(--white)}.switchboard .preview-picture{background:#E1DDEB}
.concept-preview{height:auto;aspect-ratio:1400/910}.concept-preview iframe{transform:scale(var(--preview-scale,.4));height:910px}
.keyset .preview-action{display:grid;justify-items:start;gap:9px}.app-page-fallback{display:flex;gap:22px;margin-bottom:24px;text-decoration:underline}
@media(max-width:360px){.keyset .site-header{gap:10px}.keyset .site-header .wordmark{width:104px}.keyset .site-nav{gap:10px;font-size:11px}.keyset .site-nav .button{padding:9px 10px;font-size:11px}}

/* Keyset: neutral material, gray legends and black keyboard symbols. */
.files-review-link{margin-top:24px;font-size:14px}.context-note a{text-decoration:underline;text-underline-offset:3px}
.files-symbol-review .review-title{padding-top:24px}.files-symbol-review .review-title .option-eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 20px}.files-symbol-review .review-title h1{max-width:none}.files-symbol-review .review-title>p:last-child{max-width:61ch;font-size:16px}
.files-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-block:1px solid var(--line);padding:30px 0 34px}.files-option{min-width:0}.option-key{width:min(256px,100%);height:auto;display:block;margin:0 auto 12px}.option-copy h2{font-size:22px;letter-spacing:-.02em}.option-copy h2>span{color:var(--muted);font-size:13px;margin-right:8px;vertical-align:middle}.option-copy>p{margin-top:10px;font-size:13px;line-height:1.7;color:var(--muted);min-height:66px;max-width:34ch}.option-menu{background:#FCFCFC;border:1px solid #DADADA;border-radius:9px;padding:5px;font-size:12px;box-shadow:0 6px 12px #00000008;margin:23px 0 18px}.option-menu>div{min-height:27px;display:flex;align-items:center;gap:8px;padding:4px 9px}.option-menu>div>span{margin-left:auto;color:var(--muted)}.option-menu hr{border:0;border-top:1px solid var(--line);margin:4px}.option-menu-row img{width:16px;height:16px;flex-shrink:0}.option-sizes{display:flex;align-items:stretch;gap:12px;margin-bottom:22px}.option-sizes>div{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:86px;padding:10px 4px}.option-sizes span{font-size:10px;color:var(--muted)}.option-sizes .option-reverse{background:#2C2C2C;border-radius:8px}.option-reverse img{filter:invert(1)}.option-reverse span{color:#DBDBDB}.files-option .asset-links{justify-content:flex-start;flex-wrap:wrap;font-size:11px}
.files-recommendation{padding:32px 0;max-width:70ch}.files-recommendation h2{font-size:22px;margin-bottom:13px}.files-recommendation p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.75}.files-recommendation .fine{font-size:12px}.files-options-nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-bottom:20px;font-size:13px}
@media(max-width:850px) and (min-width:701px){.files-options-grid{gap:18px}.option-copy>p{min-height:90px}.option-sizes{gap:4px}.option-sizes span{font-size:9px}}
@media(max-width:700px){.files-options-grid{grid-template-columns:1fr;gap:32px;padding-top:10px}.files-option{max-width:380px;width:100%;margin:auto;padding-bottom:30px;border-bottom:1px solid var(--line)}.files-option:last-child{border:0;padding-bottom:0}.option-copy>p{min-height:0;max-width:none}.option-key{width:230px;margin-bottom:4px}.files-symbol-review .review-title>p:last-child{font-size:14px}.files-options-nav{gap:22px}.files-recommendation{padding-top:28px}}
body.keyset,body.brand-keyset{--ground:#F5F5F5;--white:#FCFCFC;--ink:#2C2C2C;--muted:#6B6B6B;--line:#D9D9D9;--accent:#303030;--dock:#000000;--drop:#000000;--awake:#000000;--files:#000000}
.keyset ::selection,.brand-keyset ::selection{background:#DDDDDD}
.keyset .button:hover{background:#111111}.keyset .button.secondary:hover{background:var(--white)}
.keyset .keypad{background:#DFDFDF;box-shadow:0 10px 0 #BCBCBC,0 13px 0 #ABABAB,0 36px 38px -16px #00000024,inset 0 1px 0 #F9F9F9}.keyset .keypad-footer{color:#686868}
.keyset .app-choice:hover{background:#E9E9E9}.keyset .app-choice[aria-pressed=true]{background:var(--white)}.keyset .preview-picture{background:#E8E8E8}.keyset .files-demo{background:#FAFAFA;border-color:#D5D5D5;box-shadow:0 18px 30px #00000012}
.brand-keyset .logo-panel.dark{background:#2C2C2C}.brand-keyset .context-sample{background:#E8E8E8}.brand-keyset .mini-dock{background:#DDDDDD;border-color:#BBBBBB}.brand-keyset .menubar{background:#FAFAFA;color:#292929}.brand-keyset .menubar.dark{background:#2C2C2C;color:white}.brand-keyset .browser-tab,.brand-keyset .browser-bar{background:#FBFBFB}
.native-contexts .context-sample{padding:30px}.native-contexts h3{margin-bottom:24px}.context-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:47ch}.native-contexts .asset-links{justify-content:flex-start;flex-wrap:wrap;margin-top:15px}.native-disclaimer{margin-top:18px}
.finder-scene{position:relative;min-height:220px;background:#DCDCDC;border-radius:9px;padding:17px 20px 20px}.finder-filename{font-size:11px;color:#6B6B6B;margin-bottom:12px}.finder-menu{width:230px;max-width:100%;padding:6px;border-radius:8px;background:#FAFAFAF2;box-shadow:0 10px 25px #00000016;border:1px solid #FFFFFF;font:12px/1.6 Geist,Arial,sans-serif;color:#292929}.finder-menu>div:not(.finder-submenu){padding:3px 8px;display:flex;align-items:center;gap:7px;border-radius:4px;min-height:26px}.finder-menu>div>span{margin-left:auto}.finder-menu hr{border:0;border-top:1px solid #D8D8D8;margin:4px}.finder-menu .finder-selected{background:#303030;color:white}.finder-selected img{width:16px;height:16px;filter:invert(1)}.finder-submenu{position:absolute;top:139px;left:calc(50% - 3px);width:183px;max-width:calc(50% - 12px);padding:6px;background:#FBFBFBEF;border:1px solid white;border-radius:8px;box-shadow:0 10px 25px #00000020;font-size:11px}.finder-submenu span{display:block;padding:3px 7px;white-space:nowrap}
.menubar-app{margin-right:auto;font-weight:550}.awake-states{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:28px}.awake-states button{background:transparent;border:1px solid #BEBEBE;border-radius:8px;padding:12px 4px 8px;display:grid;justify-items:center;gap:7px;font-size:11px;min-height:64px}.awake-states img{width:18px;height:18px}.awake-states button:hover{background:#EFEFEF}.awake-states button[aria-pressed=true]{background:#FCFCFC;border-color:#303030;box-shadow:0 2px 0 #CCCCCC}.state-caption{font-size:12px;color:#303030;min-height:38px;margin-top:14px}.awake-context .context-note{margin-top:11px}
@media(max-width:1000px){.native-contexts .context-sample{padding:22px}.finder-submenu{left:42%;max-width:calc(58% - 12px)}}
@media(max-width:700px){.finder-scene{padding:15px}.native-contexts .context-sample{padding:20px}.finder-menu{width:190px}.finder-submenu{top:137px;left:35%;max-width:calc(65% - 9px);font-size:10px}.finder-submenu span{padding:3px 4px}.awake-states{gap:5px}.menubar-app{font-size:11px}}
.legal{max-width:68ch;padding:24px 0 72px}.legal h1{font-size:clamp(40px,5vw,60px);margin-bottom:10px}.legal h2{font-size:22px;letter-spacing:-.02em;margin:40px 0 12px}.legal p{margin-top:12px;color:var(--ink);line-height:1.65}.legal .lead{font-size:18px;margin-top:28px}.legal .fine{margin-top:0}.legal b{font-weight:600}.legal-links{display:flex;gap:20px}.legal-links a:hover{text-decoration:underline;text-underline-offset:4px}