/* Reading styles stay outside the design layer so mobile layouts never shrink
   essential text. User font and spacing preferences can override these rules. */
:root {
  --ink: #17263d;
  --muted: #526174;
  --orange: #b44417;
  --orange-hover: #963611;
  --accent: #f36a31;
  --focus: #1c64a0;
}

html { font-size: 100%; scroll-padding-top: 7rem; }
body { font-size: 1rem; line-height: 1.7; letter-spacing: normal; word-spacing: normal; font-kerning: normal; font-optical-sizing: auto; font-synthesis: none; overflow-wrap: anywhere; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4 { letter-spacing: normal; word-spacing: normal; text-wrap: pretty; overflow-wrap: anywhere; }
h1 { line-height: 1.18; }
h1 { font-weight: 700; }
h2, h3, h4 { font-weight: 650; }
h2 { line-height: 1.3; }
h3, h4 { line-height: 1.4; }
p { line-height: 1.75; text-wrap: pretty; overflow-wrap: anywhere; }
li, label, button, a { overflow-wrap: anywhere; }
main, section, .container, .hero-copy, .solution-copy, .faq-layout > div,
.process-intro, .contact-copy, .footer-main > div { min-width: 0; }

.button, .hero-actions .button, .pricing-card > .button,
.process-intro > .button, .switch-banner > .button,
.tour-dialog > .button, .privacy-dialog > .button,
.integration-dialog > .button, .form-submit {
  font-size: .9375rem;
  line-height: 1.55;
  font-weight: 600;
  min-height: 3rem;
  height: auto;
  gap: .75rem;
  padding: .875rem 1.125rem;
}
.button-small, .header-actions .button { font-size: .875rem; min-height: 2.75rem; padding: .75rem 1rem; }
.button-primary { background: var(--orange); }
.button-primary:hover { background: var(--orange-hover); }
.text-link, .solution-copy .text-link, .faq-layout > div > .text-link,
.integration-footer .text-link, .footer-cta > .text-link { font-size: .9375rem; line-height: 1.65; }
.text-link, .inline-link, .orange-text { color: var(--orange); }
.inline-link { text-decoration-thickness: 1px; text-underline-offset: .2em; }
.button, .text-link, .nav-link, .integration-filters button, .faq-list summary { scroll-margin-block: 7rem 2rem; }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}
input:focus-visible, select:focus-visible, .integration-search:focus-within {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}
.eyebrow, .hero-eyebrow, .contact-copy .eyebrow,
.switch-banner .eyebrow, .plan-kicker, .step-kicker,
.plan-includes, .small-tag, .recommended {
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.eyebrow, .small-tag { color: var(--orange); }
.muted-heading, .plan-kicker, .step-kicker, .plan-includes { color: var(--muted); }
.announcement { font-size: .8125rem; line-height: 1.7; }
.announcement-inner { min-height: 2.5rem; padding-block: .375rem; }
.new-label { font-size: .75rem; }
.header-inner { min-height: 5.25rem; height: auto; padding-block: 1rem; gap: 16px; flex-wrap: wrap; }
.brand { overflow-wrap: normal; white-space: nowrap; }
.desktop-nav { gap: 1.25rem; }
.nav-link, .contact-link { font-size: .875rem; line-height: 1.6; }
.nav-link { white-space: normal; min-height: 2.75rem; }
.header-actions { gap: 1.25rem; }
.dropdown-menu { width: min(21rem, calc(100vw - 3rem)); }
.dropdown-menu b { font-size: .9375rem; }
.dropdown-menu small { font-size: .8125rem; line-height: 1.6; }
.dropdown-menu > a { min-height: 4rem; }
.menu-toggle { min-width: 44px; min-height: 44px; width: 44px; height: 44px; }
.mobile-menu > a:not(.button) { font-size: 1rem; min-height: 3rem; padding-block: .75rem; }
.mobile-menu > .button { font-size: .9375rem; }

/* A clear title and a comfortable measure instead of tightly tracked copy. */
.hero h1 { font-size: clamp(2.5rem, 4vw, 3.75rem); line-height: 1.2; letter-spacing: normal; max-width: none; }
.hero h1 > span { display: block; }
.hero-copy > p { font-size: 1.125rem; line-height: 1.75; max-width: 42ch; color: var(--muted); }
.hero-copy > p strong { color: var(--ink); font-weight: 600; }
.hero-actions { flex-wrap: wrap; gap: .75rem; }
.hero-actions .button-video { font-size: .9375rem; }
.hero-checks { font-size: .8125rem; gap: .75rem 1.25rem; color: var(--muted); }
.hero-checks > span { align-items: flex-start; text-align: start; }
.hero-checks .icon { width: 1rem; height: 1rem; margin-top: .15rem; }
.hero-bottom { height: auto; min-height: 5rem; flex-wrap: wrap; padding-block: 1rem; gap: 1rem 1.5rem; }
.hero-bottom > span { font-size: .75rem; letter-spacing: normal; max-width: none; color: var(--muted); }
.hero-bottom > div { font-size: .875rem; }
.preview-caption { color: var(--muted); font-size: .75rem; line-height: 1.6; }
.sync-notification { transform: none; max-width: calc(100% - 1.5rem); gap: .625rem; }
.sync-notification strong { font-size: .8125rem; line-height: 1.6; }
.sync-notification div > span { font-size: .75rem; color: var(--muted); line-height: 1.6; }
.marketplaces p { font-size: .9375rem; color: var(--muted); }
.marketplace-logos > a { font-size: .875rem; }

.section-heading h2, .integration-heading h2, .process-intro h2,
.faq-layout h2 { font-size: clamp(1.875rem, 2.8vw, 2.625rem); line-height: 1.3; letter-spacing: normal; }
.section-heading p { font-size: 1rem; line-height: 1.75; max-width: 60ch; margin-inline: auto; }
.solution-copy h3 { font-size: clamp(1.625rem, 2.3vw, 2rem); line-height: 1.35; }
.solution-copy > p { font-size: 1rem; line-height: 1.75; max-width: 55ch; }
.check-list, .solution-copy .check-list, .pricing-card .check-list { font-size: .9375rem; line-height: 1.75; color: var(--muted); }
.check-list > li { align-items: flex-start; gap: .625rem; }
.check-list .icon { width: 1rem; height: 1rem; margin-top: .3rem; }
.solutions-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.solutions-tabs > button { font-size: .9375rem; line-height: 1.6; color: var(--muted); min-height: 3.5rem; padding: 1rem .5rem; }
.solutions-tabs > button[aria-selected=true] { color: var(--orange); }
.benefit-grid h3 { font-size: 1.125rem; line-height: 1.5; }
.benefit-grid p { font-size: 1rem; line-height: 1.75; max-width: 48ch; }

/* The interactive solution preview remains readable at phone sizes. */
.solution-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 2.5rem; padding: 3rem; }
.demo-window { overflow: visible; }
.demo-window-head { flex-wrap: wrap; font-size: 1rem; gap: .625rem; padding: 1rem; }
.sample-label { font-size: .75rem; color: var(--muted); }
.demo-summary > div > span { font-size: .875rem; color: var(--muted); }
.demo-summary { flex-wrap: wrap; gap: .75rem; }
.demo-summary > div { min-width: 0; }
.demo-summary strong { font-size: 2rem; letter-spacing: normal; line-height: 1.5; }
.demo-summary strong small { font-size: .875rem; color: var(--muted); }
.solution-rows > div { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) auto; gap: .25rem .625rem; padding-block: .875rem; }
.solution-rows > div > span:nth-child(2) { min-width: 0; }
.solution-rows b { font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }
.solution-rows small { font-size: .75rem; color: var(--muted); line-height: 1.65; }
.row-channel { font-size: 1.125rem; width: 1.75rem; height: 1.75rem; grid-row: 1 / 3; }
.row-value { font-size: .8125rem; margin-left: 0; min-width: 0; font-variant-numeric: tabular-nums; }
.status-pill { grid-column: 2 / -1; justify-self: start; font-size: .75rem; color: #286342; padding: .2rem .5rem; white-space: normal; }
.blue-pill { color: #355a8a; }
.demo-window-foot { font-size: .75rem; color: var(--muted); line-height: 1.6; border-radius: 0 0 11px 11px; }
.demo-accent-note { font-size: .75rem; line-height: 1.65; transform: none; position: static; margin: .875rem auto 0; max-width: fit-content; white-space: normal; }
.benefit-grid { gap: 2rem; }

.integration-heading { align-items: center; }
.integration-heading > p { font-size: 1rem; line-height: 1.75; max-width: 48ch; }
.integration-filters button { font-size: .875rem; line-height: 1.6; min-height: 2.75rem; padding: .625rem .875rem; color: var(--muted); }
.integration-filters button.active { color: #fff; }
.integration-search { width: 16rem; }
.integration-search input { font-size: 1rem; line-height: 1.6; padding-block: .75rem; }
.integration-search input::placeholder { color: var(--muted); opacity: 1; }
.integration-card { padding: 1rem; min-height: 6rem; gap: .75rem; }
.integration-card > span:nth-child(2) { min-width: 0; }
.integration-card b { font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.integration-card small { font-size: .8125rem; line-height: 1.6; color: var(--muted); }
.integration-footer, .integration-empty { font-size: .9375rem; color: var(--muted); line-height: 1.75; }

.process-intro > p, .process-steps p { font-size: 1rem; line-height: 1.75; max-width: 55ch; }
.process-steps h3 { font-size: 1.125rem; line-height: 1.5; }
.process-layout { gap: 4rem; }
.step-number { font-size: .875rem; }
.process-note { font-size: .875rem; line-height: 1.7; color: var(--muted); }
.process-note b { color: var(--ink); }
.pricing-card { padding: 1.75rem; }
.pricing-card h3 { font-size: 1.75rem; line-height: 1.4; }
.pricing-card > p { font-size: 1rem; line-height: 1.75; max-width: none; min-height: 0; }
.featured-plan .plan-kicker { color: var(--orange); }
.plan-price { font-size: 1.375rem; line-height: 1.5; letter-spacing: normal; margin-top: 1.5rem; }
.plan-price small { font-size: .8125rem; color: var(--muted); line-height: 1.75; }
.pricing-card > .button { margin-top: auto; margin-bottom: 0; }
.plan-price + .button { margin-top: 1.5rem; }
.recommended { position: static; inset: auto; margin-bottom: 1.25rem; padding: .5rem .75rem; text-align: start; color: var(--orange); background: #fff0e6; border-radius: .5rem; }
.pricing-note { font-size: .8125rem; color: var(--muted); line-height: 1.75; }
.switch-banner { flex-wrap: wrap; gap: 1.5rem; }
.switch-banner > div { flex: 1 1 23rem; min-width: 0; }
.switch-banner h2 { font-size: 1.75rem; line-height: 1.4; }
.switch-banner p { font-size: 1rem; color: #c6d1df; line-height: 1.75; }
.switch-banner .eyebrow { color: #ffb68e; }
.switch-banner > .button { flex: 0 1 auto; }
.faq-layout { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 4rem; }
.faq-layout > div > p { font-size: 1rem; line-height: 1.75; }
.faq-list summary { font-size: 1rem; line-height: 1.65; min-height: 3.5rem; padding: 1.25rem .25rem 1.25rem 0; }
.faq-list details > p { font-size: 1rem; line-height: 1.75; padding-right: .75rem; max-width: 65ch; }

.contact-layout { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 3.5rem; }
.contact-copy h2 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.3; letter-spacing: normal; }
.contact-copy .eyebrow { color: #ffb68e; }
.contact-copy > p { font-size: 1rem; line-height: 1.75; color: #c6d1df; max-width: 45ch; }
.contact-benefits { font-size: .9375rem; line-height: 1.7; color: #d5deea; }
.contact-benefits > span { align-items: flex-start; }
.contact-benefits .icon { margin-top: .25rem; }
.contact-brand-note > span { font-size: .875rem; line-height: 1.7; color: #c6d1df; }
.contact-form-card { padding: 2rem; }
.form-heading h3 { font-size: 1.5rem; line-height: 1.4; }
.form-heading > p { font-size: 1rem; color: var(--muted); line-height: 1.7; }
.form-row { grid-template-columns: 1fr; gap: 0; }
.contact-form-card label { font-size: .9375rem; line-height: 1.65; margin-bottom: 1.25rem; }
.contact-form-card label > span:not(.icon) { color: var(--orange); }
.contact-form-card input:not([type=checkbox]), .contact-form-card select {
  font-size: 1rem; line-height: 1.6; min-height: 3rem; height: auto; padding: .75rem; border-color: #8793a3;
}
.contact-form-card input::placeholder { color: #647185; opacity: 1; }
.contact-form-card .consent-label { font-size: .875rem; line-height: 1.75; gap: .75rem; padding-block: .375rem; }
.contact-form-card .consent-label > span { color: var(--muted); }
.consent-label input { width: 1.25rem; height: 1.25rem; margin-top: .2rem; border-color: #707f91; }
.consent-label input:checked::after { width: .625rem; height: .375rem; }
.inline-link { color: var(--orange); }
.form-preview-note { font-size: .8125rem; color: var(--muted); line-height: 1.75; text-align: start; align-items: flex-start; }
.form-preview-note .icon { margin-top: .25rem; }
.form-feedback h4 { font-size: 1rem; line-height: 1.5; }
.form-feedback p { font-size: .9375rem; color: #3e5b48; line-height: 1.75; }
.form-feedback .button { font-size: .875rem; }

.footer-main { gap: 2.5rem; grid-template-columns: minmax(0, 1.25fr) minmax(0, .7fr) minmax(0, .85fr) minmax(0, 1fr); }
.footer-brand > p { font-size: .9375rem; line-height: 1.75; }
.footer-location { font-size: .8125rem; color: var(--muted); }
.footer-links h3 { font-size: 1rem; line-height: 1.5; }
.footer-links a { font-size: .875rem; line-height: 1.75; color: var(--muted); padding-block: .2rem; }
.footer-cta > span { font-size: .75rem; line-height: 1.75; letter-spacing: normal; color: var(--muted); }
.footer-cta p { font-size: 1.5rem; line-height: 1.4; letter-spacing: normal; }
.footer-bottom { font-size: .8125rem; line-height: 1.75; color: var(--muted); flex-wrap: wrap; gap: 1rem 2rem; padding-block: 1rem; }
.footer-bottom > button, .back-top { font-size: .8125rem; line-height: 1.75; color: var(--muted); min-height: 2.75rem; }
.footer-bottom > button { text-align: start; }
.back-top { display: inline-flex; align-items: center; }
dialog { scroll-padding-block: 3rem; }
.tour-intro h2 { font-size: 2rem; line-height: 1.3; }
.tour-intro p, .privacy-dialog p, .integration-dialog > p { font-size: 1rem; line-height: 1.75; max-width: 65ch; }
.tour-flow b { font-size: 1rem; line-height: 1.5; }
.tour-flow p { font-size: .9375rem; line-height: 1.75; }
.tour-disclaimer { font-size: .8125rem; color: var(--muted); line-height: 1.75; }
.privacy-dialog h2, .integration-dialog h2 { font-size: 1.75rem; line-height: 1.4; }
.integration-dialog-note { font-size: .875rem; line-height: 1.75; color: var(--muted); }
.dialog-close { width: 2.75rem; height: 2.75rem; }

@media (min-width: 901px) {
  .pricing-card > p { min-height: 5.25em; }
}

@media (max-width: 1100px) {
  .desktop-nav, .contact-link { display: none; }
  .header-actions { margin-left: auto; }
  .menu-toggle { display: flex; }
  .mobile-menu { display: flex; flex-direction: column; padding: .5rem 1.5rem 1.5rem; border-top: 1px solid var(--line); background: #fff; max-height: calc(100dvh - 6rem); overflow-y: auto; }
  .hero h1 { font-size: 3rem; }
  .hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
  .hero-copy > p { font-size: 1rem; }
  .integration-heading { align-items: flex-start; }
  .integration-heading > p { max-width: 36ch; }
  .integration-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .solution-panel { gap: 1.75rem; padding: 2rem; }
  .pricing-card { padding: 1.5rem; }
  .pricing-grid { gap: 1rem; }
  .plan-price { font-size: 1.25rem; }
  .process-layout, .faq-layout { gap: 2.5rem; }
  .contact-layout { gap: 2rem; }
  .footer-main { gap: 1.5rem; }
  .tour-flow { flex-direction: column; align-items: stretch; }
  .tour-flow > span { display: none; }
}
@media (max-width: 900px) {
  .hero-grid, .solution-panel, .process-layout, .faq-layout, .contact-layout { grid-template-columns: minmax(0, 1fr); }
  .hero-grid { gap: 3rem; }
  .hero-copy { text-align: start; max-width: 40rem; }
  .hero h1 { font-size: 3.5rem; max-width: none; }
  .hero-visual { width: min(35rem, 100%); margin-inline: auto; }
  .hero-copy > p { max-width: 48ch; margin-inline: 0; }
  .hero-actions, .hero-checks { justify-content: flex-start; }
  .solution-demo { width: min(30rem, 100%); margin-inline: auto; }
  .integration-heading { display: block; }
  .integration-heading > p { max-width: 60ch; margin-top: 1.25rem; }
  .integration-controls { flex-direction: column; align-items: stretch; }
  .integration-search { width: 100%; }
  .pricing-grid { grid-template-columns: minmax(0, 1fr); max-width: 36rem; margin-inline: auto; gap: 2.75rem; }
  .recommended { padding-block: .5rem; }
  .pricing-card { padding: 2rem; }
  .pricing-card > p { max-width: 55ch; }
  .pricing-card > .button { justify-content: space-between; }
  .pricing-section .section-heading { margin-bottom: 3rem; }
  .contact-form-card { max-width: 36rem; width: 100%; margin-inline: auto; }
  .contact-copy { max-width: 40rem; }
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-cta { grid-column: 1 / -1; padding: 1.5rem 0 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 6rem; }
  .container { width: calc(100% - 2.5rem); }
  .announcement-inner > span { display: block; text-align: center; }
  .announcement .new-label, .announcement-inner > a { display: none; }
  .announcement { font-size: .75rem; }
  .header-inner { min-height: 4.5rem; padding-block: .75rem; gap: 1rem; }
  .brand > span { font-size: 26px; }
  .header-actions { display: none; }
  .menu-toggle { margin-left: auto; }
  .hero-grid { padding-top: 2.5rem; padding-bottom: 2.5rem; gap: 3rem; }
  .hero-copy { text-align: start; }
  .hero h1 { font-size: 2.5rem; max-width: none; }
  .hero-copy > p { font-size: 1rem; line-height: 1.75; padding: 0; }
  .hero-eyebrow { font-size: .75rem; letter-spacing: normal; }
  .hero-actions { gap: .5rem; }
  .hero-actions .button { font-size: .9375rem; padding-inline: 1rem; }
  .hero-checks { font-size: .8125rem; gap: .625rem; }
  .hero-bottom { justify-content: flex-start; gap: .75rem 1rem; }
  .hero-bottom > span { font-size: .75rem; text-align: start; }
  .hero-bottom > div { font-size: .8125rem; }
  .hero-bottom > i { display: none; }
  .hero-visual { padding-bottom: 0; }
  .sync-notification { position: relative; inset: auto; margin: .875rem auto 0; max-width: 100%; padding: .75rem; }
  .preview-caption { text-align: start; margin: .75rem 0 0; }
  .marketplace-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  .section-heading { text-align: start; }
  .section-heading h2, .integration-heading h2, .process-intro h2, .faq-layout h2 { font-size: 1.875rem; }
  .section-heading p { font-size: 1rem; margin-inline: 0; }
  .section-heading p br, p br.desktop-break { display: none; }
  .solutions-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; border-bottom: 0; }
  .solutions-tabs > button { flex-direction: row; gap: .5rem; font-size: .875rem; padding: .875rem .5rem; border: 1px solid var(--line); border-radius: .5rem; }
  .solutions-tabs > button[aria-selected=true] { border-color: var(--orange); background: #fff4ed; }
  .solutions-tabs > button[aria-selected=true]::after { display: none; }
  .solution-panel { padding: 1.5rem; gap: 1.5rem; }
  .solution-copy h3 { font-size: 1.75rem; }
  .solution-copy > p { font-size: 1rem; }
  .solution-copy .text-link { font-size: .9375rem; }
  .demo-window-head { padding: .875rem; }
  .sample-label { margin-left: 0; }
  .solution-rows { padding-inline: .75rem; }
  .solution-rows > div { grid-template-columns: 1.5rem minmax(0, 1fr); gap: .25rem .5rem; }
  .row-channel { width: 1.5rem; height: 1.5rem; font-size: 1rem; grid-row: 1 / 4; }
  .row-value { grid-column: 2; justify-self: start; font-size: .875rem; }
  .status-pill { grid-column: 2; }
  .demo-window-foot { padding: .75rem; }
  .demo-accent-note { max-width: 100%; font-size: .75rem; }
  .benefit-grid { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .benefit-grid h3 { font-size: 1.125rem; }
  .benefit-grid p { font-size: 1rem; }
  .integration-filters { gap: .375rem; }
  .integration-filters button { font-size: .875rem; padding-inline: .75rem; }
  .integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-card { flex-wrap: wrap; gap: .5rem; padding: .875rem; }
  .integration-card > span:nth-child(2) { flex: 1 1 100%; }
  .integration-card > span:last-child { display: none; }
  .integration-card b { font-size: .9375rem; }
  .integration-card small { font-size: .8125rem; }
  .integration-footer { font-size: .9375rem; text-align: start; justify-content: flex-start; }
  .process-steps h3 { font-size: 1.125rem; }
  .process-steps p { font-size: 1rem; }
  .process-steps > li > span:last-child { display: none; }
  .pricing-card { padding: 1.5rem; }
  .plan-price { font-size: 1.375rem; }
  .pricing-note { font-size: .8125rem; }
  .switch-banner { max-width: none; padding: 1.5rem; }
  .switch-banner .eyebrow { font-size: .75rem; }
  .switch-banner h2 { font-size: 1.625rem; }
  .switch-banner p { font-size: 1rem; }
  .faq-list summary { font-size: 1rem; }
  .faq-list details > p { font-size: 1rem; padding-right: 0; }
  .contact-copy h2 { font-size: 2.25rem; }
  .contact-copy h2 br { display: none; }
  .contact-form-card { padding: 1.5rem; }
  .form-heading h3 { font-size: 1.5rem; }
  .contact-form-card label { font-size: .9375rem; }
  .footer-brand > p { font-size: .9375rem; }
  .footer-links a { font-size: .9375rem; }
  .footer-cta { display: block; }
  .footer-cta > span { font-size: .75rem; }
  .footer-cta > .text-link { font-size: .9375rem; margin-top: 1rem; }
  .footer-bottom { gap: .75rem 1rem; }
  .tour-intro h2 { font-size: 1.75rem; }
  dialog { padding-top: 3.5rem; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 2rem); }
  .hero h1 { font-size: 2.25rem; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-actions .button-video { justify-content: flex-start; }
  .solution-panel { padding: 1.125rem; }
  .solutions-tabs > button { flex-direction: column; }
  .contact-form-card { padding: 1.25rem; }
}