.nav-dots{z-index:var(--z-nav);flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:10px;padding:4px 0;display:flex;position:relative}.nav-dot-inner{width:6px;height:6px;transition:background var(--transition-base), transform var(--transition-base);z-index:1;background:#0003;border-radius:50%;flex-shrink:0;position:relative}.nav-dot.active .nav-dot-inner{background:var(--color-accent);transform:scale(1.5)}.nav-dot:hover .nav-dot-inner{background:#00000080}.nav-dot-ring{pointer-events:none;border:1px solid #7c3aed80;border-radius:50%;width:14px;height:14px;animation:2s ease-out infinite dot-pulse;position:absolute;right:0}@keyframes dot-pulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.nav-dot-label{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;font-size:10px;position:absolute;right:18px;transform:translate(4px)}.nav-dot:hover .nav-dot-label,.nav-dot.active .nav-dot-label{opacity:1;transform:translate(0)}@media (width<=600px){.nav-dots{right:unset;top:unset;width:100%;padding:12px 0 max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-top:.5px solid #0000001a;flex-direction:row;justify-content:center;gap:0;bottom:0;left:0;transform:none}.nav-dot{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:4px 0}.nav-dot-inner{width:4px;height:4px}.nav-dot.active .nav-dot-inner{transform:scale(1.8)}.nav-dot-ring{right:unset;width:10px;height:10px}.nav-dot-label{letter-spacing:.8px;opacity:.3;transition:opacity var(--transition-fast);font-size:8px;position:static;transform:none}.nav-dot.active .nav-dot-label{opacity:1;color:var(--color-accent);transform:none}.nav-dot:hover .nav-dot-label{opacity:.7;transform:none}}@media (prefers-reduced-motion:reduce){.nav-dot-ring{animation:none}}:root{--color-bg:#fff;--color-bg-alt:#f8f7f4;--color-surface:#00000008;--color-border:#00000014;--color-accent:#7c3aed;--color-accent-dim:#7c3aed59;--color-accent-glow:#7c3aed14;--color-text-primary:#111827;--color-text-secondary:#1118278c;--color-text-muted:#11182759;--font-display:"Georgia", "Times New Roman", serif;--font-mono:"Courier New", "Courier", monospace;--font-body:system-ui, -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-2xl:128px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.7s ease;--z-background:0;--z-content:10;--z-nav:100;--z-overlay:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:0;font-size:16px}.snap-section{scroll-snap-align:start}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";height:3px;z-index:var(--z-nav);pointer-events:none;background:linear-gradient(90deg,#7c3aed,#06b6d4);position:fixed;top:0;left:0;right:0}main{position:relative}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{color:#111827;background:#7c3aed26}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#f1f0ed}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7c3aed99}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}