
:root{
  --ci-blue:#0c4295;--ci-blue2:#0871c5;--ci-ink:#143c68;--ci-red:#ef2e38;
  --ci-teal:#0aa6a6;--ci-soft:#f4f8fd;--ci-line:#dce7f1;--ci-muted:#6b8196;
  --ci-gbv:#8f3aa8;--ci-green:#0a8f70;--ci-orange:#d87512;
}
.client-info-page{background:#fff;color:var(--ci-ink)}
.ci-container{width:min(1180px,calc(100% - 40px));margin:auto}
.ci-hero{
  position:relative;overflow:hidden;min-height:430px;color:#fff;
  background:linear-gradient(120deg,#071f44,#0a3f82 56%,#0872b2);
  display:flex;align-items:center
}
.ci-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(41,220,236,.20),transparent 32%),radial-gradient(circle at 16% 86%,rgba(255,255,255,.08),transparent 28%)}
.ci-hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:72px 0;position:relative;z-index:2}
.ci-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff3f;background:#ffffff12;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.1em}
.ci-hero h1{font-size:clamp(42px,5.3vw,68px);line-height:.98;letter-spacing:-.045em;margin:17px 0}
.ci-hero p{font-size:16px;line-height:1.72;color:#d9ecff;max-width:720px}
.ci-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.ci-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:9px;text-decoration:none;font-weight:850;font-size:12px;border:1px solid transparent;cursor:pointer}
.ci-btn.white{background:#fff;color:#0c438d}.ci-btn.ghost{border-color:#ffffff55;color:#fff;background:#ffffff0d}.ci-btn.blue{background:#0c4ca5;color:#fff}.ci-btn.outline{background:#fff;border-color:#0c4ca5;color:#0c4ca5}
.ci-hero-visual{position:relative}
.ci-hero-visual img{width:100%;height:310px;object-fit:cover;border-radius:22px;box-shadow:0 24px 55px #001b3d6b}
.ci-hero-card{position:absolute;right:18px;bottom:-20px;width:min(330px,85%);background:#fff;color:#274c72;padding:16px;border-radius:14px;box-shadow:0 16px 40px #00163355}
.ci-hero-card strong{display:block;color:#0b3f89;font-size:15px}.ci-hero-card small{display:block;line-height:1.5;margin-top:5px;color:#6d8398}

.ci-strip{margin-top:-29px;position:relative;z-index:5}
.ci-strip-grid{background:#fff;border:1px solid var(--ci-line);box-shadow:0 18px 44px rgba(12,60,107,.12);border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.ci-strip-item{padding:20px;display:flex;gap:13px;align-items:center;min-height:100px}
.ci-strip-item+.ci-strip-item{border-left:1px solid #e2ebf3}
.ci-strip-icon{width:44px;height:44px;border-radius:50%;background:#eaf3ff;color:#0c4ca5;display:grid;place-items:center;flex:none}
.ci-strip-item b{display:block;font-size:17px;color:#0e418b}.ci-strip-item span{display:block;color:#70869a;font-size:10px;line-height:1.45;margin-top:4px}

.ci-section{padding:68px 0}.ci-section.alt{background:#f5f8fc;border-top:1px solid #e7eef5;border-bottom:1px solid #e7eef5}
.ci-section-head{max-width:780px;margin:0 auto 27px;text-align:center}.ci-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--ci-red);margin:0 0 7px}.ci-section-head h2{font-size:35px;color:#103f83;margin:0 0 9px;letter-spacing:-.025em}.ci-section-head p{color:#6b8196;line-height:1.7;margin:0}

.info-alert{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#fff5fb,#f8efff);border:1px solid #ecd6f4;border-left:5px solid var(--ci-gbv);border-radius:16px;padding:18px 20px;margin-bottom:25px}
.info-alert .icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f0def7;color:var(--ci-gbv);font-size:21px}
.info-alert h3{margin:0 0 5px;color:#713286;font-size:17px}.info-alert p{margin:0;color:#6e6672;font-size:12px;line-height:1.55}.info-alert a{white-space:nowrap}

.faq-toolbar{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;margin-bottom:18px}
.faq-search{display:flex;align-items:center;gap:10px;border:1px solid #d8e4ef;border-radius:11px;padding:0 13px;background:#fff}
.faq-search input{border:0;outline:0;width:100%;font:inherit;padding:13px 0;color:#234b70}.faq-search i{color:#7d91a5}
.faq-filters{display:flex;gap:7px;flex-wrap:wrap}.faq-filter{border:1px solid #d8e4ef;background:#fff;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:850;color:#456783;cursor:pointer}.faq-filter.active{background:#0c4ca5;color:#fff;border-color:#0c4ca5}
.faq-count{font-size:11px;color:#72879c;margin:0 0 14px}
.faq-list{display:grid;gap:9px}
.faq-item{border:1px solid #dfe8f1;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 20px rgba(13,55,98,.035)}
.faq-question{width:100%;border:0;background:#fff;text-align:left;padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;cursor:pointer;color:#183f69;font:inherit;font-weight:800}
.faq-question:hover{background:#f9fbfd}.faq-question i{color:#0d61ba;transition:.2s}.faq-item.open .faq-question i{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 18px 17px;color:#657c92;font-size:13px;line-height:1.7}.faq-item.open .faq-answer{display:block}
.faq-answer strong{color:#294f73}.faq-answer a{color:#0b62b8;font-weight:800}
.faq-tag{display:inline-block;margin-top:10px;border-radius:999px;padding:5px 8px;background:#eef5fb;color:#637e98;font-size:9px;font-weight:850;letter-spacing:.05em}
.no-results{display:none;padding:42px;text-align:center;color:#72869a}

.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic-card{padding:18px;border:1px solid #dde7f0;background:#fff;border-radius:14px;text-align:center}.topic-card i{font-size:22px;color:#0c54ad;margin-bottom:10px}.topic-card h3{font-size:13px;color:#15447e;margin:0 0 5px}.topic-card p{font-size:10px;color:#768a9d;line-height:1.45;margin:0}

.news-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;background:#fff;border:1px solid #dde8f1;border-radius:22px;padding:25px;box-shadow:0 16px 48px rgba(13,56,100,.08)}
.news-feature-media{height:360px;border-radius:16px;overflow:hidden}.news-feature-media img{width:100%;height:100%;object-fit:cover}
.news-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.news-badge{padding:6px 8px;border-radius:999px;background:#eaf4ff;color:#0d62b4;font-size:9px;font-weight:900;letter-spacing:.07em}.news-badge.official{background:#e8f8f2;color:#087c61}
.news-feature h2{font-size:34px;line-height:1.08;color:#103f84;margin:0 0 12px}.news-feature p{color:#687f94;line-height:1.7}
.news-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.news-stat{border-radius:10px;background:#f2f7fc;padding:12px}.news-stat b{display:block;color:#0c4699;font-size:19px}.news-stat span{font-size:9px;color:#72879b}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-card{border:1px solid #dce7f0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 27px rgba(13,56,100,.05);display:flex;flex-direction:column}
.news-card-img{height:185px;overflow:hidden;background:#edf3f8}.news-card-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.news-card:hover .news-card-img img{transform:scale(1.025)}
.news-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.news-type{font-size:9px;color:#0c6bbb;font-weight:900;letter-spacing:.1em}.news-card h3{font-size:19px;line-height:1.2;color:#123f80;margin:8px 0}.news-card p{font-size:12px;color:#6d8296;line-height:1.6;margin:0 0 13px}.news-key{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px}.news-key li{font-size:10px;color:#466986;display:flex;gap:7px;line-height:1.45}.news-key i{color:#0a8b73;margin-top:2px}
.news-read{margin-top:auto;border:0;background:#eef5fc;color:#0c58ae;border-radius:9px;padding:10px 12px;font-weight:850;font-size:10px;cursor:pointer;text-align:left}.news-card.open .news-read{background:#0c4ca5;color:#fff}
.news-detail{display:none;border-top:1px solid #e2eaf2;padding:15px 18px 18px;background:#fbfdff;color:#627a91;font-size:12px;line-height:1.65}.news-card.open .news-detail{display:block}.news-detail h4{color:#143f7d;margin:10px 0 5px}.news-detail p{margin:0 0 8px}
.news-footer-note{border:1px solid #dce7f0;border-radius:16px;padding:22px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.news-footer-note h3{margin:0 0 6px;color:#103f84}.news-footer-note p{margin:0;color:#6b8296;line-height:1.55;font-size:12px}

.ci-cta{background:linear-gradient(120deg,#073984,#075db8);border-radius:19px;color:#fff;padding:28px 31px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;overflow:hidden;position:relative}
.ci-cta:after{content:"";position:absolute;width:260px;height:260px;border:45px solid #ffffff0d;border-radius:50%;right:-70px;top:-95px}.ci-cta h2{margin:0 0 7px;font-size:28px}.ci-cta p{margin:0;color:#dbeaff}.ci-cta .ci-hero-actions{margin:0;position:relative;z-index:2}

@media(max-width:980px){
  .ci-hero-inner{grid-template-columns:1fr}.ci-hero-visual{max-width:720px}.ci-strip-grid{grid-template-columns:repeat(2,1fr)}.ci-strip-item:nth-child(3){border-left:0;border-top:1px solid #e2ebf3}.ci-strip-item:nth-child(4){border-top:1px solid #e2ebf3}
  .faq-toolbar{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(3,1fr)}.news-feature{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .ci-container,.ci-hero-inner{width:min(100% - 22px,1180px)}.ci-hero-inner{padding:52px 0}.ci-hero h1{font-size:42px}.ci-hero-visual img{height:260px}.ci-hero-card{position:relative;right:auto;bottom:auto;margin:-25px 12px 0;width:auto}
  .ci-strip{margin-top:-15px}.ci-strip-grid{grid-template-columns:1fr 1fr}.ci-strip-item{padding:14px 10px;min-height:90px;gap:9px}.ci-strip-icon{width:38px;height:38px}.ci-strip-item b{font-size:14px}
  .ci-section{padding:52px 0}.ci-section-head h2{font-size:29px}.info-alert{grid-template-columns:auto 1fr}.info-alert .ci-btn{grid-column:1/3}.faq-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.faq-filter{white-space:nowrap}
  .topic-grid,.news-grid{grid-template-columns:1fr}.news-feature-media{height:250px}.news-feature h2{font-size:28px}.news-stat-row{grid-template-columns:1fr 1fr 1fr}.news-footer-note,.ci-cta{grid-template-columns:1fr}
}
