/* Page-specific rules for the homepage. Shared tokens/components/nav-override
   live in theme-2026.css, loaded first. */

/* The homepage mockup uses a larger card/icon scale than the contact-us mockup
   (theme-2026.css's shared .card/.ic defaults match contact-us's smaller scale) */
.t26 .card { padding: 30px; }
.t26 .ic { width: 54px; height: 54px; font-size: 28px; }

/* Centre product / feature card icons in the card (same pattern as audience cards) */
.t26 .grid3 > .card > .ic,
.t26 .feature-grid .feature-card > .ic {
	margin-left: auto;
	margin-right: auto;
}
.t26 .feature-grid .feature-card {
	text-align: center;
}
/* Product cards: centre the heading block under the icon; keep checklist left */
.t26 .grid3 > .card {
	text-align: center;
}
.t26 .grid3 > .card .check-list,
.t26 .grid3 > .card .explore-link {
	text-align: left;
}

.t26 .xero-logo {
	width: 250px;
	height: auto;
	max-width: 100%;
}

.t26 .hero-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 50px;
	align-items: center;
}
.t26 .hero-grid > * { min-width: 0; }

.t26 .trust-bar { background: var(--ash); }
.t26 .trust-bar .wrap { padding: 34px 36px 28px; }
.t26 .trust-bar__text { font-size: 14px; font-weight: 600; color: #6b5b59; letter-spacing: .05em; }

/* Infinite builder-logo marquee under the trust line */
.t26 .logo-rotator {
	margin-top: 28px;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.t26 .logo-rotator__track {
	display: flex;
	align-items: center;
	gap: 48px;
	width: max-content;
	animation: t26-logo-scroll 36s linear infinite;
}
.t26 .logo-rotator:hover .logo-rotator__track {
	animation-play-state: paused;
}
.t26 .logo-rotator__item {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	padding: 0 8px;
}
.t26 .logo-rotator__item img {
	display: block;
	height: 52px;
	width: auto;
	max-width: 220px;
	object-fit: contain;
}
@keyframes t26-logo-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.t26 .logo-rotator__track { animation: none; flex-wrap: wrap; justify-content: center; width: 100%; }
}

/* Decorative dashboard mock in the hero - illustrative UI chrome, not real data */
.t26 .dash-mock {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(0,0,0,.25);
	color: var(--char);
}
.t26 .dash-mock__bar {
	background: #f4f2ec;
	padding: 11px 16px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(0,0,0,.07);
}
.t26 .dash-mock__bar span:not(.dash-mock__label) {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
}
.t26 .dash-mock__label { margin-left: 8px; font-size: 12px; color: #8a857d; }
.t26 .dash-mock__body { display: flex; }
.t26 .dash-mock__nav {
	width: 118px;
	background: var(--mah);
	padding: 18px 14px;
	display: flex;
	flex-direction: column;
	gap: 13px;
	flex: none;
}
.t26 .dash-mock__nav span { height: 9px; border-radius: 3px; display: block; }
.t26 .dash-mock__main { flex: 1; padding: 18px; background: #fbfaf7; }
.t26 .dash-mock__stats { display: flex; gap: 12px; }
.t26 .dash-mock__stats > div { flex: 1; background: var(--ash); border-radius: 10px; padding: 12px; }
.t26 .dash-mock__stat-label { font-size: 12px; color: #8a857d; }
.t26 .dash-mock__stat-value { font-size: 22px; font-weight: 700; }
.t26 .dash-mock__chart { margin-top: 16px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; padding: 14px; }
.t26 .dash-mock__chart-label { font-size: 12px; color: #8a857d; margin-bottom: 10px; }
.t26 .dash-mock__bars { display: flex; align-items: flex-end; gap: 9px; height: 84px; }
.t26 .dash-mock__bars > div { flex: 1; border-radius: 4px; }

.t26 .check-list { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.t26 .check-list i { color: var(--skd); }
.t26 .explore-link { display: block; margin-top: 20px; color: var(--mah); font-weight: 600; text-decoration: none; }

.t26 .feature-grid {
	margin-top: 42px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.t26 .feature-card { display: block; text-decoration: none; color: inherit; transition: box-shadow .15s ease-in-out, transform .15s ease-in-out; }
.t26 .feature-card:hover { box-shadow: 0 10px 24px rgba(23,31,33,.1); transform: translateY(-2px); }
.t26 .feature-card__title { font-weight: 600; font-size: 16px; margin-top: 14px; }
.t26 .feature-card p { margin-top: 6px; font-size: 14px; }

.t26 .highlight-grid { margin-top: 42px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px 44px; }
.t26 .highlight { display: flex; gap: 18px; }
.t26 .highlight .ic { background: var(--ash); }
.t26 .highlight__title { font-weight: 600; font-size: 18px; }
.t26 .highlight p { margin-top: 5px; }

.t26 .audience__title { font-weight: 600; font-size: 18px; margin-top: 14px; }

.t26 .price-pills { margin-top: 22px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.t26 .price-pill { background: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 30px; padding: 9px 22px; font-weight: 600; }
.t26 .price-pill--active { background: var(--mah); color: #fff; border-color: var(--mah); }

@media (max-width: 900px) {
	.t26 .hero-grid { grid-template-columns: 1fr; }
	.t26 .feature-grid { grid-template-columns: repeat(2, 1fr); }
	.t26 .highlight-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.t26 .feature-grid { grid-template-columns: 1fr; }
	/* decorative dashboard illustration isn't worth the layout complexity at this size */
	.t26 .dash-mock { display: none; }
}

/* Homepage FAQ (matches the plans page FAQ) */
.t26 .faq-wrap { max-width: 760px; }
.t26 .faq-list { margin-top: 34px; display: flex; flex-direction: column; gap: 16px; }
.t26 .faq-q { font-weight: 600; font-size: 16px; line-height: 1.4; margin: 0; color: var(--char); }
.t26 .faq-a { margin: 6px 0 0; font-size: 15px; }
.t26 .faq-a a { color: var(--mah); text-decoration: underline; }