.xd-page{background:#f4f7fa;color:#0b0e17}.xd-container{max-width:860px;margin:0 auto;padding:0 2.5rem}.xd-container-wide{max-width:1060px;margin:0 auto;padding:0 2.5rem}.xd-hero{background:radial-gradient(50% 55% at 80% 0%,rgba(46,158,142,.13),transparent 65%),radial-gradient(40% 48% at 12% 15%,rgba(79,195,178,.09),transparent 62%),#f4f7fa;padding:9rem 0 0;text-align:center;overflow:hidden}.xd-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.5rem}.xd-hero h1{font-size:3.75rem;font-weight:500;letter-spacing:-.04em;line-height:1.08;margin:0 0 1.25rem;color:#0b0e17}.xd-hero-sub{font-size:1.0625rem;color:#5c6878;line-height:1.7;max-width:500px;margin:0 auto 2.5rem}.xd-hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:5rem}.xd-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#2e9e8e;color:#fbfcfe;padding:.8rem 1.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:10px;transition:all .25s ease;box-shadow:0 1px #ffffff38 inset,0 8px 22px #2e9e8e47,0 1px 2px #0b0e1714}.xd-btn-primary:hover{background:#35ae9e;transform:translateY(-1px);box-shadow:0 1px #ffffff47 inset,0 14px 28px #2e9e8e61,0 2px 4px #0b0e171a}.xd-devices-strip{display:flex;align-items:stretch;justify-content:center;gap:0;padding:0 2rem;max-width:980px;margin:0 auto}.xd-dev{flex:1;max-width:280px;background:#fbfcfe;border:1px solid #D9E0EA;border-bottom:none;border-radius:14px 14px 0 0;padding:1.25rem 1.25rem 1.5rem;transition:all .3s ease;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.xd-dev-working{background:#fbfcfe;border-color:#d9e0ea;box-shadow:0 24px 56px #0b0e1714,0 4px 12px #0b0e170a}.xd-dev-top{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed #D9E0EA}.xd-dev-emoji{font-size:1rem}.xd-dev-name{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;text-transform:uppercase;flex:1}.xd-dev-badge{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.175rem .5rem;border-radius:5px}.xd-badge-sending{background:#0b0e170d;color:#5c6878}.xd-badge-active{background:#4fd4a61f;color:#2a8268}.xd-badge-synced{background:#0b0e170a;color:#8a93a3}.xd-dev-screen{min-height:80px}.xd-dev-voice{font-size:.8125rem;color:#2a3048;font-style:italic;line-height:1.6;margin:0}.xd-dev-action{font-size:.75rem;color:#5c6878;padding:.3rem 0;display:flex;align-items:center;gap:.5rem}.xd-dev-action.done:before{content:"✓";color:#4fd4a6;font-size:.625rem;font-weight:700}.xd-dev-idle{font-size:.75rem;color:#8a93a3;margin:0}.xd-signal{display:flex;align-items:center;gap:0;padding:0 .25rem;align-self:center}.xd-signal-line{width:16px;height:1px;background:#d9e0ea}.xd-signal-dot{width:4px;height:4px;border-radius:50%;background:#2e9e8e;animation:signalPulse 2s ease-in-out infinite}@keyframes signalPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.xd-signal:nth-child(4) .xd-signal-dot{animation-delay:.7s}.xd-scene{padding:5rem 0;border-top:1px solid #D9E0EA}.xd-scene-dark{background:#ecf1f6;border-top-color:#d9e0ea}.xd-scene-header{text-align:center;margin-bottom:3rem}.xd-scene-time{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#5c6878;margin-bottom:1rem}.xd-scene-dark .xd-scene-time{color:#5c6878}.xd-scene-header h2{font-size:2.25rem;font-weight:500;letter-spacing:-.03em;line-height:1.2;color:#0b0e17;margin:0}.xd-scene-dark .xd-scene-header h2{color:#0b0e17}.xd-scene-context{text-align:center;font-size:.9375rem;color:#5c6878;line-height:1.7;max-width:560px;margin:-1.5rem auto 2.5rem}.xd-scene-dark .xd-scene-context{color:#5c6878}.xd-scene-result{text-align:center;font-size:.9375rem;font-weight:500;color:#5c6878;margin:2.5rem 0 0}.xd-scene-dark .xd-scene-result{color:#5c6878}.xd-scene-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;max-width:820px;margin:0 auto}.xd-scene-arrow{display:flex;align-items:center;justify-content:center;padding-top:3rem;color:#2e9e8e}.xd-screen{border-radius:14px;overflow:hidden;border:1px solid #D9E0EA;background:#fbfcfe;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.xd-screen-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #D9E0EA;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.12em;text-transform:uppercase}.xd-screen-dot{width:7px;height:7px;border-radius:50%}.xd-dot-live{background:#4fd4a6;box-shadow:0 0 6px #4fd4a64d;animation:dotPulse 2s ease-in-out infinite}.xd-dot-active{background:#4fd4a6;box-shadow:0 0 8px #4fd4a666;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.xd-screen-body{padding:1.25rem}.xd-chat-you{font-size:.875rem;color:#0b0e17;font-style:italic;line-height:1.6;padding:.875rem 1rem;background:#f4f7fa;border-radius:10px;margin-bottom:.75rem}.xd-chat-agent{font-size:.8125rem;color:#2a3048;line-height:1.6;padding:.75rem 1rem;background:#f4f7fa;border:1px solid #D9E0EA;border-radius:10px}.xd-mac-action{font-size:.8125rem;color:#2a3048;padding:.4rem 0;display:flex;align-items:center;gap:.5rem}.xd-mac-action.done:before{content:"✓";font-size:.625rem;font-weight:700;color:#4fd4a6}.xd-mac-status{font-family:var(--font-mono);font-size:.75rem;color:#5c6878;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #D9E0EA}.xd-scene-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:700px;margin:0 auto}.xd-live-card{border-radius:14px;overflow:hidden;background:#fbfcfe;border:1px solid #D9E0EA;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.xd-live-top{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-bottom:1px solid #D9E0EA;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.14em;text-transform:uppercase}.xd-live-badge{margin-left:auto;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.175rem .5rem;border-radius:5px}.xd-live-body{padding:1.25rem}.xd-live-task{font-size:.9375rem;font-weight:500;color:#0b0e17;margin-bottom:.375rem}.xd-live-detail{font-size:.75rem;color:#5c6878}.xd-live-update{font-size:.75rem;color:#2a8268;margin-top:.875rem;padding-top:.75rem;border-top:1px dashed #D9E0EA}.xd-live-wave{display:flex;align-items:center;gap:3px;margin-top:.875rem;height:20px}.xd-live-wave span{width:3px;border-radius:2px;background:#2e9e8e;animation:wave 1.2s ease-in-out infinite}.xd-live-wave span:nth-child(1){height:8px;animation-delay:0s}.xd-live-wave span:nth-child(2){height:16px;animation-delay:.15s}.xd-live-wave span:nth-child(3){height:12px;animation-delay:.3s}.xd-live-wave span:nth-child(4){height:18px;animation-delay:.45s}.xd-live-wave span:nth-child(5){height:6px;animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.xd-live-progress{margin-top:.875rem;height:3px;border-radius:2px;background:#e3e9f0;overflow:hidden}.xd-live-bar{width:68%;height:100%;border-radius:2px;background:#2e9e8e;animation:progressGrow 3s ease-out forwards}@keyframes progressGrow{0%{width:30%}to{width:68%}}.xd-notif-feed{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.xd-notif{padding:1.25rem 1.5rem;background:#fbfcfe;border:1px solid #D9E0EA;border-radius:14px;transition:all .3s ease;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.xd-notif:hover{box-shadow:0 24px 56px #0b0e1714,0 4px 12px #0b0e170a;transform:translateY(-1px)}.xd-notif-route{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem}.xd-notif-msg{font-size:.9375rem;color:#0b0e17;line-height:1.6}.xd-notif-meta{font-family:var(--font-mono);font-size:.75rem;color:#5c6878;margin-top:.5rem}.xd-notif-actions{display:flex;gap:.5rem;margin-top:.875rem}.xd-notif-btn{font-size:.75rem;font-weight:500;padding:.4rem .875rem;border-radius:7px;cursor:pointer;transition:all .2s ease;background:#2e9e8e;color:#fbfcfe;border:none;box-shadow:0 1px #ffffff38 inset,0 8px 22px #2e9e8e47,0 1px 2px #0b0e1714}.xd-notif-btn:hover{background:#35ae9e}.xd-notif-btn-muted{background:transparent;color:#5c6878;border:1px solid #D9E0EA;box-shadow:none}.xd-notif-btn-muted:hover{background:#ecf1f6;color:#0b0e17}.xd-wrapup{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:820px;margin:0 auto}.xd-wrapup-device{background:#fbfcfe;border:1px solid #D9E0EA;border-radius:14px;padding:1.5rem;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.xd-wrapup-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed #D9E0EA}.xd-wrapup-list{display:flex;flex-direction:column;gap:.5rem}.xd-wrapup-list span{font-size:.8125rem;color:#2a3048;line-height:1.5;padding-left:1rem;position:relative}.xd-wrapup-list span:before{content:"✓";position:absolute;left:0;color:#4fd4a6;font-size:.625rem;font-weight:700;top:2px}.xd-cta{padding:5.5rem 0;background:linear-gradient(180deg,#ecf1f6,#f4f7fa);text-align:center;border-top:1px solid #D9E0EA}.xd-cta h2{font-size:2.75rem;font-weight:500;letter-spacing:-.035em;line-height:1.15;color:#0b0e17;margin:0 0 1rem}.xd-cta-note{font-size:.875rem;color:#5c6878;margin:0 0 2rem}.xd-btn-cta{padding:1rem 2.25rem;font-size:1rem}@media (max-width: 960px){.xd-devices-strip{flex-direction:column;align-items:center;padding:0 1.5rem}.xd-dev{max-width:100%;border-radius:14px;border-bottom:1px solid #D9E0EA}.xd-signal{transform:rotate(90deg);padding:.5rem 0}.xd-scene-pair{grid-template-columns:1fr;gap:1rem}.xd-scene-arrow{transform:rotate(90deg);padding:0}.xd-scene-split,.xd-wrapup{grid-template-columns:1fr}}@media (max-width: 768px){.xd-container,.xd-container-wide{padding:0 1.5rem}.xd-hero{padding:9rem 0 0}.xd-hero h1{font-size:2.5rem}.xd-hero-sub{font-size:.9375rem}.xd-scene{padding:5rem 0}.xd-scene-header h2{font-size:1.75rem}.xd-cta{padding:5rem 0}.xd-cta h2{font-size:2rem}}@media (max-width: 480px){.xd-hero h1{font-size:2.125rem}.xd-hero-actions{flex-direction:column;align-items:center}}.xd-demo{padding:6rem 0;background:#f4f7fa}.xd-demo-head{text-align:center;max-width:640px;margin:0 auto 3rem}.xd-demo-kicker{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.xd-demo-head h2{font-size:2.25rem;font-weight:500;letter-spacing:-.025em;line-height:1.15;color:#0b0e17;margin:0 0 1rem}.xd-demo-head p{font-size:1rem;color:#5c6878;line-height:1.6;margin:0}.xd-beat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:clamp(3rem,7vw,6rem)}.xd-beat-reverse{direction:rtl}.xd-beat-reverse>*{direction:ltr}.xd-beat-text{max-width:420px}.xd-beat-num{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#5c6878;letter-spacing:.16em;margin-bottom:1rem}.xd-beat-text h3{font-size:2rem;font-weight:500;letter-spacing:-.02em;line-height:1.15;color:#0b0e17;margin:0 0 1rem}.xd-beat-text p{font-size:1.0625rem;line-height:1.6;color:#5c6878;margin:0}.xd-beat-media{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#0b0e17;box-shadow:0 30px 70px #0b0e172e,0 0 0 1px #0b0e170f}.xd-beat-media video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#0b0e17}.xd-beat-media-portrait{aspect-ratio:1752 / 2304;max-width:360px;justify-self:center;width:100%}.xd-beat-media-landscape{aspect-ratio:3010 / 2158;width:100%}@media (max-width: 880px){.xd-demo{padding:4rem 0}.xd-demo-head h2{font-size:1.75rem}.xd-beat,.xd-beat-reverse{grid-template-columns:1fr;direction:ltr}.xd-beat-media-portrait{max-width:280px}}