/* ---------------- Hero ---------------- */
	.cp-hero {
		background:
			radial-gradient(circle at 18% 22%, rgba(13,110,253,.10) 0%, transparent 38%),
			radial-gradient(circle at 82% 78%, rgba(220,53,69,.09)  0%, transparent 42%),
			linear-gradient(180deg, #fafbfc 0%, #f1f3f5 100%);
		padding: 70px 0 50px;
		border-bottom: 1px solid #e9ecef;
	}
	.cp-hero .eyebrow {
		display: inline-block;
		font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
		color: #495057; background: #fff; border: 1px solid #dee2e6;
		padding: .35rem .9rem; border-radius: 999px; margin-bottom: 1.1rem;
	}
	.cp-hero h1 {
		font-size: clamp(2rem, 4.5vw, 3.4rem);
		font-weight: 800; letter-spacing: -.025em; line-height: 1.05;
		margin: 0 0 1rem; color: #1a1d22;
	}
	.cp-hero .lead { font-size: 1.18rem; color: #495057; max-width: 740px; margin: 0 auto; line-height: 1.55; }

	/* ---------------- Stat strip ---------------- */
	.cp-stats { background: #fff; border-bottom: 1px solid #e9ecef; padding: 28px 0; }
	.cp-stat { text-align: center; padding: .25rem .5rem; border-right: 1px solid #e9ecef; }
	.cp-stat:last-child { border-right: 0; }
	.cp-stat .num { font-size: 1.75rem; font-weight: 800; color: #dc3545; line-height: 1.1; letter-spacing: -.02em; }
	.cp-stat .lbl { font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; color: #6c757d; margin-top: .2rem; }
	@media (max-width: 768px) {
		.cp-stat { border-right: 0; border-bottom: 1px solid #e9ecef; padding: 1rem .5rem; }
		.cp-stat:last-child { border-bottom: 0; }
	}

	/* ---------------- Section heads ---------------- */
	.cp-section-head { font-weight: 800; letter-spacing: -.015em; color: #1a1d22; }
	.cp-section-sub { color: #6c757d; max-width: 700px; margin: 0 auto; }

	/* ---------------- Brand tile ---------------- */
	.cp-tile {
		flex-shrink: 0; width: 64px; height: 64px; border-radius: 14px;
		display: flex; align-items: center; justify-content: center;
		font-weight: 800; color: #fff; font-size: 1rem; letter-spacing: -.01em;
		box-shadow: 0 4px 10px rgba(0,0,0,.06);
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	}
	.cp-tile-sm { width: 44px; height: 44px; border-radius: 10px; font-size: .78rem; box-shadow: 0 2px 6px rgba(0,0,0,.05); }

	/* Brand colors — onboarding tools */
	.tile-highway   { background: linear-gradient(135deg, #0066ff 0%, #003fa6 100%); }
	.tile-mcp       { background: linear-gradient(135deg, #ff7a1a 0%, #d8590a 100%); }
	.tile-rmis      { background: linear-gradient(135deg, #e8332a 0%, #b3211a 100%); }
	.tile-datonb    { background: linear-gradient(135deg, #ff7a1a 0%, #c54a00 100%); }
	.tile-cassure   { background: linear-gradient(135deg, #2ecc71 0%, #1e8e4a 100%); }
	.tile-cwatch    { background: linear-gradient(135deg, #00bfa5 0%, #00897b 100%); }
	.tile-c411      { background: linear-gradient(135deg, #003a70 0%, #001f3d 100%); }
	.tile-triumph   { background: linear-gradient(135deg, #b71c1c 0%, #7f1212 100%); }
	.tile-tia       { background: linear-gradient(135deg, #1a3a6c 0%, #0d2042 100%); }
	.tile-outgo     { background: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%); }
	.tile-parade    { background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); }

	/* ---------------- Featured cards ---------------- */
	.cp-feature-card {
		background: #fff; border: 1px solid #e9ecef; border-radius: 14px;
		padding: 1.75rem; height: 100%;
		transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	}
	.cp-feature-card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(0,0,0,.08); border-color: #ced4da; }
	.cp-feature-card h3 { font-size: 1.4rem; font-weight: 800; letter-spacing: -.015em; margin: 0; }
	.cp-feature-card .meta { font-size: .82rem; color: #868e96; margin-top: .15rem; }
	.cp-feature-card p { color: #495057; margin: 1rem 0; line-height: 1.55; }
	.cp-feature-card .strengths-head {
		font-size: .78rem; text-transform: uppercase; letter-spacing: .12em;
		color: #6c757d; font-weight: 700; margin: 1.1rem 0 .5rem;
	}
	.cp-feature-card ul { padding-left: 1.1rem; margin-bottom: 1.1rem; color: #495057; font-size: .94rem; }
	.cp-feature-card ul li { margin-bottom: .35rem; }
	.cp-feature-card .visit-btn {
		display: inline-flex; align-items: center; gap: .4rem;
		background: #1a1d22; color: #fff;
		padding: .55rem 1.1rem; border-radius: 8px;
		font-weight: 600; font-size: .92rem; text-decoration: none;
		transition: background .15s ease;
	}
	.cp-feature-card .visit-btn:hover { background: #0d6efd; color: #fff; }

	/* ---------------- Mini cards ---------------- */
	.cp-mini {
		display: flex; align-items: center; gap: 1rem;
		background: #fff; border: 1px solid #e9ecef; border-radius: 12px;
		padding: 1rem 1.1rem; height: 100%;
		text-decoration: none; color: inherit;
		transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
	}
	.cp-mini:hover { border-color: #adb5bd; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.06); color: inherit; }
	.cp-mini .name { font-weight: 700; line-height: 1.2; color: #1a1d22; font-size: 1rem; }
	.cp-mini .tag { font-size: .85rem; color: #6c757d; line-height: 1.35; margin-top: .15rem; }

	/* ---------------- "What good onboarding does" ---------------- */
	.cp-criteria { background: #f8f9fa; padding: 60px 0; border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; }
	.cp-criteria-card { background: #fff; border-radius: 12px; padding: 1.5rem; height: 100%; border: 1px solid #e9ecef; }
	.cp-criteria-card .icon {
		width: 48px; height: 48px; border-radius: 10px;
		background: linear-gradient(135deg, #dc3545 0%, #b02a37 100%);
		color: #fff; display: flex; align-items: center; justify-content: center;
		font-size: 1.4rem; font-weight: 800; margin-bottom: 1rem;
	}
	.cp-criteria-card h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: .4rem; }
	.cp-criteria-card p { font-size: .9rem; color: #6c757d; margin: 0; line-height: 1.5; }

	/* ---------------- Final CTA: CarrierPacket.Link promo ---------------- */
	/* Brand-aligned with carrierpacket.link's hero (teal gradient, coral CTA,
	   Lobster wordmark). The previous "Carrier Atlas free MC lookup" CTA that
	   used to live in this slot has moved to the homepage. The Lobster font
	   is loaded via <link rel="stylesheet"> in <head> — an @import here would
	   be silently ignored, since CSS @import must precede every other rule. */

	.cpl-promo-band {
		background: linear-gradient(135deg, #1d6770 0%, #2a8a96 45%, #40b9c7 100%);
		color: #f1f8fa;
		padding: 80px 0 90px;
		position: relative;
		overflow: hidden;
	}
	.cpl-promo-band::before {
		content: ""; position: absolute; inset: 0;
		background-image:
			radial-gradient(circle at 20% 25%, rgba(78,197,210,.30) 0%, transparent 38%),
			radial-gradient(circle at 80% 75%, rgba(255,255,255,.06) 0%, transparent 40%);
		pointer-events: none;
	}
	.cpl-promo-band > .container { position: relative; z-index: 1; }
	.cpl-promo-eyebrow {
		display: inline-block;
		background: rgba(255,107,91,.20); color: #ffd6cf;
		padding: .4rem 1.1rem; border-radius: 999px;
		font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
		margin-bottom: 1.3rem; border: 1px solid rgba(255,107,91,.40);
	}
	.cpl-promo-wordmark {
		font-family: 'Lobster', cursive;
		font-size: clamp(2.6rem, 6vw, 4.2rem);
		font-weight: 400;
		letter-spacing: .5px;
		line-height: 1;
		margin: 0 0 .55rem;
		color: #fff;
		text-shadow: 0 4px 24px rgba(0,0,0,.18);
	}
	.cpl-promo-band h2 {
		font-size: clamp(1.4rem, 3vw, 1.95rem);
		font-weight: 700; letter-spacing: -.01em; line-height: 1.25;
		margin-bottom: .8rem;
		color: #ffffff; opacity: .96;
	}
	.cpl-promo-band .lead { font-size: 1.18rem; opacity: .92; margin-bottom: 1rem; max-width: 620px; }
	.cpl-promo-body { opacity: .85; max-width: 620px; line-height: 1.65; }
	.cpl-promo-benefits { list-style: none; padding: 0; margin: 1.5rem 0 0; max-width: 580px; }
	.cpl-promo-benefits li {
		display: flex; align-items: flex-start; gap: .75rem;
		padding: .55rem 0; font-size: 1.02rem;
		border-bottom: 1px solid rgba(255,255,255,.06);
	}
	.cpl-promo-benefits li:last-child { border-bottom: 0; }
	.cpl-promo-benefits li::before {
		content: "✓"; color: #ff8b7e; font-weight: 800; flex-shrink: 0;
		width: 1.5rem; height: 1.5rem;
		background: rgba(255,107,91,.20); border-radius: 50%;
		display: flex; align-items: center; justify-content: center;
		font-size: .85rem;
	}
	.cpl-promo-btn {
		display: inline-block;
		background: linear-gradient(135deg, #ff6b5b 0%, #e8503f 100%);
		color: #fff; padding: 1rem 2.4rem;
		font-size: 1.1rem; font-weight: 700;
		border: 0; border-radius: 999px; text-decoration: none;
		margin-top: 1.8rem;
		transition: transform .15s ease, box-shadow .15s ease;
		box-shadow: 0 10px 28px rgba(232,80,63,.45);
	}
	.cpl-promo-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 36px rgba(232,80,63,.55); }
	.cpl-promo-meta { font-size: .9rem; opacity: .68; margin-top: 1rem; }

	/* Mock packet card — visual proof of the product the promo points at */
	.cpl-promo-mock {
		background: rgba(255,255,255,.06);
		border: 1px solid rgba(255,255,255,.12);
		border-radius: 14px; padding: 1.4rem;
		box-shadow: 0 25px 60px rgba(0,0,0,.30);
		backdrop-filter: blur(4px);
	}
	.cpl-promo-mock-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: #ffd6cf; margin-bottom: .25rem; }
	.cpl-promo-mock-title { font-size: 1.15rem; font-weight: 800; color: #fff; margin-bottom: 1rem; letter-spacing: -.005em; }
	.cpl-promo-mock-row { display: flex; justify-content: space-between; align-items: center; padding: .55rem 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .92rem; }
	.cpl-promo-mock-row:last-child { border-bottom: 0; }
	.cpl-promo-mock-row .k { opacity: .7; }
	.cpl-promo-mock-row .v { font-weight: 600; color: #fff; }
	.cpl-promo-mock-row .v.ok { color: #6dd99c; }
	.cpl-promo-mock-row .v.muted { color: rgba(255,255,255,.55); font-style: italic; font-weight: 500; }
	@media (max-width: 991px) {
		.cpl-promo-mock { margin-top: 2.5rem; max-width: 480px; margin-left: auto; margin-right: auto; }
	}