/* Hallmark · shape: Feature Stack (/learner), Briefing (/gemeenten) · genre: playful · theme: brand (locked: the tokens, controls and frames of /assets/home.css) · redesign: full · job: try (/learner), demo (/gemeenten)
 * paper: oklch(99.4% 0.003 285) · accent: #1E00B9 (Taaly blue) · display: Baloo Bhaijaan 2 · body: Helvetica Neue · hero: Settled (/learner: text 6, four conversations 6), Settled (/gemeenten: text 5, the dashboard 7) · nav: kept (slab bar, shared) · footer: kept (mast, shared) · signature: real Taaly calls framed as speech bubbles, the AI coach answering in its own bubbles
 * imagery: the repo's own video calls and app screens · axes: light/rounded-sans/chromatic-blue · posture: full-palette (field Taaly blue, signal yellow, seal mint, papers lilac/cream/mint) · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3 · weakest: V, the two pages share the homepage system by design (one locked theme across the site); they differ in shape: a conversation-led Feature Stack for newcomers, a Briefing with the dashboard and the form for municipalities */

/* Hallmark · dropped images 0b02f184.svg and f90dbe54.svg (the chat doodle and the dashed route around the hero videos), the five stat icons stat0 to stat4, the map pin d849b626.svg, the decorative curls and squiggles, the drawn browser bar on the dashboard and the auto-advance on the learner quotes · 80, 47a and 18 name them; every fact they sat beside is still on the page */
/* Hallmark · reworded "Live · 45,000+ conversations" to "Live: 45,000+ conversations", "Live · 12 municipalities" to "Live in 12 municipalities", "Live · app and WhatsApp" to "Live in the app and on WhatsApp", "Founder & CEO · newcomer in 2015" to "Founder & CEO, newcomer in 2015", the three case taglines ("Language module · cooperation with COA" and the two regional ones) to commas, "(2025–26)" to "(2025/26)" · 63 and 19 name the dot and the dash */
/* Hallmark · reworded the eyebrows into the copy: "For municipalities & chain organisations" now opens the hero lead, "Live now" opens the work lead, "In the Taaly app" and "On WhatsApp, no app needed" caption the two screenshots, the municipality names follow their case heads; "Reporting afterwards" and "Capacity" dropped (their heads already say it), "Civic Integration Act 2021" dropped (the row names the Wet inburgering 2021 itself) · 54 names them */
/* Hallmark · reworded heading "“What learners say”" to "What learners say" (the quote marks were ornaments) and the impact labels from h3 to p under each figure, as on the homepage · 19 and 69 */
/* Hallmark · waive 49b · the wrapping links are the news headlines in the slider on /learner, full sentences that are the article titles, set as h3 links · a title is not a label and cannot be shortened on this page */

/* Hallmark · dismissed 58 · the two remaining word counts are the cookie consent panel (56 words, first visit only, shared chrome over the gemeente hero) and the news slider on /learner, whose eight slides sit side by side in a scroll track with one on screen; without them the densest screens hold 68 (learner) and about 86 (gemeenten) words */
/* Hallmark · answered F19 · the fourth weight (600) is the shared header, footer and cookie pop-up in site.css, out of this redesign; the pages themselves use 400, 700 and 800 */
/* Hallmark · answered F20 · the orphan is the cookie pop-up's third button (Preferences), shared chrome */
/* Hallmark · kept 360 days · the figure sits in the collapsed FAQ answer about Jobs data, hidden until opened */

/* /learner and /gemeenten. Tokens, controls (.hm-btn), frames (.hm-shot), figures, rail, FAQ and close come from /assets/home.css. */

.au-hero { padding-block: var(--space-xl) var(--space-2xl); }
.au-hero-n .au-hero-in, .au-hero-g .au-hero-in { min-height: min(calc(100svh - 104px - var(--space-xl) - var(--space-2xl) - 40px), 680px); }
.au-hero-in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-2xl); align-items: center; }
.au-hero-text { display: grid; justify-items: start; }
.au-hero h1 { display: flex; flex-direction: column; gap: var(--space-xs); max-width: none; margin-block-end: var(--space-md); }
.au-h1a { font-size: clamp(2rem, 2.6vw + 0.6rem, 3.25rem); line-height: 1.08; max-width: none; }
.au-h1b { font-size: clamp(2.75rem, 4.4vw + 0.8rem, 4.75rem); line-height: 1; max-width: 14ch; }
.au .au-tag { display: block; font: 800 var(--text-lg)/1.3 var(--font-display); color: var(--color-accent); margin-block-end: var(--space-xs); }
.au-hero .hm-lead { color: var(--color-ink); margin-block-end: var(--space-xl); }
.au-hero .hm-aside { margin-block-start: var(--space-md); }
.au-hero .hm-aside + .hm-aside { margin-block-start: var(--space-xs); }

