/* Scoped adaptation of the homepage's native panel, file rows and ribbon. */
.seo-demo-section{padding:12px 0 30px}.seo-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.seo-demo-heading h2{font-size:30px;margin-bottom:0}.seo-demo-heading>p{max-width:280px;font-size:13px;color:var(--dim);line-height:1.8;margin:0}.seo-walkthrough{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 20px 65px var(--shadow)}.seo-walkthrough svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.walk-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 24px;font-size:10px;color:var(--dim);border-bottom:1px solid var(--line)}.walk-top>span:first-child{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:600}.walk-top i{height:6px;width:6px;border-radius:50%;background:var(--accent)}.walk-directions{display:flex;justify-content:center;gap:5px;padding:15px 20px;background:var(--paper)}.walk-directions button{font-size:11px;padding:9px 15px;min-height:38px;border-color:transparent;background:transparent}.walk-directions button[aria-pressed=true]{color:var(--accent);border-color:var(--line);background:var(--card)}.walk-scene{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);padding:10px 30px 32px;background:var(--paper);align-items:center}.walk-device{min-width:0}.walk-device-label{display:flex;align-items:center;gap:9px;padding:14px 2px;color:var(--dim);font-size:12px}.walk-device-label>strong{font-weight:550;color:var(--ink)}.walk-device-label>span{margin-left:auto;font-size:10px}.walk-device-label svg{width:17px;height:17px}.walk-desktop{height:390px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 90% 90%,light-dark(#f7faff,#323c4c),transparent 70%),light-dark(#e6edf6,#1b2028);box-shadow:0 8px 23px var(--shadow)}.walk-menu{height:30px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;color:var(--dim)}.walk-menu>span:last-child{display:flex;align-items:center;gap:5px}.walk-menu svg{width:12px;height:12px}.walk-finder{position:absolute;left:18px;right:18px;top:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;box-shadow:0 6px 15px var(--shadow)}.walk-window-head{display:flex;align-items:center;gap:18px;padding:12px;border-bottom:1px solid var(--line);background:var(--paper);font-size:10px;color:var(--dim)}.walk-dots{font-size:7px;letter-spacing:3px;opacity:.6}.walk-window-head strong{font-weight:500}.walk-folder-source{display:flex;gap:12px;align-items:center;margin:12px 14px 8px}.walk-folder-source>svg{width:30px;height:30px;color:var(--accent);fill:var(--tint)}.walk-folder-source strong{display:block;font-size:12px;font-weight:550}.walk-folder-source small{display:block;font-size:10px;color:var(--dim);margin-top:4px}.walk-files{list-style:none;padding:0 14px 10px;margin:0}.walk-files li{display:flex;align-items:center;gap:9px;min-height:29px;font-size:10px}.walk-files li>small{margin-left:auto;font-size:9px;color:var(--dim)}.walk-file-icon{width:22px;min-width:22px;font-size:6px;color:var(--dim);text-align:center}.walk-file-icon svg{width:17px;height:17px}.walk-native-panel{position:absolute;left:32px;right:15px;bottom:17px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:0 15px 35px var(--shadow);padding:0 10px 10px}.walk-app-head{display:flex;align-items:center;gap:6px;min-height:38px;font-size:12px}.walk-app-head>strong{font-weight:650}.walk-app-head>span{margin-left:auto;color:var(--dim)}.walk-app-head svg{width:16px;height:16px}.walk-target{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px 13px;background:var(--wash);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:57px}.walk-target>svg{width:23px;height:23px;color:var(--accent)}.walk-target>span>strong{display:block;font-size:12px;font-weight:550}.walk-target small{display:block;font-size:10px;color:var(--dim);margin-top:4px}.walk-state-icon{margin-left:auto;color:light-dark(#267665,#88cbb0)}.walk-state-icon svg{width:17px;height:17px}.walk-progress{position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--line)}.walk-progress i{display:block;width:100%;height:100%;background:var(--accent)}.walk-copy{display:flex;gap:6px;align-items:center;justify-content:flex-end;font-size:10px;color:var(--accent);padding-top:9px}.walk-copy svg{width:13px;height:13px}.walk-route{display:flex;align-items:center;flex-direction:column;position:relative;padding-top:40px;color:var(--dim)}.walk-route>span{display:grid;place-items:center;background:var(--card);border:1px solid var(--line);width:39px;height:39px;border-radius:50%;z-index:1}.walk-route svg{width:21px;height:21px;color:var(--accent)}.walk-route>small{font-size:9px;text-align:center;line-height:1.5;max-width:68px;margin-top:10px;min-height:27px}.walk-route>i{height:1px;background:var(--line);width:100%;position:absolute;top:59px;left:0}.walk-receive-panel{position:absolute;inset:52px 20px 21px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:0 13px;box-shadow:0 10px 25px var(--shadow);transition:opacity .25s,transform .25s}.walk-receive-panel .walk-app-head{border-bottom:1px solid var(--line)}.walk-incoming{display:flex;align-items:center;flex-direction:column;padding:14px 0 8px}.walk-package-mark{color:var(--accent)}.walk-package-mark svg{height:27px;width:27px;fill:var(--tint)}.walk-incoming>strong{font-size:13px;font-weight:550;margin-top:5px}.walk-incoming>small{font-size:10px;color:var(--dim);margin-top:5px}.walk-receive-panel .walk-files{padding:0 2px 9px}.walk-save{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;background:var(--blue);border:1px solid #1e54c8;border-radius:7px;font-size:11px;color:#fff}.walk-save svg{width:14px;height:14px}.walk-saved{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;padding-top:8px;color:light-dark(#267665,#88cbb0)}.walk-saved svg{width:12px;height:12px}.walk-waiting{position:absolute;inset:52px 20px 21px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:13px;padding:22px}.walk-waiting>span{width:56px;height:56px;border:1px solid var(--line);background:var(--card);border-radius:16px;display:grid;place-items:center;color:var(--accent)}.walk-waiting strong{font-size:14px;font-weight:550}.walk-waiting small{font-size:11px;line-height:1.8;color:var(--dim);max-width:210px}.walk-drag-folder{position:absolute;top:100px;left:32%;display:none;color:var(--accent);filter:drop-shadow(0 4px 6px #0002);z-index:3}.walk-drag-folder>svg:first-child{width:46px;height:46px;fill:light-dark(#b6d2ff,#294f89)}.walk-drag-folder .walk-pointer{position:absolute;width:20px;height:26px;top:26px;left:34px;fill:var(--ink);stroke:var(--card)}
.seo-walkthrough[data-phase="0"] .walk-state-icon,.seo-walkthrough[data-phase="1"] .walk-state-icon{visibility:hidden}.seo-walkthrough[data-phase="0"] .walk-progress{visibility:hidden}.seo-walkthrough[data-phase="1"] .walk-target{border-color:var(--accent);background:var(--tint)}.seo-walkthrough[data-phase="1"] .walk-drag-folder{display:block}.seo-walkthrough[data-playing="false"] .walk-drag-folder{animation-play-state:paused}.seo-walkthrough[data-phase="0"] .walk-receive-panel,.seo-walkthrough[data-phase="1"] .walk-receive-panel,.seo-walkthrough[data-phase="2"] .walk-receive-panel{opacity:0;transform:translateY(7px)}.seo-walkthrough[data-phase="3"] .walk-waiting,.seo-walkthrough[data-phase="4"] .walk-waiting{display:none}.seo-walkthrough:not([data-phase="4"]) .walk-saved{visibility:hidden}.seo-walkthrough[data-phase="4"] .walk-save{background:var(--tint);border-color:var(--line);color:var(--accent)}.seo-walkthrough[data-phase="0"] .walk-copy,.seo-walkthrough[data-phase="1"] .walk-copy{opacity:.3}.walk-caption{display:flex;align-items:center;gap:14px;min-height:105px;padding:20px 24px;border-top:1px solid var(--line)}.walk-step-number{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums;flex:none;display:grid;place-items:center;border:1px solid var(--line);height:29px;width:29px;border-radius:8px}.walk-caption p{font-size:12px;line-height:1.8;margin:0;max-width:710px;flex:1}.walk-controls{display:flex;gap:6px;margin-left:auto}.walk-controls button{font-size:11px;min-height:38px;min-width:66px;padding:8px 11px;background:var(--paper)}.walk-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 20px 16px}.walk-steps button{background:transparent;border-color:transparent;text-align:left;font-size:11px;line-height:1.5;padding:10px;min-height:48px;color:var(--dim)}.walk-steps button>span{display:block;font-size:9px;opacity:.75;margin-bottom:4px}.walk-steps button[aria-current=step]{color:var(--accent);background:var(--tint)}.walk-disclosure{font-size:10px;line-height:1.7;color:var(--dim);padding:0 24px 18px;margin:0}.walk-transcript{margin-top:16px;font-size:12px;color:var(--dim);line-height:1.9}.walk-transcript summary{cursor:pointer;text-underline-offset:4px}.walk-transcript ol{max-width:850px;padding-left:22px}.walk-transcript li{padding:0 0 10px 5px}
@media(max-width:850px){.walk-scene{padding:5px 16px 23px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.walk-desktop{height:390px}.walk-finder{left:10px;right:10px}.walk-native-panel{left:15px;right:10px}.walk-receive-panel{left:10px;right:10px}.walk-top{padding:15px 18px}.walk-caption{padding:17px 18px}.walk-controls{flex-direction:column}.walk-steps{padding:0 10px 15px}.walk-steps button{font-size:10px}.walk-files{padding-inline:10px}.walk-folder-source{margin-inline:10px;gap:7px}.walk-folder-source strong{font-size:11px}.walk-device-label{font-size:11px}.walk-route small{max-width:52px}}
@media(max-width:620px){.seo-demo-heading{display:block}.seo-demo-heading h2{font-size:26px}.seo-demo-heading>p{max-width:none;margin-top:14px}.walk-top{align-items:flex-start;flex-direction:column;gap:7px;font-size:9px;padding:14px 16px}.walk-scene{grid-template-columns:1fr;padding:0 14px 18px}.walk-desktop{height:380px}.walk-device-label{padding:12px 1px}.walk-route{padding:11px 0 0;flex-direction:row;gap:9px;justify-content:center;height:49px}.walk-route>span{width:28px;height:28px}.walk-route svg{width:17px;height:17px}.walk-route>small{margin:0;min-height:0;max-width:none;font-size:10px}.walk-route>i{display:none}.walk-finder{top:43px;left:15px;right:15px}.walk-native-panel{left:30px;right:15px;bottom:12px}.walk-receive-panel{inset:43px 15px 15px}.walk-receiver .walk-desktop{height:342px}.walk-caption{flex-wrap:wrap;gap:10px;min-height:170px;padding:17px 16px}.walk-caption p{flex-basis:calc(100% - 42px)}.walk-controls{flex-direction:row;justify-content:flex-end;width:100%}.walk-controls button{min-height:42px}.walk-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 12px;gap:3px}.walk-steps button{font-size:11px;min-height:51px;padding:8px 10px}.walk-steps button>span{display:inline;margin-right:7px}.walk-disclosure{padding-inline:16px}.walk-directions{padding:10px}.walk-directions button{min-height:42px;font-size:11px}.walk-transcript{font-size:12px}.seo-demo-section{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.seo-walkthrough *{animation:none!important;transition:none!important}.walk-drag-folder{transform:translate(24px,100px)}}