/* Atlas GTM Connectors - public marketing page */

.ca-cnp { --cnp-truth:var(--ca-s-blue-600, #2563eb); --cnp-knowledge:var(--ca-s-violet-600, #7c3aed); --cnp-collaboration:var(--ca-s-cyan-600, #0891b2); --cnp-activation:var(--ca-s-green-600, #16a34a);
	color: var(--ca-t-gray-800, #1f2937); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.ca-cnp h2 { font-size: 28px; font-weight: 800; margin: 0 0 10px; letter-spacing: -.01em; }

/* Hero */
.ca-cnp-hero { background: linear-gradient(135deg, var(--ca-s-indigo-950, #1e1b4b) 0%, var(--ca-s-indigo-600, #4f46e5) 60%, var(--ca-s-violet-600, #7c3aed) 100%); color: var(--ca-t-white, #ffffff); padding: 88px 20px 96px; text-align: center; }
.ca-cnp-hero__inner { max-width: 820px; margin: 0 auto; }
.ca-cnp-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ca-t-indigo-200, #c7d2fe); margin-bottom: 18px; }
.ca-cnp-hero__title { font-size: 44px; line-height: 1.1; font-weight: 800; margin: 0 0 18px; letter-spacing: -.02em; }
.ca-cnp-hero__sub { font-size: 18px; line-height: 1.6; color: var(--ca-t-indigo-100, #e0e7ff); margin: 0 auto 30px; max-width: 680px; }
.ca-cnp-hero__cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Buttons */
.ca-cnp-btn { display: inline-block; font-size: 15px; font-weight: 700; padding: 13px 26px; border-radius: 10px; text-decoration: none; transition: all .15s ease; }
.ca-cnp-btn--primary { background: var(--ca-s-white, #ffffff); color: var(--ca-t-indigo-700, #4338ca); }
.ca-cnp-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.18); }
.ca-cnp-btn--ghost { background: rgba(255,255,255,.12); color: var(--ca-t-white, #ffffff); border: 1px solid var(--ca-s-white-a5, rgba(255,255,255,.5)); }
.ca-cnp-btn--ghost:hover { background: rgba(255,255,255,.2); }

/* Sections */
.ca-cnp-section { max-width: 1100px; margin: 0 auto; padding: 64px 20px; }
.ca-cnp-section__head { max-width: 760px; margin: 0 0 32px; }
.ca-cnp-section__head p { font-size: 16px; line-height: 1.6; color: var(--ca-t-gray-500, #6b7280); margin: 0; }

/* Four pillars */
.ca-cnp-pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.ca-cnp-pillar { border-radius: 16px; padding: 26px 22px; color: var(--ca-t-white, #ffffff); display: flex; flex-direction: column; gap: 8px; min-height: 170px; }
.ca-cnp-pillar h3 { font-size: 20px; margin: 0; }
.ca-cnp-pillar p { font-size: 14.5px; line-height: 1.5; margin: 0; opacity: .96; flex: 1; }
.ca-cnp-pillar__sources { font-size: 12.5px; font-weight: 600; opacity: .9; border-top: 1px solid rgba(255,255,255,.25); padding-top: 10px; }
.ca-cnp-pillar--truth { background: linear-gradient(160deg, var(--ca-s-blue-600, #2563eb), var(--ca-s-blue-700, #1d4ed8)); }
.ca-cnp-pillar--knowledge { background: linear-gradient(160deg, var(--ca-s-violet-600, #7c3aed), var(--ca-s-violet-700, #6d28d9)); }
.ca-cnp-pillar--collaboration { background: linear-gradient(160deg, var(--ca-s-cyan-600, #0891b2), var(--ca-s-cyan-700, #0e7490)); }
.ca-cnp-pillar--activation { background: linear-gradient(160deg, var(--ca-s-green-600, #16a34a), var(--ca-s-green-700, #15803d)); }

/* Connector grids */
.ca-cnp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ca-cnp-card { background: var(--ca-s-white, #ffffff); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 10px; transition: all .15s ease; }
.ca-cnp-card:hover { border-color: var(--ca-s-indigo-200, #c7d2fe); box-shadow: 0 8px 24px rgba(79,70,229,.1); transform: translateY(-2px); }
.ca-cnp-card__top { display: flex; align-items: center; gap: 8px; }
.ca-cnp-card__name { font-size: 17px; font-weight: 700; flex: 1; }
.ca-cnp-card__unlocks { font-size: 14px; line-height: 1.55; color: var(--ca-t-gray-600, #4b5563); margin: 0; flex: 1; }
.ca-cnp-native { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--ca-t-teal-700, #0f766e); background: var(--ca-s-teal-100, #ccfbf1); padding: 3px 8px; border-radius: 8px; }
.ca-cnp-premium { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--ca-t-amber-700, #b45309); background: var(--ca-s-amber-100, #fef3c7); padding: 3px 8px; border-radius: 8px; }

/* Availability badge */
.ca-cnp-avail { align-self: flex-start; font-size: 11.5px; font-weight: 700; padding: 4px 11px; border-radius: 20px; }
.ca-cnp-avail--live { background: var(--ca-s-green-100, #dcfce7); color: var(--ca-t-green-800, #166534); }
.ca-cnp-avail--beta { background: var(--ca-s-violet-100, #ede9fe); color: var(--ca-t-violet-700, #6d28d9); }
.ca-cnp-avail--dev { background: var(--ca-s-indigo-100, #e0e7ff); color: var(--ca-t-indigo-700, #4338ca); }
.ca-cnp-avail--roadmap { background: var(--ca-s-slate-100, #f1f5f9); color: var(--ca-t-slate-500, #64748b); }

/* Wave 3 list */
.ca-cnp-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; }
.ca-cnp-list li { background: var(--ca-s-slate-100, #f1f5f9); border: 1px solid var(--ca-s-slate-200, #e2e8f0); border-radius: 10px; padding: 9px 16px; font-size: 14px; font-weight: 600; color: var(--ca-t-slate-600, #475569); }
.ca-cnp-list__more { background: transparent !important; border-style: dashed !important; color: var(--ca-t-slate-400, #94a3b8) !important; font-style: italic; }

/* Trust / stages */
.ca-cnp-trust { background: var(--ca-s-slate-50, #f8fafc); max-width: none; }
.ca-cnp-trust > .ca-cnp-section__head, .ca-cnp-trust > .ca-cnp-stages, .ca-cnp-trust > .ca-cnp-trust__note { max-width: 1100px; margin-left: auto; margin-right: auto; }
.ca-cnp-stages { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.ca-cnp-stage { background: var(--ca-s-white, #ffffff); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 14px; padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.ca-cnp-stage__n { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ca-s-indigo-600, #4f46e5); color: var(--ca-t-white, #ffffff); font-weight: 800; font-size: 15px; }
.ca-cnp-stage strong { font-size: 16px; }
.ca-cnp-stage p { font-size: 13.5px; line-height: 1.55; color: var(--ca-t-gray-500, #6b7280); margin: 0; }
.ca-cnp-trust__note { font-size: 14px; line-height: 1.6; color: var(--ca-t-gray-500, #6b7280); margin: 24px auto 0; padding: 16px 18px; background: var(--ca-s-white, #ffffff); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; }

/* Closer */
.ca-cnp-closer { background: linear-gradient(135deg, var(--ca-s-indigo-600, #4f46e5), var(--ca-s-violet-600, #7c3aed)); color: var(--ca-t-white, #ffffff); text-align: center; padding: 72px 20px; }
.ca-cnp-closer h2 { color: var(--ca-t-white, #ffffff); }
.ca-cnp-closer p { font-size: 18px; line-height: 1.6; color: var(--ca-t-indigo-100, #e0e7ff); max-width: 640px; margin: 0 auto 28px; }

@media (max-width: 720px) {
	.ca-cnp-hero__title { font-size: 32px; }
	.ca-cnp h2 { font-size: 23px; }
}