/* Kinlyr site - minimalist, accessible, responsive */
:root{
  --bg:#0b1526; --ink:#0e1220; --surface:#0f1b33; --card:#111d38;
  --brand:#1cc2a0; --brand2:#ffd166; --muted:#94a3b8; --text:#e6edf6;
  --link:#66d9e8; --radius:16px; --shadow:0 8px 24px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:var(--text);background:linear-gradient(180deg,var(--bg),#0a0f1e);}
a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(10,15,30,.7);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:36px;height:36px}
.brand-name{font-weight:800;letter-spacing:.3px;font-size:20px}
.nav a{margin:0 12px;color:#cfe8ff}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#062218;
  padding:12px 18px;border-radius:999px;font-weight:700;border:0;box-shadow:var(--shadow)}
.cta.secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#d2e3ff}
.hero{padding:72px 0 24px;background: radial-gradient(1200px 500px at 70% -10%, rgba(28,194,160,.15), transparent 70%);}
.hero h1{font-size:42px;line-height:1.1;margin:10px 0 12px}
.hero p{color:#cbd5e1;max-width:720px;font-size:18px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);font-size:12px;color:#9fb3c8}
.grid{display:grid;gap:20px}
.features{padding:48px 0}
.card{background:linear-gradient(180deg,var(--surface),var(--card));border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px}
.kicker{color:var(--brand2);font-weight:700;letter-spacing:.2em;font-size:12px;text-transform:uppercase}
.section{padding:56px 0}
.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.08);color:#9fb3c8;font-size:14px}
.pricing-table{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.plan{padding:24px;border-radius:var(--radius);background:linear-gradient(180deg,#0e1830,#0c1730);
  border:1px solid rgba(255,255,255,.08)}
.price{font-size:32px;font-weight:800;margin:2px 0 12px}
ul.clean{list-style:none;padding-left:0;margin:0}
li.tick{margin:8px 0;display:flex;gap:8px}
.tag{background:#13304d;border-radius:999px;padding:4px 10px;font-size:12px;color:#cde7ff;border:1px solid rgba(255,255,255,.08)}
.section.alt{background:#0b1428}
.hero-media{margin-top:28px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.hero-media img{max-width:100%;display:block}
@media (max-width: 920px){
  .pricing-table{grid-template-columns:1fr;}
  .nav-right{display:none}
  .hero h1{font-size:34px}
}
.btn-store{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#131e36;border:1px solid rgba(255,255,255,.12);color:#d6e7ff;font-weight:700}
.notice{padding:12px 16px;border-radius:12px;background:#0e1c38;border:1px solid rgba(255,255,255,.12);color:#b9c6d3}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:24px 0}
.small{font-size:13px;color:#9fb3c8}
.faq dt{font-weight:700;margin-top:16px}
.faq dd{margin:6px 0 0 0;color:#cbd5e1}