*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--color-bg: #0d1117;--color-bg-elevated: #161b22;--color-bg-card: #1c2128;--color-border: #30363d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-accent: #58a6ff;--color-accent-hover: #79c0ff;--color-accent-subtle: rgba(88, 166, 255, .1);--color-success: #3fb950;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--max-width: 1100px;--border-radius: 8px;--border-radius-lg: 12px;--transition: .15s ease}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);font-size:1rem}h1,h2,h3,h4{line-height:1.3;font-weight:600}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--color-text)}h3{font-size:1.125rem}p{color:var(--color-text-muted);max-width:60ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header p{margin:var(--space-md) auto 0}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;font-size:.95rem;text-decoration:none;transition:all var(--transition);border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-bg)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--color-bg-elevated);color:var(--color-text)}.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),transform var(--transition)}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.hero{padding-top:var(--space-4xl);padding-bottom:var(--space-3xl);text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-logo{border-radius:var(--border-radius-lg);margin-bottom:var(--space-md)}.hero-subtitle{font-size:1.25rem;color:var(--color-accent);font-weight:500}.hero-description{font-size:1.1rem;max-width:50ch;margin:var(--space-sm) auto 0}.hero-ctas{display:flex;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center}.features{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.card-icon{color:var(--color-accent);margin-bottom:var(--space-md)}.card h3{margin-bottom:var(--space-sm)}.card p{font-size:.925rem}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.features-grid{grid-template-columns:1fr}}.how-it-works{text-align:center}.diagram{margin:0 auto var(--space-xl);max-width:800px}.diagram-svg{width:100%;height:auto}.diagram-node{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.diagram-node-primary{stroke:var(--color-accent);stroke-width:2;fill:var(--color-accent-subtle)}.diagram-label{font-family:var(--font-sans);font-size:14px;fill:var(--color-text);text-anchor:middle;font-weight:600}.diagram-label-primary{fill:var(--color-accent);font-size:16px}.diagram-sublabel{font-family:var(--font-sans);font-size:11px;fill:var(--color-text-muted);text-anchor:middle}.diagram-arrow{stroke:var(--color-text-muted);stroke-width:1.5}.diagram-arrowhead{fill:var(--color-text-muted)}.diagram-caption{max-width:60ch;margin:0 auto;font-size:.95rem}.footer{border-top:1px solid var(--color-border);padding:var(--space-xl) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-copy{font-size:.875rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{font-size:.875rem;color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-accent)}@media(max-width:560px){.footer-content{flex-direction:column;text-align:center}}