/* Funnel-led homepage additions. Loaded after the base theme styles. */

.hero-actions {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:20px;
}
.primary-action,
.secondary-action {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 15px;
	border-radius:6px;
	font-weight:750;
	font-size:.82rem;
	transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.primary-action {
	background:#68d7ef;
	color:#041016 !important;
	border:1px solid #68d7ef;
}
.primary-action:hover { background:#82e2f7; }
.secondary-action {
	background:#0a151c;
	color:#dce7ea !important;
	border:1px solid #35505c;
}
.secondary-action:hover { border-color:#52707d; background:#0d1b23; }

.section-link-row {
	display:flex;
	justify-content:flex-end;
	margin-top:14px;
}
.section-link-row a {
	color:#92dff1 !important;
	font-size:.8rem;
	font-weight:700;
}
.section-link-row a span { padding-left:4px; }

.history-cta {
	margin-top:14px;
	padding:15px 18px;
	border:1px solid #2c414b;
	border-radius:9px;
	background:#0b171e;
	display:grid;
	grid-template-columns:1fr auto;
	gap:22px;
	align-items:center;
}
.history-cta strong {
	display:block;
	color:#eef4f5;
	font-size:.84rem;
}
.history-cta span {
	display:block;
	margin-top:3px;
	color:#7d919a;
	font-size:.76rem;
}

.live-grid {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:12px;
}
.live-card {
	background:#0d1820;
	border:1px solid #263842;
	border-radius:12px;
	padding:20px;
	min-height:170px;
}
.live-card > strong {
	display:block;
	color:#eef4f5;
	font-size:1rem;
	line-height:1.35;
	margin:13px 0 8px;
}
.live-card > p {
	color:#81959e;
	font-size:.8rem;
	margin:0;
}
.compact-status {
	display:grid;
	grid-template-columns:1fr auto;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid #263842;
	font-size:.73rem;
}
.compact-status:first-of-type { margin-top:8px; }
.compact-status:last-child { border-bottom:0; }
.compact-status span { color:#758a93; }
.compact-status strong {
	color:#e6edef;
	font:600 .69rem/1.4 "IBM Plex Mono",monospace;
}

.conversion-section {
	padding:68px 0;
	background:linear-gradient(180deg,#09161d,#071018);
	border-bottom:1px solid #21313a;
}
.conversion-panel {
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:36px;
	align-items:center;
	padding:30px;
	border:1px solid #31505d;
	border-radius:13px;
	background:#0d1a22;
}
.conversion-copy h2 {
	color:#fff;
	font-size:clamp(2rem,3.2vw,2.8rem);
	line-height:1.06;
	letter-spacing:-.035em;
	margin:8px 0 12px;
	font-weight:780;
}
.conversion-copy p {
	color:#9babb2;
	font-size:.9rem;
	margin:0 0 17px;
	max-width:560px;
}
.conversion-copy ul {
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px 14px;
}
.conversion-copy li {
	color:#c8d3d7;
	font-size:.78rem;
}
.conversion-copy li:before {
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#68d7ef;
	margin-right:8px;
	vertical-align:1px;
}
.conversion-form {
	padding:22px;
	border:1px solid #293f49;
	border-radius:10px;
	background:#09151c;
}
.conversion-form label {
	display:block;
	color:#93a4ab;
	font-size:.74rem;
	font-weight:700;
	margin-bottom:8px;
}
.email-row {
	display:grid;
	grid-template-columns:1fr auto;
	gap:8px;
}
.email-row input {
	min-width:0;
	padding:12px 13px;
	border:1px solid #324b56;
	background:#071118;
	color:#fff;
	border-radius:6px;
}
.email-row button {
	border:0;
	border-radius:6px;
	padding:12px 16px;
	background:#68d7ef;
	color:#041016;
	font-weight:800;
}
.email-row input[disabled],
.email-row button[disabled] { opacity:.55; }
.conversion-form small {
	display:block;
	color:#70858e;
	font-size:.67rem;
	margin-top:8px;
}
.future-note {
	color:#81959d;
	font-size:.75rem;
	margin:16px 0 0;
	padding-top:14px;
	border-top:1px solid #253942;
}

.route-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
}
.route-card {
	display:flex;
	flex-direction:column;
	min-height:220px;
	padding:22px;
	background:#0d1820;
	border:1px solid #263842;
	border-radius:12px;
	transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.route-card:hover {
	transform:translateY(-2px);
	border-color:#3b5965;
	background:#0f1d26;
}
.route-type {
	color:#6f8791;
	font:600 .64rem/1.2 "IBM Plex Mono",monospace;
	text-transform:uppercase;
	letter-spacing:.07em;
}
.route-card > strong {
	color:#fff;
	font-size:1.35rem;
	margin:17px 0 8px;
}
.route-card p {
	color:#879ba4;
	font-size:.8rem;
	margin:0;
}
.route-link {
	margin-top:auto;
	padding-top:20px;
	color:#78d9ef;
	font-size:.77rem;
	font-weight:700;
}

.data-section {
	padding:28px 0 44px;
	background:#071018;
}
.data-strip {
	display:grid;
	grid-template-columns:.8fr 1.3fr;
	gap:20px 36px;
	align-items:center;
	padding:20px 22px;
	border:1px solid #263842;
	border-radius:10px;
	background:#0b161d;
}
.data-strip > div:first-child strong {
	display:block;
	color:#eef3f5;
	font-size:.98rem;
	margin-top:7px;
}
.data-items {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
}
.data-items span, .data-items a {
	padding:9px 10px;
	border:1px solid #2d424c;
	border-radius:6px;
	color:#9babb2;
	font-size:.7rem;
	text-align:center;
	transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.data-items a:hover, .data-items a:focus-visible { border-color:#42616e; background:#10202a; color:#e8f8fc; outline:none; }
.data-strip small {
	grid-column:1/-1;
	color:#748a94;
	font-size:.66rem;
	border-top:1px solid #22343d;
	padding-top:10px;
}

@media (max-width: 900px) {
	.live-grid,
	.conversion-panel,
	.route-grid { grid-template-columns:1fr; }
	.data-strip { grid-template-columns:1fr; }
	.data-items { grid-template-columns:1fr 1fr; }
}
@media (max-width: 720px) {
	.history-cta { grid-template-columns:1fr; }
	.conversion-copy ul { grid-template-columns:1fr; }
	.email-row { grid-template-columns:1fr; }
	.data-items { grid-template-columns:1fr; }
}