/* the four conversations, each in a speech bubble (the signature) */
.au-talk { position: relative; display: grid; gap: var(--space-sm); justify-items: end; }
.au-bubbles { margin: 0; position: relative; width: 100%; max-width: 560px; aspect-ratio: 1 / 1; justify-self: center; }
.au-bub { position: absolute; aspect-ratio: 1 / 1; overflow: hidden; background: var(--color-paper-2); box-shadow: 0 18px 40px -18px var(--color-shadow); }
.au-bub video { width: 100%; height: 100%; object-fit: cover; display: block; }
.au-b1 { width: 50%; inset-block-start: 2%; inset-inline-start: 0; border-radius: 50% 50% 50% 12%; outline: 8px solid var(--color-paper-2); outline-offset: -1px; }
.au-b2 { width: 42%; inset-block-start: 0; inset-inline-end: 2%; border-radius: 50% 50% 12% 50%; }
.au-b3 { width: 40%; inset-block-end: 2%; inset-inline-start: 10%; border-radius: 12% 50% 50% 50%; }
.au-b4 { width: 38%; inset-block-end: 8%; inset-inline-end: 0; border-radius: 50% 12% 50% 50%; outline: 8px solid var(--color-paper-4); outline-offset: -1px; }
.au-when-held, .au-talk.is-held .au-when-run { display: none; }
.au-talk.is-held .au-when-held { display: inline; }
html:not(.js) .au-talk-btn { display: none; }

/* /gemeenten hero: the dashboard set large, the app and the figure beside it */
.au-hero-g .au-hero-in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.au-hero-g h1 { display: block; font-size: clamp(2.25rem, 2.6vw + 0.9rem, 3.5rem); line-height: 1.05; max-width: 17ch; }
.au-hero-g .hm-lead { max-width: 52ch; }
.au-actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.hm-btn-fill { background: var(--color-accent); color: var(--color-accent-ink); }
.hm-btn-fill:hover { background: var(--color-accent-2); border-color: var(--color-accent-2); color: var(--color-accent-ink); }
.au-checks { list-style: none; display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); margin-block-start: var(--space-xl); font-size: var(--text-sm); color: var(--color-ink-2); }
.au-checks li { display: inline-flex; align-items: center; gap: var(--space-xs); }
.au-checks svg { width: 18px; height: 18px; flex: none; color: var(--color-live); }
.au-dash-stage { position: relative; padding-block-end: var(--space-2xl); padding-inline-end: var(--space-2xl); }
.au-dash { aspect-ratio: 2784 / 1504; border-radius: 20px; background: var(--color-paper); }
.au-dash > img { object-position: 0 0; }
.au-dash-phone { position: absolute; inset-inline-end: 0; inset-block-end: 0; width: 26%; aspect-ratio: 596 / 1319; border-radius: 22px; background: var(--color-paper); z-index: var(--z-raised); }
.au-dash-fig { margin: 0; position: absolute; inset-inline-start: calc(-1 * var(--space-lg)); inset-block-end: var(--space-md); display: grid; gap: var(--space-3xs); padding: var(--space-lg) var(--space-lg) var(--space-md); border-radius: 20px; background: var(--color-paper); box-shadow: 0 18px 40px -18px var(--color-shadow); z-index: var(--z-raised); }
.au-dash-fig b { font: 800 var(--text-3xl)/1 var(--font-display); color: var(--color-accent); }
.au-dash-fig figcaption { font-size: var(--text-sm); color: var(--color-ink-2); }

