.cmp-page{color:#123449;background:#f4f7f9}.cmp-wrap{max-width:1220px;margin:0 auto;padding:0 16px}.cmp-hero{color:#fff;background:radial-gradient(circle at 12% 0,#1b88b8 0%,#0000 38%),radial-gradient(circle at 92% 100%,#0e6f8f 0%,#0000 40%),linear-gradient(135deg,#031b33,#07335a 55%,#0a4670);padding:clamp(44px,7vw,92px) 0 clamp(36px,5vw,60px)}.cmp-eyebrow{color:#7fd6f2;letter-spacing:.14em;font-size:.78rem;font-weight:900;display:inline-block}.cmp-eyebrow.dark{color:#0b7aa6}.cmp-hero h1{color:#fff;letter-spacing:-.02em;max-width:20ch;margin:14px 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.2}.cmp-hero>div>p{color:#cfe2ee;max-width:72ch;margin:0;line-height:1.95}.cmp-hero-actions,.cmp-join-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.cmp-hero-actions a,.cmp-join-actions a{color:#07335a;background:#fff;border-radius:999px;align-items:center;padding:12px 20px;font-weight:900;text-decoration:none;display:inline-flex}.cmp-hero-actions a.ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.cmp-stats{background:#fff2;border:1px solid #ffffff2a;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:36px 0 0;display:grid;overflow:hidden}.cmp-stats div{background:#04223fcc;padding:18px}.cmp-stats dt{color:#9cc3d8;font-size:.8rem;line-height:1.5}.cmp-stats dd{color:#fff;margin:6px 0 0;font-size:1.9rem;font-weight:900}.cmp-tabs{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffe;border-bottom:1px solid #d7e4ec;position:sticky;top:0}.cmp-tabs .cmp-wrap{-webkit-overflow-scrolling:touch;gap:6px;padding-top:10px;padding-bottom:10px;display:flex;overflow-x:auto}.cmp-tabs a{color:#2f566d;white-space:nowrap;border-radius:999px;flex:none;padding:9px 15px;font-size:.88rem;font-weight:800;text-decoration:none}.cmp-tabs a:hover{background:#e8f3f9}.cmp-tabs a.active{color:#fff;background:#07335a}.cmp-body{padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(40px,6vw,80px)}.cmp-alert{color:#8a2a20;background:#fff1f0;border:1px solid #f3c5c0;border-radius:12px;padding:14px 18px}.cmp-section{margin-bottom:clamp(36px,6vw,64px)}.cmp-section-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.cmp-section-head>div{flex:1;min-width:0}.cmp-section-head h2{color:#08304d;margin:0;font-size:clamp(1.3rem,2.6vw,1.8rem)}.cmp-section-head p{color:#5a7688;margin:4px 0 0;line-height:1.7}.cmp-section-head>a{color:#0a6f9c;white-space:nowrap;align-items:center;gap:6px;font-weight:900;text-decoration:none;display:inline-flex}.cmp-icon{color:#0a5f8a;background:#e2f1f8;border-radius:15px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.cmp-dev-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cmp-dev{color:inherit;background:#fff;border:1px solid #dae6ed;border-radius:18px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #0934560d}.cmp-dev:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0934561a}.cmp-dev-logo{background:#f6fafc;border-radius:12px;place-items:center;height:92px;margin-bottom:6px;display:grid;overflow:hidden}.cmp-dev-logo .developer-brand-logo{width:100%;height:92px;box-shadow:none;background:0 0;border:0;margin:0}.cmp-dev strong{color:#0a2f4a;font-size:1rem}.cmp-dev small{color:#6a8494;font-size:.8rem}.cmp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cmp-card{color:inherit;background:#fff;border:1px solid #dae6ed;border-radius:18px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #0934560d}.cmp-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0934561a}.cmp-card-top{align-items:center;gap:14px;display:flex}.cmp-card-top .cl-monogram{border-radius:15px;flex-basis:52px;width:52px;height:52px;font-size:1.15rem}.cmp-card-top>div{min-width:0}.cmp-card-top strong{color:#0a2f4a;overflow-wrap:anywhere;font-size:1.05rem;display:block}.cmp-card-top>div>span{color:#0b7a68;align-items:center;gap:5px;margin-top:3px;font-size:.8rem;font-weight:800;display:inline-flex}.cmp-card p{color:#57707f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.8;display:-webkit-box;overflow:hidden}.cmp-card-meta{flex-wrap:wrap;gap:6px;display:flex}.cmp-card-meta small{color:#3d6075;background:#eef5f9;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.cmp-card em{color:#0a6f9c;align-items:center;gap:6px;margin-top:auto;font-size:.88rem;font-style:normal;font-weight:900;display:inline-flex}.cmp-empty{background:#fbfdfe;border:1px dashed #b9d0dd;border-radius:18px;padding:26px}.cmp-empty strong{color:#0a2f4a}.cmp-empty p{color:#5d7787;max-width:70ch;margin:8px 0 16px;line-height:1.85}.cmp-empty a{color:#fff;background:#07335a;border-radius:999px;padding:10px 18px;font-weight:900;text-decoration:none;display:inline-flex}.cmp-more{margin-top:16px}.cmp-more a{color:#0a6f9c;font-weight:900}.cmp-join{background:#fff;border:1px solid #d6e4ec;border-radius:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:28px;padding:clamp(24px,4vw,44px);display:grid;box-shadow:0 18px 50px #09345614}.cmp-join h2{color:#08304d;margin:10px 0;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.35}.cmp-join p{color:#56717f;margin:0;line-height:1.9}.cmp-join ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cmp-join li{color:#1d4a63;background:#f1f8fb;border-right:3px solid #18a7c9;border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:700}.cmp-join-actions{grid-column:1/-1;margin-top:0}.cmp-join-actions a{color:#fff;background:#07335a}.cmp-join-actions a.ghost{color:#07335a;background:0 0;border:1px solid #b9d0dd}@media (max-width:980px){.cmp-dev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cmp-grid,.cmp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-join{grid-template-columns:1fr}}@media (max-width:600px){.cmp-dev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cmp-dev{padding:12px}.cmp-dev-logo,.cmp-dev-logo .developer-brand-logo{height:74px}.cmp-grid{grid-template-columns:1fr}.cmp-section-head{flex-wrap:wrap;gap:12px}.cmp-section-head>div{flex:calc(100% - 64px)}.cmp-section-head>a{order:3;margin-inline-start:64px}.cmp-stats dd{font-size:1.5rem}.cmp-stats div{padding:14px}}
