.ci{ max-width:1000px; margin:0 auto; padding:98px 5vw 70px; font-family:'Inter',sans-serif; color:#003F9E; }
@media (min-width:901px){ .ci{ padding-top:22px; } }
.ci h1{ font-family:'Poppins',sans-serif; font-weight:800; font-size:30px; color:#0052CC; margin:0 0 10px; }
.ci__intro{ margin:0 0 26px; line-height:1.6; }
.ci__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; }
.ci__card{ display:block; background:#E6F0FF; border-radius:14px; padding:16px 18px; text-decoration:none; color:#003F9E; }
.ci__card b{ display:block; font-family:'Poppins',sans-serif; font-size:16px; margin-bottom:4px; }
.ci__card span{ font-size:13px; }
.ci h2{ font-family:'Poppins',sans-serif; font-size:18px; margin:30px 0 12px; }
.ci__links{ display:flex; flex-wrap:wrap; gap:10px; }
.ci__links a{ background:#0052CC; color:#fff; font-weight:700; font-size:13px; padding:9px 18px; border-radius:999px; text-decoration:none; }
.ci__cta{ display:flex; flex-wrap:wrap; gap:12px; margin:0 0 8px; }
.ci__btn{ display:inline-flex; align-items:center; min-height:46px; padding:0 24px; border-radius:12px; background:#0052CC; color:#fff; font-weight:700; text-decoration:none; }
.ci__btn:hover{ background:#003F9E; } .ci__btn--o{ background:#fff; color:#0052CC; border:2px solid #0052CC; } .ci__btn--o:hover{ background:#E6F0FF; }
.ci__visit{ background:#E6F0FF; border-radius:14px; padding:16px 20px; } .ci__visit p{ margin:0 0 8px; line-height:1.5; } .ci__visit b{ display:block; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#0052CC; }
.ci__visit a{ font-weight:700; color:#0052CC; }
.ci__why{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; }
.ci__why li{ border:1px solid #E6F0FF; border-radius:14px; padding:16px 18px; line-height:1.5; font-size:14px; } .ci__why b{ display:block; font-family:'Poppins',sans-serif; font-size:15px; margin-bottom:4px; } .ci__why a{ color:#0052CC; font-weight:600; }