.vk { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.vh { background: radial-gradient(900px 500px at 85% -10%, #3B5BDB55, transparent), #0F1730; color: #EEF2FF; padding: 34px 0 44px; }
.vh .logo { color: #fff; } .vh .ipucu { color: #A9B6DA; }
.vh h1 { font-size: clamp(34px, 7vw, 64px); font-weight: 800; letter-spacing: -.035em; margin: 18px 0 14px; line-height: 1.02; }
.vh h1 span { color: #FF8A6B; }
.lead { font-size: 18px; max-width: 720px; color: #C9D3EE; } .lead.en { font-size: 15px; color: #97A6C8; }
.vdemo { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: -26px 0 30px; }
.dk { background: #fff; border-radius: 20px; border: 1px solid var(--cizgi); box-shadow: var(--g2); overflow: hidden; }
.dk .ust3 { padding: 20px; color: var(--z-yazi); background: var(--z-zemin); }
.dk .ust3 h2 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.dk .ic2 { padding: 14px 20px 20px; display: grid; gap: 8px; }
.dk a.btn { justify-content: flex-start; }
.vozellik h2 { font-size: 24px; margin: 10px 0 12px; } .vozellik h3 { font-size: 17px; margin-bottom: 6px; }