/* Product-led motion. The clipboard imports the actual V2 component styles. */
.landing-paste.paste-overlay{position:relative;inset:auto;z-index:auto;display:block;padding:0;background:none;backdrop-filter:none;width:100%;text-align:left}
.dark .landing-paste{--ph-bg:#262624;--ph-ink:#e4e2de;--ph-muted:#96938d;--ph-line:#41413e;--ph-off:#1d1d1c;--ph-accent:#ff7146}
.landing-paste .paste-pill{width:100%;max-height:none}.landing-paste .paste-footer{background:none;margin:0}.landing-paste .paste-actions button:disabled{cursor:default}.dark .landing-paste .paste-item.is-link strong{color:#8da8ff}.landing-paste .paste-header button{cursor:default}
.landing-paste .paste-item[hidden]{display:none}
.motion-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px;color:var(--muted);font-size:10px}.motion-caption{margin-right:auto;font-size:9px;letter-spacing:.04em}.motion-controls button{font:inherit;color:var(--muted);background:none;border:0;cursor:pointer;padding:5px 0}.motion-controls button:hover{color:var(--ink)}
.motion-story{display:flex;align-items:center;gap:12px;margin-top:20px;min-height:40px}.motion-story>span{font:11px 'Geist Mono',monospace;color:var(--accent);background:var(--accent-soft);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex:none}.motion-story p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.space-demo,.shared-demo{min-width:0;width:100%}.space-demo .v2-library{position:relative}
.space-switch{display:flex;align-items:center;gap:12px;width:100%;padding:0 0 20px;background:none;border:0;border-bottom:1px solid var(--border);text-align:left;color:var(--ink);cursor:pointer}.space-switch img,.space-options img{width:38px;height:38px;border-radius:10px}.space-switch b{font-size:13px}.space-switch small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.switch-chevron{margin-left:auto;border:1px solid var(--border2);border-radius:7px;width:28px;height:28px;display:grid;place-items:center;transition:transform .25s}.space-switch[aria-expanded=true] .switch-chevron{transform:rotate(180deg)}
.space-options{position:absolute;top:88px;left:18px;right:18px;z-index:4;padding:7px;border:1px solid var(--border2);background:var(--white);border-radius:13px;box-shadow:0 18px 40px #0003;animation:menu-in .24s ease-out}.space-options[hidden]{display:none}.space-options button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--ink);padding:11px 9px;border-radius:8px;font-size:12px;cursor:pointer}.space-options button:hover,.space-options button[aria-pressed=true]{background:var(--off)}.space-options small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.space-check{margin-left:auto;color:var(--accent);opacity:0}.space-options [aria-pressed=true] .space-check{opacity:1}
.space-content{transition:opacity .2s}.space-content.changed{animation:menu-in .45s ease}.space-capture{display:flex;gap:12px;align-items:center;padding:14px 12px;border-radius:9px;background:var(--off);border:1px solid var(--border)}.space-capture>span{color:var(--muted)}.space-capture small{display:block;color:var(--muted);font-size:8px;letter-spacing:.05em}.space-capture b{display:block;font-size:11px;font-weight:500;margin-top:6px}
.v2-shared-top>.v2-avatar-stack{margin-left:auto}.shared-sender{margin-top:25px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--off)}.person-label{display:flex;align-items:center;gap:7px;font-size:10px}.person-label img{width:21px;height:21px;border-radius:50%}.person-label>span{color:var(--muted);font-size:9px}.shared-composer{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:11px}.shared-save{margin-left:auto;flex:none;padding:7px 9px;border-radius:6px;background:var(--ink);color:var(--white);font-size:9px;transition:transform .3s,box-shadow .3s}.shared-sender>small{display:block;margin-top:11px;font-size:8px;color:var(--muted)}.shared-demo[data-step="1"] .shared-save{transform:scale(.93);box-shadow:0 0 0 5px var(--accent-soft);background:var(--accent);color:#fff}
.sync-track{height:51px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:9px}.sync-track i{height:22px;width:1px;background:var(--border2);position:relative}.sync-track i:after{content:'';position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0}.shared-demo[data-step="2"] .sync-track i:after{opacity:1;animation:send-dot 1s ease-in-out infinite}.shared-receiver{padding:14px;border:1px solid var(--border);border-radius:12px}.receiver-status{margin-left:auto;font-size:8px;color:var(--green)}.shared-receiver .v2-shared-tabs{margin-top:15px}.shared-items{min-height:140px;display:flex;flex-direction:column;gap:9px;padding-top:10px}.shared-arrival,.shared-existing{display:flex;align-items:center;gap:10px;font-size:10px;padding:12px 9px;border:1px solid var(--border);border-radius:8px}.shared-items small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.shared-arrival{display:none;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-soft)}.shared-arrival em{font-size:8px;color:var(--accent);margin-left:auto;font-style:normal}.shared-demo[data-step="3"] .shared-arrival,.shared-demo[data-step="4"] .shared-arrival{display:flex;animation:menu-in .55s ease}.shared-demo[data-step="4"] .shared-arrival{animation:none}
.keyboard-modes{display:flex;justify-content:center;gap:8px;margin:28px auto 0}.keyboard-modes button{border:1px solid var(--border);background:var(--white);color:var(--muted);padding:10px 15px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:10px;transition:border-color .2s,background .2s}.keyboard-modes kbd{font:11px 'Geist Mono',monospace}.keyboard-modes button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.keyboard-feedback{text-align:center;min-height:28px;margin-top:18px;color:var(--muted);font-size:12px}.kbfinal .motion-controls{max-width:560px;margin:4px auto 0}.kbfinal .kbstage{padding-top:470px;margin-top:15px}.kbfinal .kb-cards{height:440px}.kbfinal .kb-card{height:420px;pointer-events:none}.kbfinal .landing-paste{width:450px;max-width:100%}.kbfinal .kb-card .v2-voice{margin:0}.kbfinal .key.press{animation:key-press .38s ease-out}.kbfinal .sim-src{top:200px}.demo-pointer{position:absolute;z-index:9;left:50%;top:54%;width:18px;height:23px;background:var(--ink);clip-path:polygon(0 0,95% 62%,55% 65%,38% 100%);filter:drop-shadow(0 1px 2px #fff);opacity:0;transition:left .55s,top .55s;pointer-events:none}.kbfinal[data-step="4"] .demo-pointer{opacity:1;left:61%;top:23%}.kbfinal[data-mode="voice"][data-step="4"] .demo-pointer{left:54%;top:56%}.kbfinal[data-mode="alt"][data-step="4"] .demo-pointer{left:75%;top:88%}.demo-saved{position:absolute;z-index:10;bottom:0;left:50%;transform:translate(-50%,10px);opacity:0;padding:9px 15px;background:var(--white);border:1px solid var(--border2);border-radius:30px;box-shadow:var(--shadow-float);font-size:11px;white-space:nowrap;transition:opacity .3s,transform .3s}.kbfinal[data-step="5"] .demo-saved{opacity:1;transform:translate(-50%,0)}.kbfinal[data-step="4"] .v2-orb.orb-a{box-shadow:0 0 0 7px var(--accent-soft)}
.paste-result{margin-top:16px;padding:13px 16px;border:1px solid var(--border);border-radius:12px;text-align:left;color:var(--muted);font-size:11px;min-height:62px}.paste-result b{display:block;color:var(--ink);font-size:11px;margin-top:5px}.motion-controls button:focus-visible,.space-switch:focus-visible,.space-options button:focus-visible,.keyboard-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes menu-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes send-dot{from{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(22px);opacity:0}}@keyframes key-press{0%{transform:translateY(0)}35%{transform:translateY(4px);box-shadow:0 0 22px #ff4d1c55}100%{transform:translateY(0)}}
.kbfinal{padding-top:48px}.kbfinal .kbstage{padding-top:380px}.kbfinal .kb-cards{height:360px}.kbfinal .kb-card{height:350px}.kbfinal .landing-paste{transform:scale(.87);transform-origin:center center}.kbfinal .keyboard-modes{margin-top:0}.kbfinal .sim-src{top:160px}.kbfinal .kb-card{visibility:hidden}.kbfinal .kb-card.on{visibility:visible}
@media(max-width:600px){.keyboard-modes{gap:5px}.keyboard-modes button{padding:9px 8px;flex-direction:column;gap:5px}.keyboard-modes kbd{font-size:10px}.kbfinal .kbstage{padding-top:420px}.kbfinal .kb-cards{height:400px}.kbfinal .kb-card{height:390px}.kbfinal .landing-paste{transform:none}.shared-composer{font-size:10px}.shared-demo .v2-shared-board{padding:15px}.motion-story p{font-size:11px}.motion-caption{font-size:8px}.space-switch img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.space-options,.space-content.changed,.shared-arrival,.key.press,.sync-track i:after{animation:none!important}.demo-pointer,.demo-saved,.switch-chevron{transition:none!important}.v2-waves i{animation:none!important}}