.motion-studio{max-width:1440px;color:var(--color-ink);background:var(--color-canvas);margin:auto;padding:0 48px}.motion-nav{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.motion-nav>span{color:var(--color-muted);align-items:center;gap:14px;font-size:14px;display:flex}.motion-nav>span i{background:currentColor;border-radius:50%;width:3px;height:3px}.motion-nav>a:last-child{align-items:center;gap:10px;font-size:14px;display:flex}.motion-intro{justify-content:space-between;align-items:end;gap:40px;padding:54px 0 38px;display:flex}.motion-eyebrow{color:var(--color-signal);letter-spacing:.13em;font-size:14px;font-weight:600}.motion-intro h1{font-family:var(--font-display);letter-spacing:-.05em;margin-top:14px;font-size:clamp(34px,3.6vw,52px);font-weight:500;line-height:1.08}.motion-intro>p{color:var(--color-muted);flex-shrink:0;margin-bottom:2px;font-size:14px;line-height:22px}.motion-viewport{background:var(--color-surface);--scene-ink:#080808;--scene-muted:#626773;--scene-surface:#fff;--scene-line:#d9dce3;--scene-accent:#1647e8;border-radius:24px;width:100%;position:relative;overflow:hidden}.motion-scene{width:1104px;height:560px;transform:scale(var(--scene-scale));transform-origin:0 0;position:absolute;top:0;left:0}.motion-chat{border:1px solid var(--scene-line);background:var(--scene-surface);width:520px;height:330px;color:var(--scene-ink);transform-origin:50%;border-radius:16px;position:absolute;top:125px;left:60px;overflow:hidden;box-shadow:0 22px 50px #00000014}.motion-chat-header{border-bottom:1px solid var(--scene-line);align-items:center;gap:12px;height:52px;padding:0 22px;display:flex}.motion-chat-header strong{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.motion-chat-header strong span{font-family:var(--font-mono);font-size:20px}.motion-chat-header>span{color:var(--scene-muted);margin-left:auto;font-size:14px}.motion-chat-header>i{color:var(--scene-muted);letter-spacing:2px;font-size:14px;font-style:normal}.motion-chat-content{position:absolute;inset:53px 0 34px}.motion-history{background:#f5f7fa;border-radius:10px;padding:6px 12px;font-size:14px;line-height:18px;position:absolute;top:8px;right:24px}.motion-stream{width:calc(100% - 48px);color:var(--scene-muted);font-size:15px;line-height:20px;position:absolute;top:42px;left:24px}.motion-stream-line{white-space:normal}.stream-glyph{position:relative}.motion-stream [data-letter],.motion-viewport[data-reduced=true] .motion-stream-line{opacity:0}.motion-viewport[data-reduced=true] .motion-stream [data-letter]{opacity:1}.motion-tests-passed{color:var(--scene-muted);opacity:0;align-items:center;gap:6px;font-size:14px;line-height:18px;display:flex;position:absolute;top:87px;left:24px}.motion-tests-passed svg{color:var(--color-success);flex-shrink:0}.motion-approval{opacity:0;position:absolute;top:120px;left:24px}.motion-approval>span{text-transform:uppercase;letter-spacing:.04em;color:var(--scene-accent);align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:18px;display:flex}.motion-approval i{background:currentColor;border-radius:50%;width:6px;height:6px}.motion-approval p{font-family:var(--font-display);letter-spacing:-.025em;margin:6px 0 0;font-size:25px;font-weight:400;line-height:30px}.motion-sending{width:310px;color:var(--scene-accent);opacity:0;font-size:14px;position:absolute;top:214px;left:24px}.motion-sending>span{white-space:nowrap;align-items:center;gap:7px;display:flex;position:absolute}.motion-composer{color:var(--scene-muted);align-items:center;gap:7px;font-size:14px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.motion-composer>span{flex:1}.motion-route{opacity:0;background:#b7c7f8;width:216px;height:1px;position:absolute;top:310px;left:580px}.motion-route>i{opacity:0;background:#1647e8;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 5px #1647e816}.motion-phone{color:#242832;opacity:.12;transform-origin:50%;background:#eaedf4;border:5px solid #23252a;border-radius:38px;width:244px;height:448px;position:absolute;top:44px;left:796px;box-shadow:0 20px 50px #00000024}.phone-island{background:#080808;border-radius:20px;width:74px;height:20px;position:absolute;top:10px;left:80px}.phone-clock{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:54px}.phone-clock span{text-align:center;max-width:100%;padding:0 8px;font-size:14px;line-height:18px}.phone-clock strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:62px;font-weight:400;line-height:70px}.phone-notification{opacity:0;width:216px;position:absolute;top:183px;left:9px}.motion-notice{color:#080808;background:#fff;border-radius:20px;flex-direction:column;gap:8px;width:216px;padding:14px;display:flex}.notice-sender{align-items:center;gap:8px;font-size:14px;line-height:16px;display:flex}.notice-sender>svg{border-radius:6px;width:22px;height:22px}.notice-sender>strong{font-weight:600}.notice-sender>span{color:#626773;margin-left:auto}.notice-title{font-size:17px;font-weight:600;line-height:21px}.motion-notice>p{margin:-3px 0 0;font-size:14px;line-height:19px}.phone-home{background:#626773;border-radius:3px;width:84px;height:4px;position:absolute;bottom:12px;left:75px}.is-cinematic .motion-chat{width:550px;top:134px;left:50px}.is-cinematic .motion-phone{left:802px}.night-caption{letter-spacing:.1em;color:#f5f7fa;font-size:14px;line-height:18px;position:absolute;top:38px;left:50px}.night-caption span{color:#a0a4ae}.is-white{background:#fff;box-shadow:inset 0 0 0 1px #e6e9ef}.is-refined .motion-chat{border-color:#e2e5ec;border-radius:20px;box-shadow:0 24px 64px #1726420d,0 4px 12px #17264208}.is-refined .motion-chat-header{border-color:#e8ebf1}.is-refined .motion-approval p{font-size:26px;font-weight:500;line-height:32px}.is-refined .motion-phone{color:#20232b;background:#f5f7fa;border-color:#a9aeb8;box-shadow:inset 0 0 0 1px #fff,0 28px 64px #17264214,0 6px 16px #1726420d}.is-refined .phone-clock span{color:#626773}.is-refined .phone-clock strong{font-weight:500}.is-refined .motion-notice{border:1px solid #fff;padding:13px;box-shadow:0 8px 24px #1726420a}.is-refined .night-caption,.is-refined .night-caption span{color:#626773}.motion-controls{border-bottom:1px solid var(--color-border);align-items:center;gap:18px;padding:17px 4px;display:flex}.motion-transport{align-items:center;gap:3px;display:flex}.motion-transport button{background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.motion-transport output{min-width:112px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:10px;font-size:14px}.motion-transport output span{color:var(--color-muted)}.motion-scrubber{flex:1;align-items:center;display:flex}.motion-scrubber input{cursor:pointer;width:100%;height:24px;accent-color:var(--color-signal)}.motion-speed select{background:0 0;border:0;padding:8px 0;font-size:14px}.motion-gentle{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.motion-gentle input{accent-color:var(--color-signal);width:15px;height:15px}.motion-beats{grid-template-columns:repeat(4,1fr);gap:24px;padding-top:14px;display:grid}.motion-beats button{color:var(--color-muted);text-align:left;background:0 0;align-items:center;gap:8px;min-height:36px;font-size:14px;display:flex}.motion-beats i{border:1px solid;border-radius:50%;width:5px;height:5px}.motion-beats small{font-family:var(--font-mono);opacity:.6;margin-left:auto;font-size:14px}.motion-beats button[aria-pressed=true]{color:var(--color-signal)}.motion-beats button[aria-pressed=true] i{background:currentColor}.motion-description{grid-template-columns:1.1fr 1fr;gap:64px;padding:42px 0;display:grid}.motion-description>div>span{color:var(--color-muted);font-size:14px}.motion-description h2{font-family:var(--font-display);letter-spacing:-.035em;max-width:500px;margin-top:10px;font-size:27px;font-weight:500;line-height:1.2}.motion-description>p{max-width:420px;color:var(--color-muted);align-self:end;font-size:14px;line-height:23px}.motion-footer{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;padding:20px 0;font-size:14px;display:flex}.motion-footer p{align-items:center;gap:6px;display:flex}.motion-references{padding:80px 0}.motion-references h2{font-family:var(--font-display);letter-spacing:-.04em;margin:14px 0 30px;font-size:32px;font-weight:500}.motion-references>div{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.motion-references a{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:16px;font-size:14px;display:flex}.motion-references a span,.motion-references>p:last-child{color:var(--color-muted);font-size:14px;line-height:20px}.motion-references>p:last-child{max-width:800px;margin-top:28px}.is-compact .motion-scene{width:390px;height:850px}.is-compact .motion-chat{width:350px;height:330px;top:30px;left:20px}.is-compact .motion-chat-header{padding:0 16px}.is-compact .motion-chat-header>i{display:none}.is-compact .motion-history{right:16px}.is-compact .motion-stream{width:312px;font-size:14px;left:18px}.is-compact .motion-approval,.is-compact .motion-tests-passed,.is-compact .motion-sending{left:18px}.is-compact .motion-phone{height:398px;top:410px;left:73px}.is-compact .phone-clock{top:44px}.is-compact .phone-notification{top:163px}.is-compact .night-caption{display:none}@media (hover:hover) and (pointer:fine){.motion-nav a:last-child:hover,.motion-references a:hover strong{color:var(--color-signal)}.motion-transport button:hover{background:var(--color-surface)}}@media (max-width:760px){.motion-studio{padding:0 20px}.motion-nav{min-height:72px}.motion-nav>span{display:none}.motion-intro{flex-direction:column;align-items:start;gap:14px;padding:32px 0}.motion-intro h1{max-width:350px}.motion-intro>p{font-size:14px;line-height:20px}.motion-viewport{border-radius:18px}.motion-controls{flex-wrap:wrap;gap:6px 14px}.motion-scrubber{min-width:120px}.motion-speed{margin-left:6px}.motion-gentle{margin-left:auto}.motion-beats{gap:12px}.motion-beats small{display:none}.motion-beats button{font-size:14px}.motion-description{grid-template-columns:1fr;gap:16px;padding:28px 0}.motion-description h2{font-size:24px}.motion-footer{flex-direction:column;align-items:start;gap:18px}.motion-footer p{flex-wrap:wrap;line-height:20px}.motion-references>div{grid-template-columns:1fr}}.is-signal .motion-route>i{border:2px solid #fff;width:10px;height:10px;top:-5px;left:-5px;box-shadow:0 0 0 3px #1647e824}.is-signal.is-compact .motion-scene{height:930px}.is-signal.is-compact .motion-phone{top:490px}.is-baseline [data-letter-cursor]{background:var(--scene-ink);opacity:0;z-index:2;width:2px;height:17px;position:absolute;top:2px;right:-3px}.is-baseline .motion-route>i{width:12px;height:12px;top:-6px;left:-6px}.is-baseline.is-compact .motion-scene{left:calc(50% - 195px * var(--scene-scale))}.is-baseline.is-compact .motion-sending{font-size:16px;line-height:18px}.is-baseline.is-compact .motion-notice>p{font-size:16px;line-height:21px}.is-refined .motion-chat{overflow:visible}.chat-send-border{border:2px solid var(--scene-accent);border-radius:inherit;pointer-events:none;opacity:0;z-index:3;position:absolute;inset:-1px}.is-signal .motion-route{z-index:4;background:#cbd5ed;width:205px;height:1px;top:299px;left:600px}.is-signal.is-compact .motion-route{width:1px;height:135px;top:360px;left:195px}.is-baseline.is-compact .motion-sending{font-size:15px}.chat-send-glow{border:1px solid var(--scene-accent);border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-1px;box-shadow:0 0 12px 2px #1647e824}.phone-receive-border,.phone-receive-glow{border:3px solid var(--scene-accent);border-radius:inherit;pointer-events:none;opacity:0;z-index:5;position:absolute;inset:-5px}.phone-receive-glow{box-shadow:0 0 16px 3px #1647e840}.motion-sending{height:22px}.motion-sending [data-motion=sent-copy]{opacity:0}.send-status-icon{flex-shrink:0;width:13px;height:16px;position:relative}.send-status-icon>svg{position:absolute;top:1px;left:0}.send-status-letter{width:.55em;display:inline-block;position:relative}.send-status-letter>span{display:inline-block}.send-status-letter>span:last-child{position:absolute;top:0;left:0}.is-refined .phone-notification{transform-origin:bottom}.is-refined .motion-notice{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffffa6;border-radius:22px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}