.walkthrough-page { min-height: 100vh; }
.walkthrough-page section { padding-block:0; }
.walkthrough-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:24px; border-bottom:1px solid var(--color-border); }
.walkthrough-brand { display:inline-flex; align-items:center; gap:12px; font-size:24px; font-weight:600; color:var(--color-text); text-decoration:none; min-height:44px; }
.walkthrough-main { max-width:1060px; padding-block:64px 40px; }
.walkthrough-intro { max-width:750px; margin-bottom:36px; }
.walkthrough-intro h1 { font-size:clamp(2.2rem,5vw,4rem); line-height:1.1; letter-spacing:-.045em; margin:16px 0 20px; }
.walkthrough-lead { font-size:clamp(1rem,2vw,1.25rem); line-height:1.65; color:var(--color-text-muted); max-width:650px; }
.walkthrough-viewer { border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); overflow:hidden; }
.video-intro { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; }
.video-intro > img { width:100%; height:auto; }
.video-invitation { padding:36px; }
.video-invitation h2 { font-size:clamp(1.5rem,3vw,2rem); line-height:1.2; margin:14px 0 24px; }
.video-invitation .btn { gap:10px; min-height:48px; }
.video-invitation .btn:disabled { opacity:.7; cursor:wait; }
#video-privacy { color:var(--color-text-muted); font-size:.82rem; line-height:1.6; margin-top:18px; }
#walkthrough-embed { max-width:550px; margin-inline:auto; }
#walkthrough-embed:empty { display:none; }
#walkthrough-embed:not(:empty) { padding:16px 8px; }
.video-status { padding:0 24px; color:var(--color-text-muted); line-height:1.6; }
.video-status:empty { display:none; }
.video-footer { border-top:1px solid var(--color-border); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; font-size:.85rem; color:var(--color-text-muted); }
.video-footer a, .walkthrough-footer a { color:var(--color-primary); display:inline-flex; align-items:center; gap:6px; min-height:44px; flex-shrink:0; }
.walkthrough-next { margin-top:40px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.walkthrough-next h2 { font-size:1.4rem; margin-bottom:8px; }
.walkthrough-next p { color:var(--color-text-muted); line-height:1.6; max-width:460px; }
.walkthrough-actions { display:flex; gap:12px; flex-wrap:wrap; flex-shrink:0; }
.walkthrough-footer { border-top:1px solid var(--color-border); padding-block:20px 32px; font-size:.8rem; color:var(--color-text-muted); }
.walkthrough-footer p { margin-top:8px; }
.walkthrough-page [hidden] { display:none !important; }
@media (max-width:700px) {
  .walkthrough-header { padding-block:18px; }
  .walkthrough-header .btn { padding-inline:12px; font-size:.8rem; }
  .walkthrough-main { padding-block:36px; }
  .video-intro { grid-template-columns:1fr; }
  .video-intro > img { max-height:200px; object-fit:cover; }
  .video-invitation { padding:24px; }
  .video-footer { align-items:flex-start; flex-direction:column; gap:4px; padding:16px 20px; }
  .walkthrough-next { align-items:flex-start; flex-direction:column; }
  .walkthrough-actions { flex-shrink:1; }
}