.archive-page{width:100vw;height:100vh;background:var(--background);overflow:hidden;position:fixed;top:0;left:0;z-index:10}.archive-page img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150vw;height:150vh;overflow:hidden}.gallery{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;padding:4px;transform-origin:center center}.gallery,.img{will-change:transform}.img{width:calc((100% - 236px) / 60);transform:scale(0);transform-origin:center center;pointer-events:none;opacity:0;background:transparent}#drag-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:none;touch-action:none;z-index:1}#drag-layer.active{cursor:-webkit-grab;cursor:grab}#drag-layer.active:active{cursor:-webkit-grabbing;cursor:grabbing}.docs-container{display:flex;width:100%;height:100vh;background:var(--background);color:var(--foreground);overflow:hidden}.docs-sidebar{width:280px;min-width:280px;background:rgba(255,255,255,.02);border-right:1px solid rgba(228,231,223,.1);height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;padding:2rem 0}.sidebar-header{padding:0 1.5rem 1.5rem;margin-bottom:1rem}.sidebar-header h3{font-size:.75rem;color:var(--foreground-200);letter-spacing:.1em}.sidebar-nav{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px)}.nav-item{display:flex;align-items:center;padding:.875rem 1.5rem;background:transparent;border:none;border-left:2px solid transparent;color:var(--foreground-200);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.nav-item:hover{background:rgba(255,255,255,.03);color:var(--foreground);border-left-color:rgba(228,231,223,.3)}.nav-item.active{background:rgba(255,194,42,.08);color:#ffc22a;border-left-color:#ffc22a}.nav-label{font-size:.75rem;font-weight:500;letter-spacing:.08em}.docs-main{flex:1 1;height:100%;overflow-y:scroll;overflow-x:hidden}.docs-content-wrapper{max-width:900px;margin:0 auto;padding:3rem 2rem;width:100%}.doc-section{animation:fadeIn .4s ease;padding-bottom:4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doc-section h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2rem;font-weight:400}.doc-section h2{font-size:1.75rem;margin:2.5rem 0 1.5rem;color:var(--foreground)}.doc-section h3{font-size:1.25rem;margin:1.5rem 0 1rem;color:var(--foreground)}.doc-section h4{font-size:1rem;margin:1rem 0 .5rem;color:var(--foreground-200)}.doc-section p{line-height:1.8;color:var(--foreground-200);margin-bottom:1rem}.doc-section ol,.doc-section ul{margin:1rem 0;padding-left:1.5rem;color:var(--foreground-200)}.doc-section li{margin-bottom:.5rem;line-height:1.6}.lead{font-size:1.25rem;line-height:1.8;color:var(--foreground);margin-bottom:2rem}.content-block{margin:3rem 0}.problem-solution{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.problem,.solution{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.stat-card{padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:8px;text-align:center}.stat-card h4{font-size:.75rem;color:#666666;margin-bottom:.5rem}.stat-card p{color:var(--foreground);font-size:.875rem}.flow-steps{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.step{padding:1.5rem;background:rgba(255,255,255,.02);border-left:3px solid #ffc22a;border-radius:4px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.tech-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.privacy-guarantees{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.guarantee-col{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.card-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.tier-card{padding:2rem;background:rgba(255,255,255,.03);border:1px solid rgba(228,231,223,.15);border-radius:12px;transition:all .3s ease}.tier-card:hover{transform:translateY(-4px);border-color:rgba(228,231,223,.3)}.tier-card.priority{background:rgba(255,194,42,.05);border-color:rgba(255,194,42,.2)}.tier-card.black{background:rgba(0,0,0,.3);border-color:rgba(228,231,223,.3)}.tier-card.platinum{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,194,42,.08));border-color:#ffc22a}.tier-requirement{color:#ffc22a;font-weight:600;margin-bottom:1rem}.auth-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.auth-step{text-align:center;padding:1.5rem 1rem;background:rgba(255,255,255,.02);border-radius:8px}.step-num{display:inline-block;width:32px;height:32px;line-height:32px;border-radius:50%;background:#ffc22a;color:var(--background);font-weight:600;margin-bottom:1rem}.auth-step h4{font-size:.875rem;margin-bottom:.5rem}.auth-step p{font-size:.75rem;color:var(--foreground-200)}.features-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.feature-group{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.token-distribution{margin:2rem 0}.total-supply{text-align:center;font-size:1.5rem;color:#ffc22a;margin:1rem 0 2rem;font-family:DM Mono,monospace}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1.5rem;gap:1.5rem}.distribution-item{text-align:center;padding:2rem 1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.percent{display:block;font-size:2.5rem;color:#ffc22a;font-weight:600;margin-bottom:.5rem}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.utility-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.token-metrics{margin:3rem 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.metric{padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:8px;text-align:center}.metric h4{font-size:.75rem;color:#666666;margin-bottom:.75rem}.metric p{font-size:1.25rem;color:var(--foreground);font-weight:600}.code-block{margin:1.5rem 0;background:rgba(0,0,0,.3);border:1px solid rgba(228,231,223,.1);border-radius:8px;overflow-x:auto}.code-block pre{padding:1.5rem;margin:0;font-size:.875rem;line-height:1.6;color:var(--foreground);overflow-x:auto}.code-block code,.code-block pre{font-family:DM Mono,monospace}.contracts-grid{margin:2rem 0}.contract-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.contract-item{padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:8px}.contract-item code{color:#ffc22a;font-size:.875rem;display:block;margin-bottom:.5rem}.contract-item p{font-size:.75rem;color:var(--foreground-200);margin:0}.performance-specs{margin:3rem 0}.specs-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.spec-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.quick-start,.usage-guide{margin:3rem 0}.start-steps{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.start-step{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.usage-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.sdk-install{margin:2rem 0}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.install-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.api-reference{margin:3rem 0}.api-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.api-group{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.api-group ul{list-style:none;padding:0}.api-group li{padding:.5rem 0;border-bottom:1px solid rgba(228,231,223,.05);font-size:.875rem}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.privacy-col{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.privacy-col.protected{border-left:3px solid #4ade80}.privacy-col.transparent{border-left:3px solid #ffc22a}.compliance-framework{margin:3rem 0}.framework-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.framework-card{padding:2rem 1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px;text-align:center}.framework-card h3{margin-bottom:.75rem;color:#ffc22a}.framework-card p{font-size:.875rem;color:var(--foreground-200);margin:0}.power-cards,.voting-power{margin:2rem 0}.power-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.power-card{padding:2rem;background:rgba(255,194,42,.05);border:1px solid rgba(255,194,42,.2);border-radius:12px;text-align:center}.power-card h3{color:#ffc22a;font-size:1.25rem}.proposal-types{margin:3rem 0}.proposals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.proposal-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.approval{color:#ffc22a;font-size:.875rem;margin:.5rem 0 1rem;font-weight:600}.incentives{padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-radius:12px}.faq-category,.incentives{margin:3rem 0}.faq-item{padding:1.5rem 0;border-bottom:1px solid rgba(228,231,223,.1)}.faq-item:last-child{border-bottom:none}.faq-item h3{color:var(--foreground);margin-bottom:.75rem}.faq-item p{color:var(--foreground-200);margin:0}.roadmap-timeline{margin:2rem 0}.roadmap-phase{padding:2rem;margin-bottom:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(228,231,223,.1);border-left:3px solid #ffc22a;border-radius:8px}.roadmap-phase.future{border-left-color:#666666;opacity:.7}.roadmap-phase h2{margin-top:0;margin-bottom:1.5rem;color:#ffc22a}.roadmap-phase ul{list-style:none;padding:0}.roadmap-phase li{padding:.5rem 0;font-size:.95rem}.roadmap-phase li.completed{color:#4ade80}.roadmap-phase li.in-progress{color:#ffc22a}.mobile-section-selector{display:none}@media (max-width:1000px){.mobile-section-selector{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:200;background:var(--background);border-bottom:1px solid rgba(228,231,223,.1);padding:1rem 1.5rem}.mobile-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(228,231,223,.2);border-radius:8px;color:var(--foreground);font-size:.875rem;letter-spacing:.08em;cursor:pointer;transition:all .2s ease}.mobile-dropdown-trigger:active{background:rgba(255,255,255,.08)}.dropdown-arrow{color:#ffc22a;font-size:.75rem}.mobile-dropdown-menu{position:absolute;top:100%;left:1.5rem;right:1.5rem;background:var(--background);border:1px solid rgba(228,231,223,.2);border-radius:8px;margin-top:.5rem;max-height:60vh;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:300}.mobile-menu-item{width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:1px solid rgba(228,231,223,.1);color:var(--foreground-200);font-size:.75rem;letter-spacing:.08em;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:rgba(255,255,255,.05)}.mobile-menu-item.active{background:rgba(255,194,42,.1);color:#ffc22a}.docs-sidebar{display:none}.docs-content-wrapper{padding:2rem 1.5rem}.doc-section h1{font-size:2rem}.api-grid,.auth-flow,.card-tiers,.contract-list,.distribution-grid,.features-grid,.framework-cards,.install-grid,.metrics-grid,.power-cards,.privacy-grid,.privacy-guarantees,.problem-solution,.proposals-grid,.specs-grid,.stats-grid,.tech-grid,.usage-grid,.utility-grid{grid-template-columns:1fr}}