.page-with-nav-layout{grid-template-columns:200px 1fr;align-items:start;gap:1.75rem;display:grid}@media (width<=860px){.page-with-nav-layout{grid-template-columns:1fr}}.side-nav{top:calc(var(--app-header-height,98px) + 16px);flex-direction:column;gap:.25rem;padding:.75rem;display:flex;position:sticky}.side-nav-btn{color:var(--text-muted);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;width:100%;padding:.55rem .85rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s,background .15s;display:flex}.side-nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.side-nav-btn.active{color:var(--text-primary);background:#8b5cf624}.side-nav-badge{background:var(--accent-purple,#7c3aed);color:#fff;text-align:center;border-radius:9999px;min-width:18px;margin-left:auto;padding:.1rem .42rem;font-size:.65rem;font-weight:800;line-height:1.4}.side-nav-content{min-width:0}.side-nav-section{flex-direction:column;gap:1.25rem;animation:.25s fadeIn;display:flex}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:3rem}.panel h2{color:#fff;margin-top:0;margin-bottom:1.5rem;font-size:2rem}@media (width<=860px){.panel{border-radius:16px;padding:1.5rem}}.overview-hero{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2.5rem 2rem}.overview-hero-icon{margin-bottom:1rem;font-size:3rem}.overview-hero h2{background:var(--btn-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2rem;font-weight:800}.overview-hero p{color:var(--text-muted);max-width:600px;margin:0 auto 1.75rem;font-size:1rem;line-height:1.65}.overview-cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.overview-feature-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.overview-feature-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:1.5rem 1.25rem;transition:transform .2s,box-shadow .2s}.overview-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}.overview-feature-icon{margin-bottom:.75rem;font-size:1.75rem}.overview-feature-card h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.overview-feature-card p{color:var(--text-muted);font-size:.83rem;line-height:1.55}.overview-steps{flex-direction:column;gap:.85rem;display:flex}.overview-step{border:1px solid var(--panel-border);background:#ffffff05;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.overview-step-num{color:#c4b5fd;background:#8b5cf62e;border:1px solid #8b5cf666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.overview-step-body strong{margin-bottom:.15rem;font-size:.9rem;display:block}.overview-step-body span{color:var(--text-muted);font-size:.82rem}.overview-stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.overview-stat{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:1rem .75rem}.overview-stat-val{background:var(--btn-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.overview-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;font-size:.68rem;font-weight:600}@media (width<=860px){.side-nav{scrollbar-width:none;flex-direction:row;gap:.25rem;padding:.5rem;position:static;overflow-x:auto}.side-nav::-webkit-scrollbar{display:none}.side-nav-btn{white-space:nowrap;flex-shrink:0}}