/* Azikiel Block Theme — presentation layer.
   Design concept: "quiet operating system". Crisp surfaces, process paths, status dots.
   All colours/spacing come from theme.json presets (CSS custom properties). */

:root {
	--at-radius-s: var(--wp--custom--radius--small, 6px);
	--at-radius-m: var(--wp--custom--radius--medium, 12px);
	--at-radius-l: var(--wp--custom--radius--large, 20px);
	--at-motion: var(--wp--custom--motion--base, 260ms);
	--at-focus: 0 0 0 3px rgba(76, 111, 255, 0.45);
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { max-width: 100%; height: auto; }
svg[aria-hidden="true"] { pointer-events: none; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--blue);
	outline-offset: 3px;
	border-radius: var(--at-radius-s);
}

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--wp--preset--color--surface); clip: auto; clip-path: none; color: var(--wp--preset--color--ink); display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 1rem 1.5rem; text-decoration: none; top: 5px; width: auto; z-index: 100000; box-shadow: var(--wp--preset--shadow--raised);
}

/* ---------- Header ---------- */
.at-header {
	position: sticky; top: 0; z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--ivory) 88%, transparent);
	backdrop-filter: saturate(160%) blur(10px);
	-webkit-backdrop-filter: saturate(160%) blur(10px);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.at-header .wp-block-site-title a { display: inline-flex; align-items: center; gap: 0.5rem; }
.at-logo-mark {
	display: inline-grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 8px;
	background: var(--wp--preset--color--ink); color: #fff; font-weight: 800; font-size: 0.85rem; letter-spacing: 0;
}
.at-header .wp-block-navigation .wp-block-navigation-item__content { padding: 0.35rem 0.1rem; border-bottom: 2px solid transparent; }
.at-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.at-header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--blue); }
.at-header .wp-block-buttons .wp-block-button__link { padding: 0.6rem 1.1rem; }
.at-header-cta { display: none !important; }
@media (min-width: 900px) { .at-header-cta { display: flex !important; } }

.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--ivory); padding: 1.5rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { font-size: 1.25rem; }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--ink); }

/* Language switcher */
.at-lang-switch { display: inline-flex; gap: 0.25rem; align-items: center; font-size: var(--wp--preset--font-size--xs); }
.at-lang-switch a, .at-lang-switch span { padding: 0.3rem 0.5rem; border-radius: var(--at-radius-s); text-decoration: none; color: var(--wp--preset--color--muted); }
.at-lang-switch [aria-current="true"] { background: var(--wp--preset--color--surface-muted); color: var(--wp--preset--color--ink); font-weight: 600; }

