.ui-section{padding:110px 0 105px;background:radial-gradient(circle at 70% 12%,rgba(79,122,184,.12),transparent 38%),#080d16;border-top:1px solid var(--line)}
.ui-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
.ui-heading h2{font-size:clamp(39px,4vw,62px);line-height:1.18;letter-spacing:-.065em;margin:16px 0 0}
.ui-heading>p{color:var(--muted);font-size:16px;line-height:1.9;max-width:430px;margin:0 0 6px}
.ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ui-card{margin:0;overflow:hidden;border:1px solid rgba(169,203,249,.18);border-radius:16px;background:linear-gradient(145deg,#142237,#0d1725);box-shadow:0 25px 70px rgba(0,0,0,.17)}
.ui-card a{display:block;overflow:hidden;background:#05070b;aspect-ratio:16/9}
.ui-card a:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}
.ui-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.ui-card a:hover img{transform:scale(1.025)}
.ui-card figcaption{display:flex;align-items:flex-start;gap:18px;padding:20px 23px 24px}
.ui-index{color:#82a6d6;font-size:12px;font-weight:800;letter-spacing:.07em;padding-top:4px}
.ui-card strong{display:block;color:#f1f6ff;font-size:18px;letter-spacing:-.02em}
.ui-card p{margin:4px 0 0;color:#95a7c1;font-size:13px;line-height:1.6}
.ui-disclaimer{font-size:12px;line-height:1.6;color:#7285a0;margin:22px 0 0}
@media(max-width:800px){.ui-heading{grid-template-columns:1fr;gap:12px}.ui-heading>p{font-size:14px}.ui-grid{gap:14px}.ui-card figcaption{padding:15px;gap:10px}.ui-card strong{font-size:15px}}
@media(max-width:620px){.ui-section{padding:75px 0}.ui-grid{grid-template-columns:1fr}.ui-heading{margin-bottom:26px}.ui-heading h2{font-size:42px}.ui-card figcaption{padding:16px 18px 19px}}
@media(prefers-reduced-motion:reduce){.ui-card img{transition:none}}