.walkthrough-page{background-color:var(--color-background);min-height:100vh}.walkthrough-hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;padding:140px 0 60px}.walkthrough-container{max-width:1200px;margin:0 auto;padding:0 24px}.walkthrough-back-link{color:#fffc;align-items:center;gap:8px;margin-bottom:32px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.walkthrough-back-link:hover{color:#fff}.walkthrough-header{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.walkthrough-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:24px;margin-bottom:24px;padding:20px}.walkthrough-header h1{margin-bottom:16px;font-size:3rem;font-weight:700;line-height:1.2}.walkthrough-subtitle{color:#ffffffe6;max-width:600px;font-size:1.25rem}.walkthrough-content{padding:80px 0}.walkthrough-grid{grid-template-columns:1fr;align-items:start;gap:48px;display:grid}@media (width>=1024px){.walkthrough-grid{grid-template-columns:350px 1fr}}.walkthrough-info h2{color:var(--color-text);margin-bottom:16px;font-size:1.75rem}.walkthrough-description{color:var(--color-text-light);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.walkthrough-highlights h3{color:var(--color-text);margin-bottom:20px;font-size:1.25rem}.walkthrough-highlights ul{flex-direction:column;gap:16px;margin:0 0 40px;padding:0;list-style:none;display:flex}.walkthrough-highlights li{color:var(--color-text-light);align-items:flex-start;gap:12px;font-size:1rem;line-height:1.5;display:flex}.highlight-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.walkthrough-cta{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d}.walkthrough-cta p{color:var(--color-text);margin-bottom:16px;font-weight:600}.walkthrough-btn-primary{background:var(--color-primary);color:#fff;border-radius:8px;padding:14px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.walkthrough-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.walkthrough-video-wrapper{perspective:1000px}.walkthrough-browser-mockup{transform-origin:top;background:#fff;border:1px solid #0000001a;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 20px 40px #00000026}.browser-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:12px 16px;display:flex}.browser-dots{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.browser-address-bar{color:#64748b;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 16px;font-family:monospace;font-size:.85rem}.browser-content{background:#f8fafc;justify-content:center;align-items:center;min-height:400px;display:flex}.walkthrough-video{width:100%;height:auto;display:block}@media (width<=768px){.walkthrough-header h1{font-size:2.25rem}.walkthrough-content{padding:48px 0}}