/* ---------- Generic section rhythm ---------- */
.at-section { padding-block: var(--wp--preset--spacing--60); }
.at-section--tight { padding-block: var(--wp--preset--spacing--50); }
.at-section--ink { background: var(--wp--preset--color--ink); color: #fff; }
.at-section--ink :is(h1, h2, h3, h4, p, li, .wp-block-post-title) { color: #fff; }
.at-section--ink a:not(.wp-block-button__link) { color: #C7D2FF; }
.at-section--surface { background: var(--wp--preset--color--surface); border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); }

.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--xs) !important; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700;
	color: var(--wp--preset--color--blue-deep); margin-bottom: 0.75rem !important;
}
.at-section--ink .is-style-eyebrow { color: #9FB3FF; }
.is-style-lead { font-size: var(--wp--preset--font-size--large) !important; color: var(--wp--preset--color--muted); line-height: 1.5; max-width: 46rem; }
.at-section--ink .is-style-lead { color: #C9CEDB; }
.at-section-head { max-width: 46rem; margin-bottom: var(--wp--preset--spacing--40); }
.at-section-head h2 { margin-top: 0; }

/* ---------- Cards ---------- */
.is-style-card, .at-card {
	background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--at-radius-m); padding: 1.5rem; box-shadow: var(--wp--preset--shadow--card);
	transition: transform var(--at-motion) ease, box-shadow var(--at-motion) ease;
}
.at-card--hover:hover, .is-style-card.at-card--hover:hover { transform: translateY(-2px); box-shadow: var(--wp--preset--shadow--raised); }
.is-style-card > :first-child { margin-top: 0; }
.is-style-card > :last-child { margin-bottom: 0; }
.is-style-card-ink { background: var(--wp--preset--color--ink); color: #fff; border-radius: var(--at-radius-m); padding: 1.5rem; }
.is-style-card-ink :is(h2, h3, h4, p, li) { color: #fff; }
.is-style-panel { background: var(--wp--preset--color--surface-muted); border-radius: var(--at-radius-m); padding: 1.5rem; }
.at-card h3, .is-style-card h3 { font-size: var(--wp--preset--font-size--large); margin-bottom: 0.5rem; }
.is-style-card h3 a, .at-card h3 a { text-decoration: none; color: inherit; }
.is-style-card h3 a:hover, .at-card h3 a:hover { color: var(--wp--preset--color--blue-deep); text-decoration: underline; }
.is-style-card > .wp-block-heading:first-child, .is-style-card > .at-icon:first-child { margin-top: 0; }
.at-card p:last-child { margin-bottom: 0; }

.at-icon {
	display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 10px; margin-bottom: 0.9rem;
	background: color-mix(in srgb, var(--wp--preset--color--blue) 12%, white); color: var(--wp--preset--color--blue-deep);
}
.at-icon svg { width: 1.25rem; height: 1.25rem; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.at-icon--teal { background: color-mix(in srgb, var(--wp--preset--color--teal) 14%, white); color: var(--wp--preset--color--teal-deep); }
.at-icon--amber { background: color-mix(in srgb, var(--wp--preset--color--amber) 18%, white); color: #8A5A0B; }

/* Input → action → output rows inside solution cards */
.at-io {
	display: grid; gap: 0.85rem; margin-top: 1.25rem; padding-top: 1.15rem;
	border-top: 1px solid var(--wp--preset--color--border);
	font-size: var(--wp--preset--font-size--small);
}
.at-io > div { display: grid; gap: 0.3rem; padding: 0.15rem 0 0.15rem 0.95rem; border-left: 3px solid var(--wp--preset--color--border); }
.at-io > div:nth-child(1) { border-left-color: var(--wp--preset--color--blue); }
.at-io > div:nth-child(2) { border-left-color: var(--wp--preset--color--teal); }
.at-io > div:nth-child(3) { border-left-color: var(--wp--preset--color--amber); }
.at-io b { font-size: var(--wp--preset--font-size--xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--muted); font-weight: 700; }
.at-io span { display: block; color: var(--wp--preset--color--ink); line-height: 1.45; }
.is-style-card-ink .at-io { border-top-color: rgba(255,255,255,0.18); }
.is-style-card-ink .at-io b { color: #9FB3FF; }
.is-style-card-ink .at-io > div:nth-child(1) { border-left-color: #C7D2FF; }
.is-style-card-ink .at-io > div:nth-child(2) { border-left-color: var(--wp--preset--color--teal); }
.is-style-card-ink .at-io > div:nth-child(3) { border-left-color: var(--wp--preset--color--amber); }

/* Status dots & badges */
.at-dot { display: inline-block; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--wp--preset--color--teal); margin-right: 0.4rem; vertical-align: middle; }
.at-dot--blue { background: var(--wp--preset--color--blue); }
.at-dot--amber { background: var(--wp--preset--color--amber); }
.at-badge {
	display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.2rem 0.6rem; border-radius: 999px;
	font-size: var(--wp--preset--font-size--xs); font-weight: 600; line-height: 1.4;
	background: var(--wp--preset--color--surface-muted); color: var(--wp--preset--color--ink);
}
.at-badge--teal { background: color-mix(in srgb, var(--wp--preset--color--teal) 15%, white); color: var(--wp--preset--color--teal-deep); }
.at-badge--amber { background: color-mix(in srgb, var(--wp--preset--color--amber) 22%, white); color: #7A4E06; }
.at-badge--blue { background: color-mix(in srgb, var(--wp--preset--color--blue) 14%, white); color: var(--wp--preset--color--blue-deep); }
.at-badge--outline { background: transparent; border: 1px solid currentColor; }

/* Trust line */
.at-trustline { display: flex; flex-wrap: wrap; gap: 0.4rem 1.25rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin-top: 1.25rem; padding: 0; list-style: none; }
.at-trustline li { display: inline-flex; align-items: center; gap: 0.4rem; }
.at-trustline li::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--wp--preset--color--teal); }

/* ---------- Hero ---------- */
.at-hero { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60); position: relative; overflow: hidden; }
.at-hero h1 { max-width: 14em; }
.at-hero .wp-block-buttons { margin-top: 1.75rem; }

/* Example workflow visual (SVG + list, static; "Example workflow" label required) */
.at-flow {
	position: relative; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--at-radius-l); padding: 1.25rem 1.25rem 1rem; box-shadow: var(--wp--preset--shadow--card);
}
.at-flow__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }
.at-flow__title { font-weight: 700; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); }
.at-flow__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; position: relative; }
.at-flow__steps::before { content: ""; position: absolute; left: 1.05rem; top: 1.2rem; bottom: 1.2rem; width: 2px; background: linear-gradient(var(--wp--preset--color--blue), var(--wp--preset--color--teal)); border-radius: 2px; opacity: 0.5; }
.at-flow__step { display: grid; grid-template-columns: 2.2rem 1fr auto; gap: 0.75rem; align-items: center; padding: 0.6rem 0.75rem; border-radius: var(--at-radius-s); background: var(--wp--preset--color--ivory); position: relative; }
.at-flow__num { width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid var(--wp--preset--color--blue); color: var(--wp--preset--color--blue-deep); font-weight: 700; font-size: 0.8rem; position: relative; z-index: 1; }
.at-flow__step--human .at-flow__num { border-color: var(--wp--preset--color--amber); color: #8A5A0B; }
.at-flow__step--done .at-flow__num { border-color: var(--wp--preset--color--teal); color: var(--wp--preset--color--teal-deep); }
.at-flow__label { font-size: var(--wp--preset--font-size--small); font-weight: 600; }
.at-flow__label small { display: block; font-weight: 400; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--xs); }
.at-flow__state { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); white-space: nowrap; }
.at-flow__foot { margin-top: 0.9rem; font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }
@media (prefers-reduced-motion: no-preference) {
	.at-flow[data-animate] .at-flow__step { opacity: 0; transform: translateY(6px); animation: at-rise 0.5s ease forwards; }
	.at-flow[data-animate] .at-flow__step:nth-child(1) { animation-delay: 0.05s; }
	.at-flow[data-animate] .at-flow__step:nth-child(2) { animation-delay: 0.2s; }
	.at-flow[data-animate] .at-flow__step:nth-child(3) { animation-delay: 0.35s; }
	.at-flow[data-animate] .at-flow__step:nth-child(4) { animation-delay: 0.5s; }
	.at-flow[data-animate] .at-flow__step:nth-child(5) { animation-delay: 0.65s; }
	.at-flow[data-animate] .at-flow__step:nth-child(6) { animation-delay: 0.8s; }
	.at-flow[data-animate] .at-flow__step:nth-child(7) { animation-delay: 0.95s; }
	@keyframes at-rise { to { opacity: 1; transform: none; } }
}

