:root{--color-bg:#1a1b26;--color-surface:#16213e;--color-surface-2:#1e2535;--color-surface-3:#242d42;--color-primary:#7aa2f7;--color-primary-dim:#7aa2f799;--color-accent:#9333ea;--color-text:#e0e0e0;--color-text-muted:#a9b1d6;--color-border:#7aa2f726;--color-error:#f7768e;--hex-stroke:#7aa2f71f;--hex-fill:#7aa2f708;--hex-highlight:#7aa2f72e;--hex-hover:#7aa2f773;--hex-axis-q:#4daa6e4d;--hex-axis-r:#4d88cc4d;--hex-axis-s:#9b6ec84d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:3rem;--text-5xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-text)}img,svg{max-width:100%;display:block}h1,h2,h3,h4{color:var(--color-text);line-height:1.2}h1{font-size:var(--text-5xl);letter-spacing:-.02em;font-weight:700}h2{font-size:var(--text-3xl);letter-spacing:-.01em;font-weight:600}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:500}p{color:var(--color-text-muted)}.container{max-width:1100px;padding-bottom:var(--space-2xl);margin:0 auto}.section{padding-bottom:var(--space-2xl) 0}.section-heading{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-md);font-weight:600;display:flex}.section-heading:after{content:"";background:var(--color-border);flex:1;height:1px}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition);border:none;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{color:var(--color-bg);background:#93b4f8;transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#7aa2f714;transform:translateY(-1px)}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-text);background:#ffffff0d}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition), transform var(--transition)}.card:hover{border-color:var(--color-primary-dim);transform:translateY(-2px)}.card-hex-accent{border-left:2px solid var(--color-primary);position:relative}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:.2rem .6rem;font-weight:500;display:inline-flex}.badge-live{color:#9ece6a;background:#9ece6a26;border:1px solid #9ece6a4d}.badge-soon{color:var(--color-text-muted);border:1px solid var(--color-border);background:#a9b1d61a}.input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition);outline:none;padding:.75rem 1rem}.input:focus{border-color:var(--color-primary)}.input::placeholder,.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-sm{font-size:var(--text-sm)}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}}.navbar[data-v-4d83a1b8]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#1a1b26d9;position:fixed;top:0;left:0;right:0}.navbar-inner[data-v-4d83a1b8]{justify-content:space-between;align-items:center;height:64px;padding-bottom:0;display:flex}.navbar-logo[data-v-4d83a1b8]{align-items:center;display:flex}.navbar-logo-img[data-v-4d83a1b8]{width:auto;height:36px;transition:opacity var(--transition)}.navbar-logo:hover .navbar-logo-img[data-v-4d83a1b8]{opacity:.8}.navbar-links[data-v-4d83a1b8]{align-items:center;gap:var(--space-lg);display:flex}.navbar-link[data-v-4d83a1b8]{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition)}.navbar-link[data-v-4d83a1b8]:hover{color:var(--color-text)}.navbar-actions[data-v-4d83a1b8]{align-items:center;gap:var(--space-sm);display:flex}.lang-toggle[data-v-4d83a1b8]{font-size:var(--text-xs);letter-spacing:.05em;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-weight:600}.hex-orient-toggle[data-v-4d83a1b8]{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition);padding:.3rem .5rem}.hex-orient-toggle[data-v-4d83a1b8]:hover{color:var(--color-primary)}.hex-orient-toggle svg polygon[data-v-4d83a1b8]{transition:transform .25s}.burger[data-v-4d83a1b8]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.burger span[data-v-4d83a1b8]{background:var(--color-text-muted);width:20px;height:2px;transition:background var(--transition);border-radius:2px;display:block}.burger:hover span[data-v-4d83a1b8]{background:var(--color-text)}@media (width<=768px){.navbar-links[data-v-4d83a1b8]{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md);flex-direction:column;align-items:flex-start;gap:0;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open[data-v-4d83a1b8]{display:flex}.navbar-link[data-v-4d83a1b8]{border-bottom:1px solid var(--color-border);width:100%;font-size:var(--text-base);padding:.75rem 0}.navbar-link[data-v-4d83a1b8]:last-child{border-bottom:none}.burger[data-v-4d83a1b8]{display:flex}}