/*
Theme Name: Hybrid Support
Theme URI: https://hybrid.support
Author: HYBRID IN.
Description: Marketing theme for hybrid.support — the Hybrid VA platform.
Version: 0.3.0
Text Domain: hybrid-support
*/

/* ─── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 1rem; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.6;
	color: #0f172a;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

a { color: #0f766e; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 { color: #0f172a; letter-spacing: -0.03em; font-weight: 700; }

/* ─── Layout — full-width with side padding ─────────────────── */
.hs-section { width: 100%; padding: 4rem 0; }
.hs-section-alt { background: #f8fafc; }
.hs-inner { max-width: 80rem; margin: 0 auto; padding: 0 3rem; }
.hs-main { min-height: 60vh; }

/* ─── Header ──────────────────────────────────────────────────── */
.hs-header {
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	background: transparent;
	border-bottom: 0.0625rem solid transparent;
	transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.hs-header.hs-scrolled {
	background: rgba(255,255,255,0.82);
	backdrop-filter: blur(0.875rem) saturate(1.4); -webkit-backdrop-filter: blur(0.875rem) saturate(1.4);
	border-bottom-color: rgba(226,232,240,0.9);
	box-shadow: 0 0.25rem 1.25rem rgba(15,23,42,0.06);
}
.hs-header-inner {
	max-width: 80rem; margin: 0 auto; padding: 0 3rem;
	display: flex; align-items: center; justify-content: space-between;
	height: 3.5rem;
}
.hs-logo { font-weight: 800; font-size: 1.1rem; color: #0f172a; letter-spacing: -0.03em; }
.hs-nav { display: flex; gap: 1.5rem; }
.hs-nav a { color: #475569; font-size: 0.875rem; font-weight: 500; }
.hs-nav a:hover { color: #0f766e; text-decoration: none; }
.hs-header-cta { display: flex; align-items: center; gap: 0.5rem; }

/* ─── Visually hidden (screen-reader only) ──────────────────── */
.hs-visually-hidden {
	position: absolute; width: 0.0625rem; height: 0.0625rem;
	padding: 0; margin: -0.0625rem; overflow: hidden;
	clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ─── Keyboard focus indicator ──────────────────────────────── */
a:focus-visible, button:focus-visible, summary:focus-visible,
select:focus-visible, [tabindex]:focus-visible {
	outline: 0.125rem solid #0f766e; outline-offset: 0.125rem; border-radius: 0.25rem;
}

/* ─── Skip link (visible on focus) ──────────────────────────── */
.hs-skip-link {
	position: fixed; top: -4rem; left: 1rem; z-index: 10000;
	background: #0f766e; color: #fff; padding: 0.625rem 1.125rem;
	border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600;
	text-decoration: none; transition: top 0.2s ease;
}
.hs-skip-link:focus { top: 0.75rem; color: #fff; outline: 0.125rem solid #fff; outline-offset: 0.125rem; }

/* ─── YouTube-style top loader bar ──────────────────────────── */
.hs-loader-bar {
	position: fixed; top: 0; left: 0; height: 0.1875rem;
	width: 0%; background: #0f766e; z-index: 9999;
	box-shadow: 0 0 0.5rem rgba(15,118,110,0.5);
	transition: width 0.3s ease-out, opacity 0.3s ease-out;
}

/* ─── Mega menu dropdown ────────────────────────────────────── */
.hs-nav-item > a { display: flex; align-items: center; gap: 0.25rem; }
.hs-nav-chevron {
	display: inline-block; width: 0; height: 0;
	border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent;
	border-top: 0.25rem solid currentColor; margin-top: 0.125rem;
	transition: transform 0.15s;
}
.hs-has-dropdown:hover .hs-nav-chevron,
.hs-has-dropdown:focus-within .hs-nav-chevron { transform: rotate(180deg); }
.hs-dropdown {
	position: absolute; top: 100%; left: 0; right: 0;
	background: #fff; border-bottom: 0.0625rem solid #e2e8f0;
	box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.08);
	opacity: 0; visibility: hidden; transform: translateY(-0.5rem);
	transition: all 0.15s ease-out;
	padding: 1.5rem 0;
	z-index: 100;
}
.hs-has-dropdown:hover .hs-dropdown,
.hs-has-dropdown:focus-within .hs-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.hs-dropdown-grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0.25rem 1.25rem;
	max-width: 80rem; margin: 0 auto; padding: 0 3rem;
}
.hs-dropdown-item {
	display: flex; align-items: flex-start; gap: 0.625rem;
	padding: 0.625rem 0.75rem; border-radius: 0.5rem; text-decoration: none;
	color: #334155; font-size: 0.85rem; font-weight: 500;
	transition: all 0.1s;
}
.hs-dropdown-item:hover { background: #f0fdfa; color: #0f766e; }
.hs-dropdown-icon {
	width: 2rem; height: 2rem; border-radius: 0.5rem; background: #f1f5f9;
	display: flex; align-items: center; justify-content: center;
	color: #0f766e; flex-shrink: 0; margin-top: 0.0625rem;
}
.hs-dropdown-item:hover .hs-dropdown-icon { background: #0f766e; color: #fff; }
.hs-dropdown-text { display: flex; flex-direction: column; min-width: 0; gap: 0.125rem; }
.hs-dropdown-title { font-weight: 600; line-height: 1.3; }
.hs-dropdown-sub { font-size: 0.72rem; color: #94a3b8; font-weight: 400; line-height: 1.35; }
.hs-dropdown-item:hover .hs-dropdown-sub { color: #0f766e; }

@media (max-width: 48rem) {
	.hs-dropdown-grid { grid-template-columns: 1fr; }
	.hs-dropdown { position: static; width: 100%; box-shadow: none; padding: 0; }
	.hs-has-dropdown:hover .hs-dropdown { display: none; }
}

/* ─── Language Switcher ──────────────────────────────────────── */
.hs-lang-switcher { display: flex; gap: 0.0625rem; background: #f1f5f9; border-radius: 0.375rem; padding: 0.125rem; }
.hs-lang-btn {
	padding: 0.1875rem 0.5rem; border-radius: 0.25rem; font-size: 0.7rem; font-weight: 600;
	color: #64748b; border: none; transition: all 0.12s;
}
.hs-lang-btn:hover { background: #e2e8f0; text-decoration: none; }
.hs-lang-btn.hs-active { background: #0f766e; color: #fff; }

/* ─── Buttons ──────────────────────────────────────────────────── */
.hs-btn {
	display: inline-flex; align-items: center; gap: 0.375rem;
	padding: 0.5rem 1rem; border-radius: 0.375rem;
	font-size: 0.875rem; font-weight: 600; cursor: pointer;
	border: none; transition: all 0.12s; text-decoration: none;
}
.hs-btn:hover { text-decoration: none; transform: translateY(-0.0625rem); }
.hs-btn-primary { background: #0f766e; color: #fff; }
.hs-btn-primary:hover { background: #0d6961; color: #fff; }
.hs-btn-ghost { background: transparent; color: #0f766e; border: 0.0625rem solid #0f766e; }
.hs-btn-ghost:hover { background: #0f766e; color: #fff; }
.hs-btn-lg { padding: 0.75rem 1.5rem; font-size: 0.95rem; }

/* ─── Hero ────────────────────────────────────────────────────── */
.hs-hero { width: 100%; padding: 0 0 3.5rem; text-align: center; background: #f8fafc; border-bottom: 0.0625rem solid #e2e8f0; position: relative; overflow: hidden; }
.hs-hero-inner-page {
	min-height: 70vh; display: flex; flex-direction: column; justify-content: center;
	padding-top: 5.5rem;
	background: linear-gradient(160deg, #f8fafc 0%, #f0fdfa 55%, #ecfeff 100%);
}
.hs-hero-inner-page .hs-breadcrumbs {
	position: absolute; top: 3.5rem; left: 0; right: 0;
	background: transparent; border-bottom: none;
}
.hs-hero-inner-page .hs-hero-inner { display: flex; flex-direction: column; justify-content: center; flex: 1; }
.hs-hero-inner { max-width: 50rem; margin: 0 auto; padding: 3rem 3rem 0; position: relative; z-index: 1; }
.hs-hero h1 { font-size: 3rem; font-weight: 800; margin-top: 0; margin-bottom: 0.75rem; color: #0f172a; line-height: 1.1; }
.hs-hero-subtitle { font-size: 1.15rem; color: #64748b; margin-bottom: 1.5rem; }
.hs-hero-cta { display: flex; gap: 0.625rem; justify-content: center; flex-wrap: wrap; }

/* ─── Hero animated background (all pages) ─────────────────── */
.hs-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: 0.6; }
.hs-hero-svg { width: 100%; height: 100%; }

/* ─── Home Hero (taller + animated SVG background) ──────────── */
.hs-hero-home { min-height: 78vh; display: flex; align-items: center; justify-content: center; padding: 3.5rem 0 4rem; background: linear-gradient(180deg, #f8fafc 0%, #f0fdfa 100%); }
.hs-hero-home .hs-hero-inner { padding-top: 2rem; max-width: 100rem; padding-left: 4rem; padding-right: 4rem; }
.hs-hero-home .hs-hero-heading { font-size: 3.5rem; letter-spacing: -0.04em; }
.hs-hero-home .hs-hero-subtitle { font-size: 1.3rem; color: #475569; max-width: 37.5rem; margin: 0 auto 2rem; }
.hs-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.hs-hero-svg { width: 100%; height: 100%; }

/* Animated orbs */
.hs-orb { transform-origin: center; }
.hs-orb-1 { animation: hs-float-1 18s ease-in-out infinite; }
.hs-orb-2 { animation: hs-float-2 22s ease-in-out infinite; }
.hs-orb-3 { animation: hs-float-3 20s ease-in-out infinite; }
.hs-orb-4 { animation: hs-float-1 25s ease-in-out infinite reverse; }
.hs-orb-5 { animation: hs-float-2 28s ease-in-out infinite reverse; }

/* Animated waves */
.hs-wave { fill: none; }
.hs-wave-1 { animation: hs-wave-drift 15s ease-in-out infinite; }
.hs-wave-2 { animation: hs-wave-drift 20s ease-in-out infinite reverse; }
.hs-wave-3 { animation: hs-wave-drift 25s ease-in-out infinite; }

/* Grid dots fade in */
.hs-grid-dots { animation: hs-fade-in 3s ease-out; }

@keyframes hs-float-1 {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(1.875rem, -1.25rem) scale(1.05); }
}
@keyframes hs-float-2 {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(-1.5625rem, 0.9375rem) scale(0.95); }
}
@keyframes hs-float-3 {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(1.25rem, 1.5625rem) scale(1.08); }
}
@keyframes hs-wave-drift {
	0%, 100% { transform: translateX(0); opacity: 1; }
	50% { transform: translateX(-2.5rem); opacity: 0.7; }
}
@keyframes hs-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.hs-orb, .hs-wave, .hs-grid-dots { animation: none; }
}

/* ─── Breadcrumbs ────────────────────────────────────────────── */
.hs-breadcrumbs { font-size: 0.78rem; color: #94a3b8; text-align: left; padding: 0.625rem 3rem; background: #fff; border-bottom: 0.0625rem solid #f1f5f9; position: relative; z-index: 2; }
.hs-breadcrumbs a { color: #64748b; }
.hs-breadcrumb-sep { margin: 0 0.25rem; color: #cbd5e1; }
.hs-breadcrumb-current { color: #1e293b; font-weight: 600; }

/* ─── Section headings ────────────────────────────────────────── */
.hs-section h2 { font-size: 1.75rem; font-weight: 700; margin-bottom: 1.5rem; text-align: center; }
.hs-section h2.hs-center { text-align: center; }

/* ─── Feature Grid ───────────────────────────────────────────── */
.hs-features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 1rem; }
.hs-feature-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.5rem; padding: 1.5rem;
	transition: all 0.15s; display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1rem; align-items: start;
}
.hs-feature-card:hover { border-color: #0f766e; box-shadow: 0 0.0625rem 0.5rem rgba(15,118,110,0.06); }
.hs-feature-card .hs-icon { color: inherit; }
.hs-feature-card .hs-card-icon { grid-row: 1 / span 2; align-self: start; }
.hs-feature-card h3 { grid-column: 2; font-size: 1.05rem; margin: 0; }
.hs-feature-card p { grid-column: 2; color: #64748b; margin: 0; font-size: 0.875rem; }
.hs-feature-card a {
	grid-column: 2; font-weight: 600; font-size: 0.8rem;
	margin-top: 0.5rem; justify-self: start;
	color: #0f766e;
}
.hs-feature-card a:hover { text-decoration: underline; }

/* ─── VS Comparison (homepage) ──────────────────────────────── */
.hs-vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 56.25rem; margin: 0 auto; }
.hs-vs-col { border-radius: 0.75rem; padding: 2rem; border: 0.0625rem solid #e2e8f0; }
.hs-vs-traditional { background: #f8fafc; }
.hs-vs-hybrid { background: #f0fdfa; border-color: #0f766e; }
.hs-vs-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
.hs-vs-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-shrink: 0; }
.hs-vs-traditional .hs-vs-icon { background: #fee2e2; color: #dc2626; }
.hs-vs-hybrid .hs-vs-icon { background: #0f766e; color: #fff; }
.hs-vs-header h3 { font-size: 1.15rem; font-weight: 700; }
.hs-vs-traditional .hs-vs-header h3 { color: #64748b; }
.hs-vs-hybrid .hs-vs-header h3 { color: #0f766e; }
.hs-vs-list { list-style: none; padding: 0; margin: 0; }
.hs-vs-list li { padding: 0.625rem 0; border-bottom: 0.0625rem solid rgba(0,0,0,0.05); font-size: 0.9rem; line-height: 1.5; display: flex; gap: 0.5rem; align-items: flex-start; }
.hs-vs-list li:last-child { border-bottom: none; }
.hs-vs-traditional .hs-vs-list li { color: #94a3b8; }
.hs-vs-traditional .hs-vs-list li::before { content: "✕"; color: #dc2626; font-weight: 700; flex-shrink: 0; }
.hs-vs-hybrid .hs-vs-list li { color: #134e4a; font-weight: 500; }
.hs-vs-hybrid .hs-vs-list li::before { content: "✓"; color: #0f766e; font-weight: 700; flex-shrink: 0; }

@media (max-width: 48rem) {
	.hs-vs-grid { grid-template-columns: 1fr; }
	.hs-vs-grid-3 { grid-template-columns: 1fr; }
}

/* ─── 3-column VS grid (compare overview) ──────────────────── */
.hs-vs-grid-3 { grid-template-columns: 1fr 1.5fr 1.5fr; gap: 0; max-width: 56.25rem; margin: 0 auto; border-radius: 0.75rem; overflow: hidden; border: 0.0625rem solid #e2e8f0; }
.hs-vs-grid-3.hs-vs-row { border-radius: 0; border: none; border-bottom: 0.0625rem solid #f1f5f9; }
.hs-vs-grid-3.hs-vs-row:last-child { border-bottom: none; }
.hs-vs-grid-3 .hs-vs-col { border-radius: 0; padding: 1rem 1.25rem; border: none; }
.hs-vs-feature-col { background: #f8fafc; }
.hs-vs-feature-label { font-weight: 600; color: #0f172a; font-size: 0.9rem; }
.hs-vs-icon-feature { background: #e2e8f0; color: #475569; }
.hs-vs-cell { font-size: 0.88rem; color: #94a3b8; }
.hs-vs-hybrid .hs-vs-cell { color: #134e4a; }
.hs-vs-hybrid .hs-vs-cell strong { color: #0f766e; }

/* ─── Compare card ──────────────────────────────────────────── */
.hs-compare-card { display: block; background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; padding: 2rem; text-decoration: none; color: inherit; transition: all 0.15s; max-width: 31.25rem; }
.hs-compare-card:hover { border-color: #0f766e; box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.08); transform: translateY(-0.125rem); }
.hs-compare-card .hs-card-icon { width: 3rem; height: 3rem; margin-bottom: 1rem; }
.hs-compare-card h3 { font-size: 1.2rem; margin-bottom: 0.5rem; }
.hs-compare-card p { color: #64748b; font-size: 0.9rem; margin-bottom: 1rem; }
.hs-compare-link { color: #0f766e; font-weight: 600; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.25rem; }

/* ─── Cost cards ────────────────────────────────────────────── */
.hs-cost-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 43.75rem; margin: 0 auto; }
.hs-cost-card { background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; padding: 2rem; text-align: center; }
.hs-cost-card .hs-card-icon { width: 3rem; height: 3rem; margin: 0 auto 1rem; background: #fee2e2; color: #dc2626; }
.hs-cost-card-hybrid .hs-card-icon { background: #0f766e; color: #fff; }
.hs-cost-card h3 { font-size: 1.1rem; margin-bottom: 0.75rem; }
.hs-cost-amount { font-size: 2rem; font-weight: 800; color: #0f172a; margin-bottom: 1rem; }
.hs-cost-card-hybrid .hs-cost-amount { color: #0f766e; }
.hs-cost-amount span { font-size: 1rem; font-weight: 500; color: #94a3b8; }
.hs-cost-list { list-style: none; padding: 0; margin: 0; text-align: left; }
.hs-cost-list li { padding: 0.5rem 0; font-size: 0.85rem; color: #64748b; border-bottom: 0.0625rem solid #f1f5f9; display: flex; gap: 0.5rem; align-items: flex-start; }
.hs-cost-list li:last-child { border-bottom: none; }
.hs-cost-list li::before { content: "—"; color: #dc2626; font-weight: 700; flex-shrink: 0; }
.hs-cost-card-hybrid .hs-cost-list li::before { content: "+"; color: #0f766e; font-weight: 700; }

@media (max-width: 48rem) {
	.hs-cost-cards { grid-template-columns: 1fr; }
}

/* ─── Comparison Table ────────────────────────────────────────── */
.hs-comparison-table { width: 100%; border-collapse: collapse; border-radius: 0.5rem; overflow: hidden; border: 0.0625rem solid #e2e8f0; }
.hs-comparison-table th { background: #0f172a; color: #fff; padding: 0.75rem 1rem; text-align: left; font-size: 0.9rem; font-weight: 600; }
.hs-comparison-table td { padding: 0.625rem 1rem; border-bottom: 0.0625rem solid #f1f5f9; font-size: 0.875rem; }
.hs-comparison-table tr:last-child td { border-bottom: none; }
.hs-comparison-table tr:nth-child(even) { background: #f8fafc; }
.hs-comparison-table td:first-child { color: #94a3b8; }
.hs-comparison-table td:last-child { color: #0f766e; font-weight: 600; }

/* ─── Pricing — full-width columns ───────────────────────────── */
.hs-pricing-section { width: 100%; padding: 3rem 0; }
.hs-pricing-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr)); gap: 1.25rem;
	max-width: 80rem; margin: 0 auto; padding: 0 3rem; align-items: stretch;
}
.hs-pricing-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 1rem; padding: 2rem 1.5rem;
	text-align: left; position: relative; transition: transform 0.18s, box-shadow 0.18s;
	display: flex; flex-direction: column;
}
.hs-pricing-card:hover { transform: translateY(-0.25rem); box-shadow: 0 0.75rem 2rem rgba(15,118,110,0.12); }
.hs-pricing-popular { border: 0.125rem solid #0f766e; z-index: 1; box-shadow: 0 0.5rem 1.5rem rgba(15,118,110,0.1); }
.hs-badge {
	position: absolute; top: -0.0625rem; right: -0.0625rem;
	background: #0f766e; color: #fff; padding: 0.25rem 0.75rem;
	font-size: 0.7rem; font-weight: 600; border-radius: 0 0 0 0.375rem;
}
.hs-pricing-card .hs-icon { color: #0f766e; margin-bottom: 0.75rem; }
.hs-pricing-card h3 { font-size: 1.1rem; margin-bottom: 0.25rem; }
.hs-price { font-size: 2.5rem; font-weight: 800; color: #0f172a; margin: 0.5rem 0 0.125rem; line-height: 1; }
.hs-price span { font-size: 0.85rem; font-weight: 400; color: #94a3b8; }
.hs-price-original { font-size: 0.85rem; color: #94a3b8; text-decoration: line-through; }
.hs-credits { color: #0f766e; font-weight: 600; font-size: 0.85rem; margin-bottom: 0.25rem; }
.hs-per-credit { font-size: 0.72rem; color: #94a3b8; margin-bottom: 1rem; }
.hs-pricing-card ul { list-style: none; margin-bottom: 1.25rem; flex-grow: 1; }
.hs-pricing-card li { padding: 0.3125rem 0; color: #475569; font-size: 0.82rem; display: flex; align-items: flex-start; gap: 0.5rem; }
.hs-pricing-card li .hs-icon { width: 1rem; height: 1rem; color: #0f766e; flex-shrink: 0; margin-top: 0.0625rem; }
.hs-pricing-card .hs-btn { width: 100%; justify-content: center; }

/* ─── Mission Economics Box ─────────────────────────────────── */
.hs-economics { width: 100%; background: #0f172a; color: #fff; padding: 3rem 0; }
.hs-economics-inner { max-width: 80rem; margin: 0 auto; padding: 0 3rem; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.hs-economics h2 { color: #fff; font-size: 1.5rem; margin-bottom: 0.75rem; }
.hs-economics p { color: #94a3b8; font-size: 0.9rem; margin-bottom: 0.5rem; }
.hs-economics .hs-rate-box { display: flex; gap: 1.5rem; margin-top: 1rem; }
.hs-economics .hs-rate-item { text-align: center; }
.hs-economics .hs-rate-item .hs-rate-num { font-size: 2rem; font-weight: 800; color: #14b8a6; }
.hs-economics .hs-rate-item .hs-rate-label { font-size: 0.75rem; color: #94a3b8; }

/* ─── Mission Cost Table ─────────────────────────────────────── */
.hs-mission-table { width: 100%; border-collapse: collapse; border: 0.0625rem solid #e2e8f0; border-radius: 0.5rem; overflow: hidden; }
.hs-mission-table th { background: #f1f5f9; color: #1e293b; padding: 0.625rem 0.875rem; text-align: left; font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 0.0625rem solid #e2e8f0; }
.hs-mission-table td { padding: 0.625rem 0.875rem; border-bottom: 0.0625rem solid #f1f5f9; font-size: 0.85rem; vertical-align: middle; }
.hs-mission-table tr:last-child td { border-bottom: none; }
.hs-mission-table tr:hover { background: #f8fafc; }
.hs-mission-table .hs-credits-col { font-weight: 700; color: #0f766e; text-align: center; width: 5rem; }
.hs-mission-table .hs-time-col { color: #94a3b8; text-align: center; width: 6.25rem; }
.hs-mission-table .hs-type-col { font-weight: 600; width: 12.5rem; }
.hs-mission-table .hs-cat-col { width: 6.25rem; }
.hs-mission-cat { display: inline-block; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-size: 0.7rem; font-weight: 600; }
.hs-cat-auto { background: #dbeafe; color: #1e40af; }
.hs-cat-hybrid { background: #f0fdfa; color: #0f766e; }
.hs-cat-human { background: #f1f5f9; color: #475569; }
.hs-cat-roadmap { background: #fef3c7; color: #92400e; }

/* Mission cost section — legend, examples, VA callout, tier cards */
.hs-mission-legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.5rem;
	margin-bottom: 1.25rem;
}
.hs-mission-legend-item {
	font-size: 0.78rem;
	color: #64748b;
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}
.hs-mission-example {
	display: block;
	font-size: 0.75rem;
	color: #94a3b8;
	margin-top: 0.1875rem;
	font-style: italic;
}
.hs-va-callout {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	max-width: 56rem;
	margin: 1.5rem auto 0;
	padding: 1rem 1.25rem;
	background: #f0fdfa;
	border: 0.0625rem solid #99f6e4;
	border-left: 0.25rem solid #0f766e;
	border-radius: 0.5rem;
}
.hs-va-callout .hs-icon { color: #0f766e; flex-shrink: 0; }
.hs-va-callout p { font-size: 0.9rem; color: #134e4a; margin: 0; line-height: 1.5; }
.hs-va-callout a { color: #0f766e; font-weight: 600; white-space: nowrap; }
.hs-tier-buy-heading { margin-top: 2rem; font-size: 1.1rem; }
.hs-tier-buy {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}
.hs-tier-buy-card {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding: 1rem 1.25rem;
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 0.75rem;
	text-decoration: none;
	color: #0f172a;
	text-align: center;
	transition: all 0.2s;
}
.hs-tier-buy-card:hover {
	border-color: #0f766e;
	box-shadow: 0 0.25rem 1.25rem rgba(15,118,110,0.1);
	transform: translateY(-0.125rem);
}
.hs-tier-buy-credits {
	font-size: 0.8rem;
	font-weight: 700;
	color: #0f766e;
}
.hs-tier-buy-desc {
	font-size: 0.78rem;
	color: #64748b;
	line-height: 1.5;
}
@media (max-width: 40rem) {
	.hs-va-callout { flex-direction: column; text-align: center; }
	.hs-va-callout a { white-space: normal; }
}

/* ─── Currency Converter ─────────────────────────────────────── */
.hs-currency-bar { width: 100%; background: #f1f5f9; padding: 0.75rem 0; border-bottom: 0.0625rem solid #e2e8f0; }
.hs-currency-inner { max-width: 80rem; margin: 0 auto; padding: 0 3rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; font-size: 0.8rem; color: #64748b; }
.hs-currency-select { padding: 0.25rem 0.5rem; border-radius: 0.25rem; border: 0.0625rem solid #e2e8f0; background: #fff; font-size: 0.8rem; color: #1e293b; cursor: pointer; }
.hs-currency-rate { font-size: 0.72rem; color: #94a3b8; }

/* ─── Competitor Comparison ─────────────────────────────────── */
.hs-competitor-table { width: 100%; border-collapse: collapse; border: 0.0625rem solid #e2e8f0; border-radius: 0.5rem; overflow: hidden; }
.hs-competitor-table th { background: #f1f5f9; padding: 0.625rem 0.875rem; text-align: left; font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 0.0625rem solid #e2e8f0; }
.hs-competitor-table td { padding: 0.625rem 0.875rem; border-bottom: 0.0625rem solid #f1f5f9; font-size: 0.85rem; }
.hs-competitor-table tr:last-child td { border-bottom: none; }
.hs-competitor-table .hs-our-row { background: #f0fdfa; }
.hs-competitor-table .hs-our-row td { font-weight: 700; color: #0f766e; }

/* ─── Service/Industry Cards ────────────────────────────────── */
.hs-services-grid, .hs-industries-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); gap: 1rem; }
.hs-service-card, .hs-industry-card {
	display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1rem; align-items: start;
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem;
	padding: 1.5rem; color: inherit; transition: all 0.2s; position: relative; overflow: hidden;
}
.hs-service-card::before, .hs-industry-card::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0.1875rem;
	background: linear-gradient(90deg, #0f766e, #14b8a6); opacity: 0; transition: opacity 0.2s;
}
.hs-service-card:hover, .hs-industry-card:hover { border-color: #0f766e; text-decoration: none; transform: translateY(-0.125rem); box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.1); }
.hs-service-card:hover::before, .hs-industry-card:hover::before { opacity: 1; }
.hs-service-card .hs-icon, .hs-industry-card .hs-icon { color: inherit; }
.hs-service-card .hs-card-icon, .hs-industry-card .hs-card-icon {
	grid-row: 1 / span 2; align-self: center;
	width: 3rem; height: 3rem; border-radius: 0.75rem; background: #f0fdfa; color: #0f766e;
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
	transition: all 0.2s;
}
.hs-service-card:hover .hs-card-icon, .hs-industry-card:hover .hs-card-icon { background: #0f766e; color: #fff; }
.hs-service-card h3, .hs-industry-card h3 { grid-column: 2; font-size: 1.05rem; margin: 0; }
.hs-service-card p, .hs-industry-card p { grid-column: 2; color: #64748b; font-size: 0.875rem; margin: 0; }
.hs-service-card > *:not(.hs-card-icon):not(h3):not(p),
.hs-industry-card > *:not(.hs-card-icon):not(h3):not(p) { grid-column: 2; }

/* ─── Steps ──────────────────────────────────────────────────── */
.hs-steps { display: grid; grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); gap: 1.5rem; max-width: 62.5rem; margin: 0 auto; }
.hs-step { text-align: center; }
.hs-step-number {
	width: 2.75rem; height: 2.75rem; border-radius: 50%; background: #0f766e; color: #fff;
	font-size: 1.2rem; font-weight: 700; display: flex; align-items: center; justify-content: center;
	margin: 0 auto 0.75rem;
}
.hs-step h3 { font-size: 1.05rem; margin-bottom: 0.25rem; }
.hs-step p { color: #64748b; font-size: 0.875rem; }

/* ─── FAQ ─────────────────────────────────────────────────────── */
.hs-faq-list { max-width: 50rem; margin: 0 auto; }
.hs-faq-item { background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.5rem; margin-bottom: 0.5rem; padding: 0; overflow: hidden; transition: all 0.15s; }
.hs-faq-item:hover { border-color: #94a3b8; }
.hs-faq-item[open] { border-color: #0f766e; box-shadow: 0 0.125rem 0.75rem rgba(15,118,110,0.06); }
.hs-faq-item summary { font-weight: 600; cursor: pointer; font-size: 0.95rem; list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 1.125rem 1.5rem; user-select: none; }
.hs-faq-item summary::-webkit-details-marker { display: none; }
.hs-faq-toggle { position: relative; width: 1.5rem; height: 1.5rem; flex-shrink: 0; margin-left: 1rem; }
.hs-faq-toggle::before, .hs-faq-toggle::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.75rem; height: 0.125rem; background: #0f766e; border-radius: 0.125rem; transform: translate(-50%, -50%); transition: transform 0.2s; }
.hs-faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.hs-faq-item[open] .hs-faq-toggle::after { transform: translate(-50%, -50%) rotate(0deg); }
.hs-faq-q { flex: 1; }
.hs-faq-a { padding: 0 1.5rem 1.125rem; }
.hs-faq-a p { margin-top: 0; color: #64748b; font-size: 0.875rem; line-height: 1.6; }

/* ─── FAQ controls (search + categories) ────────────────────── */
.hs-faq-controls { max-width: 50rem; margin: 0 auto 2rem; }
.hs-faq-search {
	width: 100%; padding: 0.75rem 1rem 0.75rem 2.75rem; border: 0.0625rem solid #e2e8f0;
	border-radius: 0.625rem; font-size: 0.95rem; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 0.875rem center;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.hs-faq-search:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 0.1875rem rgba(15,118,110,0.1); }
.hs-faq-categories { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 1rem; }
.hs-faq-cat-btn {
	padding: 0.375rem 0.875rem; border: 0.0625rem solid #e2e8f0; border-radius: 1.25rem;
	background: #fff; color: #64748b; font-size: 0.8rem; font-weight: 600;
	cursor: pointer; transition: all 0.1s;
}
.hs-faq-cat-btn:hover { border-color: #0f766e; color: #0f766e; }
.hs-faq-cat-btn.active { background: #0f766e; border-color: #0f766e; color: #fff; }
.hs-faq-empty { text-align: center; color: #94a3b8; padding: 2rem; font-size: 0.9rem; }

/* ─── CTA Block ───────────────────────────────────────────────── */
.hs-cta-block { width: 100%; background: #0f172a; color: #fff; text-align: center; padding: 3.5rem 0; }
.hs-cta-block .hs-inner { max-width: 50rem; }
.hs-cta-block h2 { color: #fff; font-size: 1.75rem; }
.hs-cta-block p { opacity: 0.7; margin-bottom: 1.25rem; font-size: 0.95rem; }
.hs-cta-buttons { display: flex; gap: 0.625rem; justify-content: center; flex-wrap: wrap; }
.hs-cta-block .hs-btn-primary { background: #0f766e; }
.hs-cta-block .hs-btn-ghost { border-color: rgba(255,255,255,0.25); color: #fff; }
.hs-cta-block .hs-btn-ghost:hover { background: rgba(255,255,255,0.08); }

/* ─── Footer ──────────────────────────────────────────────────── */
.hs-footer { width: 100%; background: linear-gradient(180deg, #0f172a 0%, #0b1120 100%); color: #94a3b8; padding: 3.5rem 0 1.5rem; }
.hs-footer-brand { max-width: 26rem; }
.hs-footer-brand .hs-footer-tagline { margin-bottom: 1.25rem; }
.hs-footer-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: -0.03em;
	text-decoration: none;
	margin-bottom: 0.625rem;
}
.hs-footer-logo .hs-icon { color: #2dd4bf; }
.hs-footer-tagline { font-size: 0.875rem; color: #94a3b8; line-height: 1.6; margin: 0; }
.hs-footer-ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.hs-footer-grid .hs-footer-ctas { margin-top: 0.25rem; }
.hs-footer-btn {
	display: inline-flex;
	align-items: center;
	padding: 0.625rem 1.375rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.15s;
}
.hs-footer-btn-primary { background: #0d9488; color: #fff; }
.hs-footer-btn-primary:hover { background: #0f766e; color: #fff; text-decoration: none; }
.hs-footer-btn-ghost { border: 0.0625rem solid #334155; color: #e2e8f0; }
.hs-footer-btn-ghost:hover { border-color: #2dd4bf; color: #2dd4bf; text-decoration: none; }
.hs-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 2rem; margin-bottom: 2.5rem; }
.hs-footer-col-wide { grid-column: span 2; min-width: 19rem; }
.hs-footer-col h4 { color: #fff; font-size: 0.78rem; margin-bottom: 0.625rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.hs-footer-col a { display: block; color: #94a3b8; padding: 0.1875rem 0; font-size: 0.82rem; }
.hs-footer-col a:hover { color: #fff; text-decoration: none; }
.hs-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	padding-top: 1.5rem;
	border-top: 0.0625rem solid #1e293b;
}
.hs-footer-bottom p { font-size: 0.78rem; color: #64748b; margin: 0; }
.hs-footer-meta { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.hs-footer-meta a { font-size: 0.78rem; color: #94a3b8; text-decoration: none; display: inline-flex; align-items: center; gap: 0.375rem; }
.hs-footer-meta a:hover { color: #fff; }
.hs-status-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #34d399;
	box-shadow: 0 0 0.375rem rgba(52,211,153,0.6);
	display: inline-block;
}

/* ─── Compare Grid ───────────────────────────────────────────── */
.hs-compare-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 1rem; }
.hs-compare-card { display: block; background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.5rem; padding: 1.5rem; color: inherit; transition: all 0.15s; }
.hs-compare-card:hover { border-color: #0f766e; text-decoration: none; }
.hs-compare-card h3 { font-size: 1.05rem; margin-bottom: 0.25rem; }
.hs-compare-card p { color: #64748b; font-size: 0.875rem; }

/* ─── Responsive ──────────────────────────────────────────────── */
@media (max-width: 64rem) {
	.hs-pricing-grid { grid-template-columns: repeat(2, 1fr); }
	.hs-pricing-card:not(:last-child) { border-right: 0.0625rem solid #e2e8f0; border-bottom: none; }
	.hs-economics-inner { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 48rem) {
	.hs-nav { display: none; }
	.hs-hero h1 { font-size: 2rem; }
	.hs-hero-subtitle { font-size: 1rem; }
	.hs-hero-cta { flex-direction: column; align-items: center; }
	.hs-hero-home { min-height: 25rem; padding: 4rem 0 3rem; }
	.hs-hero-home .hs-hero-heading { font-size: 2.2rem; }
	.hs-hero-home .hs-hero-subtitle { font-size: 1.1rem; }
	.hs-pricing-grid { grid-template-columns: 1fr; }
	.hs-pricing-card:not(:last-child) { border-right: none; border-bottom: none; }
	.hs-features-grid, .hs-services-grid, .hs-industries-grid { grid-template-columns: 1fr; }
	.hs-steps { grid-template-columns: 1fr; }
	.hs-footer-grid { grid-template-columns: 1fr 1fr; }
	.hs-mission-table, .hs-competitor-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.hs-mission-table { font-size: 0.78rem; }
	.hs-mission-table th, .hs-mission-table td { padding: 0.375rem 0.5rem; }
	.hs-inner, .hs-header-inner, .hs-hero-inner, .hs-pricing-grid, .hs-economics-inner, .hs-currency-inner { padding: 0 1.5rem; }
}

/* ─── Fitness industry case study ───────────────────────────── */
.hs-fitness-builtin { list-style: none; padding: 0; margin: 1rem 0 2rem; }
.hs-fitness-builtin li {
	padding: 0.75rem 1rem; margin-bottom: 0.5rem; background: #ecfdf5;
	border-left: 0.1875rem solid #0f766e; border-radius: 0 0.5rem 0.5rem 0;
	font-size: 0.9rem; color: #134e4a;
}
.hs-fitness-table { margin-top: 1.5rem; }
.hs-fitness-table tfoot td { background: #0f172a; color: #fff; padding: 0.75rem 1rem; }
.hs-fitness-fits { margin-top: 1rem; font-size: 0.9rem; color: #0f766e; font-weight: 600; }
.hs-fitness-stack { margin-top: 3rem; }
.hs-fitness-stack h3 { margin-bottom: 1rem; }
.hs-fitness-stack .hs-fitness-us { background: #ecfdf5; }
.hs-fitness-stack .hs-fitness-us td { font-weight: 600; color: #0f766e; }

/* ─── Card Icons ─────────────────────────────────────────────── */
.hs-card-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 2.75rem; height: 2.75rem; border-radius: 0.625rem;
	background: #f0fdfa; color: #0f766e;
	flex-shrink: 0; transition: all 0.15s;
}
.hs-service-card:hover .hs-card-icon,
.hs-industry-card:hover .hs-card-icon,
.hs-feature-card:hover .hs-card-icon {
	background: #0f766e; color: #fff; transform: scale(1.05);
}
.hs-blog-card .hs-card-icon {
	width: 2.25rem; height: 2.25rem;
}

/* ─── Logo Icon ──────────────────────────────────────────────── */
.hs-logo-icon { color: #0f766e; vertical-align: middle; margin-right: 0.125rem; }
.hs-logo { display: inline-flex; align-items: center; gap: 0.25rem; }

/* ─── Status Badges ──────────────────────────────────────────── */
.hs-status {
	display: inline-flex; align-items: center; gap: 0.25rem;
	padding: 0.25rem 0.625rem; border-radius: 1.25rem;
	font-size: 0.72rem; font-weight: 600;
}
.hs-status-built { background: #ecfdf5; color: #0f766e; }
.hs-status svg { flex-shrink: 0; }

/* ─── Blog Cards ─────────────────────────────────────────────── */
.hs-blog-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 1.25rem; }
.hs-blog-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.875rem;
	padding: 1.5rem; transition: all 0.2s; display: flex; flex-direction: column; gap: 0.75rem;
	position: relative; box-shadow: 0 0.0625rem 0.1875rem rgba(15, 23, 42, 0.04);
}
.hs-blog-card:hover { border-color: #99f6e4; box-shadow: 0 0.75rem 2rem rgba(15,118,110,0.12); transform: translateY(-0.1875rem); }
.hs-blog-card-meta {
	display: flex; align-items: center; justify-content: space-between;
	gap: 0.75rem; flex-wrap: wrap;
}
.hs-blog-card-meta time { color: #94a3b8; font-size: 0.78rem; }
.hs-blog-card .hs-blog-cat {
	display: inline-block; align-self: flex-start;
	background: #f0fdfa; color: #0f766e; border-radius: 999px;
	padding: 0.1875rem 0.75rem; font-size: 0.72rem; font-weight: 700;
	text-transform: uppercase; letter-spacing: 0.05em;
}
.hs-blog-card h3 { font-size: 1.15rem; margin: 0; line-height: 1.35; font-weight: 700; }
.hs-blog-card h3 a { color: #0f172a; }
.hs-blog-card h3 a:hover { color: #0f766e; text-decoration: none; }
.hs-blog-card p { color: #64748b; font-size: 0.875rem; margin: 0; flex-grow: 1; line-height: 1.6; }
.hs-blog-card-more {
	color: #0f766e; font-size: 0.85rem; font-weight: 600;
	margin-top: auto; align-self: flex-start;
}
.hs-blog-card-more:hover { color: #115e59; text-decoration: none; }

/* ─── Stats / Testimonials / Integration Strip ───────────────── */
.hs-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.hs-stat-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.625rem;
	padding: 1.5rem 1rem; text-align: center; display: flex; flex-direction: column; gap: 0.25rem;
}
.hs-stat-value { font-size: 1.75rem; font-weight: 800; color: #0f766e; letter-spacing: -0.02em; }
.hs-stat-label { font-size: 0.82rem; color: #64748b; }
.hs-testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1rem; }
.hs-testimonial-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.625rem;
	padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem;
}
.hs-testimonial-meta { display: flex; flex-direction: column; gap: 0.125rem; font-size: 0.85rem; color: #64748b; }
.hs-testimonial-meta strong { color: #0f172a; }
.hs-testimonial-credits { color: #0f766e; font-weight: 600; font-size: 0.78rem; }
.hs-int-strip { display: flex; flex-wrap: wrap; gap: 0.625rem; }
.hs-int-chip {
	display: inline-flex; align-items: center; gap: 0.5rem;
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 999px;
	padding: 0.5rem 1rem; font-size: 0.85rem; font-weight: 600; color: #334155;
	transition: all 0.15s;
}
.hs-int-chip:hover { border-color: #0f766e; color: #0f766e; text-decoration: none; }
.hs-int-chip svg { color: #0f766e; }
.hs-int-chip-any {
	border-style: dashed; border-color: #0f766e; color: #0f766e;
	background: #f0fdfa;
}
.hs-int-chip-any:hover { background: #ccfbf1; }
.hs-section-more { text-align: center; margin-top: 1.75rem; }
.hs-btn-outline { background: transparent; color: #0f766e; border: 0.0625rem solid #0f766e; }
.hs-btn-outline:hover { background: #0f766e; color: #fff; text-decoration: none; }
.hs-blog-cat { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #0f766e; }

/* ─── Lead Text ──────────────────────────────────────────────── */
.hs-lead { font-size: 1.1rem; color: #475569; line-height: 1.7; margin-bottom: 2rem; max-width: 45rem; }

/* ─── Section Spacing Polish ─────────────────────────────────── */
.hs-section h2 { margin-top: 0; }
.hs-section h2:first-child { margin-top: 0; }
.hs-section p { margin-bottom: 0.75rem; }
.hs-section h2 + p { margin-bottom: 1.5rem; color: #64748b; }

/* ─── Container ──────────────────────────────────────────────── */
.hs-container { max-width: 80rem; margin: 0 auto; padding: 0 3rem; }

/* ─── Hero Polish ───────────────────────────────────────────── */
.hs-hero { padding: 4.5rem 0 3rem; }
.hs-hero h1 { letter-spacing: -0.04em; }
.hs-hero-cta { margin-top: 0.5rem; }

/* ─── Breadcrumb Home Icon ──────────────────────────────────── */
.hs-breadcrumb-home { display: inline-flex; align-items: center; gap: 0.25rem; }
.hs-breadcrumbs a:hover { color: #0f766e; }

/* ─── Table Polish ───────────────────────────────────────────── */
.hs-comparison-table th { font-size: 0.82rem; letter-spacing: 0.02em; }
.hs-comparison-table td { vertical-align: middle; }
.hs-mission-table th { font-size: 0.72rem; }
.hs-mission-table td { line-height: 1.5; }

/* ─── FAQ Polish ─────────────────────────────────────────────── */
/* (old faq hover rules removed — now in main faq block above) */

/* ─── Discovery Section — light, mission-focused ────────────── */
.hs-discovery-section {
	padding: 5rem 0;
	background: linear-gradient(180deg, #f8fafc 0%, #f0fdfa 100%);
	text-align: center;
	position: relative;
	overflow: hidden;
}
.hs-discovery-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%230f766e' stroke-opacity='0.02' fill='none'/%3E%3C/svg%3E");
}
.hs-discovery-section .hs-container {
	max-width: none;
	padding: 0 3rem;
	position: relative;
	z-index: 1;
}
.hs-discovery-section h2 {
	color: #0f172a;
	margin-bottom: 0.5rem;
	font-size: 2.25rem;
}
.hs-discovery-section .hs-lead {
	margin: 0 auto 3rem;
	max-width: 40rem;
	color: #64748b;
	font-size: 1.15rem;
}

/* Mission example cards — like mini console previews */
.hs-capabilities-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr));
	gap: 1rem;
	max-width: 75rem;
	margin: 0 auto 3rem;
}
.hs-mission-card {
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 0.75rem;
	overflow: hidden;
	transition: all 0.2s;
	text-align: left;
}
.hs-mission-card:hover {
	border-color: #0f766e;
	box-shadow: 0 0.25rem 1.25rem rgba(15,118,110,0.1);
	transform: translateY(-0.125rem);
}
.hs-mission-card-header {
	background: #0f172a;
	padding: 0.75rem 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.hs-mission-card-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
}
.hs-mission-card-dot:nth-child(1) { background: #ef4444; }
.hs-mission-card-dot:nth-child(2) { background: #f59e0b; }
.hs-mission-card-dot:nth-child(3) { background: #22c55e; }
.hs-mission-card-title {
	color: #94a3b8;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-left: auto;
}
.hs-mission-card-body {
	padding: 1rem;
}
.hs-mission-card-prompt {
	font-size: 0.82rem;
	color: #0f172a;
	font-weight: 600;
	margin-bottom: 0.625rem;
	display: flex;
	align-items: flex-start;
	gap: 0.375rem;
}
.hs-mission-card-prompt .hs-icon {
	color: #0f766e;
	flex-shrink: 0;
	margin-top: 0.0625rem;
}
.hs-mission-card-steps {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.hs-mission-step {
	font-size: 0.75rem;
	color: #64748b;
	display: flex;
	align-items: center;
	gap: 0.375rem;
}
.hs-mission-step::before {
	content: "✓";
	color: #0f766e;
	font-weight: 700;
	font-size: 0.65rem;
}
.hs-mission-card-result {
	margin-top: 0.625rem;
	padding-top: 0.625rem;
	border-top: 0.0625rem solid #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hs-mission-card-credits {
	font-size: 0.72rem;
	color: #94a3b8;
	font-weight: 500;
}
.hs-mission-card-status {
	font-size: 0.72rem;
	color: #0f766e;
	font-weight: 700;
	background: #f0fdfa;
	padding: 0.125rem 0.5rem;
	border-radius: 62.4375rem;
}
/* Clickable mission card — links to try wizard with prefill */
a.hs-mission-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
a.hs-mission-card-link:hover .hs-mission-card-title {
	color: #5eead4;
}
.hs-mission-card-cta {
	font-size: 0.72rem;
	font-weight: 700;
	color: #0f766e;
	opacity: 0;
	transform: translateX(-0.25rem);
	transition: all 0.2s;
	white-space: nowrap;
}
a.hs-mission-card-link:hover .hs-mission-card-cta {
	opacity: 1;
	transform: translateX(0);
}

/* Sub-page links — "Deep dives" pills on service category pages */
.hs-subpage-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	max-width: 75rem;
	margin: 1.5rem auto 0;
}
.hs-subpage-links-label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #64748b;
	margin-right: 0.25rem;
}
.hs-subpage-link {
	font-size: 0.8rem;
	font-weight: 600;
	color: #0f766e;
	background: #f0fdfa;
	border: 0.0625rem solid #99f6e4;
	padding: 0.375rem 0.875rem;
	border-radius: 62.4375rem;
	text-decoration: none;
	transition: all 0.2s;
}
.hs-subpage-link:hover {
	background: #0f766e;
	border-color: #0f766e;
	color: #fff;
}

/* Source groups — light theme */
.hs-discovery-sources {
	max-width: 75rem;
	margin: 0 auto 2.5rem;
}
.hs-discovery-sources h3 {
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #94a3b8;
	margin-bottom: 1.5rem;
}
.hs-source-groups {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
	gap: 1.25rem;
	text-align: left;
}
.hs-source-group h5 {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #0f766e;
	margin-bottom: 0.625rem;
	padding-bottom: 0.5rem;
	border-bottom: 0.0625rem solid #e2e8f0;
}
.hs-source-group .hs-source-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}
.hs-source-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.75rem;
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 1.25rem;
	font-size: 0.78rem;
	color: #475569;
	font-weight: 500;
	transition: all 0.15s;
}
.hs-source-tag:hover {
	background: #f0fdfa;
	border-color: #0f766e;
	color: #0f766e;
}
.hs-source-tag .hs-icon { color: #0f766e; }
a.hs-source-tag { text-decoration: none; cursor: pointer; }
a.hs-source-tag:hover { text-decoration: none; box-shadow: 0 0.125rem 0.375rem rgba(15, 118, 110, 0.12); }
a.hs-source-tag:focus-visible { outline: 0.125rem solid #0f766e; outline-offset: 0.125rem; }

.hs-discovery-note {
	margin-top: 1.5rem;
	font-size: 0.82rem;
	color: #94a3b8;
	font-style: italic;
	max-width: 37.5rem;
	margin-left: auto;
	margin-right: auto;
}

/* Discovery CTA */
.hs-discovery-cta {
	margin-top: 3rem;
}
.hs-discovery-cta p {
	color: #0f172a;
	font-size: 1.15rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
}
.hs-cta-buttons {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* RTL */
html[dir="rtl"] .hs-source-groups { text-align: right; }
html[dir="rtl"] .hs-source-group h5 { text-align: right; }

/* Mobile */
@media (max-width: 48rem) {
	.hs-capabilities-grid { grid-template-columns: 1fr 1fr; }
	.hs-source-groups { grid-template-columns: 1fr; }
	.hs-discovery-section .hs-container { padding: 0 1.5rem; }
	.hs-discovery-section h2 { font-size: 1.75rem; }
}

.hs-discovery-cta { max-width: 37.5rem; margin: 0 auto; }
.hs-discovery-cta p { font-size: 1.1rem; font-weight: 600; color: #0f172a; margin-bottom: 1.25rem; }
.hs-discovery-cta .hs-cta-buttons { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }

@media (max-width: 48rem) {
	.hs-stats-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
	.hs-stat-card { padding: 1.25rem 0.75rem; }
	.hs-discovery-section { padding: 3rem 0; }
}

/* ─── CTA Block (legacy, kept for reference) ─────────────────── */
.hs-cta-block { padding: 4rem 0; }
.hs-cta-block .hs-btn svg { margin-left: 0.25rem; vertical-align: middle; }

/* ─── Footer Polish ──────────────────────────────────────────── */
.hs-footer-grid { grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr)); }
.hs-footer-col a { display: flex; align-items: center; gap: 0.375rem; }

/* ─── Responsive Additions ──────────────────────────────────── */
@media (max-width: 48rem) {
	.hs-card-icon { width: 2.5rem; height: 2.5rem; margin-bottom: 0.75rem; }
	.hs-blog-list { grid-template-columns: 1fr; }
	.hs-lead { font-size: 1rem; }
	.hs-hero { padding: 3rem 0 2rem; }
	.hs-cta-block { padding: 3rem 0; }
	.hs-footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
	.hs-container { padding: 0 1.5rem; }
	.hs-section { padding: 3rem 0; }
}

/* ─── Card Hover Polish ──────────────────────────────────────── */
.hs-service-card, .hs-industry-card, .hs-feature-card, .hs-compare-card, .hs-blog-card {
	border-radius: 0.625rem;
}
.hs-service-card:hover, .hs-industry-card:hover {
	box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.08);
	transform: translateY(-0.125rem);
}
.hs-feature-card:hover {
	box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.08);
}

/* ─── Pricing Card Polish ───────────────────────────────────── */
.hs-pricing-card { border-radius: 0.625rem 0 0 0.625rem; }
.hs-pricing-card:last-child { border-radius: 0 0.625rem 0.625rem 0; }
.hs-pricing-popular { box-shadow: 0 0.25rem 1.25rem rgba(15,118,110,0.12); }

/* ─── Button Polish ──────────────────────────────────────────── */
.hs-btn { border-radius: 0.5rem; font-weight: 600; }
.hs-btn svg { vertical-align: middle; }
.hs-btn-primary { box-shadow: 0 0.0625rem 0.1875rem rgba(15,118,110,0.2); }
.hs-btn-primary:hover { box-shadow: 0 0.125rem 0.5rem rgba(15,118,110,0.3); }

/* ─── Changelog ──────────────────────────────────────────────── */
.hs-faq-item summary svg { color: #0f766e; }

/* ─── Integration Card Status Badge ──────────────────────────── */
.hs-service-card .hs-status { margin-top: 0.75rem; }

/* ─── Blog/Docs Article ──────────────────────────────────────── */
.hs-blog-article, .hs-docs-article { max-width: 47.5rem; }
.hs-blog-article h2, .hs-docs-article h2 { font-size: 1.4rem; margin-top: 2rem; margin-bottom: 0.75rem; }
.hs-blog-article p, .hs-docs-article p { color: #475569; line-height: 1.75; margin-bottom: 1rem; }
.hs-blog-article h2:first-child, .hs-docs-article h2:first-child { margin-top: 0; }

.hs-blog-layout {
	display: grid; grid-template-columns: minmax(0, 1fr) 17.5rem;
	gap: 3rem; align-items: start;
}
.hs-blog-layout .hs-blog-article { max-width: none; }
.hs-blog-aside-sticky {
	position: sticky; top: 5.5rem;
	display: flex; flex-direction: column; gap: 0.625rem;
}
.hs-blog-aside-sticky > h4 {
	font-size: 0.78rem; font-weight: 700; text-transform: uppercase;
	letter-spacing: 0.06em; color: #64748b; margin: 0 0 0.375rem;
}
.hs-blog-aside-card {
	display: flex; flex-direction: column; gap: 0.375rem;
	padding: 0.875rem 1rem; background: #fff;
	border: 0.0625rem solid #e2e8f0; border-radius: 0.625rem;
	transition: all 0.15s; text-decoration: none;
}
.hs-blog-aside-card:hover { border-color: #0f766e; text-decoration: none; box-shadow: 0 0.25rem 0.75rem rgba(15,118,110,0.1); }
.hs-blog-aside-card .hs-blog-cat { align-self: flex-start; }
.hs-blog-aside-title { font-size: 0.875rem; font-weight: 600; color: #0f172a; line-height: 1.4; }
.hs-blog-aside-card time { font-size: 0.72rem; color: #94a3b8; }
.hs-blog-aside-all { font-size: 0.85rem; font-weight: 600; color: #0f766e; margin-top: 0.25rem; }
.hs-blog-aside-all:hover { text-decoration: none; color: #115e59; }
.hs-blog-aside-cta {
	margin-top: 1rem; padding: 1.25rem; border-radius: 0.75rem;
	background: linear-gradient(135deg, #f0fdfa, #ecfeff);
	border: 0.0625rem solid #99f6e4;
}
.hs-blog-aside-cta h4 { font-size: 0.95rem; margin: 0 0 0.375rem; color: #0f172a; }
.hs-blog-aside-cta p { font-size: 0.82rem; color: #475569; margin: 0 0 0.875rem; line-height: 1.5; }
@media (max-width: 64rem) {
	.hs-blog-layout { grid-template-columns: 1fr; }
	.hs-blog-aside-sticky { position: static; margin-top: 2rem; }
}

/* ─── Quote Block ────────────────────────────────────────────── */
.hs-quote {
	border-left: 0.25rem solid #0f766e; padding: 1rem 1.5rem;
	background: #f0fdfa; border-radius: 0 0.5rem 0.5rem 0;
	font-size: 1.05rem; color: #134e4a; font-style: italic;
	margin: 1rem 0;
}

/* ─── Pricing Tier Hero ──────────────────────────────────────── */
.hs-pricing-tier-hero, .hs-integration-hero {
	display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem;
}
.hs-card-icon-lg { width: 4rem; height: 4rem; flex-shrink: 0; }
.hs-pricing-tier-hero .hs-lead, .hs-integration-hero .hs-lead { margin-bottom: 0; }

/* ─── Credits Column ─────────────────────────────────────────── */
.hs-credits-col { text-align: center; width: 6.25rem; }
.hs-type-col { font-weight: 600; white-space: nowrap; }

/* ─── Wizard (try page) ────────────────────────────────────── */
.hs-wizard { max-width: 47.5rem; margin: 0 auto; background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 1rem; overflow: hidden; }
.hs-wizard-progress { height: 0.25rem; background: #f1f5f9; }
.hs-wizard-progress-bar { height: 100%; width: 0%; background: #0f766e; transition: width 0.3s ease; }
.hs-wizard-steps { display: flex; padding: 1.5rem 2rem 0; gap: 0.5rem; }
.hs-wizard-step-indicator { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; flex: 1; cursor: pointer; }
.hs-wizard-step-num { width: 2rem; height: 2rem; border-radius: 50%; background: #f1f5f9; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; transition: all 0.2s; }
.hs-wizard-step-label { font-size: 0.75rem; color: #94a3b8; font-weight: 600; text-align: center; }
.hs-wizard-step-indicator.active .hs-wizard-step-num { background: #0f766e; color: #fff; }
.hs-wizard-step-indicator.active .hs-wizard-step-label { color: #0f766e; }
.hs-wizard-step-indicator.done .hs-wizard-step-num { background: #14b8a6; color: #fff; }
.hs-wizard-step-indicator.done .hs-wizard-step-label { color: #14b8a6; }
.hs-wizard-panel { display: none; padding: 2rem; }
.hs-wizard-panel.active { display: block; animation: hs-wiz-fade 0.2s ease; }
@keyframes hs-wiz-fade { from { opacity: 0; transform: translateY(0.5rem); } to { opacity: 1; transform: translateY(0); } }
.hs-wizard-panel h2 { font-size: 1.3rem; margin-bottom: 0.25rem; }
.hs-wizard-subtitle { color: #64748b; font-size: 0.9rem; margin-bottom: 1.5rem; }
.hs-wizard-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; }
.hs-wizard-option { cursor: pointer; }
.hs-wizard-option input { display: none; }
.hs-wizard-option-card { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 0.875rem; border: 0.125rem solid #e2e8f0; border-radius: 0.625rem; transition: all 0.15s; position: relative; }
.hs-wizard-option-card:hover { border-color: #94a3b8; }
.hs-wizard-option input:checked + .hs-wizard-option-card { border-color: #0f766e; background: #f0fdfa; }
.hs-wizard-option-check { width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #f1f5f9; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; }
.hs-wizard-option input:checked + .hs-wizard-option-card .hs-wizard-option-check { background: #0f766e; }
.hs-wizard-option-label { font-size: 0.85rem; font-weight: 600; color: #334155; }
.hs-wizard-textarea { width: 100%; padding: 0.875rem 1rem; border: 0.125rem solid #e2e8f0; border-radius: 0.625rem; font-size: 0.95rem; font-family: inherit; resize: vertical; transition: border-color 0.15s; box-sizing: border-box; }
.hs-wizard-textarea:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 0.1875rem rgba(15,118,110,0.1); }
.hs-wizard-examples { margin-top: 1.25rem; padding: 1rem; background: #f8fafc; border-radius: 0.625rem; }
.hs-wizard-examples-label { font-size: 0.8rem; font-weight: 700; color: #475569; margin-bottom: 0.5rem; }
.hs-wizard-examples ul { margin: 0; padding-left: 1.25rem; }
.hs-wizard-examples li { font-size: 0.85rem; color: #64748b; padding: 0.1875rem 0; }
.hs-wizard-summary { background: #f8fafc; border-radius: 0.75rem; padding: 1.5rem; margin-bottom: 1.25rem; }
.hs-wizard-summary-row { display: flex; justify-content: space-between; padding: 0.75rem 0; border-bottom: 0.0625rem solid #e2e8f0; gap: 1rem; }
.hs-wizard-summary-row:last-child { border-bottom: none; }
.hs-wizard-summary-key { font-weight: 600; color: #475569; font-size: 0.85rem; flex-shrink: 0; }
.hs-wizard-summary-val { color: #0f172a; font-size: 0.85rem; text-align: right; }
.hs-wizard-note { display: flex; gap: 0.75rem; padding: 1rem; background: #f0fdfa; border-radius: 0.625rem; border: 0.0625rem solid #99f6e4; }
.hs-wizard-note svg { color: #0f766e; flex-shrink: 0; margin-top: 0.125rem; }
.hs-wizard-note p { font-size: 0.82rem; color: #0f766e; margin: 0; }
.hs-wizard-nav { display: flex; justify-content: space-between; padding: 1rem 2rem 1.5rem; border-top: 0.0625rem solid #f1f5f9; gap: 0.5rem; }
.hs-wizard-contact { text-align: center; margin-top: 2rem; font-size: 0.85rem; color: #94a3b8; }
.hs-wizard-contact a { color: #0f766e; }

@media (max-width: 48rem) {
	.hs-wizard-options { grid-template-columns: repeat(2, 1fr); }
	.hs-wizard-step-label { display: none; }
	.hs-wizard-panel { padding: 1.25rem; }
}

/* ─── Full-screen App Wizard (try page) ────────────────────── */
.hs-app-wizard {
	position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
	background: #f8fafc; z-index: 1000; display: flex; flex-direction: column;
	overflow: hidden;
}
.hs-app-topbar {
	display: flex; align-items: center; justify-content: space-between;
	padding: 1rem 1.5rem; background: #fff; border-bottom: 0.0625rem solid #e2e8f0;
	flex-shrink: 0;
}
.hs-app-back { display: flex; align-items: center; gap: 0.375rem; color: #64748b; font-size: 0.85rem; font-weight: 600; }
.hs-app-back:hover { color: #0f766e; }
.hs-app-logo { font-weight: 800; font-size: 1rem; color: #0f172a; letter-spacing: -0.03em; }
.hs-app-skip { color: #0f766e; font-size: 0.85rem; font-weight: 600; }

.hs-app-progress { height: 0.1875rem; background: #e2e8f0; flex-shrink: 0; }
.hs-app-progress-bar { height: 100%; width: 0%; background: #0f766e; transition: width 0.3s ease; }

.hs-app-steps {
	display: flex; padding: 1.25rem 1.5rem 0; gap: 0.5rem;
	width: 100%; flex-shrink: 0;
}
.hs-app-step-indicator { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; flex: 1; cursor: pointer; }
.hs-app-step-num { width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #f1f5f9; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; transition: all 0.2s; }
.hs-app-step-label { font-size: 0.78rem; color: #94a3b8; font-weight: 600; text-align: center; }
.hs-app-step-indicator.active .hs-app-step-num { background: #0f766e; color: #fff; }
.hs-app-step-indicator.active .hs-app-step-label { color: #0f766e; }
.hs-app-step-indicator.done .hs-app-step-num { background: #14b8a6; color: #fff; }
.hs-app-step-indicator.done .hs-app-step-label { color: #14b8a6; }

.hs-app-panel { display: none; flex: 1; overflow-y: auto; padding: 2rem 1.5rem; }
.hs-app-panel.active { display: block; animation: hs-app-fade 0.2s ease; }
@keyframes hs-app-fade { from { opacity: 0; transform: translateY(0.75rem); } to { opacity: 1; transform: translateY(0); } }
.hs-app-panel-header { margin: 0 0 1.5rem; text-align: center; }
.hs-app-panel-header h2 { font-size: 1.5rem; margin-bottom: 0.375rem; }
.hs-app-panel-subtitle { color: #64748b; font-size: 0.9rem; }

.hs-app-search-wrap { margin: 0 0 1.25rem; position: relative; }
.hs-app-search {
	width: 100%; padding: 0.75rem 1rem 0.75rem 2.75rem; border: 0.125rem solid #e2e8f0;
	border-radius: 0.75rem; font-size: 0.95rem; background: #fff;
	transition: border-color 0.15s, box-shadow 0.15s; box-sizing: border-box;
}
.hs-app-search:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 0.1875rem rgba(15,118,110,0.1); }
.hs-app-search-icon { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); color: #94a3b8; }

.hs-app-options {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr));
	gap: 0.625rem;
}
.hs-app-option { cursor: pointer; }
.hs-app-option input { display: none; }
.hs-app-option-card {
	display: flex; align-items: center; gap: 0.625rem; padding: 0.875rem 1rem;
	border: 0.125rem solid #e2e8f0; border-radius: 0.75rem; background: #fff;
	transition: all 0.15s; position: relative; min-height: 3.5rem; height: 100%;
}
.hs-app-option-card:hover { border-color: #94a3b8; transform: translateY(-0.0625rem); box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.04); }
.hs-app-option input:checked + .hs-app-option-card { border-color: #0f766e; background: #f0fdfa; }
.hs-app-option-check {
	width: 1.375rem; height: 1.375rem; border-radius: 0.375rem; background: #f1f5f9; color: #fff;
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
	transition: all 0.15s;
}
.hs-app-option input:checked + .hs-app-option-card .hs-app-option-check { background: #0f766e; }
.hs-app-option-label { font-size: 0.88rem; font-weight: 600; color: #334155; }

.hs-app-selected-count {
	text-align: center; margin-top: 1rem; font-size: 0.82rem; color: #64748b; font-weight: 600;
}

.hs-app-textarea {
	width: 100%; margin: 0 0 1.25rem; display: block;
	padding: 1rem; border: 0.125rem solid #e2e8f0; border-radius: 0.75rem;
	font-size: 1rem; font-family: inherit; resize: vertical; box-sizing: border-box;
	background: #fff;
}
.hs-app-textarea:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 0.1875rem rgba(15,118,110,0.1); }
.hs-app-examples { margin: 0; padding: 1rem; background: #fff; border-radius: 0.75rem; border: 0.0625rem solid #e2e8f0; }
.hs-app-examples-label { font-size: 0.8rem; font-weight: 700; color: #475569; margin-bottom: 0.5rem; }
.hs-app-examples ul { margin: 0; padding-left: 1.25rem; }
.hs-app-examples li { font-size: 0.85rem; color: #64748b; padding: 0.1875rem 0; }

.hs-app-summary { margin: 0 0 1.25rem; background: #fff; border-radius: 1rem; padding: 1.75rem; border: 0.0625rem solid #e2e8f0; }
.hs-app-summary-row { display: flex; justify-content: space-between; padding: 0.875rem 0; border-bottom: 0.0625rem solid #f1f5f9; gap: 1rem; }
.hs-app-summary-row:last-child { border-bottom: none; }
.hs-app-summary-key { font-weight: 600; color: #475569; font-size: 0.85rem; flex-shrink: 0; }
.hs-app-summary-val { color: #0f172a; font-size: 0.85rem; text-align: right; max-width: 25rem; }
.hs-app-note { display: flex; gap: 0.75rem; padding: 1rem; margin: 0; background: #f0fdfa; border-radius: 0.75rem; border: 0.0625rem solid #99f6e4; }
.hs-app-note svg { color: #0f766e; flex-shrink: 0; margin-top: 0.125rem; }
.hs-app-note p { font-size: 0.82rem; color: #0f766e; margin: 0; }

.hs-app-nav {
	display: flex; justify-content: space-between; padding: 1rem 1.5rem;
	background: #fff; border-top: 0.0625rem solid #e2e8f0; flex-shrink: 0; gap: 0.5rem;
	width: 100%;
}

/* Two-pane app layout: main column + live info aside on wide screens */
.hs-app-body { flex: 1; display: flex; min-height: 0; }
.hs-app-main { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.hs-app-aside {
	width: 19.5rem; flex-shrink: 0; background: #fff;
	border-left: 0.0625rem solid #e2e8f0;
	padding: 1.75rem 1.5rem; overflow-y: auto;
	display: flex; flex-direction: column; gap: 1.75rem;
}
.hs-app-aside-block h3 {
	font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
	letter-spacing: 0.06em; color: #64748b; margin: 0 0 0.875rem;
}
.hs-app-aside-group { margin-bottom: 1rem; }
.hs-app-aside-label { display: block; font-size: 0.72rem; font-weight: 700; color: #94a3b8; margin-bottom: 0.375rem; }
.hs-app-aside-chips { display: flex; flex-wrap: wrap; gap: 0.375rem; }
.hs-app-aside-chip {
	background: #f0fdfa; border: 0.0625rem solid #99f6e4; color: #0f766e;
	border-radius: 999px; padding: 0.25rem 0.625rem; font-size: 0.75rem; font-weight: 600;
}
.hs-app-aside-empty { font-size: 0.78rem; color: #94a3b8; font-style: italic; }
.hs-app-aside-credits {
	display: flex; justify-content: space-between; align-items: center;
	padding: 0.75rem 0.875rem; background: #f8fafc; border: 0.0625rem solid #e2e8f0;
	border-radius: 0.625rem; font-size: 0.82rem; color: #475569; font-weight: 600;
}
.hs-app-aside-credits strong { color: #0f766e; font-size: 0.95rem; }
.hs-app-aside-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.875rem; }
.hs-app-aside-steps li { display: flex; gap: 0.625rem; align-items: flex-start; font-size: 0.82rem; color: #475569; line-height: 1.45; }
.hs-app-aside-steps li svg { color: #0f766e; flex-shrink: 0; margin-top: 0.125rem; }

@media (max-width: 74.9375rem) {
	.hs-app-aside { display: none; }
}
html[dir="rtl"] .hs-app-aside { border-left: none; border-right: 0.0625rem solid #e2e8f0; }

@media (max-width: 48rem) {
	.hs-app-options { grid-template-columns: 1fr 1fr; }
	.hs-app-step-label { display: none; }
	.hs-app-panel { padding: 1.25rem 1rem; }
	.hs-app-topbar { padding: 0.75rem 1rem; }
	.hs-app-nav { padding: 0.75rem 1rem; }
}

/* Try page = full screen app */
.hs-main-app { padding: 0 !important; max-width: 100% !important; margin: 0 !important; min-height: 0 !important; }

/* ─── Language Dropdown ───────────────────────────────────── */
.hs-lang-dropdown { position: relative; }
.hs-lang-current {
	display: flex; align-items: center; gap: 0.375rem; background: transparent; border: 0.0625rem solid #e2e8f0;
	border-radius: 0.5rem; padding: 0.375rem 0.625rem; cursor: pointer; font-size: 0.8rem; font-weight: 600;
	color: #475569; transition: all 0.15s; font-family: inherit;
}
.hs-lang-current:hover { border-color: #0f766e; color: #0f766e; }
.hs-lang-globe { display: flex; align-items: center; }
.hs-lang-code { font-weight: 700; }
.hs-lang-chevron { font-size: 0.7rem; opacity: 0.6; }
.hs-lang-cur { font-weight: 700; color: #0f766e; }
.hs-lang-menu {
	display: none; position: absolute; top: 100%; right: 0; margin-top: 0.375rem;
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.12);
	min-width: 13rem; max-height: 26rem; overflow-y: auto; z-index: 100; padding: 0.375rem;
}
.hs-lang-menu.hs-lang-open { display: block; }
.hs-lang-item {
	display: flex; align-items: center; gap: 0.625rem; padding: 0.5rem 0.75rem; border-radius: 0.5rem;
	font-size: 0.82rem; color: #475569; transition: background 0.1s;
}
.hs-lang-item:hover { background: #f1f5f9; color: #0f172a; }
.hs-lang-item.hs-lang-active { background: #f0fdfa; color: #0f766e; font-weight: 700; }
.hs-lang-item-code { font-weight: 700; min-width: 1.5rem; }
.hs-lang-item-name { font-weight: 500; }
.hs-locale-label {
	padding: 0.625rem 0.75rem 0.25rem; font-size: 0.65rem; font-weight: 700;
	text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8;
}
.hs-locale-currency { padding: 0.25rem 0.375rem 0.375rem; border-top: 0.0625rem solid #f1f5f9; margin-top: 0.375rem; }
.hs-locale-currency .hs-currency-select {
	width: 100%; padding: 0.5rem 0.625rem; border-radius: 0.5rem;
	border: 0.0625rem solid #e2e8f0; background: #f8fafc;
	font-size: 0.82rem; font-weight: 600; color: #475569; cursor: pointer; font-family: inherit;
}
.hs-locale-currency .hs-currency-select:hover { border-color: #0f766e; }
.hs-locale-currency .hs-currency-rate { display: block; padding: 0.375rem 0.375rem 0; font-size: 0.72rem; color: #94a3b8; }
.hs-app-topbar-right { display: flex; align-items: center; gap: 0.75rem; }

/* Try page = no body scroll */
body.hs-intent-try { overflow: hidden !important; height: 100vh !important; }

/* Try wizard form fields */
.hs-app-field-group { margin: 0 0 1.25rem; }
.hs-app-field-label { display: block; font-size: 0.85rem; font-weight: 700; color: #475569; margin-bottom: 0.375rem; }
.hs-app-input {
	width: 100%; padding: 0.75rem 1rem; border: 0.125rem solid #e2e8f0; border-radius: 0.75rem;
	font-size: 0.95rem; background: #fff; transition: border-color 0.15s, box-shadow 0.15s;
	box-sizing: border-box; font-family: inherit;
}
.hs-app-input:focus { outline: none; border-color: #0f766e; box-shadow: 0 0 0 0.1875rem rgba(15,118,110,0.1); }
.hs-app-field-hint { font-size: 0.78rem; color: #94a3b8; margin-top: 0.25rem; }
html:has(body.hs-intent-try) { overflow: hidden !important; }

/* ─── RTL Support (Arabic) ────────────────────────────────────── */
html[dir="rtl"] body {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .hs-header,
html[dir="rtl"] .hs-footer {
	direction: rtl;
}

html[dir="rtl"] .hs-breadcrumb {
	text-align: right;
}

html[dir="rtl"] .hs-breadcrumb-sep::before {
	content: '\\2190'; /* left arrow for RTL */
}

html[dir="rtl"] .hs-nav-chevron {
	transform: scaleX(-1);
}

html[dir="rtl"] .hs-card-icon {
	margin-left: 0;
	margin-right: auto;
}

html[dir="rtl"] .hs-mega-dropdown {
	left: auto;
	right: 0;
}

html[dir="rtl"] .hs-lang-dropdown {
	left: auto;
	right: 0;
}

html[dir="rtl"] .hs-try-topbar {
	direction: rtl;
}

html[dir="rtl"] .hs-try-back {
	transform: scaleX(-1);
}

html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] textarea {
	text-align: right;
}

html[dir="rtl"] .hs-try-step-indicators {
	flex-direction: row-reverse;
}

/* ─── Home hero — split layout with mission console ─────────── */
.hs-hero-home .hs-hero-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
	max-width: 87.5rem;
	margin: 0 auto;
	text-align: left;
}

.hs-hero-home .hs-hero-left { text-align: left; }

.hs-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.875rem;
	border-radius: 62.4375rem;
	background: #f0fdfa;
	border: 0.0625rem solid #99f6e4;
	color: #0f766e;
	font-size: 0.8rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hs-hero-home .hs-hero-heading {
	font-size: 3.2rem;
	line-height: 1.05;
	margin-bottom: 1rem;
}

.hs-hero-home .hs-hero-subtitle {
	font-size: 1.25rem;
	margin-bottom: 1.75rem;
	max-width: none;
}

.hs-hero-home .hs-hero-cta {
	justify-content: flex-start;
	margin-bottom: 1.5rem;
}

.hs-hero-stats {
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
	font-size: 0.85rem;
	color: #64748b;
}

.hs-hero-stats span {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.hs-hero-stats .hs-icon { color: #0f766e; }

/* Mission console mock */
.hs-console {
	background: #0f172a;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 1.5625rem 3.75rem -0.75rem rgba(0,0,0,0.25), 0 0 0 0.0625rem rgba(255,255,255,0.05);
	font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
	font-size: 0.82rem;
	transform: perspective(62.5rem) rotateY(-2deg);
	transition: transform 0.3s ease;
}

.hs-console:hover { transform: perspective(62.5rem) rotateY(0deg); }

.hs-console-header {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.75rem 1rem;
	background: #1e293b;
	border-bottom: 0.0625rem solid #334155;
}

.hs-console-dot {
	width: 0.625rem; height: 0.625rem; border-radius: 50%;
}

.hs-console-dot:nth-child(1) { background: #ef4444; }
.hs-console-dot:nth-child(2) { background: #f59e0b; }
.hs-console-dot:nth-child(3) { background: #22c55e; }

.hs-console-title {
	margin-left: 0.625rem;
	color: #94a3b8;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.hs-console-body { padding: 1.25rem; min-height: 12.5rem; }

.hs-console-prompt {
	color: #14b8a6;
	margin-bottom: 1rem;
	display: flex;
	align-items: baseline;
	gap: 0.25rem;
}

.hs-console-caret { color: #0f766e; font-weight: 700; }

.hs-console-typed {
	color: #e2e8f0;
	min-height: 1.4em;
	display: inline;
}

.hs-console-cursor {
	color: #14b8a6;
	animation: hs-blink 1s step-end infinite;
	font-weight: 300;
}

.hs-console-steps {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.hs-console-step {
	color: #64748b;
	opacity: 0;
	transform: translateX(-0.5rem);
	transition: opacity 0.3s, transform 0.3s;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.hs-console-step.visible {
	opacity: 1;
	transform: translateX(0);
	color: #94a3b8;
}

.hs-console-check {
	color: #22c55e;
	font-weight: 700;
	font-size: 0.75rem;
}

.hs-console-result {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.75rem;
	border-top: 0.0625rem solid #1e293b;
	opacity: 0;
	transition: opacity 0.4s;
}

.hs-console-result.visible { opacity: 1; }

.hs-console-credits {
	color: #f59e0b;
	font-size: 0.75rem;
	font-weight: 600;
}

.hs-console-done {
	color: #22c55e;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

@keyframes hs-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}

/* RTL adjustments for hero */
html[dir="rtl"] .hs-hero-home .hs-hero-split { direction: rtl; }
html[dir="rtl"] .hs-hero-home .hs-hero-left { text-align: right; }
html[dir="rtl"] .hs-hero-home .hs-hero-cta { justify-content: flex-end; }
html[dir="rtl"] .hs-console { direction: ltr; transform: perspective(62.5rem) rotateY(2deg); }
html[dir="rtl"] .hs-console:hover { transform: perspective(62.5rem) rotateY(0deg); }

/* Mobile: stack the split */
@media (max-width: 56.25rem) {
	.hs-hero-home .hs-hero-split {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.hs-hero-home .hs-hero-heading { font-size: 2.4rem; }
	.hs-console { transform: none; }
	.hs-hero-home .hs-hero-cta { justify-content: center; }
	.hs-hero-home .hs-hero-left { text-align: center; }
	.hs-hero-stats { justify-content: center; }
}

/* ─── Comparison table (homepage VS section) ────────────────── */
.hs-section-subtitle {
	text-align: center; color: #64748b; font-size: 1.05rem;
	max-width: 37.5rem; margin: -0.5rem auto 2.5rem;
}

.hs-compare-table {
	max-width: 52rem; margin: 0 auto 2rem;
	border: 0.0625rem solid #e2e8f0; border-radius: 1.25rem; overflow: hidden;
	background: #fff;
	box-shadow: 0 0.25rem 1.5rem rgba(15,23,42,0.06), 0 0.0625rem 0.25rem rgba(15,23,42,0.04);
}

.hs-compare-table-header {
	display: grid; grid-template-columns: 1fr 1.1fr 1.1fr;
	background: #f8fafc; border-bottom: 0.0625rem solid #e2e8f0;
}

.hs-compare-th {
	padding: 1rem 1.25rem; font-weight: 700; font-size: 0.9rem;
	display: flex; align-items: center; justify-content: center; gap: 0.5rem;
}
.hs-compare-th.hs-compare-th-label { justify-content: flex-start; }

.hs-compare-th-traditional { color: #94a3b8; }
.hs-compare-th-traditional .hs-icon { color: #f87171; }

.hs-compare-th-hybrid {
	color: #fff;
	background: linear-gradient(135deg, #0f766e, #0d9488);
	box-shadow: inset 0 -0.1875rem 0 rgba(20,184,166,0.6);
	position: relative;
	padding-top: 1.9rem;
}

.hs-compare-reco {
	position: absolute; top: 0.5rem; left: 50%; transform: translateX(-50%);
	font-size: 0.58rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase;
	background: rgba(255,255,255,0.16); color: #a7f3d0;
	border: 0.0625rem solid rgba(167,243,208,0.4);
	padding: 0.18rem 0.65rem; border-radius: 62.4375rem; white-space: nowrap;
}

.hs-compare-tr {
	display: grid; grid-template-columns: 1fr 1.1fr 1.1fr;
	border-bottom: 0.0625rem solid #f1f5f9;
	transition: background 0.12s;
}
.hs-compare-tr:last-child { border-bottom: none; }
.hs-compare-tr:hover { background: #fafbfc; }
.hs-compare-tr:hover .hs-compare-td-hybrid { background: #ccfbf1; }

.hs-compare-td {
	padding: 1rem 1.25rem; font-size: 0.88rem; line-height: 1.45;
	display: flex; align-items: center;
}

.hs-compare-td-label {
	font-weight: 600; color: #334155; font-size: 0.8rem;
	text-transform: uppercase; letter-spacing: 0.04em;
	gap: 0.5rem;
}
.hs-compare-td-label .hs-icon {
	color: #0f766e; background: #f0fdfa; border-radius: 0.5rem;
	padding: 0.25rem; box-sizing: content-box; flex-shrink: 0;
}

.hs-compare-td-traditional {
	color: #94a3b8;
	position: relative;
	padding-left: 2.125rem;
}
.hs-compare-td-traditional::before {
	content: "✕"; color: #f87171; font-weight: 800;
	position: absolute; left: 1.25rem; font-size: 0.8rem;
}

.hs-compare-td-hybrid {
	color: #134e4a; font-weight: 600;
	position: relative;
	padding-left: 2.25rem;
	background: linear-gradient(180deg, #f0fdfa, #e6f9f3);
	border-left: 0.0625rem solid #99f6e4;
	border-right: 0.0625rem solid #99f6e4;
}
.hs-compare-tr:last-child .hs-compare-td-hybrid {
	box-shadow: inset 0 -0.1875rem 0 #14b8a6;
}
.hs-compare-td-hybrid::before {
	content: "✓"; color: #fff; font-weight: 800;
	position: absolute; left: 1.0625rem; font-size: 0.85rem;
	background: #0f766e; border-radius: 50%;
	width: 1.125rem; height: 1.125rem; line-height: 1.0625rem;
	text-align: center;
}

/* Cost banner */
.hs-compare-banner {
	max-width: 52rem; margin: 0 auto;
	display: flex; align-items: center; justify-content: center;
	gap: 2rem; flex-wrap: wrap;
	padding: 2.25rem 2.5rem;
	background: linear-gradient(135deg, #0f172a 0%, #134e4a 100%);
	border-radius: 1.25rem;
	color: #fff;
	box-shadow: 0 1rem 3rem rgba(15,23,42,0.25);
	position: relative; overflow: hidden;
}
.hs-compare-banner::before {
	content: ""; position: absolute; inset: 0;
	background: radial-gradient(40rem 12rem at 80% -20%, rgba(20,184,166,0.25), transparent);
	pointer-events: none;
}

.hs-compare-banner-old,
.hs-compare-banner-new {
	display: flex; flex-direction: column; align-items: center; gap: 0.375rem;
	position: relative;
}

.hs-compare-banner-old .hs-compare-banner-price {
	font-size: 1.9rem; font-weight: 800; color: #94a3b8;
	text-decoration: line-through; text-decoration-color: #f87171; text-decoration-thickness: 0.1875rem;
}
.hs-compare-banner-old .hs-compare-banner-label {
	font-size: 0.75rem; color: #94a3b8; max-width: 11rem; text-align: center;
}

.hs-compare-banner-new .hs-compare-banner-price {
	font-size: 2.75rem; font-weight: 800; color: #2dd4bf;
	text-shadow: 0 0 2rem rgba(45,212,191,0.4);
}
.hs-compare-banner-new .hs-compare-banner-label {
	font-size: 0.75rem; color: #94a3b8; max-width: 11rem; text-align: center;
}

.hs-compare-banner-vs {
	font-size: 0.8rem; color: #64748b; font-weight: 700;
	border: 0.0625rem solid #334155; border-radius: 50%;
	width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center;
	text-transform: uppercase; letter-spacing: 0.05em;
	position: relative;
}

.hs-compare-banner-save {
	background: linear-gradient(135deg, #2dd4bf, #14b8a6); color: #042f2e;
	padding: 0.5rem 1.25rem; border-radius: 62.4375rem;
	font-weight: 800; font-size: 0.95rem;
	white-space: nowrap;
	box-shadow: 0 0.5rem 1.5rem rgba(20,184,166,0.4);
	position: relative;
}

/* RTL */
html[dir="rtl"] .hs-compare-td-traditional,
html[dir="rtl"] .hs-compare-td-hybrid {
	padding-left: 1.25rem;
	padding-right: 2.125rem;
}
html[dir="rtl"] .hs-compare-td-traditional::before {
	left: auto; right: 1.25rem;
}
html[dir="rtl"] .hs-compare-td-hybrid::before {
	left: auto; right: 1.0625rem;
}

/* Mobile */
@media (max-width: 40rem) {
	.hs-compare-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.hs-compare-table-header,
	.hs-compare-tr {
		grid-template-columns: 0.8fr 1fr 1fr;
		min-width: 32rem;
	}
	.hs-compare-td { padding: 0.75rem 0.75rem; }
	.hs-compare-td-traditional { padding-left: 1.625rem; }
	.hs-compare-td-traditional::before { left: 0.625rem; }
	.hs-compare-td-hybrid { padding-left: 1.875rem; }
	.hs-compare-td-hybrid::before { left: 0.75rem; }
	.hs-compare-banner {
		flex-direction: column; gap: 0.75rem; text-align: center;
	}
	.hs-compare-banner-vs { transform: rotate(90deg); }
}

/* ─── Discovery section — capabilities grid ─────────────────── */
.hs-capabilities-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: 1rem;
	max-width: 62.5rem;
	margin: 0 auto 2.5rem;
}

.hs-cap-card {
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 0.625rem;
	padding: 1.25rem;
	text-align: center;
	transition: all 0.15s;
}

.hs-cap-card:hover {
	border-color: #0f766e;
	box-shadow: 0 0.125rem 0.75rem rgba(15,118,110,0.08);
	transform: translateY(-0.125rem);
}

.hs-cap-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 0.75rem;
	background: #f0fdfa;
	color: #0f766e;
	margin-bottom: 0.75rem;
}

.hs-cap-card h4 {
	font-size: 0.95rem;
	font-weight: 700;
	margin-bottom: 0.375rem;
	color: #0f172a;
}

.hs-cap-card p {
	font-size: 0.8rem;
	color: #64748b;
	line-height: 1.5;
	margin: 0;
}

/* Source groups */
.hs-source-groups {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
	gap: 1.5rem;
	max-width: 56.25rem;
	margin: 0 auto 1.25rem;
	text-align: left;
}

.hs-source-group h5 {
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #475569;
	margin-bottom: 0.625rem;
}

.hs-source-group .hs-source-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

/* RTL */
html[dir="rtl"] .hs-cap-card { text-align: center; }
html[dir="rtl"] .hs-source-groups { text-align: right; }

/* Mobile */
@media (max-width: 40rem) {
	.hs-capabilities-grid { grid-template-columns: 1fr 1fr; }
	.hs-source-groups { grid-template-columns: 1fr; }
}

/* ─── Comparison table improvements ─────────────────────────── */
.hs-compare-td-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.hs-compare-td-label .hs-icon {
	color: #0f766e;
	flex-shrink: 0;
}
.hs-compare-td-hybrid {
	font-weight: 600;
	color: #134e4a;
}
.hs-compare-td-hybrid::before {
	content: "✓";
	color: #0f766e;
	font-weight: 700;
	font-size: 0.7rem;
}
.hs-compare-banner {
	position: relative;
	overflow: hidden;
}
.hs-compare-banner::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 18.75rem;
	height: 18.75rem;
	background: radial-gradient(circle, rgba(20,184,166,0.15) 0%, transparent 70%);
	border-radius: 50%;
}
.hs-compare-banner-save {
	position: relative;
	z-index: 1;
}

/* ─── Info cards (How it works / Channels / Credits) ────────── */
.hs-info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
	gap: 1.25rem;
	max-width: 56.25rem;
	margin: 0 auto;
}
.hs-info-card {
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 0.75rem;
	padding: 1.75rem 1.5rem;
	text-align: center;
	transition: all 0.15s;
}
.hs-info-card:hover {
	border-color: #0f766e;
	box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.08);
}
.hs-info-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 0.75rem;
	background: #f0fdfa;
	color: #0f766e;
	margin-bottom: 0.75rem;
}
.hs-info-card h4 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: #0f172a;
}
.hs-info-card p {
	font-size: 0.85rem;
	color: #64748b;
	line-height: 1.6;
	margin: 0;
}
.hs-info-card a {
	color: #0f766e;
	font-weight: 600;
}

/* Mission pipeline — horizontal step flow with connecting line */
.hs-pipeline {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.25rem;
	max-width: 68.75rem;
	margin: 2rem auto 0;
	position: relative;
}
.hs-pipeline::before {
	content: '';
	position: absolute;
	top: 1.5rem;
	left: 10%;
	right: 10%;
	height: 0.125rem;
	background: linear-gradient(90deg, #ccfbf1, #0f766e, #ccfbf1);
	border-radius: 0.0625rem;
}
.hs-pipe-step {
	text-align: center;
	position: relative;
}
.hs-pipe-num {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #fff;
	border: 0.125rem solid #0f766e;
	color: #0f766e;
	font-weight: 800;
	font-size: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.75rem;
	position: relative;
	z-index: 1;
	transition: all 0.2s;
}
.hs-pipe-step:hover .hs-pipe-num {
	background: #0f766e;
	color: #fff;
	box-shadow: 0 0.25rem 0.875rem rgba(15,118,110,0.25);
}
.hs-pipe-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.625rem;
	background: #f0fdfa;
	color: #0f766e;
	margin-bottom: 0.625rem;
}
.hs-pipe-step h4 {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 0.375rem;
}
.hs-pipe-step p {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.55;
	margin: 0;
}

/* Feature pills below pipeline */
.hs-feature-pills {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2.25rem;
}
.hs-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #f0fdfa;
	border: 0.0625rem solid #ccfbf1;
	border-radius: 62.5rem;
	padding: 0.625rem 1.125rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #134e4a;
	text-decoration: none;
	transition: all 0.15s;
}
.hs-pill .hs-icon { flex-shrink: 0; }
a.hs-pill-link:hover {
	background: #0f766e;
	border-color: #0f766e;
	color: #fff;
}
a.hs-pill-link:hover .hs-icon { color: #fff; }

@media (max-width: 48em) {
	.hs-pipeline {
		grid-template-columns: 1fr;
		gap: 0;
		max-width: 24rem;
	}
	.hs-pipeline::before {
		top: 0;
		bottom: 0;
		left: 1.5rem;
		right: auto;
		width: 0.125rem;
		height: auto;
		background: linear-gradient(180deg, #ccfbf1, #0f766e, #ccfbf1);
	}
	.hs-pipe-step {
		display: grid;
		grid-template-columns: 3rem 1fr;
		column-gap: 1rem;
		text-align: left;
		align-items: start;
		padding: 0.875rem 0;
	}
	.hs-pipe-num { margin: 0; grid-row: span 3; }
	.hs-pipe-icon { display: none; }
	.hs-pipe-step h4 { margin-top: 0.125rem; }
}

/* Inner page hero — simple, no SVG background */
.hs-hero-inner-page {
	background: linear-gradient(135deg, #f8fafc 0%, #f0fdfa 50%, #ecfdf5 100%);
	padding: 8rem 0 3.5rem;
	border-bottom: 0.0625rem solid #e2e8f0;
	position: relative;
	overflow: hidden;
}
.hs-hero-inner-page::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 25rem;
	height: 25rem;
	background: radial-gradient(circle, rgba(15,118,110,0.08) 0%, transparent 70%);
	border-radius: 50%;
}
.hs-hero-inner-page .hs-hero-inner {
	max-width: 75rem;
	margin: 0 auto;
	padding: 0 3rem;
	text-align: center;
	position: relative;
	z-index: 1;
}
.hs-hero-inner-page .hs-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 1.25rem;
	padding: 0.375rem 0.875rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #0f766e;
	margin-bottom: 1rem;
}
.hs-hero-inner-page .hs-hero-heading {
	font-size: 2.5rem;
	font-weight: 800;
	margin-bottom: 0.75rem;
	color: #0f172a;
	letter-spacing: -0.02em;
}
.hs-hero-inner-page .hs-hero-subtitle {
	font-size: 1.15rem;
	color: #64748b;
	margin-bottom: 1.5rem;
	line-height: 1.6;
}
.hs-hero-inner-page .hs-hero-cta {
	justify-content: center;
	gap: 0.75rem;
}
.hs-hero-inner-page .hs-hero-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 1.5rem;
	font-size: 0.85rem;
	color: #64748b;
}
.hs-hero-inner-page .hs-hero-stats .hs-icon {
	color: #0f766e;
	margin-right: 0.25rem;
}
@media (max-width: 48rem) {
	.hs-hero-inner-page { padding: 6.5rem 0 2.5rem; min-height: 55vh; }
	.hs-hero-inner-page .hs-hero-heading { font-size: 1.75rem; }
	.hs-hero-inner-page .hs-hero-stats { flex-direction: column; gap: 0.5rem; }
}

/* ─── Simple CTA block (non-homepage) ───────────────────────── */
.hs-cta-simple {
	background: #f8fafc;
	border-top: 0.0625rem solid #e2e8f0;
	text-align: center;
	padding: 4rem 0;
}
.hs-cta-simple h2 {
	margin-bottom: 0.5rem;
}
.hs-cta-simple .hs-section-subtitle {
	margin-bottom: 1.5rem;
}

/* ─── Mission grid (service pages) ──────────────────────────── */
.hs-mission-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
	gap: 1.25rem;
	margin-top: 1.5rem;
}
.hs-mission-card {
	background: #fff;
	border: 0.0625rem solid #e2e8f0;
	border-radius: 0.75rem;
	overflow: hidden;
	transition: all 0.15s;
}
.hs-mission-card:hover {
	border-color: #0f766e;
	box-shadow: 0 0.25rem 1rem rgba(15,118,110,0.08);
}
.hs-mission-card-header {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.625rem 0.875rem;
	background: #0f172a;
	color: #94a3b8;
	font-size: 0.75rem;
	font-family: monospace;
}
.hs-mission-card-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #334155;
}
.hs-mission-card-dot:nth-child(1) { background: #ef4444; }
.hs-mission-card-dot:nth-child(2) { background: #f59e0b; }
.hs-mission-card-dot:nth-child(3) { background: #22c55e; }
.hs-mission-card-title {
	margin-left: auto;
	color: #94a3b8;
	font-size: 0.7rem;
}
.hs-mission-card-body {
	padding: 1rem;
}
.hs-mission-card-prompt {
	font-size: 0.85rem;
	color: #334155;
	line-height: 1.6;
	margin-bottom: 0.75rem;
	font-style: italic;
}
.hs-mission-card-steps {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	margin-bottom: 0.75rem;
}
.hs-mission-step {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: #64748b;
}
.hs-mission-step .hs-icon {
	color: #0f766e;
	flex-shrink: 0;
}
.hs-mission-card-result {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0.75rem;
	border-top: 0.0625rem solid #f1f5f9;
}
.hs-mission-card-credits {
	font-size: 0.75rem;
	font-weight: 600;
	color: #0f766e;
}
.hs-mission-card-status {
	font-size: 0.7rem;
	font-weight: 600;
	color: #16a34a;
	background: #f0fdf4;
	padding: 0.125rem 0.5rem;
	border-radius: 0.625rem;
}

/* ─── FAQ Layout — sticky sidebar ──────────────────────────── */
.hs-faq-layout {
	display: grid;
	grid-template-columns: 15rem 1fr;
	gap: 2rem;
	max-width: 75rem;
	margin: 0 auto;
}
.hs-faq-sidebar {
	position: sticky;
	top: 2rem;
	align-self: start;
}
.hs-faq-nav {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.hs-faq-nav .hs-faq-cat-btn {
	text-align: left;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	border: 0.0625rem solid #e2e8f0;
	background: #fff;
	font-size: 0.85rem;
	font-weight: 500;
	color: #334155;
	cursor: pointer;
	transition: all 0.15s;
}
.hs-faq-nav .hs-faq-cat-btn:hover {
	border-color: #0f766e;
	color: #0f766e;
}
.hs-faq-nav .hs-faq-cat-btn.active {
	background: #0f766e;
	color: #fff;
	border-color: #0f766e;
}
.hs-faq-main {
	min-width: 0;
}
@media (max-width: 48rem) {
	.hs-faq-layout {
		grid-template-columns: 1fr;
	}
	.hs-faq-sidebar {
		position: static;
	}
	.hs-faq-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

/* ─── Compare Table (detail pages) ─────────────────────────── */
.hs-compare-header {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	background: #f8fafc;
	border-bottom: 0.125rem solid #e2e8f0;
}
.hs-compare-feature {
	padding: 1rem;
	font-weight: 600;
	color: #334155;
	font-size: 0.9rem;
}
.hs-compare-col {
	padding: 1.5rem 1rem;
	text-align: center;
}
.hs-compare-col h3 {
	font-size: 1.1rem;
	margin: 0.5rem 0 0;
}
.hs-compare-traditional {
	background: #fafafa;
	color: #94a3b8;
}
.hs-compare-traditional .hs-compare-icon { background: #fee2e2; color: #dc2626; }
.hs-compare-hybrid {
	background: linear-gradient(135deg, #0f766e, #0d9488);
	color: #fff;
}
.hs-compare-hybrid .hs-compare-icon { background: rgba(255,255,255,0.2); color: #fff; }
.hs-compare-icon {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.5);
}
.hs-compare-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	border-bottom: 0.0625rem solid #f1f5f9;
}
.hs-compare-row:last-child { border-bottom: none; }
.hs-compare-row:hover .hs-compare-cell-h { background: #ccfbf1; }
.hs-compare-cell {
	padding: 1rem;
	font-size: 0.85rem;
	line-height: 1.5;
}
.hs-compare-cell-t {
	background: #fafafa;
	color: #94a3b8;
}
.hs-compare-cell-h {
	background: #f0fdfa;
	font-weight: 500; color: #134e4a;
	color: #0f766e;
	font-weight: 500;
}
.hs-compare-feature-icon {
	display: inline-flex;
	margin-right: 0.5rem;
	color: #0f766e;
}
@media (max-width: 48rem) {
	.hs-compare-header, .hs-compare-row {
		grid-template-columns: 1fr;
	}
	.hs-compare-feature { border-bottom: 0.0625rem solid #e2e8f0; }
	.hs-compare-col { padding: 1rem; }
}

/* ─── Option credits ───────────────────────────────────────── */
.hs-app-option-credits {
	font-size: 0.7rem;
	color: #94a3b8;
	margin-left: auto;
	font-weight: 500;
}
.hs-app-option input:checked + .hs-app-option-card .hs-app-option-credits {
	color: #0f766e;
}

/* ─── Currency select in header ──────────────────────────────── */
/* ─── Bento grid — feature cards with variable spans ────────── */
.hs-bento { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1.5rem; }
.hs-bento-card { display: flex; flex-direction: column; }
.hs-bento-wide { grid-column: span 2; }
@media (max-width: 56rem) { .hs-bento { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 36rem) { .hs-bento { grid-template-columns: 1fr; } .hs-bento-wide { grid-column: auto; } }

/* ─── Burger + mobile nav ────────────────────────────────────── */
.hs-burger {
	display: none; flex-direction: column; justify-content: center; gap: 0.28125rem;
	background: none; border: none; padding: 0.5rem; cursor: pointer;
}
.hs-burger span {
	display: block; width: 1.25rem; height: 0.125rem;
	background: #0f172a; border-radius: 0.0625rem; transition: all 0.2s;
}
.hs-burger-open span:nth-child(1) { transform: translateY(0.40625rem) rotate(45deg); }
.hs-burger-open span:nth-child(2) { opacity: 0; }
.hs-burger-open span:nth-child(3) { transform: translateY(-0.40625rem) rotate(-45deg); }
.hs-mobile-nav { display: none; }

@media (max-width: 80rem) {
	.hs-nav-optional { display: none; }
	.hs-burger { display: flex; }
	.hs-mobile-nav {
		display: block; position: fixed; top: 3.5rem; left: 0; right: 0; bottom: 0;
		background: rgba(255,255,255,0.98); backdrop-filter: blur(0.5rem); z-index: 99;
		transform: translateY(-0.5rem); opacity: 0; visibility: hidden;
		transition: all 0.2s ease;
	}
	.hs-mobile-nav.hs-mnav-open { transform: none; opacity: 1; visibility: visible; }
	.hs-mnav-scroll { height: 100%; overflow-y: auto; padding: 0.5rem 1.5rem 4rem; }
	.hs-mnav-group summary {
		display: flex; align-items: center; justify-content: space-between;
		padding: 0.875rem 0; font-weight: 600; font-size: 0.95rem; color: #0f172a;
		cursor: pointer; list-style: none; border-bottom: 0.0625rem solid #f1f5f9;
	}
	.hs-mnav-group summary::-webkit-details-marker { display: none; }
	.hs-mnav-group[open] summary .hs-nav-chevron { transform: rotate(180deg); }
	.hs-mnav-links { display: flex; flex-direction: column; padding: 0.375rem 0 0.75rem; }
	.hs-mnav-links a { padding: 0.5rem 0.75rem; color: #475569; font-size: 0.875rem; border-radius: 0.375rem; }
	.hs-mnav-links a:hover { background: #f0fdfa; color: #0f766e; text-decoration: none; }
	.hs-mnav-link {
		display: block; padding: 0.875rem 0; font-weight: 600; font-size: 0.95rem;
		color: #0f172a; border-bottom: 0.0625rem solid #f1f5f9;
	}
	.hs-mnav-cta { display: flex; gap: 0.75rem; padding-top: 1.25rem; }
	.hs-mnav-cta .hs-btn { flex: 1; justify-content: center; }
}

@media (max-width: 64rem) {
	.hs-nav { display: none; }
}

@media (max-width: 40rem) {
	.hs-header-cta .hs-btn-ghost { display: none; }
}

/* ─── Grouped card indexes (use-cases / integrations) ──────── */
.hs-uc-jump {
	display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem;
}
.hs-uc-group {
	display: flex; align-items: center; gap: 0.75rem;
	margin: 2.5rem 0 1.25rem; font-size: 1.15rem; color: #0f172a;
	padding-bottom: 0.75rem; border-bottom: 0.125rem solid #ccfbf1;
	scroll-margin-top: 6rem;
}
.hs-uc-group:first-of-type { margin-top: 0; }
.hs-uc-group-count {
	font-size: 0.72rem; font-weight: 700; color: #0f766e;
	background: #f0fdfa; border: 0.0625rem solid #99f6e4;
	border-radius: 62.4375rem; padding: 0.125rem 0.625rem;
}
.hs-uc-card-cta {
	margin-top: auto; padding-top: 0.75rem;
	font-size: 0.8rem; font-weight: 600; color: #0f766e;
}
.hs-service-card-uc { display: flex; flex-direction: column; }

/* ─── Tabs (pricing mission categories) ────────────────────── */
.hs-tabs {
	display: flex; gap: 0.5rem; flex-wrap: wrap;
	margin: 1.75rem 0 1rem; justify-content: center;
}
.hs-tab {
	padding: 0.5rem 1.125rem; border-radius: 62.4375rem; cursor: pointer;
	border: 0.0625rem solid #e2e8f0; background: #fff;
	font-size: 0.82rem; font-weight: 600; color: #475569;
	font-family: inherit; transition: all 0.15s;
}
.hs-tab:hover { border-color: #0f766e; color: #0f766e; }
.hs-tab.active { background: #0f766e; border-color: #0f766e; color: #fff; }
.hs-mex-panel { margin-top: 1.5rem; }

/* ─── Pricing card example line ────────────────────────────── */
.hs-pricing-example {
	font-size: 0.75rem; color: #64748b; line-height: 1.5;
	border-top: 0.0625rem dashed #e2e8f0; padding-top: 0.75rem;
	margin: 0 0 1rem;
}
.hs-pricing-example span { font-weight: 700; color: #94a3b8; text-transform: uppercase; font-size: 0.65rem; letter-spacing: 0.05em; display: block; margin-bottom: 0.125rem; }

/* ─── Pricing tier detail — sticky sidebar layout ──────────── */
.hs-tier-layout {
	display: grid; grid-template-columns: 1fr 17.5rem; gap: 3rem;
	align-items: start;
}
.hs-tier-h2 { margin-top: 3rem; }
.hs-tier-aside { position: sticky; top: 5.5rem; }
.hs-tier-aside-card {
	background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 1rem;
	padding: 1.25rem; box-shadow: 0 0.25rem 1rem rgba(15,23,42,0.05);
}
.hs-tier-aside-card h3 { font-size: 0.95rem; margin: 0 0 0.75rem; color: #0f172a; }
.hs-tier-aside-plan {
	display: flex; flex-direction: column; gap: 0.125rem;
	padding: 0.625rem 0.75rem; border-radius: 0.625rem;
	border: 0.0625rem solid #f1f5f9; margin-bottom: 0.5rem;
	transition: all 0.15s;
}
.hs-tier-aside-plan:hover { border-color: #0f766e; background: #f0fdfa; text-decoration: none; }
.hs-tier-aside-name { font-weight: 700; font-size: 0.85rem; color: #0f172a; }
.hs-tier-aside-price { font-size: 0.78rem; font-weight: 600; color: #0f766e; }
.hs-tier-aside-credits { font-size: 0.72rem; color: #94a3b8; }
.hs-tier-aside-all {
	display: block; text-align: center; font-size: 0.8rem; font-weight: 600;
	color: #0f766e; padding: 0.5rem 0 0.875rem;
}
@media (max-width: 64rem) {
	.hs-tier-layout { grid-template-columns: 1fr; }
	.hs-tier-aside { position: static; order: -1; }
	.hs-tier-aside-card { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
	.hs-tier-aside-card h3 { width: 100%; margin-bottom: 0.25rem; }
	.hs-tier-aside-plan { flex: 1; min-width: 9rem; margin-bottom: 0; }
	.hs-tier-aside-all { padding: 0.5rem; }
	.hs-tier-aside-card .hs-btn { width: auto; }
}

/* ─── Changelog note ─────────────────────────────────────────── */
.hs-cl-note { margin-top: 1.5rem; font-size: 0.82rem; color: #64748b; max-width: 44rem; }

/* ─── Signup actions + login card ───────────────────────────── */
.hs-signup-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 2rem; }
.hs-login-card {
	display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;
	background: #f0fdfa; border: 0.0625rem solid #99f6e4; border-radius: 1rem;
	padding: 1.5rem 1.75rem;
}
.hs-login-card-text { flex: 1; min-width: 16rem; }
.hs-login-card-text h3 { margin: 0 0 0.375rem; font-size: 1.05rem; color: #0f172a; }
.hs-login-card-text p { margin: 0; font-size: 0.875rem; color: #475569; line-height: 1.6; }
.hs-login-card .hs-card-icon { margin: 0; }
@media (max-width: 40rem) {
	.hs-login-card { flex-direction: column; align-items: flex-start; }
	.hs-login-card .hs-btn { width: 100%; justify-content: center; }
}