/* ---------- Process (5 steps) ---------- */
.at-process { counter-reset: step; list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 900px) { .at-process { grid-template-columns: repeat(5, 1fr); } }
.at-process li { counter-increment: step; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-m); padding: 1.25rem; position: relative; }
.at-process li::before { content: counter(step, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--blue-deep); font-weight: 700; display: block; margin-bottom: 0.5rem; }
.at-process h3 { font-size: var(--wp--preset--font-size--medium); margin: 0 0 0.4rem; }
.at-process p { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }

/* ---------- Lists ---------- */
.is-style-checks { list-style: none; padding-left: 0; }
.is-style-checks li { position: relative; padding-left: 1.75rem; margin-bottom: 0.5rem; }
.is-style-checks li::before {
	content: ""; position: absolute; left: 0; top: 0.35em; width: 1.05rem; height: 1.05rem; border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--teal) 18%, white);
	-webkit-mask: none;
}
.is-style-checks li::after {
	content: ""; position: absolute; left: 0.32rem; top: calc(0.35em + 0.25rem); width: 0.4rem; height: 0.25rem;
	border-left: 2px solid var(--wp--preset--color--teal-deep); border-bottom: 2px solid var(--wp--preset--color--teal-deep); transform: rotate(-45deg);
}
.is-style-steps { list-style: none; padding-left: 0; counter-reset: s; }
.is-style-steps li { counter-increment: s; position: relative; padding-left: 2.5rem; margin-bottom: 0.75rem; }
.is-style-steps li::before { content: counter(s); position: absolute; left: 0; top: 0.05em; width: 1.75rem; height: 1.75rem; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--ink); color: #fff; font-size: 0.75rem; font-weight: 700; }

