.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-bottom:1px solid var(--border)}.landing-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.landing-links{display:flex;gap:20px;color:var(--text-muted)}.landing-actions{display:flex;gap:8px;align-items:center}.ghost-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-size:14px;transition:background .15s}.ghost-btn:hover{background:var(--surface)}.icon-btn{padding:8px 10px;display:inline-flex;align-items:center;justify-content:center}.hero{text-align:center;padding:96px 24px 48px}.hero h1{font-size:48px;margin:0 0 12px;letter-spacing:-.02em}.hero-sub{font-size:18px;color:var(--text-muted);margin:0 0 28px}.primary-btn{display:inline-block;background:var(--accent);color:#fff;border-radius:var(--radius);padding:12px 28px;font-size:15px;font-weight:600;transition:background .15s}.primary-btn:hover{background:var(--accent-hover);text-decoration:none}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:960px;margin:0 auto;padding:24px 24px 80px;width:100%}.product-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;color:var(--text);transition:border-color .15s,transform .15s}.product-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.product-card.is-planned{opacity:.75}.product-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-icon{color:var(--accent);display:inline-flex}.product-card h3{margin:0 0 6px;font-size:16px}.product-card p{margin:0;color:var(--text-muted);font-size:13px}.badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.badge.is-live{color:var(--success);border-color:var(--success)}.landing-footer{margin-top:auto;text-align:center;padding:24px;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border)}@media (max-width: 640px){.hero h1{font-size:36px}.landing-nav{padding:16px;flex-wrap:wrap}.landing-links{order:3;width:100%}}
