.kva-wrap{--kva-ink:#1e2129;--kva-mut:#5b6076;font-family:Inter,system-ui,sans-serif}
.kva-hero{background:radial-gradient(circle at 20% 10%,#eef2ff, #f6f7fb 55%);border-radius:26px;padding:44px 28px;text-align:center;margin-bottom:34px}
.kva-hero h1{font-weight:800;font-size:clamp(26px,4vw,42px);color:var(--kva-ink);margin:0 0 10px}
.kva-hero p{color:var(--kva-mut);font-size:16px;max-width:640px;margin:0 auto}
.kva-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.kva-card{background:#fff;border:1px solid #eef0f5;border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(20,25,60,.06)}
.kva-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.kva-ico{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:0 0 64px;overflow:hidden;background:#fff;border:1px solid #eceff7;box-shadow:0 4px 12px rgba(20,25,60,.08);padding:9px}
.kva-ico img{width:100%;height:100%;object-fit:contain}
.kva-title{font-weight:800;font-size:22px;color:var(--kva-ink);margin:0}
.kva-tag{color:var(--kva-mut);font-weight:600;font-size:13.5px;margin:2px 0 0}
.kva-desc{color:var(--kva-mut);font-size:14.5px;line-height:1.55;margin:0 0 14px}
.kva-feats{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.kva-feats li{font-size:13px;color:#3a3f57;display:flex;align-items:center;gap:7px}
.kva-feats li:before{content:"✓";color:#4f6bff;font-weight:800}
.kva-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.kva-chip{background:#f1f3fb;color:#4a4f6a;font-size:12px;font-weight:700;padding:5px 11px;border-radius:20px}
.kva-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.kva-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:12px}
.kva-badge.on{background:#e7f7ec;color:#1b8a3d}.kva-badge.soon{background:#fff4e5;color:#b26a00}
.kva-dl{display:block;width:100%;text-align:center;background:var(--kva-accent,#4f6bff);color:#fff;border:0;border-radius:14px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}
.kva-dl.disabled{background:#e6e8f0;color:#9aa0b4;cursor:not-allowed;pointer-events:none}
.kva-cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kva-cs{background:#fff;border:1px dashed #d9def0;border-radius:18px;padding:20px;text-align:center;position:relative;opacity:.92}
.kva-cs .em{font-size:34px}.kva-cs h4{margin:8px 0 2px;font-weight:800;color:var(--kva-ink);font-size:16px}
.kva-cs .t{color:#4f6bff;font-weight:700;font-size:12.5px}.kva-cs .d{color:var(--kva-mut);font-size:12.5px;margin:6px 0 12px}
.kva-soon-badge{position:absolute;top:12px;right:12px;background:#fff4e5;color:#b26a00;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:20px}
.kva-sec-title{font-weight:800;font-size:22px;color:var(--kva-ink);margin:38px 0 16px}
.kva-faq details{background:#fff;border:1px solid #eef0f5;border-radius:14px;padding:14px 18px;margin-bottom:10px}
.kva-faq summary{font-weight:700;color:var(--kva-ink);cursor:pointer}
.kva-faq p{color:var(--kva-mut);font-size:14px;margin:10px 0 0}
.kva-safe{background:#f2fbf4;border:1px solid #d7f0de;border-radius:16px;padding:16px 18px;color:#1b6b32;font-size:13.5px;margin-top:20px}
/* install modal */
.kva-modal{position:fixed;inset:0;z-index:100090;background:rgba(15,19,32,.6);display:none;align-items:center;justify-content:center;padding:18px}
.kva-modal.open{display:flex}
.kva-modal-box{background:#fff;border-radius:20px;max-width:460px;width:100%;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.kva-modal-box h3{margin:0 0 4px;font-weight:800;color:var(--kva-ink)}
.kva-modal-box .note{background:#eef2ff;color:#3a4a8a;border-radius:12px;padding:12px 14px;font-size:13.5px;margin:12px 0}
.kva-steps{margin:0;padding-left:20px;color:#3a3f57;font-size:14px;line-height:1.7}
.kva-modal-dl{display:block;text-align:center;background:#4f6bff;color:#fff;border-radius:14px;padding:14px;font-weight:800;text-decoration:none;margin-top:14px}
.kva-modal-close{float:right;border:0;background:#f2f3f7;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:16px}
@media (max-width:520px){.kva-feats{grid-template-columns:1fr}}