/* ---------- Tables ---------- */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--wp--preset--color--border); padding: 0.65rem 0.8rem; text-align: left; vertical-align: top; }
.wp-block-table th { background: var(--wp--preset--color--surface-muted); font-weight: 600; }
.is-style-compare table { border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-m); overflow: hidden; }
.is-style-compare thead th { position: sticky; top: 0; }

/* ---------- FAQ (core/details) ---------- */
.at-faq .wp-block-details { border-bottom: 1px solid var(--wp--preset--color--border); }
.at-faq .wp-block-details summary { font-weight: 600; cursor: pointer; padding-right: 2rem; position: relative; list-style: none; }
.at-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.at-faq .wp-block-details summary::after { content: "+"; position: absolute; right: 0.25rem; top: 0; font-weight: 400; color: var(--wp--preset--color--muted); transition: transform var(--at-motion) ease; }
.at-faq .wp-block-details[open] summary::after { content: "–"; }
.at-faq .wp-block-details > :not(summary) { color: var(--wp--preset--color--muted); }

/* ---------- Buttons ---------- */
.wp-block-button__link { transition: background var(--at-motion) ease, color var(--at-motion) ease, transform var(--at-motion) ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.is-style-secondary .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); border: 1.5px solid var(--wp--preset--color--ink); }
.is-style-secondary .wp-block-button__link:hover { background: var(--wp--preset--color--ink); color: #fff; }
.at-section--ink .is-style-secondary .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,0.6); }
.at-section--ink .is-style-secondary .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--ink); }
.is-style-accent .wp-block-button__link { background: var(--wp--preset--color--blue); color: #fff; }
.is-style-accent .wp-block-button__link:hover { background: var(--wp--preset--color--blue-deep); }
.at-section--ink .wp-block-button:not(.is-style-secondary):not(.is-style-accent) .wp-block-button__link { background: #fff; color: var(--wp--preset--color--ink); }

/* ---------- Business info (contact/footer) ---------- */
.at-business-info a { color: var(--wp--preset--color--blue); text-decoration: none; font-weight: 600; }
.at-business-info a:hover { color: var(--wp--preset--color--blue-deep); text-decoration: underline; }

/* ---------- Breadcrumbs ---------- */
.at-breadcrumbs { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); padding-block: 0.9rem; }
.at-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; padding: 0; }
.at-breadcrumbs li + li::before { content: "/"; margin-right: 0.35rem; opacity: 0.5; }
.at-breadcrumbs a { color: inherit; text-decoration: none; }
.at-breadcrumbs a:hover { color: var(--wp--preset--color--ink); text-decoration: underline; }
.at-breadcrumbs [aria-current] { color: var(--wp--preset--color--ink); }

