@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#08080d;--bg-secondary:#0d0d15;--bg-card:#12121c;--bg-card-hover:#1a1a28;--accent:#22d3ee;--accent-light:#67e8f9;--accent-dim:#22d3ee1f;--accent-rgb:34, 211, 238;--accent-cyan:#22d3ee;--accent-electric:#22d3ee;--accent-blue:#38bdf8;--accent-purple:#14b8a6;--accent-pink:#ec4899;--accent-orange:#fbbf24;--text-primary:#f4f4fa;--text-secondary:#a0a0bd;--text-muted:#64647e;--border-subtle:#1d1d2b;--border-accent:#2e2e44;--glow-indigo:#22d3ee2e;--glow-blue:#38bdf824;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:16px;--font-xl:18px;--font-2xl:24px;--font-3xl:32px;--font-4xl:36px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:20px;--radius-full:50%;--z-base:1;--z-card:2;--z-sticky:100;--z-overlay:200;--z-modal:300;--font-body:"DM Sans", sans-serif;--font-heading:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--section-px:var(--space-xl);--nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 15% -5%,#22d3ee24,#0000 60%),radial-gradient(50% 45% at 90% 5%,#38bdf81a,#0000 60%),radial-gradient(70% 60% at 50% 110%,#14b8a614,#0000 65%);position:fixed;top:0;bottom:0;left:0;right:0}.skip-to-content{top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent-electric);color:var(--bg-primary);font-family:var(--font-mono);font-size:var(--font-sm);border-radius:var(--radius-md);z-index:var(--z-modal);font-weight:700;text-decoration:none;position:absolute}.skip-to-content:focus{top:var(--space-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}.animate-in{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards slide-up}.will-transform{will-change:transform}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-accent) var(--bg-primary)}.btn{cursor:pointer;font-family:var(--font-mono);transition:transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{opacity:.8;transform:translateY(0)}.btn-primary{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent-electric), var(--accent-blue));color:var(--bg-primary);font-family:var(--font-heading);font-size:var(--font-lg);letter-spacing:-.3px;box-shadow:0 8px 24px rgba(var(--accent-rgb), .28);padding:14px 32px;font-weight:700}.btn-primary:hover{box-shadow:0 10px 32px rgba(var(--accent-rgb), .4)}.btn-secondary{border-radius:var(--radius-lg);border:1px solid var(--border-accent);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--font-lg);padding:14px 32px;font-weight:600}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-card-hover)}.btn-outline-green{border-radius:var(--radius-md);border:1px solid var(--accent-electric);color:var(--accent-electric);font-size:var(--font-sm);background:0 0;padding:8px 20px}.btn-outline-green:hover{background:rgba(var(--accent-rgb), .1)}.btn-gradient{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-electric), var(--accent-blue));color:var(--bg-primary);font-size:var(--font-sm);padding:8px 20px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);transition:transform var(--transition-slow), background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-slow);position:relative;overflow:hidden}.card:hover,.card:focus-within{background:var(--bg-card-hover);border-color:rgba(var(--accent-rgb), .35);box-shadow:0 16px 48px #0006, 0 0 0 1px rgba(var(--accent-rgb), .08);transform:translateY(-3px)}.card-accent-line{opacity:.4;height:2px;transition:opacity var(--transition-slow);position:absolute;top:0;left:0;right:0}.card:hover .card-accent-line,.card:focus-within .card-accent-line{opacity:1}.navbar{z-index:var(--z-sticky);padding:14px var(--section-px);-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--border-subtle);min-height:var(--nav-height);background:#08080db8;justify-content:space-between;align-items:center;display:flex;position:-webkit-sticky;position:sticky;top:0}.nav-tabs{gap:var(--space-xs);background:var(--bg-secondary);border-radius:10px;padding:3px;display:flex}.nav-tab{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--font-base);color:var(--text-secondary);transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;min-height:36px;padding:7px 16px;font-weight:500}.nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab[aria-selected=true]{background:var(--bg-card);color:var(--text-primary)}.nav-mobile-toggle{border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:20px;display:none}.search-input{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-md);transition:border-color var(--transition-base);outline:none;min-height:44px;padding:12px 16px 12px 40px}.search-input:focus{border-color:var(--accent-electric)}.search-input::placeholder{color:var(--text-muted)}.category-btn{border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-base);white-space:nowrap;transition:all var(--transition-base);border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-weight:500;display:flex}.category-btn:hover{border-color:var(--border-accent);color:var(--text-primary)}.category-btn[aria-selected=true]{border-color:var(--accent-electric);background:rgba(var(--accent-rgb), .1);color:var(--accent-light)}.tag{border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:var(--font-xs);font-family:var(--font-mono);color:var(--text-muted);padding:2px 8px}.terminal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.terminal-header{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);padding:12px 16px;display:flex}.terminal-dot{border-radius:var(--radius-full);width:10px;height:10px}.terminal-code{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--font-base);color:var(--accent-electric);margin:0;line-height:1.7;overflow-x:auto}.step-btn{cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-sm);transition:background var(--transition-base), color var(--transition-base);align-items:center;gap:var(--space-sm);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;min-height:44px;padding:12px;font-weight:700;display:flex}.step-btn:hover{color:var(--text-secondary)}.step-btn[aria-selected=true]{background:var(--bg-card);color:var(--accent-electric)}.tier-btn{margin-top:var(--space-lg);cursor:pointer;width:100%;font-family:var(--font-heading);font-size:var(--font-md);transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:10px;min-height:44px;padding:12px;font-weight:700}.tier-btn:hover{opacity:.85;transform:translateY(-1px)}.tier-btn:active{transform:translateY(0)}.stack-item{background:var(--bg-card);border:1px solid var(--border-subtle);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);border-radius:14px;align-items:center;gap:20px;padding:20px 24px;display:flex}.stack-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.4;font-size:48px}.empty-state-text{font-family:var(--font-body);font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-hint{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-muted)}@media (max-width:768px){:root{--section-px:var(--space-md)}.navbar{gap:var(--space-sm);padding:var(--space-sm) var(--section-px);flex-wrap:wrap}.nav-tabs{order:3;width:100%;display:none;overflow-x:auto}.nav-tabs.open,.nav-mobile-toggle{display:flex}.nav-auth{display:none}.hero-heading{letter-spacing:-1px}.hero-stats{gap:var(--space-lg)!important}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.server-grid,.pricing-grid{grid-template-columns:1fr}.projection-grid{grid-template-columns:repeat(2,1fr)}.stack-item{gap:var(--space-sm);flex-wrap:wrap}.stack-item-cost{text-align:left;width:100%}.step-nav{flex-direction:column}.step-btn{padding-left:var(--space-md);justify-content:flex-start}}@media (max-width:480px){.hero-section{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero-stats{flex-direction:column;gap:var(--space-md)!important}.projection-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-in{opacity:1}}@media print{body{color:#000;background:#fff}.navbar,.hero-orbs,.hero-orbits,footer{display:none}}@keyframes pulse-skeleton{0%,to{opacity:.4}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}@media (max-width:900px){.tool-detail-grid{grid-template-columns:1fr!important}.tool-detail-grid aside{position:static!important;top:auto!important}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.stats-grid>div{border-right:none!important}.payout-grid{grid-template-columns:1fr!important}.nav-desktop,.nav-auth-actions{display:none!important}.nav-mobile-toggle{display:flex!important}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23606070' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px!important}code::-webkit-scrollbar{height:4px}code::-webkit-scrollbar-track{background:0 0}code::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:2px}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.hero-search{flex-direction:column!important}.hero-search input{border-right:1px solid #2e2e44!important;border-radius:12px 12px 0 0!important}.hero-search button{justify-content:center;border-radius:0 0 12px 12px!important}.pricing-steps{grid-template-columns:1fr!important}}