/* ============ FIGURES on one rule ============ */
.au-figs-band { padding-block: var(--space-2xl); }
.au-figs5 { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding-block: var(--space-xl); border-block: 1px solid var(--color-rule); }
.au-figs4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.au-figs5 li { display: grid; gap: var(--space-2xs); align-content: start; padding-inline: var(--space-lg); border-inline-start: 1px solid var(--color-rule); }
.au-figs5 li:first-child { padding-inline-start: 0; border-inline-start: 0; }
.au-figs5 b { font: 800 var(--text-3xl)/1.05 var(--font-display); color: var(--color-accent); font-variant-numeric: tabular-nums; }
.au-figs5 span { font-size: var(--text-sm); color: var(--color-ink-2); max-width: 22ch; }

/* ============ shared splits and numbered lists ============ */
.au-split { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-2xl); align-items: center; }
.au-ways, .au-steps { list-style: none; counter-reset: au; display: grid; margin-block-start: var(--space-xl); }
.au-ways li, .au-steps li { counter-increment: au; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: var(--space-sm); row-gap: var(--space-2xs); padding-block: var(--space-lg); border-block-start: 1px solid var(--color-rule); }
.au-ways li::before, .au-steps li::before { content: counter(au); grid-row: span 2; font: 800 var(--text-title)/1.2 var(--font-display); color: var(--color-accent); }
.au-ways p, .au-steps p { color: var(--color-ink-2); max-width: 52ch; }

/* ============ SPEAK ============ */
.au-speak { padding-block: var(--section-gap-s) var(--section-gap); }
.au-speak-art { position: relative; isolation: isolate; padding-block-end: var(--space-3xl); padding-inline-end: 22%; }
.au-photo { aspect-ratio: 1600 / 1067; isolation: isolate; z-index: 1; }
.au-phone { position: absolute; z-index: 2; inset-inline-end: 0; inset-block-end: 0; width: 32%; height: auto; filter: drop-shadow(0 24px 30px oklch(30% 0.12 278 / 0.25)); }
.au-speak-text h2 { display: flex; flex-direction: column; gap: var(--space-2xs); }

/* ============ AI COACH: the band in Taaly blue ============ */
.au-coach { background: var(--color-field); color: var(--color-field-ink); padding-block: var(--section-gap-s); }
.au-coach :focus-visible { outline-color: var(--color-focus-on-field); }
.au-coach-in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-2xl); align-items: center; }
.au-robot { justify-self: center; width: min(100%, 400px, 60vw); aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; background: var(--color-paper); }
.au-robot img { width: 100%; height: 100%; object-fit: contain; }
.au-coach h2 { color: var(--color-field-ink); max-width: 22ch; }
.au-says { list-style: none; display: grid; gap: var(--space-md); margin-block-start: var(--space-xl); justify-items: start; }
.au-says li { padding: var(--space-md) var(--space-lg); border-radius: 26px 26px 26px 6px; background: var(--color-paper); color: var(--color-ink); font: 700 var(--text-lg)/1.35 var(--font-display); max-width: 30ch; box-shadow: 0 16px 30px -18px oklch(12% 0.08 278 / 0.6); }
.au-says li:nth-child(2) { margin-inline-start: var(--space-4xl); background: var(--color-paper-4); }
.au-says li:nth-child(3) { margin-inline-start: calc(var(--space-4xl) * 2); background: var(--color-signal); color: var(--color-signal-ink); }

/* ============ SCENARIOS ============ */
.au-scen { background: var(--color-paper-2); padding-block: var(--section-gap) var(--section-gap-s); }
.au-scen-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-xl); }
.au-scen-h { display: grid; gap: var(--space-md); }
.au-scen-facts { display: flex; gap: var(--space-xl); font: 800 var(--text-title)/1.1 var(--font-display); color: var(--color-head); }
.au-scen-facts span + span { padding-inline-start: var(--space-xl); border-inline-start: 1px solid var(--color-rule); }
.au-scen-row { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-columns); margin-block: var(--space-2xl) var(--space-2xl); align-items: start; }
.au-scen-row li { padding: var(--space-xl) var(--space-lg); border-radius: var(--radius-card); background: var(--color-paper); }
.au-scen-row img { width: 100%; height: auto; max-height: 260px; object-fit: contain; }

