*::before,
			*::after {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			:root {
				--white: #ffffff;
				--off-white: #f8f9fa;
				--black: #0a0a0a;
				--ink: #0f1117;
				--mid: #6b6b6b;
				--light: #e8e6e1;
				--teal: #087a6b;
				--teal-light: #e3f3f0;
				--teal-mid: #065e52;
				--font: 'Plus Jakarta Sans', sans-serif;
				--mono: 'IBM Plex Mono', monospace;
				--red: #c0392b;
				--red-light: #fdf2f2;
				--red-border: #f5c6c6;
			}
			button:focus-visible {
				outline: 2px solid var(--teal);
				outline-offset: 3px;
				border-radius: 2px;
			}
			.nav-links a.active {
				color: var(--ink);
			}
			.btn-coming-soon {
				font-size: 13px;
				font-weight: 600;
				color: var(--mid);
				padding: 8px 18px;
				border: 1.5px solid var(--light);
				border-radius: 100px;
				cursor: default;
				opacity: 0.7;
				display: flex;
				align-items: center;
				gap: 7px;
				white-space: nowrap;
			}
			.btn-coming-soon-dot {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: var(--teal);
				opacity: 0.5;
				flex-shrink: 0;
			}
			.btn-nav-signin:focus-visible {
				outline: 2px solid var(--teal);
				outline-offset: 3px;
				border-radius: 4px;
			}
			.btn-nav-outline:focus-visible {
				outline: 2px solid var(--teal);
				outline-offset: 2px;
			}
			.nav-drawer.is-open {
				display: block;
			}
			@keyframes drawerIn {
				from {
					opacity: 0;
					transform: scaleY(0.95);
				}
				to {
					opacity: 1;
					transform: scaleY(1);
				}
			}
			.drawer-coming-soon {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				font-size: 13px;
				font-weight: 600;
				color: var(--mid);
				border: 1.5px solid var(--light);
				border-radius: 100px;
				padding: 10px 16px;
				opacity: 0.7;
				cursor: default;
			}
			.drawer-coming-soon-dot {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: var(--teal);
				opacity: 0.5;
				flex-shrink: 0;
			}
			.drawer-signin:hover {
				color: var(--ink);
			}
			.d1 {
				transition-delay: 0.12s;
			}
			.d2 {
				transition-delay: 0.22s;
			}
			.d3 {
				transition-delay: 0.32s;
			}
			@media (prefers-reduced-motion: reduce) {
				*::before,
				*::after {
					animation-duration: 0.01ms !important;
					animation-iteration-count: 1 !important;
					transition-duration: 0.01ms !important;
				}
				.hero-tag,
				.hero-h1,
				.hero-sub,
				.hero-credit {
					opacity: 1;
					animation: none;
				}
			}

			/* BUTTONS */
			.btn-primary {
				font-size: 15px;
				font-weight: 700;
				color: var(--white);
				background: var(--teal);
				text-decoration: none;
				padding: 14px 32px;
				border-radius: 100px;
				transition:
					background 0.18s,
					transform 0.12s;
				display: inline-block;
				border: none;
				cursor: pointer;
			}
			.btn-primary:hover {
				background: var(--teal-mid);
				transform: translateY(-2px);
			}
			.btn-secondary {
				font-size: 15px;
				font-weight: 600;
				color: var(--ink);
				text-decoration: none;
				padding: 14px 32px;
				border-radius: 100px;
				border: 1.5px solid var(--light);
				transition:
					border-color 0.18s,
					transform 0.12s;
				display: inline-block;
			}
			.btn-secondary:hover {
				border-color: #aaa;
				transform: translateY(-2px);
			}

			/* BREADCRUMB */
			.breadcrumb-wrap {
				padding-top: 96px;
			}
			.breadcrumb {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
				display: flex;
				align-items: center;
				gap: 8px;
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.08em;
				color: var(--mid);
			}

			/* SECTIONS */
			.section-tag {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.14em;
				text-transform: uppercase;
				color: var(--teal);
				margin-bottom: 16px;
			}
			.section-h2 {
				font-size: clamp(28px, 3vw, 42px);
				font-weight: 800;
				line-height: 1.1;
				letter-spacing: -0.03em;
				color: var(--black);
				margin-bottom: 16px;
				max-width: 640px;
			}
			.section-sub {
				font-size: 17px;
				line-height: 1.7;
				color: var(--mid);
				max-width: 560px;
				margin-bottom: 48px;
			}

			/* HERO */
			.hero-section {
				padding: 32px 0 80px;
				background: var(--white);
			}
			.hero {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.hero-tag {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--teal);
				background: var(--teal-light);
				padding: 6px 14px;
				border-radius: 100px;
				margin-bottom: 32px;
				opacity: 0;
				animation: fadeUp 0.7s ease 0.1s forwards;
			}
			.hero-tag::before {
				content: '';
				width: 6px;
				height: 6px;
				background: var(--teal);
				border-radius: 50%;
				flex-shrink: 0;
			}
			.hero-h1 {
				font-size: clamp(40px, 5vw, 68px);
				font-weight: 800;
				line-height: 1.05;
				letter-spacing: -0.035em;
				color: var(--black);
				margin-bottom: 24px;
				max-width: 740px;
				opacity: 0;
				animation: fadeUp 0.8s ease 0.2s forwards;
			}
			.hero-h1 em {
				font-style: normal;
				color: var(--teal);
			}
			.hero-sub {
				font-size: 18px;
				line-height: 1.7;
				color: var(--mid);
				max-width: 600px;
				opacity: 0;
				animation: fadeUp 0.8s ease 0.35s forwards;
			}

			/* HERO CREDIT PILL */
			.hero-credit {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				margin-top: 28px;
				padding: 10px 20px;
				background: var(--teal-light);
				border: 1px solid rgba(8, 122, 107, 0.18);
				border-radius: 100px;
				font-family: var(--mono);
				font-size: 13px;
				letter-spacing: 0.02em;
				color: var(--teal);
				font-weight: 600;
				opacity: 0;
				animation: fadeUp 0.8s ease 0.5s forwards;
			}
			.hero-credit-amount {
				font-family: var(--font);
				font-weight: 800;
				font-size: 15px;
				color: var(--teal-mid);
			}

			/* RATE CARDS */
			.rates {
				padding: 80px 0;
				background: var(--off-white);
				border-top: 1px solid var(--light);
				border-bottom: 1px solid var(--light);
			}
			.rates-inner {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.rates-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 16px;
				margin-bottom: 32px;
			}
			.rate-card {
				background: var(--white);
				border: 1px solid var(--light);
				border-radius: 14px;
				padding: 28px 24px;
				transition:
					box-shadow 0.25s,
					transform 0.2s;
			}
			/* Top rate row — pipelines/automations/AI — keep price lines aligned regardless of desc length */
			.rates-grid-top .rate-card {
				display: flex;
				flex-direction: column;
			}
			.rates-grid-top .rate-desc {
				flex-grow: 1;
			}

			/* INDUSTRY PRESETS */
			.industry-cta {
				text-align: center;
				margin: 8px 0 32px;
			}
			.industry-cta-btn {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				font-size: 14px;
				font-weight: 600;
				color: var(--teal-mid);
				background: var(--teal-light);
				border: 1.5px solid rgba(8, 122, 107, 0.22);
				padding: 11px 22px;
				border-radius: 100px;
				text-decoration: none;
				transition:
					background 0.18s,
					transform 0.12s,
					border-color 0.18s;
				cursor: pointer;
			}
			.industry-cta-btn::before {
				content: '';
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: var(--teal);
			}
			.industry-cta-btn:hover {
				background: #d3ece7;
				border-color: var(--teal);
				transform: translateY(-2px);
			}
			.preset-bar {
				background: var(--teal-light);
				border: 1px solid rgba(8, 122, 107, 0.18);
				border-radius: 14px;
				padding: 22px 26px;
				margin: 0 0 28px;
				scroll-margin-top: 88px;
			}
			.preset-bar-label {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--teal-mid);
				margin-bottom: 14px;
			}
			.preset-bar-buttons {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}
			.preset-btn {
				font-family: var(--font);
				font-size: 14px;
				font-weight: 600;
				color: var(--ink);
				background: var(--white);
				border: 1.5px solid var(--light);
				padding: 10px 18px;
				border-radius: 100px;
				cursor: pointer;
				transition:
					border-color 0.18s,
					background 0.18s,
					color 0.18s,
					transform 0.12s;
			}
			.preset-btn:hover {
				border-color: var(--teal);
				color: var(--teal);
				transform: translateY(-1px);
			}
			.preset-btn.active {
				background: var(--teal);
				color: var(--white);
				border-color: var(--teal);
			}
			.preset-btn-custom {
				border-style: dashed;
			}
			.rate-card:hover {
				box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
				transform: translateY(-2px);
			}
			.rate-icon {
				width: 40px;
				height: 40px;
				border: 1px solid var(--light);
				border-radius: 8px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 16px;
				background: var(--white);
			}
			.rate-icon svg {
				width: 20px;
				height: 20px;
				stroke: var(--teal);
				fill: none;
				stroke-width: 1.75;
				stroke-linecap: round;
				stroke-linejoin: round;
			}
			.rate-name {
				font-size: 15px;
				font-weight: 700;
				color: var(--black);
				margin-bottom: 4px;
			}
			.rate-desc {
				font-size: 13px;
				color: var(--mid);
				line-height: 1.5;
				margin-bottom: 16px;
			}
			.rate-price {
				display: flex;
				align-items: baseline;
				gap: 6px;
				padding: 12px 0;
				border-top: 1px solid var(--light);
			}
			.rate-amount {
				font-size: 28px;
				font-weight: 800;
				letter-spacing: -0.03em;
				color: var(--black);
			}
			.rate-unit {
				font-size: 13px;
				color: var(--mid);
				font-family: var(--mono);
			}
			.rate-minute {
				font-family: var(--mono);
				font-size: 12px;
				color: var(--teal);
				margin-top: 4px;
			}

			/* COMPUTE TABLE */
			.compute-table-wrap {
				background: var(--white);
				border: 1px solid var(--light);
				border-radius: 14px;
				overflow: hidden;
			}
			.compute-table {
				width: 100%;
				border-collapse: collapse;
				font-size: 14px;
			}
			.compute-table thead {
				background: var(--off-white);
			}
			.compute-table th {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: var(--mid);
				font-weight: 600;
				padding: 14px 16px;
				text-align: left;
				border-bottom: 1px solid var(--light);
			}
			.compute-table td {
				padding: 14px 16px;
				border-bottom: 1px solid var(--light);
				color: var(--ink);
			}
			.compute-table tr:last-child td {
				border-bottom: none;
			}
			.compute-table .size-name {
				font-weight: 700;
				color: var(--black);
			}
			.compute-table .price-cell {
				font-family: var(--mono);
				font-weight: 600;
				color: var(--teal);
			}
			.compute-table .specs {
				font-family: var(--mono);
				font-size: 12px;
				color: var(--mid);
			}
			.compute-note {
				font-size: 13px;
				color: var(--mid);
				margin-top: 16px;
				line-height: 1.6;
			}

			/* BUILDER / ESTIMATOR */
			.builder {
				padding: 80px 0;
				background: var(--white);
			}
			.builder-inner {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.builder-layout {
				display: grid;
				grid-template-columns: 1fr 380px;
				gap: 40px;
				align-items: start;
			}
			.builder-controls {
				display: flex;
				flex-direction: column;
				gap: 0;
			}
			.builder-group {
				padding: 24px 0;
				border-bottom: 1px solid var(--light);
			}
			.builder-group:first-child {
				padding-top: 0;
			}
			.builder-group:last-child {
				border-bottom: none;
			}
			.builder-group-header {
				display: flex;
				align-items: center;
				gap: 10px;
				margin-bottom: 16px;
			}
			.builder-group-icon {
				width: 32px;
				height: 32px;
				border: 1px solid var(--light);
				border-radius: 6px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
			}
			.builder-group-icon svg {
				width: 16px;
				height: 16px;
				stroke: var(--teal);
				fill: none;
				stroke-width: 1.75;
				stroke-linecap: round;
				stroke-linejoin: round;
			}
			.builder-group-name {
				font-size: 14px;
				font-weight: 700;
				color: var(--black);
			}
			.builder-row {
				display: grid;
				grid-template-columns: 1fr 100px;
				gap: 12px;
				align-items: center;
				margin-bottom: 12px;
			}
			/* Rows that contain a dropdown need wider right column to fit option labels */
			.builder-row:has(.builder-select) {
				grid-template-columns: 1fr minmax(180px, 220px);
			}
			.builder-label {
				font-size: 13px;
				color: var(--mid);
			}
			.builder-input {
				font-family: var(--mono);
				font-size: 14px;
				color: var(--ink);
				text-align: right;
				padding: 8px 12px;
				border: 1px solid var(--light);
				border-radius: 8px;
				background: var(--off-white);
				width: 100%;
				transition: border-color 0.18s;
			}
			.builder-input:focus {
				border-color: var(--teal);
				outline: none;
				background: var(--white);
			}
			.builder-select {
				font-family: var(--mono);
				font-size: 14px;
				color: var(--ink);
				padding: 8px 12px;
				border: 1px solid var(--light);
				border-radius: 8px;
				background: var(--off-white);
				width: 100%;
				cursor: pointer;
				transition: border-color 0.18s;
				appearance: auto;
			}
			.builder-select:focus {
				border-color: var(--teal);
				outline: none;
			}
			.builder-subtotal {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 8px;
			}
			.builder-subtotal-label {
				font-size: 12px;
				color: var(--mid);
				font-family: var(--mono);
			}
			.builder-subtotal-val {
				font-size: 14px;
				font-weight: 700;
				color: var(--ink);
				font-family: var(--mono);
			}

			/* BUILDER SUMMARY */
			.builder-summary {
				position: sticky;
				top: 88px;
				background: var(--off-white);
				border: 1px solid var(--light);
				border-radius: 16px;
				padding: 32px 28px;
			}
			.builder-summary-tag {
				font-family: var(--mono);
				font-size: 10px;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: var(--teal);
				margin-bottom: 16px;
			}
			.builder-summary-lines {
				display: flex;
				flex-direction: column;
				gap: 10px;
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid var(--light);
			}
			.summary-line {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 13px;
			}
			.summary-line-label {
				color: var(--mid);
			}
			.summary-line-val {
				font-family: var(--mono);
				font-weight: 600;
				color: var(--ink);
			}
			.summary-total {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 8px;
			}
			.summary-total-label {
				font-size: 14px;
				font-weight: 700;
				color: var(--black);
			}
			.summary-total-val {
				font-size: 32px;
				font-weight: 800;
				letter-spacing: -0.03em;
				color: var(--black);
				line-height: 1;
			}
			.summary-total-val span {
				color: var(--teal);
			}
			.summary-period {
				font-family: var(--mono);
				font-size: 11px;
				color: var(--mid);
				text-align: right;
				margin-bottom: 20px;
			}
			.summary-note {
				font-size: 12px;
				color: var(--mid);
				line-height: 1.6;
				margin-bottom: 20px;
				font-style: italic;
			}
			.summary-cta {
				display: block;
				text-align: center;
				font-size: 15px;
				font-weight: 700;
				color: var(--white);
				background: var(--teal);
				padding: 13px 24px;
				border-radius: 100px;
				text-decoration: none;
				transition: background 0.18s;
			}
			.summary-cta:hover {
				background: var(--teal-mid);
			}
			.summary-share {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 10px;
				margin-top: 12px;
			}
			.summary-share-btn {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 7px;
				font-family: var(--font);
				font-size: 13px;
				font-weight: 600;
				color: var(--ink);
				background: var(--white);
				border: 1.5px solid var(--light);
				padding: 10px 14px;
				border-radius: 100px;
				text-decoration: none;
				cursor: pointer;
				transition:
					border-color 0.18s,
					color 0.18s,
					transform 0.12s;
			}
			.summary-share-btn:hover {
				border-color: var(--teal);
				color: var(--teal);
				transform: translateY(-1px);
			}
			.summary-share-btn svg {
				width: 14px;
				height: 14px;
				stroke: currentColor;
				fill: none;
				stroke-width: 1.8;
				stroke-linecap: round;
				stroke-linejoin: round;
			}
			.summary-share-btn[disabled] {
				opacity: 0.55;
				cursor: wait;
				pointer-events: none;
			}

			/* COMPARISON */
			.compare {
				padding: 80px 0;
				background: var(--black);
				color: var(--white);
			}
			.compare-inner {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.compare-tag {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.14em;
				text-transform: uppercase;
				color: var(--teal);
				margin-bottom: 16px;
			}
			.compare-h2 {
				font-size: clamp(28px, 3.5vw, 44px);
				font-weight: 800;
				line-height: 1.1;
				letter-spacing: -0.03em;
				color: rgba(255, 255, 255, 0.92);
				margin-bottom: 12px;
			}
			.compare-sub {
				font-size: 16px;
				line-height: 1.65;
				color: rgba(255, 255, 255, 0.45);
				margin-bottom: 48px;
				max-width: 600px;
			}
			.compare-table-wrap {
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 14px;
				overflow: hidden;
			}
			.compare-table {
				width: 100%;
				border-collapse: collapse;
				font-size: 14px;
			}
			.compare-table thead {
				background: rgba(255, 255, 255, 0.04);
			}
			.compare-table th {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, 0.4);
				font-weight: 600;
				padding: 16px 20px;
				text-align: left;
				border-bottom: 1px solid rgba(255, 255, 255, 0.08);
			}
			.compare-table th.db-col {
				color: var(--teal);
			}
			.compare-table td {
				padding: 16px 20px;
				border-bottom: 1px solid rgba(255, 255, 255, 0.06);
				color: rgba(255, 255, 255, 0.7);
			}
			.compare-table tr:last-child td {
				border-bottom: none;
			}
			.compare-table .row-label {
				font-weight: 600;
				color: rgba(255, 255, 255, 0.9);
			}
			.compare-table .db-cell {
				color: var(--teal);
				font-weight: 700;
			}
			.compare-table .competitor-cell {
				color: rgba(255, 255, 255, 0.5);
				font-family: var(--mono);
				font-size: 13px;
			}
			.compare-scenario {
				margin-top: 40px;
			}
			.compare-scenario-title {
				font-size: 18px;
				font-weight: 700;
				color: rgba(255, 255, 255, 0.9);
				margin-bottom: 8px;
			}
			.compare-scenario-desc {
				font-size: 14px;
				color: rgba(255, 255, 255, 0.4);
				margin-bottom: 24px;
				line-height: 1.6;
			}
			.compare-cards {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 16px;
			}
			.compare-card {
				background: rgba(255, 255, 255, 0.04);
				border: 1px solid rgba(255, 255, 255, 0.08);
				border-radius: 12px;
				padding: 24px 20px;
				text-align: center;
				transition: border-color 0.2s;
			}
			.compare-card:hover {
				border-color: rgba(255, 255, 255, 0.15);
			}
			.compare-card.featured {
				border-color: rgba(8, 122, 107, 0.5);
				background: rgba(8, 122, 107, 0.06);
			}
			.compare-card-name {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, 0.4);
				margin-bottom: 12px;
			}
			.compare-card.featured .compare-card-name {
				color: var(--teal);
			}
			.compare-card-price {
				font-size: 32px;
				font-weight: 800;
				letter-spacing: -0.03em;
				color: rgba(255, 255, 255, 0.9);
				margin-bottom: 4px;
			}
			.compare-card.featured .compare-card-price {
				color: var(--teal);
			}
			.compare-card-unit {
				font-family: var(--mono);
				font-size: 11px;
				color: rgba(255, 255, 255, 0.3);
			}
			.compare-card-detail {
				font-size: 12px;
				color: rgba(255, 255, 255, 0.35);
				margin-top: 12px;
				line-height: 1.5;
			}
			.compare-note {
				font-size: 12px;
				color: rgba(255, 255, 255, 0.25);
				margin-top: 32px;
				line-height: 1.6;
				font-style: italic;
			}

			/* FAQ */
			.faq {
				padding: 80px 0;
				background: var(--off-white);
				border-top: 1px solid var(--light);
			}
			.faq-inner {
				max-width: 800px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.faq-list {
				display: flex;
				flex-direction: column;
				gap: 0;
				border: 1px solid var(--light);
				border-radius: 16px;
				overflow: hidden;
				background: var(--white);
				margin-top: 48px;
			}
			.faq-item {
				border-bottom: 1px solid var(--light);
			}
			.faq-item:last-child {
				border-bottom: none;
			}
			.faq-q {
				width: 100%;
				background: none;
				border: none;
				cursor: pointer;
				padding: 24px 28px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px;
				font-family: var(--font);
				font-size: 15px;
				font-weight: 600;
				color: var(--ink);
				text-align: left;
			}
			.faq-q svg {
				flex-shrink: 0;
				transition: transform 0.22s;
				stroke: var(--mid);
			}
			.faq-item.open .faq-q svg {
				transform: rotate(45deg);
			}
			.faq-a {
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.3s ease;
			}
			.faq-item.open .faq-a {
				max-height: 300px;
			}
			.faq-a-inner {
				padding: 0 28px 24px;
				font-size: 15px;
				line-height: 1.7;
				color: var(--mid);
			}

			/* GETTING STARTED */
			.getting-started {
				padding: 80px 0;
				background: var(--white);
				border-top: 1px solid var(--light);
			}
			.getting-started-inner {
				max-width: 1100px;
				margin: 0 auto;
				padding: 0 48px;
			}
			.steps-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 32px;
				margin-top: 48px;
			}
			.step-card {
				text-align: center;
				padding: 32px 24px;
			}
			.step-number {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 48px;
				height: 48px;
				border-radius: 50%;
				background: var(--teal-light);
				color: var(--teal);
				font-family: var(--mono);
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 20px;
			}
			.step-title {
				font-size: 17px;
				font-weight: 700;
				color: var(--black);
				margin-bottom: 8px;
			}
			.step-desc {
				font-size: 14px;
				line-height: 1.65;
				color: var(--mid);
			}

			/* CTA */
			.cta-band {
				padding: 100px 0;
				background: var(--white);
				border-top: 1px solid var(--light);
			}
			.cta-band-inner {
				max-width: 680px;
				margin: 0 auto;
				padding: 0 48px;
				text-align: center;
			}
			.cta-band-tag {
				font-family: var(--mono);
				font-size: 11px;
				letter-spacing: 0.14em;
				text-transform: uppercase;
				color: var(--teal);
				margin-bottom: 20px;
			}
			.cta-band-h2 {
				font-size: clamp(32px, 4vw, 52px);
				font-weight: 800;
				line-height: 1.08;
				letter-spacing: -0.03em;
				color: var(--black);
				margin-bottom: 20px;
			}
			.cta-band-h2 em {
				font-style: normal;
				color: var(--teal);
			}
			.cta-band-sub {
				font-size: 17px;
				line-height: 1.7;
				color: var(--mid);
				margin-bottom: 40px;
			}
			.cta-actions {
				display: flex;
				gap: 14px;
				justify-content: center;
				flex-wrap: wrap;
			}
			/* RESPONSIVE */
			@media (max-width: 1100px) {
				.nav-links,
				.hero {
					padding: 0 24px;
				}
				.rates-inner,
				.builder-inner,
				.compare-inner,
				.faq-inner,
				.getting-started-inner {
					padding: 0 24px;
				}
				.rates-grid {
					grid-template-columns: 1fr;
				}
				.builder-layout {
					grid-template-columns: 1fr;
				}
				.builder-summary {
					position: static;
				}
				.compare-cards {
					grid-template-columns: 1fr;
				}
				.compare-table {
					font-size: 12px;
				}
				.compare-table th,
				.compare-table td {
					padding: 12px 10px;
				}
				.steps-grid {
					grid-template-columns: 1fr;
				}
				.cta-band-inner {
					padding: 0 24px;
				}
			}