/* V22 / Readable copy and a clear path through learning and human support. */
:root { --refresh-copy: 16px; --refresh-meta: 12px; --refresh-muted: #526176; }
body { font-size: 16px; }
.section { --muted: #526176; }

/* Written information grows; the existing demonstration stages keep their motion. */
#main .section-heading > p,
#main .platform-panel-copy > p,
#main .creation-copy > p,
#main .industry-points p,
#main .industry-case > p,
#main .seo-copy > p,
#main .course-card summary p,
#main .course-content p,
#main .credit-card > p,
#main .launch-card > p,
#main .service-card > p,
#main .consultant-info > p,
#main .contact-copy > p,
#main .consultation-form > p {
  font-size: var(--refresh-copy);
  line-height: 1.85;
  color: var(--refresh-muted);
}
#main .section .check-list li,
#main .course-lessons li,
#main .launch-card li { font-size: 15px; line-height: 1.8; }
#main .section .text-link { font-size: 15px; line-height: 1.65; }
#main .section .button { min-height: 48px; font-size: 15px; line-height: 1.5; }
#main .section .eyebrow { font-size: 12px; line-height: 1.65; letter-spacing: .07em; }
#main .section .check-list li > .icon { width: 17px; height: 17px; margin-top: 5px; flex: none; }
#main .industry-points h4 { font-size: 17px; line-height: 1.55; }
#main .industry-points > article > .mono { font-size: 12px; color: #526176; }
#main .industry-case h3 { font-size: 23px; line-height: 1.45; }
#main .industry-case > .text-link { font-size: 15px; }
#main .platform-panel-copy > .check-list li { font-size: 15px; }
#main .platform-hint,
#main .platform-controls > .mono { font-size: 12px; line-height: 1.6; color: #526176; }
#main .platform-tabs > button,
#main .industry-tabs > button { font-size: 14px; line-height: 1.45; }
#main .platform-network-caption > p { font-size: 16px; color: #3E526E; line-height: 1.7; }
#main .platform-network-caption > span { font-size: 12px; color: #526176; line-height: 1.7; }
#main .platform-network-top > .eyebrow,
#main .platform-network-top > span:last-child,
#main .network-legend { font-size: 11px; line-height: 1.6; color: #526176; }
#main .platform-network .network-node > span { font-size: 10px; color: #526176; }
#traffic .story-step > p { font-size: var(--refresh-copy); line-height: 1.85; color: #526176; }
#traffic .story-step > .eyebrow { font-size: 12px; color: #526176; }
#traffic .story-benefits > span { font-size: 12px; color: #526176; }
#traffic .story-trigger { font-size: 14px; }
#traffic .distribution-handoff > p { font-size: 13px; line-height: 1.75; color: #526176; }
#traffic .distribution-handoff > .button { font-size: 12px; min-height: 42px; }
#main .statement-description { font-size: 18px; line-height: 1.75; }
#main .statement-kicker { font-size: 16px; }
#tiktok-matrix .matrix-heading > p,
#tiktok-matrix .matrix-copy p { font-size: var(--refresh-copy); line-height: 1.85; color: #526176; }
#tiktok-matrix .matrix-copy .eyebrow,
#tiktok-matrix .matrix-copy .matrix-pain > span,
#tiktok-matrix .matrix-copy .matrix-example > span { font-size: 12px; }
#tiktok-matrix .matrix-tabs button { min-height: 70px; font-size: 14px; }
#tiktok-matrix .matrix-tabs button > .mono { font-size: 11px; }
#tiktok-matrix .matrix-controls > button,
#tiktok-matrix .matrix-controls > a { min-height: 44px; font-size: 12px; }
#tiktok-matrix .matrix-note { font-size: 12px; line-height: 1.75; color: #526176; }
#tiktok-matrix .matrix-footer > .text-link { font-size: 15px; }
#create .creation-source > .mono,
#create .creation-source > span:last-child { font-size: 12px; line-height: 1.65; color: #DFE6F2; }
#create .output-card > span { font-size: 13px; }
#create .output-card > small { font-size: 11px; line-height: 1.7; color: #526176; }
#create .language-tags { flex-wrap: wrap; }
#create .language-tags > span { font-size: 11px; line-height: 1.5; color: #526176; }

/* Keep all nine roles together and retain their existing illustration animation. */
#features .section-heading > p { font-size: 15px; }
#features .team-role-title { font-size: 15px; color: #334155; }
#features .team-role-number { font-size: 11px; color: #64748B; }
#features .team-select-hint,
#features .agents-note { font-size: 14px; line-height: 1.8; color: #526176; }
#features .agents-note > .text-link { font-size: 14px; }
#features #team-detail-description { font-size: 15px; line-height: 1.85; color: #526176; }
#features .team-detail-header #team-detail-tag { font-size: 12px; color: #526176; }

/* Search options are permanently visible rather than hidden behind a disclosure. */
#google .seo-layout { gap: 64px; }
#google .search-window-top .mono { font-size: 11px; color: #526176; letter-spacing: .025em; }
#google .search-input { font-size: 14px; min-height: 48px; }
#google .search-input > #search-example { min-width: 0; flex: 1; }
#google .search-input > .icon,
#google .search-cursor { flex: none; }
#google .search-result-url { font-size: 12px; line-height: 1.6; color: #526176; }
#google .search-result h3 { font-size: 21px; line-height: 1.5; }
#google .search-result p { font-size: 14px; line-height: 1.8; color: #526176; }
#google .search-result-tags > span { font-size: 11px; line-height: 1.5; color: #526176; }
#google .seo-visual-note { font-size: 12px; color: #526176; line-height: 1.6; }
#google .seo-comparison { padding-top: 52px; }
#google .seo-comparison-heading { margin-bottom: 22px; }
#google .seo-comparison-heading h3 { margin: 0 0 10px; font-size: 27px; line-height: 1.4; letter-spacing: -.025em; }
#google .seo-comparison-heading p { margin: 0; font-size: var(--refresh-copy); line-height: 1.8; color: #526176; }
#google .seo-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
#google .seo-comparison-card { position: relative; min-width: 0; padding: 30px; overflow: hidden; border: 1px solid #DEE5EF; border-radius: 16px; background: #FFFFFF; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#google .seo-comparison-card::after { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, transparent, #7B9CEF, transparent); animation: refresh-border-sweep 7s ease-in-out infinite; }
#google .seo-comparison-organic { border-color: #CDDDF6; background: #F2F6FD; }
#google .seo-comparison-kicker { display: block; margin-bottom: 14px; color: #4D6E9D; font-size: 12px; line-height: 1.6; letter-spacing: .06em; }
#google .seo-comparison-card h4 { margin: 0 0 13px; color: #172334; font-size: 24px; line-height: 1.45; letter-spacing: -.025em; }
#google .seo-comparison-card > p { margin: 0 0 23px; font-size: var(--refresh-copy); line-height: 1.85; color: #526176; }
#google .comparison-points { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
#google .comparison-points > li { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-top: 1px solid #E0E7F1; }
#google .comparison-point-label { color: #64748B; font-size: 12px; line-height: 1.75; }
#google .comparison-points strong { color: #37475D; font-size: 15px; font-weight: 500; line-height: 1.75; }

/* The one-day promise and its units form one readable set of statistics. */
#learn .learn-one-day { font-size: clamp(34px, 3.6vw, 48px); line-height: 1.3; }
#learn .academy-stats { align-items: start; gap: 26px; padding: 30px; border-radius: 15px; background: #F1F5FC; border-color: #DCE6F5; }
#learn .academy-stat { min-width: 0; }
#learn .academy-stat strong { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: 60px; line-height: 1.2; letter-spacing: -.05em; }
#learn .academy-stat .academy-stat-unit { margin-left: 0; font-size: 30px; line-height: 1.35; font-weight: 600; letter-spacing: -.025em; color: #4C6488; }
#learn .academy-stat[data-metric='day'] strong,
#learn .academy-stat[data-metric='day'] .academy-stat-unit { color: #2457E6; }
#learn .academy-stat > span { max-width: none; font-size: 14px; line-height: 1.75; color: #526176; }
#learn .academy-stats-note > span { max-width: none !important; font-size: 15px !important; line-height: 1.8; color: #526176; }
#learn .academy-stats-note > .icon { width: 29px; height: 29px; flex: none; }
#learn .course-card > summary { align-items: center; }
#learn .course-card > summary > div { min-width: 0; flex: 1; }
#learn .course-card summary h3 { font-size: 21px; line-height: 1.5; }
#learn .course-number { min-width: 24px; font-size: 12px; color: #526176; }
#learn .course-toggle { flex: none; }
#learn .course-content h4 { font-size: 18px; }

/* A dedicated choice between hiring an operator and training existing staff. */
#butler .hire-training-card { position: relative; margin-bottom: 25px; padding: 32px; border: 1px solid #D4E1F7; border-radius: 17px; background: #F1F5FD; }
#butler .hire-training-heading h3 { margin: 12px 0 10px; font-size: 29px; line-height: 1.4; letter-spacing: -.035em; }
#butler .hire-training-heading p { margin: 0; font-size: 16px; line-height: 1.8; color: #526176; }
#butler .hire-training-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 25px; }
#butler .hire-training-option { display: flex; align-items: flex-start; flex-direction: column; min-width: 0; padding: 26px; border: 1px solid #DEE6F2; border-radius: 12px; background: #FFFFFF; transition: border-color .25s, transform .25s; }
#butler .hire-training-option > .icon { width: 26px; height: 26px; margin-bottom: 17px; color: #2457E6; }
#butler .hire-training-option h4 { margin: 0 0 11px; font-size: 22px; line-height: 1.4; letter-spacing: -.025em; }
#butler .hire-training-option > p { margin: 0 0 21px; color: #526176; font-size: var(--refresh-copy); line-height: 1.85; }
#butler .hire-training-option > .button { margin-top: auto; }
#butler .service-card > .mono { font-size: 12px; color: #526176; }
#butler .service-card > h3 { font-size: 23px; line-height: 1.45; }

/* Account services use the full width of the phone rather than narrow columns. */
#accounts.accounts-service-card { display: grid; grid-template-columns: 68px minmax(0, 1fr) 245px; align-items: center; gap: 27px; margin-top: 28px; padding: 32px; border: 1px solid #CBDCF7; border-radius: 17px; background: #EDF4FF; }
#accounts .accounts-service-icon { position: relative; width: 64px; height: 64px; border: 1px solid #D5E3FA; border-radius: 15px; background: #FFFFFF; color: #2457E6; }
#accounts .accounts-service-icon > .icon { width: 31px; height: 31px; }
#accounts .accounts-service-icon::before { content: ''; position: absolute; inset: -8px; border: 1px solid #B8CFF45C; border-radius: 21px; animation: refresh-service-ring 6s ease-in-out infinite; }
#accounts .accounts-service-copy { min-width: 0; }
#accounts .accounts-service-copy h3 { margin: 10px 0 13px; color: #17345D; font-size: 25px; line-height: 1.45; letter-spacing: -.025em; }
#accounts .accounts-service-copy > p { margin: 0; color: #475B77; font-size: var(--refresh-copy); line-height: 1.85; }
#accounts .accounts-service-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
#accounts .accounts-service-tags > span { padding: 5px 9px; border: 1px solid #D4E1F6; border-radius: 5px; background: #F8FBFF; color: #526C91; font-size: 12px; line-height: 1.6; }
#accounts .accounts-service-actions { min-width: 0; }
#accounts .accounts-service-actions > .button { width: 100%; min-height: 50px; justify-content: center; margin: 0; gap: 12px; padding-inline: 17px; white-space: normal; font-size: 14px; }
#accounts .accounts-service-actions > .button > span { min-width: 0; white-space: normal; }
#accounts .accounts-service-actions > .button > .icon { flex: none; }
#accounts .accounts-service-actions > p { margin: 11px 0 0; color: #526176; font-size: 12px; line-height: 1.75; text-align: center; }

/* The target market is an open choice, with a bright enquiry card on graphite. */
#partner { background: linear-gradient(135deg, #151B25, #1B2534); }
#partner .partner-layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: start; gap: 66px; }
#partner .partner-copy > .eyebrow,
#partner .partner-support-column > .eyebrow { color: #C2D1E8; font-size: 13px; }
#partner .partner-copy h2 > span { color: #F5F8FF; }
#partner .partner-copy h2 > .accent-word { color: #B2C8FF; }
#partner .partner-copy > p { font-size: 17px; line-height: 1.9; color: #CAD5E6; }
#partner .partner-price strong { font-size: 44px; font-weight: 600; }
#partner .partner-price > span { font-size: 12px; line-height: 1.8; color: #C1CCDF; }
#partner .partner-market-card { position: relative; margin-top: 25px; padding: 26px; border: 1px solid #DAE5F7; border-radius: 14px; background: #F9FBFF; color: #172334; }
#partner .partner-market-card::before { content: ''; position: absolute; left: 18%; right: 18%; top: 0; height: 2px; background: linear-gradient(90deg, transparent, #5987F2, transparent); animation: refresh-border-sweep 7s ease-in-out infinite; }
#partner .partner-market-heading h3 { margin: 0 0 18px; font-size: 23px; line-height: 1.4; letter-spacing: -.025em; }
#partner .partner-country-field { min-width: 0; }
#partner .partner-country-field > label { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.6; color: #475569; }
#partner #partner-country { display: block; width: 100%; min-width: 0; min-height: 51px; padding: 12px 14px; border: 1px solid #CCD9ED; border-radius: 7px; background: #FFFFFF; color: #172334; font: inherit; font-size: 16px; line-height: 1.5; }
#partner #partner-country::placeholder { color: #64748B; }
#partner #partner-country:focus { outline: 2px solid #6C94ED; outline-offset: 2px; border-color: #2457E6; }
#partner .partner-market-note { margin: 12px 0 17px; color: #526176; font-size: 12px; line-height: 1.85; }
#partner #partner-inquiry { width: 100%; justify-content: center; min-height: 49px; background: #2457E6; border-color: #2457E6; color: #FFFFFF; }
#partner .partner-support-column { min-width: 0; padding-top: 4px; }
#partner .partner-features { gap: 14px; margin-top: 18px; }
#partner .partner-features > article,
#partner .partner-features > article:first-child { gap: 18px; padding: 23px; border: 1px solid #3D4A61; border-radius: 12px; background: #FFFFFF04; }
#partner .partner-features > article > .icon { width: 25px; height: 25px; color: #AAC4FF; }
#partner .partner-features h3 { margin-bottom: 9px; color: #F5F8FF; font-size: 21px; line-height: 1.45; font-weight: 600; }
#partner .partner-features p { margin: 0; color: #C7D3E6; font-size: var(--refresh-copy); line-height: 1.85; }

/* Readable supporting text and controls throughout the rest of the page. */
#pricing .pricing-card .check-list li { color: #EEF3FD; font-size: 15px; }
#pricing .price-description { font-size: 16px; line-height: 1.85; color: #D9E3F4; }
#pricing .price-note,
#pricing .included-credit,
#pricing .plan-badge { font-size: 13px; line-height: 1.6; }
#pricing .price-note { color: #D9E3F4; }
#pricing .price-amount > span { font-size: 16px; }
#main .consultant-info > span { font-size: 13px; line-height: 1.75; }
#main .staff-card h4 { font-size: 15px; line-height: 1.5; }
#main .staff-card span { font-size: 12px; line-height: 1.7; }
#main .staff-details > summary { font-size: 16px; }
#main .team-note { font-size: 12px; line-height: 1.8; color: #526176; }
#cta .consultation-form > label { font-size: 15px; line-height: 1.6; }
#cta .consultation-form > label > span,
#cta .consultation-form > small { font-size: 12px; line-height: 1.75; color: #526176; }
#cta .consultation-form > input,
#cta .consultation-form > select { min-height: 52px; font-size: 16px; }
#cta .contact-phone small,
#cta .contact-copy > .contact-local { font-size: 13px; line-height: 1.8; color: #526176; }
#cta .contact-local > span { color: #526176; }
.footer-links > a { font-size: 14px; line-height: 1.8; color: #526176; }
.footer-bottom > span,
.footer-bottom > .mono { font-size: 12px; line-height: 1.8; color: #526176; }
.site-header .brand small { font-size: 10px; letter-spacing: .02em; }
.desktop-nav > a { font-size: 14px; }
.language-switch > button { font-size: 12px; }
.mobile-dock > a { width: 20%; font-size: 11px; color: #526176; }
.mobile-dock > a.dock-cta { width: 33%; font-size: 12px; }
.mobile-dock > a > span { min-width: 0; line-height: 1.3; }
#top .hero-copy .hero-description { font-size: 16px; line-height: 1.8; }
#top .hero-proof > div > span { font-size: 12px; color: #526176; letter-spacing: 0; }
#top .hero-actions { flex-wrap: wrap; }
#top .hero-actions .button-dark { font-size: 14px; }
#top .hero-actions .button-plain { font-size: 13px; }
.motion-control { font-size: 12px; }
#top .hero-bottom { flex-wrap: wrap; gap: 12px; }
#top .scroll-cue { color: #526176; font-size: 12px; }
#top .hero-bottom > .mono { color: #526176; font-size: 10px; letter-spacing: .04em; }
.platform-ribbon .ribbon-label { color: #526176; font-size: 11px; }
.platform-ribbon .ribbon-label strong { font-size: 12px; }
.platform-ribbon .ribbon-track > span { color: #526176; font-size: 13px; }

@keyframes refresh-border-sweep { 0%, 100% { transform: translateX(-14%); opacity: .45; } 50% { transform: translateX(14%); opacity: .9; } }
@keyframes refresh-service-ring { 0%, 100% { transform: scale(.96); opacity: .5; } 50% { transform: scale(1.08); opacity: 1; } }
@media (hover: hover) and (pointer: fine) {
  #google .seo-comparison-card:hover { transform: translateY(-3px); border-color: #AFC6ED; box-shadow: 0 14px 28px -25px #2457E64D; }
  #butler .hire-training-option:hover { transform: translateY(-2px); border-color: #B5CBEF; }
}
@media (max-width: 1100px) {
  #google .seo-layout { gap: 40px; }
  #accounts.accounts-service-card { grid-template-columns: 57px minmax(0, 1fr); gap: 23px; }
  #accounts .accounts-service-actions { grid-column: 2; width: 100%; max-width: 300px; }
  #partner .partner-layout { gap: 40px; }
}
@media (max-width: 900px) {
  #partner .partner-layout { gap: 27px; }
  #partner .partner-market-card { padding: 22px; }
  #partner .partner-features > article,
  #partner .partner-features > article:first-child { padding: 20px; gap: 13px; }
  #partner .partner-features h3 { font-size: 19px; }
  #learn .academy-stats { gap: 18px; padding: 25px; }
  #learn .academy-stat strong { font-size: 49px; }
  #learn .academy-stat .academy-stat-unit { font-size: 25px; }
}
@media (max-width: 700px) {
  :root { --refresh-copy: 15px; }
  #main .section .text-link { font-size: 14px; }
  #main .section .eyebrow { font-size: 11px; }
  #main .section-heading > p { line-height: 1.85; }
  #main .section .check-list { gap: 11px; }
  #main .industry-case h3 { font-size: 21px; }
  #main .industry-points h4 { font-size: 16px; }
  #main .platform-hint { max-width: 160px; }
  #main .statement-description { font-size: 16px; }
  #main .statement-kicker { font-size: 14px; }
  #traffic .story-step > .eyebrow { font-size: 11px; }
  #traffic .story-benefits > span { font-size: 11px; }
  #tiktok-matrix .matrix-tabs button { font-size: 13px; }
  #tiktok-matrix .matrix-note { font-size: 11px; }
  #features .section-heading > p { font-size: 14px; }
  #features .team-role-title { font-size: 13px; }
  #features .team-role-number { font-size: 10px; }
  #features .team-select-hint,
  #features .agents-note { font-size: 13px; }
  #google .seo-layout { gap: 32px; }
  #google .search-window { padding: 24px; }
  #google .search-window-top .mono { font-size: 10px; }
  #google .seo-comparison { padding-top: 36px; }
  #google .seo-comparison-heading h3 { font-size: 23px; }
  #google .seo-comparison-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #google .seo-comparison-card { padding: 25px; border-radius: 13px; }
  #google .seo-comparison-card h4 { font-size: 23px; }
  #google .comparison-points > li { grid-template-columns: 74px minmax(0, 1fr); gap: 10px; }
  #learn .learn-one-day { font-size: clamp(30px, 7.8vw, 38px); }
  #learn .academy-stats { gap: 17px 12px; padding: 23px 18px; }
  #learn .academy-stat strong { font-size: 44px; gap: 3px; }
  #learn .academy-stat .academy-stat-unit { font-size: 24px; }
  html[lang='en'] #learn .academy-stat .academy-stat-unit { font-size: 20px; }
  #learn .academy-stat > span { font-size: 12px; line-height: 1.8; }
  #learn .academy-stats-note > span { font-size: 14px !important; }
  #learn .course-card summary h3 { font-size: 18px; line-height: 1.55; }
  #learn .course-card > summary { gap: 13px; padding: 23px 19px; }
  #learn .course-content { padding: 0 19px 23px; }
  #butler .hire-training-card { padding: 25px 21px; border-radius: 14px; }
  #butler .hire-training-heading h3 { font-size: 25px; }
  #butler .hire-training-heading p { font-size: 15px; }
  #butler .hire-training-options { grid-template-columns: minmax(0, 1fr); gap: 15px; margin-top: 21px; }
  #butler .hire-training-option { padding: 23px; border-radius: 10px; }
  #butler .hire-training-option h4 { font-size: 21px; }
  #butler .hire-training-option > .button { width: 100%; justify-content: center; font-size: 14px; gap: 12px; }
  #butler .service-card > h3 { font-size: 23px; }
  #accounts.accounts-service-card { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 29px 24px; border-radius: 14px; }
  #accounts .accounts-service-icon { width: 58px; height: 58px; }
  #accounts .accounts-service-copy { width: 100%; }
  #accounts .accounts-service-copy h3 { font-size: 24px; }
  #accounts .accounts-service-actions { grid-column: 1; width: 100%; max-width: none; }
  #accounts .accounts-service-actions > .button { font-size: 14px; min-height: 51px; }
  #accounts .accounts-service-actions > p { font-size: 12px; }
  #partner .partner-layout { grid-template-columns: minmax(0, 1fr); gap: 37px; }
  #partner .partner-copy > p { font-size: 16px; }
  #partner .partner-price strong { font-size: 40px; }
  #partner .partner-market-card { padding: 25px 22px; }
  #partner .partner-market-heading h3 { font-size: 22px; }
  #partner .partner-features h3 { font-size: 21px; }
  #partner .partner-features > article,
  #partner .partner-features > article:first-child { padding: 23px 21px; }
  #main .consultant-info > p { font-size: 14px; }
  #main .consultant-info > span { font-size: 12px; }
  #main .staff-card h4 { font-size: 14px; }
  #main .footer-bottom { align-items: flex-start; }
  .footer-links { gap: 12px 20px; }
  .footer-bottom > .mono { font-size: 11px; }
  #top .hero-copy .hero-description { font-size: 15px; }
  #top .hero-proof > div > span { font-size: 11px; line-height: 1.6; }
}
@media (max-width: 380px) {
  #features .team-role-title { font-size: 12px; }
  #learn .academy-stats { padding: 21px 15px; gap: 15px 9px; }
  #learn .academy-stat strong { font-size: 40px; }
  #learn .academy-stat .academy-stat-unit { font-size: 23px; }
  html[lang='en'] #learn .academy-stat .academy-stat-unit { font-size: 18px; }
  #google .seo-comparison-card { padding: 23px 21px; }
  #google .comparison-points > li { grid-template-columns: 67px minmax(0, 1fr); gap: 9px; }
  #butler .hire-training-card { padding: 23px 18px; }
  #butler .hire-training-option { padding: 21px 18px; }
  #accounts.accounts-service-card { padding: 27px 21px; }
  #accounts .accounts-service-copy h3 { font-size: 22px; }
  #partner .partner-market-card { padding: 23px 20px; }
  #top .hero-actions { gap: 15px; }
}

/* These declarations follow every shorthand and defer to the motion controller. */
#google .seo-comparison-card::after,
#accounts .accounts-service-icon::before,
#partner .partner-market-card::before { animation-play-state: var(--motion-play-state, paused); }
@media (prefers-reduced-motion: reduce) {
  #google .seo-comparison-card::after,
  #accounts .accounts-service-icon::before,
  #partner .partner-market-card::before { animation: none !important; }
  #google .seo-comparison-card,
  #butler .hire-training-option { transition: none; }
  #google .seo-comparison-card:hover,
  #butler .hire-training-option:hover { transform: none; }
}