.record-demo{padding:18px 14px 0;font-family:system-ui,sans-serif}.record-desktop{display:flex;height:327px;overflow:hidden;border:1px solid #485466;border-radius:10px;background:#121212;box-shadow:0 10px 28px #0003;color:#ededed}.record-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:100px;padding:10px 7px;border-right:1px solid #2b2b2b;background:#171717;font-size:9px}.record-brand{display:flex;align-items:center;gap:5px;margin-bottom:13px;white-space:nowrap;font-size:8px}.record-brand b{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#3b82f6;color:#fff;font-size:12px}.record-sidebar-action{display:grid;margin-bottom:10px}.record-sidebar-action>span{position:relative;display:flex;grid-area:1 / 1;align-items:center;justify-content:center;gap:5px;height:25px;border-radius:5px;font-size:9px;white-space:nowrap}.record-start-action{background:#2563eb;color:#fff}.record-stop-action{opacity:0;visibility:hidden;background:#292929}.record-stop-action i,.record-stop-button>i{width:6px;height:6px;border-radius:1px;background:#fb7185}.record-nav-selected,.record-nav-item{display:flex;align-items:center;gap:7px;padding:7px 6px;color:#a3a3a3}.record-nav-selected{border-radius:5px;background:#282828;color:#f5f5f5}.record-sidebar-bottom{margin-top:auto;padding:4px;color:#8e8e8e}.record-workspace{flex:1;min-width:0}.record-topbar{display:flex;align-items:center;gap:10px;height:31px;padding:0 9px;border-bottom:1px solid #282828;background:#181818;color:#919191;font-size:10px}.record-search{flex:1;padding:3px 8px;border:1px solid #303030;border-radius:12px;color:#858585;font-size:8px}.record-pages{display:grid}.record-page{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden}.record-summary{opacity:1;visibility:visible}.record-breadcrumb{overflow:hidden;height:23px;padding:6px 9px;border-bottom:1px solid #242424;color:#a3a3a3;font-size:8px;white-space:nowrap}.record-page-body{padding:10px 11px}.record-page h3{display:flex;align-items:center;justify-content:space-between;margin:0;color:#fafafa;font-size:15px;font-weight:600;line-height:1.4}.record-muted{margin-top:5px;color:#919191;font-size:9px}.record-meeting-row{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 8px;border:1px solid #303030;border-radius:6px;font-size:10px}.record-meeting-row b{font-weight:500}.record-meeting-row small{display:block;margin-top:3px;color:#8c8c8c;font-size:8px}.record-meeting-icon{color:#93c5fd;font-size:18px}.record-ready-hint{margin-top:20px;text-align:center;font-size:10px}.record-ready-hint>span{display:block;margin-bottom:4px;color:#93c5fd;font-size:22px}.record-ready-hint b{font-weight:500}.record-ready-hint p{margin-top:5px;color:#969696;font-size:9px}.record-tabs{display:flex;align-items:center;gap:13px;min-height:29px;margin-top:5px;border-bottom:1px solid #303030;color:#919191;font-size:9px;white-space:nowrap}.record-tabs>b{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid #60a5fa;color:#f5f5f5;font-weight:500}.record-capture-tabs{gap:6px;margin-top:15px;padding-bottom:3px}.record-meters{display:flex;align-items:center;gap:2px;margin-left:auto;height:23px}.record-meters i{width:3px;height:var(--meter-height);border-radius:2px;background:#fb7185}.record-stop-button{position:relative;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #383838;border-radius:5px;background:#252525;color:#ededed;font-size:10px}.record-note-placeholder{margin-top:15px;max-width:180px;color:#737373;font-size:11px;line-height:1.6}.record-audio-status{margin-top:35px;color:#b0b0b0;font-size:8px}.record-live-dot{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#fb7185}.record-processing-card{margin-top:20px;padding:13px 11px;border:1px solid #343434;border-radius:7px;background:#191919;font-size:11px}.record-processing-card b{font-weight:500}.record-processing-card p{margin-top:9px;color:#a3a3a3;font-size:9px;line-height:1.5}.record-processing-track{height:4px;margin-top:12px;overflow:hidden;border-radius:4px;background:#303030}.record-processing-track span{display:block;height:100%;background:#3b82f6;transform-origin:left}.record-generating{margin-top:16px;color:#93c5fd;font-size:10px}.record-complete{color:#6ee7b7;font-size:8px;font-weight:400}.record-summary-content{padding-top:10px}.record-summary-content h4{display:flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:600}.record-summary-content h4>span{color:#93c5fd;font-size:16px}.record-summary-content p{margin-top:5px;color:#b9b9b9;font-size:10px;line-height:1.5}.record-decision{margin-top:8px}.record-section-label{color:#8a9bb4;font-size:8px;letter-spacing:.08em}.record-decision p{margin-top:3px}.record-decision p>span{color:#6ee7b7}.record-tasks{margin-top:7px}.record-tasks>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:4px;color:#d4d4d4;font-size:9px}.record-tasks b{padding:2px 5px;border-radius:3px;background:#253c5a;color:#bfdbfe;font-size:8px;font-weight:400}.record-tasks>div:last-child b{background:#403561;color:#ddd6fe}.record-flow{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:10px;color:#bbcce5;font-size:9px;white-space:nowrap}.record-flow i{color:#6784aa;font-style:normal}.record-click{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border:2px solid #dbeafe;border-radius:50%;opacity:0;pointer-events:none}.story[data-playing] .record-ready{animation:record-ready 12s linear both}.story[data-playing] .record-start-action{animation:record-sidebar-start 12s linear both}.story[data-playing] .record-capture,.story[data-playing] .record-stop-action{animation:record-capture 12s linear both}.story[data-playing] .record-processing{animation:record-processing 12s linear both}.story[data-playing] .record-summary{animation:record-summary 12s linear both}.story[data-playing] .record-meters i{animation:record-meter .45s ease-in-out var(--meter-delay) infinite alternate}.story[data-playing] .record-start-click{animation:record-click 12s linear both}.story[data-playing] .record-stop-click{animation:record-stop-click 12s linear both}.story[data-playing] .record-processing-track span{animation:record-progress 12s linear both}.story[data-playing] .record-summary-content{animation:record-notes 12s ease-out both}@keyframes record-ready{0%,16.6%{opacity:1;visibility:visible}16.7%,to{opacity:0;visibility:hidden}}@keyframes record-sidebar-start{0%,16.6%,66.7%,to{opacity:1;visibility:visible}16.7%,66.6%{opacity:0;visibility:hidden}}@keyframes record-capture{0%,16.6%{opacity:0;visibility:hidden}16.7%,49.9%{opacity:1;visibility:visible}50%,to{opacity:0;visibility:hidden}}@keyframes record-processing{0%,49.9%{opacity:0;visibility:hidden}50%,66.6%{opacity:1;visibility:visible}66.7%,to{opacity:0;visibility:hidden}}@keyframes record-summary{0%,66.6%{opacity:0;visibility:hidden}66.7%,to{opacity:1;visibility:visible}}@keyframes record-meter{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes record-click{0%,10%{opacity:0;transform:scale(.6)}12%{opacity:.9;transform:scale(1)}16%,to{opacity:0;transform:scale(1.6)}}@keyframes record-stop-click{0%,43%{opacity:0;transform:scale(.6)}45%{opacity:.9;transform:scale(1)}49%,to{opacity:0;transform:scale(1.6)}}@keyframes record-progress{0%,50%{transform:scaleX(.08)}66.6%,to{transform:scaleX(1)}}@keyframes record-notes{0%,66.6%{opacity:0;transform:translateY(5px)}73%,to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.record-desktop{height:357px}.record-demo{padding-inline:9px}.record-sidebar{width:72px;padding-inline:5px}.record-brand{gap:3px;font-size:7px}.record-brand b{width:13px;height:14px;font-size:9px}.record-brand>span{white-space:normal}.record-sidebar-action>span{gap:3px;font-size:7px}.record-nav-selected,.record-nav-item{gap:4px;padding-inline:3px;font-size:8px}.record-topbar{gap:4px;padding-inline:6px}.record-search{padding-inline:5px;font-size:7px}.record-page-body{padding-inline:8px}.record-page h3{font-size:13px}.record-tabs{gap:7px;font-size:8px}.record-summary-content h4{font-size:11px}.record-summary-content p{font-size:9px}.record-tasks>div{font-size:8px}.record-flow{gap:5px;font-size:8px}}@media(prefers-reduced-motion:reduce){.story[data-playing] .record-demo *{animation:none!important}}.download-scene{font-family:system-ui,sans-serif}.download-story-panel>.story-svg,.record-demo{height:380px}.download-story-detail{min-height:82px;max-width:350px;margin:0 auto;padding:0 22px 18px;color:#b6c7df;font-size:13px;line-height:1.6;text-align:center}.download-story-steps{display:flex;gap:8px;padding:4px 22px 22px}.download-story-steps:has(button[hidden]):not(:has(button:not([hidden]))){display:none}.download-story-steps button{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:7px;min-height:47px;min-width:0;overflow:hidden;border:1px solid #3b4d68;border-radius:9px;background:#142236;color:#b6c7df;font-size:12px;font-weight:500;cursor:pointer}.download-step-number{color:#8da8cf;font-size:10px;font-variant-numeric:tabular-nums}.download-story-steps button:hover{background:#203957;border-color:#5e84b4}.download-story-steps button[aria-pressed=true]{color:#eff6ff;background:#234773;border-color:#75aff4}.download-story-steps button[aria-pressed=true] .download-step-number{color:#a8ceff}.download-step-progress{position:absolute;inset:auto 0 0;height:2px;background:#93c5fd;transform:scaleX(0);transform-origin:left}.story[data-playing] .download-story-steps button[aria-pressed=true] .download-step-progress{animation:download-fill var(--step-duration, 3s) linear both}.story[data-playing] .download-scene-arrow{animation:download-arrow-arrive 1.2s ease-in-out 2}.story[data-playing] .download-install-progress{transform-box:fill-box;transform-origin:left;animation:download-fill 2.3s ease-in-out both}.story[data-playing] .download-install-check{animation:download-reveal 2.7s both}.story[data-playing] .download-email{animation:download-reveal .9s both}.story[data-playing] .download-password{animation:download-reveal 1.6s both}.story[data-playing] .download-signin-button{animation:download-signin 2.6s both}.story[data-playing] .download-signed-in{animation:download-reveal 2.7s both}@keyframes download-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes download-arrow-arrive{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes download-reveal{0%,55%{opacity:0}80%,to{opacity:1}}@keyframes download-signin{0%,60%{fill:#2563eb}75%,to{fill:#387bea}}@media(max-width:600px){.download-story-panel>.story-svg,.record-demo{height:410px}}@media(max-width:380px){.download-story-steps{gap:6px;padding:4px 14px 18px}.download-story-steps button{gap:5px;font-size:11px}.download-story-detail{min-height:92px;padding-inline:18px;font-size:12px}}@media(prefers-reduced-motion:reduce){.story[data-playing] .download-scene *,.story[data-playing] .download-step-progress{animation:none!important}}