.cp-page{margin:0;background:#ffffff;color:#0f172a;font-family:Inter,Segoe UI,Arial,sans-serif}
.cp-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.cp-center{text-align:center}
.cp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}
.cp-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cp-brand{display:inline-flex;align-items:center}.cp-logo{height:48px}
.cp-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cp-nav a{color:#0f172a;text-decoration:none;font-weight:600}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;text-decoration:none;font-weight:700;transition:.25s ease}
.cp-btn:hover{transform:translateY(-1px)}
.cp-btn-primary{background:#1d4ed8;color:#fff;box-shadow:0 10px 24px rgba(29,78,216,.20)}
.cp-btn-secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.cp-btn-light{background:#f8fafc;color:#0f172a;border:1px solid rgba(255,255,255,.25)}
.cp-btn-lg{min-height:52px;padding:0 22px}
.cp-hero{padding:84px 0 62px;background:radial-gradient(circle at top right, rgba(29,78,216,.09), transparent 28%),radial-gradient(circle at left center, rgba(34,197,94,.08), transparent 24%)}
.cp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.cp-badge,.cp-section-label{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.cp-section-label-light{background:rgba(255,255,255,.14);color:#fff}
.cp-hero-copy h1{font-size:clamp(40px,5vw,62px);line-height:1.03;margin:16px 0 18px;max-width:760px}
.cp-hero-copy h1 span{color:#1d4ed8}
.cp-hero-copy p{font-size:18px;line-height:1.75;color:#475569;max-width:700px}
.cp-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.cp-hero-actions-center{justify-content:center}
.cp-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.cp-proof span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;font-size:13px;font-weight:700;color:#334155}
.cp-dashboard-shell{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 24px 48px rgba(15,23,42,.10)}
.cp-dashboard-bar{display:flex;gap:8px;margin-bottom:14px}.dot{width:12px;height:12px;border-radius:999px;display:inline-block}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#22c55e}
.cp-dashboard-image{width:100%;display:block;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc;min-height:320px;object-fit:cover}
.cp-kpis{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cp-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px;text-align:center}
.cp-kpi strong{display:block;font-size:22px;margin-bottom:4px;color:#0b2a5b}.cp-kpi span{font-size:13px;color:#64748b}
.cp-section{padding:82px 0}.cp-section-soft{background:#f8fafc}
.cp-centered-block{max-width:860px;margin:0 auto 34px;text-align:center}
.cp-centered-block h2{font-size:clamp(30px,4vw,44px);line-height:1.14;margin:14px 0}
.cp-lead,.cp-centered-block p,.cp-cta-text{font-size:17px;line-height:1.75;color:#475569}
.cp-problem-grid,.cp-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cp-card,.cp-benefit-item{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.cp-card-soft{text-align:center}
.cp-card h3,.cp-benefit-item h3{margin:0 0 10px}
.cp-card p,.cp-benefit-item p{margin:0;color:#475569;line-height:1.7}
.cp-benefit-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start}
.cp-benefit-copy h2{font-size:clamp(30px,4vw,42px);line-height:1.14;margin:14px 0}
.cp-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cp-cta{padding:88px 0;background:linear-gradient(135deg,#0b2a5b 0%,#1d4ed8 100%);color:#fff;text-align:center}
.cp-cta h2{font-size:clamp(32px,4vw,46px);margin:14px 0}
.cp-cta .cp-cta-text{color:rgba(255,255,255,.88);max-width:760px;margin:0 auto}
.cp-footer{background:#fff;border-top:1px solid #e2e8f0}
.cp-footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cp-footer-logo{height:40px}.cp-footer p{color:#64748b;margin:0}
.reveal{opacity:0;transform:translateY(24px);transition:all .7s ease}.reveal.is-visible{opacity:1;transform:none}
.floaty{animation:floaty 5s ease-in-out infinite}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:1024px){.cp-hero-grid,.cp-problem-grid,.cp-module-grid,.cp-benefit-grid,.cp-benefit-list{grid-template-columns:1fr}.cp-header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.cp-nav{width:100%;justify-content:flex-start}.cp-kpis{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cp-hero-copy h1{font-size:34px}.cp-centered-block h2,.cp-benefit-copy h2{font-size:28px}.cp-kpis{grid-template-columns:1fr}}