/* ============ MEEDOEN ============ */
.au-meedoen { background: var(--color-paper-3); padding-block: var(--section-gap-s); }
.au-split-r .au-md-art { order: 0; }
.au-md-art { position: relative; justify-self: center; width: min(100%, 460px); padding-inline: var(--space-3xl); }
.au-md-shot { aspect-ratio: 1206 / 2449; border-radius: 28px; }
.au-chip { position: absolute; z-index: var(--z-raised); display: grid; gap: var(--space-3xs); padding: var(--space-sm) var(--space-md); border-radius: 18px; background: var(--color-paper); box-shadow: 0 18px 36px -18px var(--color-shadow); font-size: var(--text-sm); color: var(--color-ink-2); }
.au-chip b { font: 800 var(--text-md)/1.2 var(--font-display); color: var(--color-head); }
.au-chip-1 { inset-block-start: 14%; inset-inline-start: 0; }
.au-chip-2 { inset-block-end: 18%; inset-inline-end: 0; }
.au-md-text { display: grid; gap: var(--space-md); justify-items: start; }
.au-md-text .au-steps { margin-block: var(--space-sm) var(--space-md); width: 100%; }

/* ============ WORK: two ways in ============ */
.au-work { padding-block: var(--section-gap) var(--section-gap-s); }
.au-work-head { display: grid; gap: var(--space-md); margin-block-end: var(--space-2xl); }
.au-work-head .hm-lead { max-width: 60ch; }
.au-ways2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap-columns); }
.au-way { display: grid; grid-template-columns: minmax(0, 1fr) clamp(140px, 13vw, 200px); gap: var(--space-xl); align-items: start; padding: var(--space-xl); border-radius: var(--radius-card); }
.au-way-app { background: var(--color-paper-2); }
.au-way-wa { background: var(--color-paper-4); }
.au-way-text { display: grid; gap: var(--space-sm); align-content: start; }
.au-way h3 { font-size: var(--text-section); line-height: 1; }
.au-way-lead { font-weight: 700; color: var(--color-ink); }
.au-way ul { list-style: none; display: grid; gap: var(--space-xs); margin-block: var(--space-xs) var(--space-md); }
.au-way li { position: relative; padding-inline-start: 22px; color: var(--color-ink-2); line-height: 1.5; }
.au-way li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.55em; width: 10px; height: 10px; border-radius: 3px; background: var(--color-accent); }
.au-way-wa li::before { background: var(--color-live); }
.au-way-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-lg); }
.au-btn-wa { gap: var(--space-xs); background: var(--color-live); border-color: var(--color-live); color: var(--color-accent-ink); }
.au-btn-wa:hover { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-accent-ink); }
.au-btn-wa svg { width: 20px; height: 20px; }
.au-way-fig { display: grid; gap: var(--space-xs); }
.au-way-fig .hm-shot { aspect-ratio: 718 / 1464; border-radius: 20px; background: var(--color-paper); }
.au-way-fig figcaption { font-size: var(--text-sm); color: var(--color-ink-2); text-align: center; }
.au .au-next { margin-block-start: var(--space-xl); }
.au-work-trust { margin-block-start: var(--space-xl); }

/* ============ QUOTES ============ */
.au-quotes { background: var(--color-paper-3); padding-block: var(--section-gap-s); }
.au-quotes-top { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-lg); margin-block-end: var(--space-xl); }

/* ============ PROOF ============ */
.au-proof { padding-block: var(--section-gap) var(--section-gap-s); }
.au-partners-h { display: flex; flex-direction: column; gap: var(--space-2xs); }

/* ============ /gemeenten: PROBLEM ============ */
.au-problem { padding-block: var(--section-gap-s) var(--section-gap); }
.au-problem-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-xl) var(--gap-columns); align-items: start; }
.au-problem-head { display: grid; gap: var(--space-md); }
.au-rows { list-style: none; counter-reset: au; }
.au-rows > li { counter-increment: au; display: grid; grid-template-columns: 3rem minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-lg); padding-block: var(--space-2xl); border-block-start: 1px solid var(--color-rule); }
.au-rows > li:first-child { border-block-start: 0; padding-block-start: var(--space-xs); }
.au-rows > li::before { content: counter(au); font: 800 var(--text-3xl)/1 var(--font-display); color: var(--color-seal); -webkit-text-stroke: 2px var(--color-accent); paint-order: stroke fill; }
.au-rows > li > div { display: grid; gap: var(--space-xs); }
.au-rows p { color: var(--color-ink-2); }

