.cs-hero{color:#fff;background:linear-gradient(150deg,#0b0f19 0%,#031430 60%,#0d1f3c 100%);padding-block:96px 80px;position:relative;overflow:hidden}.cs-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#2fd4e81f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#3469b424 0%,#0000 45%);position:absolute;inset:0}.cs-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#2fd4e80a 1px,#0000 1px),linear-gradient(90deg,#2fd4e80a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.cs-hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:1100px;margin:0 auto;padding-inline:24px;display:flex;position:relative}.cs-hero-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#2fd4e8;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:700;animation:.7s cubic-bezier(.16,1,.3,1) forwards csFadeUp;display:inline-flex}.cs-hero-label:before,.cs-hero-label:after{content:"";background:linear-gradient(90deg,#0000,#2fd4e8);width:32px;height:1.5px;display:block}.cs-hero-label:after{background:linear-gradient(90deg,#2fd4e8,#0000)}.cs-hero-title{color:#fff;margin:0;font-size:clamp(32px,4.5vw,58px);font-weight:800;line-height:1.15;animation:.85s cubic-bezier(.16,1,.3,1) .1s both csFadeUp}.cs-hero-title span{background:linear-gradient(90deg,#2fd4e8 0%,#7dd3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cs-hero-desc{color:#94a3b8;max-width:720px;margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.7;animation:1s cubic-bezier(.16,1,.3,1) .2s both csFadeUp}@keyframes csFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cs-filter-wrap{justify-content:center;animation:1.1s cubic-bezier(.16,1,.3,1) .3s both csFadeUp;display:flex}.cs-filter-tabs{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;display:flex}.cs-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1)}.cs-tab:hover{color:#e2e8f0;border-color:#2fd4e84d}.cs-tab.active{color:#fff;background:linear-gradient(90deg,#2fd4e8 0%,#3469b4 100%);border-color:#0000;box-shadow:0 4px 16px #2fd4e859}.cs-main{background:#fff;padding-block:80px 60px}.cs-main-inner{max-width:1200px;margin:0 auto;padding-inline:24px}.cs-list{flex-direction:column;gap:0;display:flex}.cs-card{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:0;min-height:480px;transition:opacity .4s,transform .4s;display:grid;overflow:hidden}.cs-card:first-child{border-top:1px solid #e2e8f0;border-radius:24px 24px 0 0;overflow:hidden}.cs-card:last-child{border-radius:0 0 24px 24px;overflow:hidden}.cs-card.hidden{display:none}.cs-card.fade-enter{animation:.4s cubic-bezier(.16,1,.3,1) forwards csCardIn}@keyframes csCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.cs-card{grid-template-columns:1fr}.cs-card.reverse .cs-card-text,.cs-card.reverse .cs-card-visual{order:0}}.cs-card-text{background:#fff;flex-direction:column;justify-content:center;gap:20px;padding:56px 48px;display:flex}@media (max-width:640px){.cs-card-text{padding:40px 24px}}.cs-card-num{font-family:var(--font-mono);letter-spacing:.14em;color:#2fd4e8;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.cs-card-num:after{content:"";background:linear-gradient(90deg,#2fd4e8,#0000);width:24px;height:1.5px;display:block}.cs-card-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);color:#0369a1;background:#2fd4e814;border:1px solid #2fd4e840;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;display:inline-flex}.cs-card-title{color:var(--color-navy);margin:0;font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1.3}.cs-card-customer{color:#3469b4;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.cs-card-customer:before{content:"◆";opacity:.6;font-size:8px}.cs-card-role{color:#475569;margin:0;font-size:15px;line-height:1.65}.cs-card-cta{color:#3469b4;border-bottom:2px solid #0000;align-items:center;gap:7px;width:fit-content;padding:11px 0;font-size:14px;font-weight:700;text-decoration:none;transition:gap .22s,border-color .22s,color .22s;display:inline-flex}.cs-card:hover .cs-card-cta{color:#0284c7;border-color:#2fd4e8;gap:12px}.cs-card-cta-arrow{transition:transform .22s}.cs-card:hover .cs-card-cta-arrow{transform:translate(3px,-3px)}.cs-card-visual{justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.cs-card-visual-inner{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.cs-card:hover .cs-card-visual-inner{transform:scale(1.04)}.cs-card:nth-child(odd) .cs-card-visual{background:linear-gradient(135deg,#0b0f19 0%,#1a3a6e 100%)}.cs-card:nth-child(2n) .cs-card-visual{background:linear-gradient(135deg,#031430 0%,#0d2451 100%)}.cs-card.reverse .cs-card-text{order:2}.cs-card.reverse .cs-card-visual{order:1}@media (max-width:900px){.cs-card.reverse .cs-card-text,.cs-card.reverse .cs-card-visual{order:0}}.cs-cta{background:#f8fafc;padding-block:80px 112px}.cs-cta-inner{max-width:1200px;margin:0 auto;padding-inline:24px}.cs-cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#0b0f19 0%,#1a3a6e 55%,#3469b4 100%);border-radius:28px;flex-direction:column;align-items:center;gap:28px;padding:72px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00265a38}.cs-cta-banner:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25%,#2fd4e826 0%,#0000 50%),radial-gradient(circle at 75%,#2fd4e81a 0%,#0000 50%),linear-gradient(#2fd4e808 1px,#0000 1px),linear-gradient(90deg,#2fd4e808 1px,#0000 1px);background-size:auto,auto,50px 50px,50px 50px;position:absolute;inset:0}.cs-cta-title{z-index:1;max-width:720px;margin:0;font-size:clamp(26px,2.8vw,40px);font-weight:800;line-height:1.3;position:relative}.cs-cta-desc{opacity:.85;z-index:1;max-width:600px;margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.65;position:relative}.cs-cta-btn{color:#0b0f19;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:999px;padding:16px 40px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,color .2s;display:inline-block;position:relative}.cs-cta-btn:hover{color:#3469b4;transform:translateY(-3px);box-shadow:0 12px 32px #ffffff40}.cs-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:none}.cs-empty.show{display:flex}.cs-empty-icon{opacity:.3;font-size:48px}.cs-empty-text{color:#64748b;font-size:18px}
