.topic-rail-wrap{position:sticky;top:64px;z-index:90;background:#030303e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.topic-rail{display:flex;gap:4px;padding:12px 20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:900px;margin:0 auto}.topic-rail::-webkit-scrollbar{display:none}.topic-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;text-decoration:none;flex-shrink:0}.topic-pill:hover{border-color:var(--border-highlight);color:var(--text-secondary);background:#ffffff0a}.topic-pill.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 2px 12px var(--brand-blue-glow)}.topic-pill-num{font-family:var(--font-mono);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;flex-shrink:0}.topic-pill.active .topic-pill-num{background:#fff3}.guide-sections{padding:0 20px 100px}.guide-section{max-width:900px;margin:0 auto 80px;scroll-margin-top:130px}.guide-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.section-number{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--brand-blue);background:#2b5be81f;border:1px solid rgba(43,91,232,.3);border-radius:8px;padding:6px 10px;flex-shrink:0;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.section-title{font-size:clamp(28px,6vw,44px);color:var(--text-primary);line-height:1}.section-desc{font-size:15px;color:var(--text-secondary);line-height:1.65;margin-top:8px;max-width:600px}.section-divider{height:1px;background:linear-gradient(to right,var(--brand-blue-glow),transparent);margin:0 auto 40px;max-width:900px}.video-card{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color .3s,box-shadow .3s;border-top:2px solid var(--brand-blue)}.video-card:hover{border-color:var(--border-highlight);box-shadow:0 8px 40px #2b5be814}.video-wrap-single{display:flex;flex-direction:column;gap:24px}.video-wrap-dual{display:flex;flex-direction:column;gap:0}.dual-video-pane{padding:24px 24px 0;display:flex;flex-direction:column;gap:12px}.dual-video-pane:last-child{padding-bottom:24px}.dual-pane-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--border)}.dual-pane-label.ios{color:var(--ios-color)}.dual-pane-label.android{color:var(--android-color)}.dual-pane-dot{width:7px;height:7px;border-radius:50%}.ios .dual-pane-dot{background:var(--ios-color)}.android .dual-pane-dot{background:var(--android-color)}.dual-divider{height:1px;background:var(--border);margin:0 24px}.video-player,.video-player-wide{width:100%;border-radius:12px;display:block;background:var(--surface-2);aspect-ratio:9 / 16;object-fit:cover;max-width:280px;margin:0 auto}.video-padding{padding:24px}@media(min-width:640px){.topic-pill{font-size:13px;padding:9px 16px}}@media(min-width:768px){.hero{padding:140px 40px 48px}.guide-sections{padding:0 40px 100px}.topic-rail{padding:12px 40px}.video-wrap-dual{flex-direction:row}.dual-video-pane{flex:1;padding:24px}.dual-divider{width:1px;height:auto;background:var(--border);margin:24px 0}.video-player,.video-player-wide{max-width:240px}}@media(min-width:1024px){.guide-section{margin-bottom:100px}.video-player,.video-player-wide{max-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/pg-guide.css.map */