/* ---------- Page header for standard pages ---------- */
.at-page-head { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); }
.at-page-head .wp-block-post-title { margin: 0; max-width: 16em; }

/* ---------- Articles ---------- */
.at-article-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.at-article-body :is(h2, h3) { margin-top: 2.25rem; }
.at-article-body figure { margin-inline: 0; }
.at-sources { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); border-top: 1px solid var(--wp--preset--color--border); padding-top: 1.25rem; margin-top: 2.5rem; }
.at-sources h2 { font-size: var(--wp--preset--font-size--medium); margin-top: 0; }
.at-sources ol { padding-left: 1.25rem; }

/* Post cards in query loop */
.at-post-card { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-m); padding: 1.25rem; height: 100%; display: flex; flex-direction: column; gap: 0.5rem; }
.at-post-card .wp-block-post-title { font-size: var(--wp--preset--font-size--large); margin: 0; }
.at-post-card .wp-block-post-title a { text-decoration: none; }
.at-post-card .wp-block-post-title a:hover { text-decoration: underline; }
.at-post-card .wp-block-post-excerpt__excerpt { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.at-post-card .wp-block-post-excerpt__more-link { font-size: var(--wp--preset--font-size--small); }

/* ---------- Stats (sourced evidence) ---------- */
.at-stats { display: grid; gap: 1rem; }
@media (min-width: 760px) { .at-stats { grid-template-columns: repeat(3, 1fr); } }
.at-stat { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-m); padding: 1.25rem; }
.at-stat__value { font-size: var(--wp--preset--font-size--xx-large); font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: var(--wp--preset--color--ink); }
.at-stat__label { margin: 0.5rem 0 0.75rem; font-size: var(--wp--preset--font-size--small); }
.at-stat__source { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }

/* ---------- Pricing ---------- */
.at-pricing { display: grid; gap: 1.25rem; align-items: stretch; }
@media (min-width: 720px) { .at-pricing { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .at-pricing { grid-template-columns: repeat(var(--at-pricing-cols, 5), 1fr); } }
.at-price-card {
	position: relative; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--at-radius-m); padding: 2rem 1.5rem 1.75rem; display: flex; flex-direction: column; gap: 0.9rem;
	transition: transform var(--at-motion) ease, box-shadow var(--at-motion) ease;
}
@media (prefers-reduced-motion: no-preference) { .at-price-card:hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--raised); } }
.at-price-card--featured {
	border-color: var(--wp--preset--color--blue);
	background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--blue) 6%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 65%);
	box-shadow: 0 0 0 1.5px var(--wp--preset--color--blue), var(--wp--preset--shadow--raised);
}
.at-price-card__flag { position: absolute; top: -0.85rem; left: 50%; transform: translateX(-50%); white-space: nowrap; box-shadow: var(--wp--preset--shadow--card); }
.at-price-card h3 { margin: 0; font-size: var(--wp--preset--font-size--large); line-height: 1.2; min-height: 3.6em; display: flex; align-items: flex-end; }
.at-price-card__for { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin: 0.65rem 0 0; line-height: 1.35; }
.at-price-card__price { font-size: var(--wp--preset--font-size--x-large); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin: 0.35rem 0 0; color: var(--wp--preset--color--ink); }
.at-price-card__price small { display: block; font-size: var(--wp--preset--font-size--xs); font-weight: 500; color: var(--wp--preset--color--muted); letter-spacing: 0; margin-top: 0.25rem; }
.at-price-card__meta { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.15rem 0 0; padding: 0; list-style: none; }
.at-price-card__meta li { display: inline-flex; align-items: center; padding: 0.2rem 0.65rem; border-radius: 999px; background: var(--wp--preset--color--surface-muted); font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); font-weight: 600; line-height: 1.5; }
.at-price-card__divider { border: none; border-top: 1px solid var(--wp--preset--color--border); margin: 0.15rem 0; }
.at-price-card__features { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; font-size: var(--wp--preset--font-size--small); }
.at-price-card__features li { position: relative; padding-left: 1.6rem; }
.at-price-card__features li::before {
	content: ""; position: absolute; left: 0; top: 0.15em; width: 1.05rem; height: 1.05rem; border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--teal) 18%, white);
}
.at-price-card__features li::after {
	content: ""; position: absolute; left: 0.32rem; top: calc(0.15em + 0.28rem); width: 0.4rem; height: 0.25rem;
	border-left: 2px solid var(--wp--preset--color--teal-deep); border-bottom: 2px solid var(--wp--preset--color--teal-deep); transform: rotate(-45deg);
}
.at-price-card__cta { margin-top: auto; padding-top: 1rem; }
.at-price-card__cta .wp-block-button__link, .at-price-card__cta .at-btn { display: block; text-align: center; width: 100%; padding-inline: 0.75rem; padding-block: 0.85rem; box-sizing: border-box; font-size: var(--wp--preset--font-size--small); font-weight: 700; }
.at-pricing-note { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); margin-top: 1rem; }

