html{scroll-behavior:smooth}body{margin:0;padding:0}.hero{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.hero p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2rem;font-size:1.2rem;background-color:var(--accent-color);color:#fff;font-weight:600;letter-spacing:.01em;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 18px #00000014}.cta-button:hover{background-color:color-mix(in srgb,var(--accent-color) 80%,black 20%);transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.cta-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 20%,transparent 80%);outline-offset:3px}.features{padding:6rem 2rem;background-color:var(--bg-primary)}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:2.5rem;background:var(--bg-card);border-radius:12px;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0000001a}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:1.1rem}.open-source{text-align:center;padding:6rem 2rem;background:var(--bg-secondary)}.open-source h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.open-source p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.action-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center}.github-button,.try-button{padding:1rem 2rem;font-size:1.1rem;text-decoration:none;border-radius:8px;transition:all .3s ease}.github-button{background-color:#24292e;color:#fff;font-weight:600}.try-button{background-color:var(--accent-color);color:#fff;font-weight:600}.github-button:hover,.try-button:hover{transform:translateY(-2px);opacity:.95}.github-button:focus-visible,.try-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 20%,transparent 80%);outline-offset:3px}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.feature-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.github-button,.try-button{width:100%;text-align:center}}.hero-inner{display:grid;grid-template-columns:1fr 420px;gap:2.5rem;align-items:center;max-width:1180px;margin:0 auto;padding:2rem 0 0;text-align:left}.hero-copy h1{font-size:clamp(2rem,3.5rem,4rem);margin:.2rem 0 1rem;color:var(--text-primary)}.lead{font-size:1.15rem;color:var(--text-secondary);max-width:56ch}.badge{display:inline-block;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.35rem .75rem;border-radius:999px;font-size:.85rem;margin-bottom:1rem}.hero-ctas{margin-top:1.25rem;display:flex;gap:1rem;align-items:center}.outline-button{display:inline-block;padding:.9rem 1.25rem;border-radius:8px;border:1px solid var(--accent-color);color:var(--accent-color);background:transparent;text-decoration:none;transition:all .18s ease}.outline-button:hover{transform:translateY(-2px);background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.outline-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 30%,transparent 70%);outline-offset:3px}.quick-features{list-style:none;padding:0;margin-top:1.25rem;display:flex;gap:1rem 2rem;flex-wrap:wrap;color:var(--text-secondary)}.quick-features li{display:inline-flex;gap:.5rem;align-items:center;font-size:.95rem}.hero-preview{display:flex;justify-content:center}.preview-card{width:100%;max-width:380px;border-radius:12px;overflow:hidden;background:var(--bg-card);box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--border-color)}.preview-card img{width:100%;display:block}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;gap:.5rem}.small-cta{font-size:.95rem;padding:.45rem .85rem;background:var(--accent-color);color:#fff;border-radius:8px;text-decoration:none}.small-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 20%,transparent 80%);outline-offset:3px}.preview-hint{font-size:.85rem;color:var(--text-secondary)}.feature-grid{align-items:stretch}.feature-card{display:flex;flex-direction:column;justify-content:center}@media (max-width: 980px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-copy{order:1}.hero-preview{order:2;margin-top:1.5rem}}