*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #0a0a0b;--color-bg-secondary: #111113;--color-bg-tertiary: #18181b;--color-bg-card: #1c1c1f;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #3b82f6;--color-accent-dim: #1d4ed8;--color-accent-glow: rgba(59, 130, 246, .15);--color-border: #27272a;--color-border-light: #3f3f46;--color-beta: #f59e0b;--color-beta-bg: rgba(245, 158, 11, .1);--color-success: #22c55e;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 1200px;--content-padding: 1.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--border-radius: 8px;--border-radius-lg: 12px}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-card: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-accent: #2563eb;--color-accent-dim: #1e40af;--color-accent-glow: rgba(37, 99, 235, .1);--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-beta: #d97706;--color-beta-bg: rgba(217, 119, 6, .1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:60px}.theme-toggle{position:fixed;top:70px;right:var(--content-padding);z-index:999;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:0 2px 8px #0000001a}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.05)}.theme-icon{width:20px;height:20px}.beta-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(90deg,var(--color-beta-bg),transparent 50%,var(--color-beta-bg));background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--content-padding);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.beta-banner-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.beta-badge{background:var(--color-beta);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em;flex-shrink:0}.beta-banner-content p{font-size:.85rem;color:var(--color-text-secondary);text-align:center}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--content-padding);background:radial-gradient(ellipse at center top,var(--color-accent-glow),transparent 60%)}.hero-content{max-width:800px;text-align:center}.hero-title{margin-bottom:var(--space-xl)}.hero-title-main{display:block;font-size:clamp(3rem,10vw,5rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-sub{display:block;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:var(--color-text-secondary);margin-top:var(--space-sm)}.hero-description{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl);line-height:1.7}.hero-status{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.status-dot{width:8px;height:8px;background:var(--color-beta);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.875rem;color:var(--color-text-muted)}.section{padding:var(--space-3xl) var(--content-padding);transition:background-color var(--transition-normal)}.section-content{max-width:var(--max-width);margin:0 auto}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--space-xl);text-align:center;letter-spacing:-.01em}.section-intro{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.what-is-genisys{background:var(--color-bg-secondary)}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.concept-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);transition:border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal)}.concept-card:hover{border-color:var(--color-border-light)}[data-theme=light] .concept-card{box-shadow:0 1px 3px #0000000d}[data-theme=light] .concept-card:hover{box-shadow:0 4px 12px #00000014}.concept-icon{font-size:1.5rem;color:var(--color-accent);margin-bottom:var(--space-md)}.concept-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.concept-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.humans-ai{background:var(--color-bg-primary)}.hai-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}@media(max-width:768px){.hai-content{grid-template-columns:1fr;gap:var(--space-2xl)}}.hai-lead{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--space-xl);line-height:1.6}.hai-points{display:flex;flex-direction:column;gap:var(--space-lg)}.hai-point{display:flex;gap:var(--space-md)}.hai-marker{color:var(--color-accent);font-weight:600;flex-shrink:0}.hai-point strong{display:block;font-size:1rem;margin-bottom:var(--space-xs)}.hai-point p{font-size:.9rem;color:var(--color-text-secondary)}.hai-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.hai-diagram{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-2xl)}.hai-node{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.hai-node-human{background:var(--color-bg-tertiary);border:2px solid var(--color-accent);color:var(--color-accent)}.hai-node-ai{background:var(--color-accent-glow);border:2px solid var(--color-accent);color:var(--color-accent)}.hai-connection{width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dim));position:relative}.hai-connection:before,.hai-connection:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-accent);border-radius:50%;top:50%;transform:translateY(-50%)}.hai-connection:before{left:0}.hai-connection:after{right:0}.hai-visual-caption{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.groups-communities{background:var(--color-bg-secondary)}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.feature-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}[data-theme=light] .feature-item{box-shadow:0 1px 3px #0000000d}.feature-label{position:absolute;top:var(--space-md);right:var(--space-md);font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;background:var(--color-bg-tertiary);border-radius:4px;transition:background-color var(--transition-normal)}.feature-item h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm);padding-right:60px}.feature-item p{font-size:.9rem;color:var(--color-text-secondary)}.roadmap-note{text-align:center;padding:var(--space-xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.roadmap-note p{color:var(--color-text-secondary);font-size:.95rem}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-3xl) var(--content-padding);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer-content{max-width:var(--max-width);margin:0 auto}.footer-brand{margin-bottom:var(--space-2xl);text-align:center}.footer-logo{font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-primary)}.footer-tagline{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.footer-links{display:flex;justify-content:center;gap:var(--space-3xl);margin-bottom:var(--space-2xl);flex-wrap:wrap}.footer-column h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--space-sm)}.footer-link-disabled{font-size:.9rem;color:var(--color-text-muted);cursor:default}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:.85rem;color:var(--color-text-muted)}.footer-status{margin-top:var(--space-sm);font-size:.8rem;color:var(--color-text-muted)}@media(max-width:640px){:root{--content-padding: 1rem}.beta-banner-content{flex-direction:column;gap:var(--space-sm)}.hero{min-height:60vh;padding:var(--space-2xl) var(--content-padding)}.section{padding:var(--space-2xl) var(--content-padding)}.footer-links{flex-direction:column;align-items:center;gap:var(--space-xl)}.footer-column{text-align:center}.theme-toggle{top:auto;bottom:var(--space-lg);right:var(--space-lg)}}