/* ============ /gemeenten: PULL QUOTE ============ */
.au-pull { background: var(--color-paper-2); padding-block: var(--section-gap-s); }
.au-pull-in { margin: 0; display: grid; gap: var(--space-xl); justify-items: start; }
.au-pull blockquote { margin: 0; font: 700 clamp(1.625rem, 2.2vw + 1rem, 3.25rem)/1.2 var(--font-display); color: var(--color-head); max-width: 36ch; text-indent: -0.42em; }
.au-pull figcaption { display: flex; align-items: center; gap: var(--space-md); color: var(--color-ink-2); }
.au-pull figcaption img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }

/* ============ /gemeenten: PLATFORM ============ */
.au-platform { padding-block: var(--section-gap) var(--section-gap-s); }
.au-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-columns); margin-block-start: var(--space-2xl); }
.au-col { display: grid; gap: var(--space-md); align-content: start; padding-block-start: var(--space-lg); border-block-start: 3px solid var(--color-head); }
.au-col h3 { font-size: var(--text-section); line-height: 1; }
.au-col ul { list-style: none; display: grid; gap: var(--space-xs); }
.au-col li { position: relative; padding-inline-start: 22px; color: var(--color-ink-2); line-height: 1.5; }
.au-col li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.55em; width: 10px; height: 10px; border-radius: 3px; background: var(--color-accent); }
.au-col .hm-link { justify-self: start; }
.au .au-free { margin-block-start: var(--space-2xl); font-size: var(--text-lead); color: var(--color-ink-2); max-width: 60ch; }
.au-free b { color: var(--color-head); }

/* ============ /gemeenten: HOURS (the blue band from home.css) ============ */
.au-hours-show { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--gap-columns); align-items: end; }
.au-hours-side { display: grid; gap: var(--space-lg); justify-items: start; }
.au-checks-field { margin-block-start: 0; flex-direction: column; color: var(--color-field-ink-2); }
.au-checks-field svg { color: var(--color-signal); }

/* ============ /gemeenten: CASES ============ */
.au-cases { padding-block: var(--section-gap) var(--section-gap-s); }
.au-case-list { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-columns); margin-block-start: var(--space-2xl); }
.au-case-list li { display: grid; gap: var(--space-sm); align-content: start; padding-block-start: var(--space-lg); border-block-start: 1px solid var(--color-rule); }
.au-case-list p { color: var(--color-ink-2); max-width: 44ch; }
.au-case-list .au-case-who { font-weight: 700; color: var(--color-accent); }
.au-case-list .au-case-tags { font-size: var(--text-sm); color: var(--color-muted); }
.au-gem-logos { margin: var(--space-3xl) 0 0; }
.au-gem-logos .marquee img { width: 150px; height: 72px; }
.au-logos-foot { justify-content: space-between !important; align-items: center; gap: var(--space-md); }
.au-logos-foot figcaption { font-size: var(--text-sm); color: var(--color-ink-2); }

/* ============ /gemeenten: GO LIVE ============ */
.au-golive { background: var(--color-paper-4); padding-block: var(--section-gap-s); }
.au-golive-steps { list-style: none; counter-reset: au; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-columns); margin-block: var(--space-2xl) var(--space-xl); }
.au-golive-steps li { counter-increment: au; position: relative; display: grid; gap: var(--space-sm); align-content: start; padding-block-start: var(--space-2xl); border-block-start: 2px solid var(--color-head); }
.au-golive-steps li::before { content: counter(au); position: absolute; inset-block-start: -22px; inset-inline-start: 0; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--color-signal); color: var(--color-signal-ink); font: 800 var(--text-lg)/1 var(--font-display); }
.au-golive-steps p { color: var(--color-ink-2); }
.au-faq-plain { background: var(--color-paper); }