.at-tabs { display: inline-flex; gap: 0.25rem; padding: 0.25rem; border-radius: 999px; background: var(--wp--preset--color--surface-muted); margin-bottom: 1.5rem; }
.at-tabs button { border: 0; background: transparent; padding: 0.5rem 1rem; border-radius: 999px; font: inherit; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--muted); cursor: pointer; }
.at-tabs button[aria-selected="true"] { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink); box-shadow: var(--wp--preset--shadow--card); }
[role="tabpanel"][hidden] { display: none; }

/* Plain link-button used inside dynamic blocks (mirrors theme.json button styles) */
.at-btn {
	display: inline-block; background: var(--wp--preset--color--ink); color: #fff; text-decoration: none; font-weight: 600; font-size: var(--wp--preset--font-size--small);
	border-radius: 999px; padding: 0.8rem 1.4rem; border: 1.5px solid var(--wp--preset--color--ink); cursor: pointer; font-family: inherit; line-height: 1.2;
	transition: background var(--at-motion) ease, color var(--at-motion) ease;
}
.at-btn:hover { background: var(--wp--preset--color--ink-soft); color: #fff; }
.at-btn--secondary { background: transparent; color: var(--wp--preset--color--ink); }
.at-btn--secondary:hover { background: var(--wp--preset--color--ink); color: #fff; }
.at-btn--accent { background: var(--wp--preset--color--blue); border-color: var(--wp--preset--color--blue); }
.at-btn--accent:hover { background: var(--wp--preset--color--blue-deep); border-color: var(--wp--preset--color--blue-deep); }
.at-btn[disabled], .at-btn[aria-disabled="true"] { opacity: 0.6; cursor: not-allowed; }

/* ---------- Forms (calculator, scan, contact) ---------- */
.at-form { display: grid; gap: 1rem; }
.at-form__grid { display: grid; gap: 1rem; }
@media (min-width: 640px) { .at-form__grid { grid-template-columns: repeat(2, 1fr); } }
.at-field { display: grid; gap: 0.35rem; }
.at-field label, .at-field > legend { font-weight: 600; font-size: var(--wp--preset--font-size--small); }
.at-field .at-help { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }
.at-field input:not([type="checkbox"]):not([type="radio"]), .at-field select, .at-field textarea {
	width: 100%; font: inherit; font-size: 1rem; padding: 0.65rem 0.8rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-s);
	background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink);
}
.at-field input:focus, .at-field select:focus, .at-field textarea:focus { border-color: var(--wp--preset--color--blue); box-shadow: var(--at-focus); outline: none; }
.at-field--unit .at-field__control { position: relative; }
.at-field--unit input { padding-right: 3.2rem; }
.at-field--unit .at-unit { position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%); font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }
.at-field.is-invalid input, .at-field.is-invalid select, .at-field.is-invalid textarea { border-color: #B42318; }
.at-field .at-error { color: #B42318; font-size: var(--wp--preset--font-size--xs); }
.at-choice { display: flex; gap: 0.6rem; align-items: flex-start; padding: 0.75rem 0.9rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-s); background: var(--wp--preset--color--surface); cursor: pointer; font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.at-choice:has(input:checked) { border-color: var(--wp--preset--color--blue); box-shadow: 0 0 0 1px var(--wp--preset--color--blue); }
.at-choice input { margin-top: 0.2rem; accent-color: var(--wp--preset--color--blue); }
.at-choices { display: grid; gap: 0.5rem; }
@media (min-width: 640px) { .at-choices--2 { grid-template-columns: repeat(2, 1fr); } .at-choices--3 { grid-template-columns: repeat(3, 1fr); } }
fieldset.at-field { border: 0; padding: 0; margin: 0; min-width: 0; }
.at-honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.at-notice { border-radius: var(--at-radius-s); padding: 0.9rem 1rem; font-size: var(--wp--preset--font-size--small); border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--surface); }
.at-notice--success { border-color: var(--wp--preset--color--teal); background: color-mix(in srgb, var(--wp--preset--color--teal) 10%, white); }
.at-notice--warning { border-color: var(--wp--preset--color--amber); background: color-mix(in srgb, var(--wp--preset--color--amber) 14%, white); }
.at-notice--error { border-color: #B42318; background: #FEF3F2; }
.at-disclaimer { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--muted); }

/* Calculator */
.at-calc { display: grid; gap: 1.5rem; }
@media (min-width: 960px) { .at-calc { grid-template-columns: 1.1fr 0.9fr; align-items: start; } }
.at-calc__results { position: sticky; top: 5rem; }
.at-results { display: grid; gap: 0.6rem; }
.at-results__row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--wp--preset--color--border); font-size: var(--wp--preset--font-size--small); }
.at-results__row dt { color: var(--wp--preset--color--muted); }
.at-results__row dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; }
.at-results__row--hero { border: 0; padding: 0.25rem 0; }
.at-results__row--hero dd { font-size: var(--wp--preset--font-size--xx-large); font-weight: 800; letter-spacing: -0.02em; }
.at-results__row--hero dt { align-self: end; }
.at-formula { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); background: var(--wp--preset--color--surface-muted); border-radius: var(--at-radius-s); padding: 0.75rem 0.9rem; white-space: pre-wrap; color: var(--wp--preset--color--ink); }

