:root{
  --ci-navy:#0b1b33;
  --ci-navy-2:#0f2547;
  --ci-sky:#12b3d6;
  --ci-mint:#22c55e;
  --ci-amber:#f59e0b;

  --ci-text:#0b1220;
  --ci-muted:#334155;
  --ci-bg:#ffffff;
  --ci-surface:#f6f8fc;
  --ci-border:rgba(15,23,42,.12);

  --ci-radius:18px;
}

html{scroll-behavior:smooth;}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
  color:var(--ci-text);
  background:var(--ci-bg);
}
a{color:var(--ci-navy-2);}
a:hover{color:var(--ci-navy);}

.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{
  left:16px;top:16px;width:auto;height:auto;background:#fff;padding:10px 12px;
  border-radius:12px;border:1px solid var(--ci-border);z-index:9999;
}

.ci-topbar{background:rgba(11,27,51,.96);color:rgba(255,255,255,.92);}
.ci-topbar a{color:rgba(255,255,255,.92);text-decoration:none;}
.ci-topbar a:hover{color:#fff;}

.navbar{border-bottom:1px solid var(--ci-border);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);}
.navbar .nav-link{color:rgba(11,18,32,.85);font-weight:650;}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:rgba(11,18,32,1);}
.navbar .nav-link.active{color:rgba(11,18,32,1);text-decoration:underline;text-underline-offset:6px;}

.ci-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.ci-brand img{height:40px;width:auto;}
.ci-brand .title strong{display:block;font-size:1.05rem;letter-spacing:.2px;}
.ci-brand .title span{display:block;font-size:.85rem;color:rgba(11,18,32,.65);font-weight:650;}

.btn-ci{background:var(--ci-navy);color:#fff;border:0;border-radius:999px;padding:.62rem 1.06rem;font-weight:800;}
.btn-ci:hover{background:#071428;color:#fff;}
.btn-ci-outline{border:1px solid var(--ci-border);border-radius:999px;padding:.62rem 1.06rem;font-weight:800;background:#fff;}
.btn-ci-outline:hover{background:var(--ci-surface);}

.ci-hero{
  background:
    radial-gradient(1200px 500px at 10% 0%, rgba(18,179,214,.18), transparent 60%),
    radial-gradient(900px 500px at 80% 10%, rgba(34,197,94,.14), transparent 55%),
    linear-gradient(180deg,#ffffff,#f7fbff);
  padding:3.25rem 0 2.25rem;
}
.ci-hero h1{font-weight:900;letter-spacing:-.02em;font-size:clamp(2rem,3.3vw,3.1rem);}
.ci-hero .lead{color:rgba(11,18,32,.78);font-size:1.08rem;}

.ci-hero-card{background:#fff;border:1px solid var(--ci-border);border-radius:var(--ci-radius);box-shadow:0 18px 60px rgba(2,8,23,.10);overflow:hidden;}
.ci-hero-img{width:100%;height:340px;object-fit:cover;}

.ci-section{padding:3.1rem 0;}
.ci-section h2{font-weight:900;letter-spacing:-.01em;}
.ci-kicker{color:var(--ci-muted);max-width:65ch;}

.ci-surface{background:var(--ci-surface);border-top:1px solid var(--ci-border);border-bottom:1px solid var(--ci-border);}

.ci-card{background:#fff;border:1px solid var(--ci-border);border-radius:var(--ci-radius);box-shadow:0 12px 34px rgba(2,8,23,.08);height:100%;}
.ci-card .icon{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--ci-surface);border:1px solid var(--ci-border);
}
.ci-card-img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid var(--ci-border);}

.ci-badge{
  display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--ci-border);
  background:#fff;border-radius:999px;padding:.35rem .7rem;font-weight:800;color:rgba(11,18,32,.8);
}

.ci-list{padding-left:1.1rem;margin:0;color:rgba(11,18,32,.78);}
.ci-list li{margin:.45rem 0;}

footer{background:#071428;color:rgba(255,255,255,.88);}
footer a{color:rgba(255,255,255,.88);text-decoration:none;}
footer a:hover{color:#fff;}
footer .muted{color:rgba(255,255,255,.74);}
.ci-footer-logo{height:86px;width:auto;}

.modal-content{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0b1b33;color:rgba(255,255,255,.92);}
.modal-header{border-bottom:1px solid rgba(255,255,255,.10);}
.modal-footer{border-top:1px solid rgba(255,255,255,.10);}

.form-control,.form-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.92);}
.form-control:focus,.form-select:focus{
  border-color:rgba(18,179,214,.75);box-shadow:0 0 0 .25rem rgba(18,179,214,.12);
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.95);
}
.form-label{color:rgba(255,255,255,.88);}

.ci-cookie{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:1060;
  background:rgba(255,255,255,.96);border:1px solid var(--ci-border);border-radius:16px;
  box-shadow:0 18px 60px rgba(2,8,23,.16);padding:14px 16px;display:none;
}
.ci-cookie p{margin:0;color:rgba(11,18,32,.75);}
.ci-cookie .btn{padding:.45rem .9rem;}

.ci-page-title{padding:1.4rem 0 0;}
.ci-breadcrumbs{font-size:.9rem;color:rgba(11,18,32,.65);}

@media (min-width: 992px){
  .ci-hero-img{height:380px;}
  .ci-card-img{height:190px;}
}