/* ============ /gemeenten: DEMO ============ */
.au-demo { background: var(--color-paper-2); padding-block: var(--section-gap) var(--section-gap-s); }
.au-demo-in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-2xl); align-items: start; }
.au-demo-text { display: grid; gap: var(--space-md); }
.au-points { list-style: none; display: grid; gap: var(--space-lg); margin-block: var(--space-lg); }
.au-points li { display: grid; gap: var(--space-2xs); padding-inline-start: var(--space-lg); border-inline-start: 3px solid var(--color-accent); }
.au-points p { color: var(--color-ink-2); }
.au-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-columns); padding-block-start: var(--space-lg); border-block-start: 1px solid var(--color-rule); }
.au-person { display: grid; gap: var(--space-3xs); align-content: start; font-size: var(--text-sm); color: var(--color-ink-2); }
.au-person b { font: 800 var(--text-lg)/1.2 var(--font-display); color: var(--color-head); }
.au-person a { color: var(--color-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 0.2em; }
.au-person a:hover { color: var(--color-ink); }
.au-form-card { position: relative; overflow: clip; padding: var(--space-xl); border-radius: var(--radius-card); background: var(--color-paper); box-shadow: 0 24px 50px -28px var(--color-shadow); }
.au-form-card input:not(.hp), .au-form-card .tel, .au-form-card .ct-submit { min-height: 48px; }
.au-form-card label { font-weight: 700; }
.au-form-card h3 { font-size: var(--text-section); line-height: 1; }
.au .au-form-card .hint { margin-block: var(--space-xs) var(--space-lg); color: var(--color-ink-2); }

/* collapsed answers stay out of reach until opened (screen readers and the word budget alike) */
.js .hm .faq-item:not(.open) .faq-a > div { visibility: hidden; }

/* ============ under 60rem: everything stacks in reading order ============ */
@media (max-width: 60rem) {
  .au-hero-in, .au-hero-g .au-hero-in, .au-split, .au-coach-in, .au-ways2, .au-problem-in, .au-hours-show, .au-demo-in { grid-template-columns: minmax(0, 1fr); }
  .au-hero-in, .au-hero-n .au-hero-in, .au-hero-g .au-hero-in { min-height: 0; }
  .au-bubbles { max-width: 440px; }
  .au-talk { justify-items: center; }
  .au-figs5 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--space-lg); }
  .au-says li:nth-child(2) { margin-inline-start: var(--space-2xl); }
  .au-says li:nth-child(3) { margin-inline-start: calc(var(--space-2xl) * 2); }
  .au-figs4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-figs5 li:nth-child(4) { padding-inline-start: 0; border-inline-start: 0; }
  .au-figs4 li:nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
  .au-cols, .au-case-list { grid-template-columns: minmax(0, 1fr); }
  .au-golive-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-2xl); }
  .au-rows > li { grid-template-columns: 3rem minmax(0, 1fr); }
  .au-rows > li > div { grid-column: 2; }
}
@media (max-width: 40rem) {
  .au-hero { padding-block: var(--space-xl) var(--space-2xl); }
  .au-actions .hm-btn, .au-hours-side .hm-btn { width: 100%; }
  .au-figs5, .au-figs4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-figs5 li, .au-figs5 li:nth-child(4) { padding-inline: 0; border-inline-start: 0; }
  .au-figs5 li:nth-child(even) { padding-inline-start: var(--space-md); border-inline-start: 1px solid var(--color-rule); }
  .au-speak-art { padding-inline-end: var(--space-2xl); }
  .au-says li:nth-child(2) { margin-inline-start: var(--space-lg); }
  .au-says li:nth-child(3) { margin-inline-start: var(--space-2xl); }
  .au-scen-row { grid-template-columns: minmax(0, 1fr); }
  .au-md-art { padding-inline: var(--space-xl); }
  .au-way { grid-template-columns: minmax(0, 1fr); padding: var(--space-lg); }
  .au-way-fig { width: min(70%, 220px); justify-self: center; }
  .au-golive-steps { grid-template-columns: minmax(0, 1fr); }
  .au-people { grid-template-columns: minmax(0, 1fr); }
  .au-form-card { padding: var(--space-lg); }
  .au-dash-stage { padding-inline-end: var(--space-xl); }
  .au-dash-fig { inset-inline-start: 0; padding: var(--space-sm) var(--space-md); }
  .au-dash-fig b { font-size: var(--text-lg); }
  .au-hero-g h1 { font-size: clamp(2.125rem, 7vw + 0.5rem, 2.75rem); }
}
@media (prefers-reduced-motion: reduce) {
  .au-talk-btn { display: none; }
}
[dir="rtl"] .au-pull blockquote { text-indent: 0; }
@media (max-width: 40rem) { .au-pull blockquote, .au .hm-q blockquote { text-indent: 0; } }