/* Scan / stepper */
.at-stepper { display: flex; gap: 0.35rem; margin-bottom: 1.25rem; list-style: none; padding: 0; }
.at-stepper li { flex: 1; height: 0.35rem; border-radius: 999px; background: var(--wp--preset--color--border); }
.at-stepper li.is-done { background: var(--wp--preset--color--teal); }
.at-stepper li.is-current { background: var(--wp--preset--color--blue); }
.at-step { display: none; }
.at-step.is-active { display: grid; gap: 1rem; }
.at-step__title { font-size: var(--wp--preset--font-size--large); margin: 0; }
.at-step__nav { display: flex; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.5rem; }
.at-scan__result { display: grid; gap: 1rem; }
.at-score { display: grid; gap: 0.4rem; }
.at-score__bar { height: 0.6rem; border-radius: 999px; background: var(--wp--preset--color--border); overflow: hidden; }
.at-score__fill { height: 100%; background: linear-gradient(90deg, var(--wp--preset--color--blue), var(--wp--preset--color--teal)); width: 0; transition: width 0.6s ease; }
.at-verdict { font-size: var(--wp--preset--font-size--x-large); font-weight: 800; letter-spacing: -0.02em; margin: 0; }

/* ---------- Example workflows (single) ---------- */
.at-wf-grid { display: grid; gap: 1rem; }
@media (min-width: 900px) { .at-wf-grid { grid-template-columns: repeat(2, 1fr); } }
.at-wf-field { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--at-radius-m); padding: 1.1rem 1.25rem; }
.at-wf-field h3 { font-size: var(--wp--preset--font-size--xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--muted); margin: 0 0 0.4rem; }
.at-wf-field p, .at-wf-field ul { margin: 0; font-size: var(--wp--preset--font-size--small); }
.at-wf-field ul { padding-left: 1.1rem; }
.at-wf-field--human { border-color: var(--wp--preset--color--amber); background: color-mix(in srgb, var(--wp--preset--color--amber) 8%, white); }
.at-wf-meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.75rem 0 1.25rem; }

