
.cp-container{max-width:1160px;margin:0 auto;padding:0 18px}
.cp-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(152,181,217,.18)}
.cp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px}
.cp-logo,.custom-logo{height:44px;width:auto;display:block}
.cp-nav{flex:1}
.cp-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0;justify-content:center}
.cp-menu a{padding:10px 10px;border-radius:10px}
.cp-menu a:hover{background:rgba(152,181,217,.12)}
.cp-cta{display:flex;gap:10px;align-items:center}
.cp-btn{background:var(--cp-blue);color:#0B1220;padding:10px 16px;border-radius:999px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.cp-btn:hover{transform:translateY(-1px)}
.cp-btn-ghost{background:transparent;color:var(--cp-white);border:1px solid rgba(152,181,217,.45)}
.cp-burger{display:none;background:transparent;border:1px solid rgba(152,181,217,.35);color:var(--cp-white);border-radius:12px;padding:10px 12px;font-size:18px}

.cp-main{min-height:60vh}
.cp-hero{position:relative;min-height:78vh;display:flex;align-items:center}
.cp-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cp-hero-overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%, rgba(152,181,217,.22), rgba(11,18,32,.75) 55%, rgba(11,18,32,.92) 100%)}
.cp-hero-content{position:relative;z-index:1;padding:64px 18px}
.cp-pill{display:inline-flex;padding:8px 12px;border:1px solid rgba(152,181,217,.35);border-radius:999px;background:rgba(250,250,255,.06);font-weight:700}
.cp-h1{font-size:54px;line-height:1.03;margin:14px 0 10px 0;letter-spacing:-.02em}
.cp-lead{max-width:760px;color:var(--cp-muted);font-size:18px;line-height:1.55;margin:0 0 18px 0}
.cp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

.cp-section{padding:54px 0}
.cp-section-alt{background:linear-gradient(180deg, rgba(250,250,255,.06), rgba(250,250,255,.02))}
.cp-h2{text-align:center;font-size:34px;margin:0 0 10px 0}
.cp-muted-center{text-align:center;color:var(--cp-muted);margin:0 auto 22px auto;max-width:820px}
.cp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-card{background:rgba(250,250,255,.04);border:1px solid rgba(152,181,217,.22);border-radius:16px;padding:18px}
.cp-card-title{font-weight:900;margin-bottom:8px}
.cp-card-text{color:var(--cp-muted);line-height:1.55}

.cp-box{background:rgba(250,250,255,.04);border:1px solid rgba(152,181,217,.22);border-radius:16px;padding:18px}
.cp-box-title{font-weight:900;margin-bottom:8px}
.cp-box-text{color:var(--cp-muted);line-height:1.6}
.cp-warn{border-color:rgba(255,200,100,.5)}
.cp-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.cp-list{margin:0;padding-left:18px;color:var(--cp-muted);line-height:1.8}

.cp-footer{border-top:1px solid rgba(152,181,217,.18);background:rgba(11,18,32,.9)}
.cp-footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:28px 18px}
.cp-footer-title{font-weight:900;margin-bottom:10px}
.cp-footer-muted{color:var(--cp-muted);line-height:1.65}
.cp-footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cp-footer-bottom{padding:16px 18px 26px 18px;border-top:1px solid rgba(152,181,217,.12);display:flex;justify-content:center}

@media(max-width:980px){
  .cp-menu{display:none}
  .cp-burger{display:inline-flex}
  .cp-cta{display:none}
  .cp-h1{font-size:40px}
  .cp-grid-3{grid-template-columns:1fr}
  .cp-split{grid-template-columns:1fr}
  .cp-footer-inner{grid-template-columns:1fr}
}
