*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a2e;--text: #e4e4e7;--text-muted: #a1a1aa;--border: #27272a;--accent: #6366f1;--accent-hover: #818cf8}html{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;min-height:60vh}.hero__brand{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.hero__tagline{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-muted);margin-bottom:1rem;max-width:600px}.hero__description{font-size:1rem;color:var(--text-muted);max-width:540px;margin-bottom:2rem}.hero__cta{display:inline-block;padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;color:#fff;background:var(--accent);transition:background .2s,transform .15s}.hero__cta:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.primary{max-width:1000px;margin:0 auto;padding:0 1.5rem;width:100%}.primary .hero{min-height:50vh;padding-bottom:2rem}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem 0 4rem}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:background .2s,border-color .2s}.product-card:hover{background:var(--bg-card-hover);border-color:var(--accent)}.product-card__name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.product-card__desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.about{text-align:center;padding:3rem 0;max-width:640px;margin:0 auto}.about p{color:var(--text-muted);line-height:1.7}.footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.75rem}.footer__links a{color:var(--text-muted);font-size:.85rem}.footer__links a:hover{color:var(--accent)}@media (max-width: 640px){.products{grid-template-columns:1fr}}