/* ---------- Footer ---------- */
.at-footer { background: var(--wp--preset--color--ink); color: #C9CEDB; padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--small); }
.at-footer :is(h2, h3, h4, p, li, .wp-block-site-title a) { color: #fff; }
.at-footer h4 { font-size: var(--wp--preset--font-size--xs); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.75rem; color: #9FB3FF; }
.at-footer a { color: #C9CEDB; text-decoration: none; }
.at-footer a:hover { color: #fff; text-decoration: underline; }
.at-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.4rem; }
.at-footer .at-footer__bottom { border-top: 1px solid rgba(255,255,255,0.12); margin-top: 2.5rem; padding-top: 1.25rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem 1.5rem; font-size: var(--wp--preset--font-size--xs); color: #8B93A7; }
.at-footer .at-footer__bottom p { color: #8B93A7; margin: 0; }

/* ---------- Sticky mobile CTA (hidden on desktop; only after scrolling) ---------- */
.at-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--wp--preset--color--ivory) 92%, transparent); backdrop-filter: blur(8px); border-top: 1px solid var(--wp--preset--color--border); transform: translateY(110%); transition: transform var(--at-motion) ease; }
.at-sticky-cta.is-visible { transform: none; }
.at-sticky-cta .at-btn { width: 100%; text-align: center; display: block; }
@media (min-width: 900px) { .at-sticky-cta { display: none; } }
body.has-sticky-cta { padding-bottom: 4.5rem; }
@media (min-width: 900px) { body.has-sticky-cta { padding-bottom: 0; } }

/* ---------- Reveal on scroll (opt-in via data-reveal) ---------- */
@media (prefers-reduced-motion: no-preference) {
	[data-reveal] { opacity: 0; transform: translateY(10px); transition: opacity 0.5s ease, transform 0.5s ease; }
	[data-reveal].is-revealed { opacity: 1; transform: none; }
}

/* ---------- Utilities ---------- */
.at-muted { color: var(--wp--preset--color--muted); }
.at-small { font-size: var(--wp--preset--font-size--small); }
.at-xs { font-size: var(--wp--preset--font-size--xs); }
.at-mono { font-family: var(--wp--preset--font-family--mono); }
.at-nowrap { white-space: nowrap; }
.at-grid-2, .at-grid-3, .at-grid-4 { display: grid; gap: 1rem; }
.at-grid-2 > *, .at-grid-3 > *, .at-grid-4 > *, .at-pricing > *, .at-stats > * { margin-block: 0 !important; }
@media (min-width: 640px) { .at-grid-2, .at-grid-3, .at-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .at-grid-3 { grid-template-columns: repeat(3, 1fr); } .at-grid-4 { grid-template-columns: repeat(4, 1fr); } }
.at-max-prose { max-width: 42rem; }

/* Editor-only tweaks */
.editor-styles-wrapper .at-header { position: static; }
.editor-styles-wrapper .at-sticky-cta { display: none; }