@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Sora:wght@600;700&display=swap");

:root {
  --color-navy-950: #150F0B;
  --color-navy-900: #1A1410;
  --color-navy-800: #2B1F16;
  --color-navy-700: #241B14;
  --color-navy-600: #1F1712;
  --color-indigo-500: #F5730B;
  --color-indigo-300: #FDBA74;
  --color-indigo-50: #FFF3E8;
  --color-surface: #FFFBF7;
  --color-surface-alt: #FDF1E7;
  --color-text-heading: #241B14;
  --color-text-body: #4B3B30;
  --color-text-muted: #8A7666;
  --color-white: #FFFFFF;
  --color-teal-500: #0D9488;
  --color-teal-300: #5EEAD4;
  --color-text-on-dark: #FDBA74;

  --font-family: "Inter", sans-serif;
  --font-family-heading: "Sora", sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-body: 17px;
  --font-size-eyebrow: 13px;
  --font-size-h1: 48px;
  --font-size-h1-mobile: 32px;
  --font-size-h2: 34px;
  --font-size-h2-mobile: 26px;
  --font-size-h3: 22px;
  --line-height-body: 1.65;
  --line-height-heading: 1.2;
  --line-height-h1: 1.15;
  --letter-spacing-eyebrow: 0.08em;
  --measure-copy: 65ch;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  --section-padding-block: 96px;
  --section-padding-block-mobile: 56px;

  --radius-button: 8px;
  --radius-icon: 12px;
  --radius-card: 16px;
  --shadow-card: 0 4px 16px rgb(36 27 20 / 6%);
  --icon-container-size: 52px;
  --icon-size: 24px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
p,
ul,
ol {
  margin: 0;
}

body {
  min-height: 100vh;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.container { width: min(1120px, calc(100% - (var(--space-5) * 2))); margin-inline: auto; }
.site-header { position: sticky; z-index: 10; top: 0; background: var(--color-white); border-bottom: 1px solid var(--color-surface-alt); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 80px; }
.brand { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-text-heading); font-size: 15px; font-weight: var(--font-weight-bold); letter-spacing: .04em; }
.brand-logo { width: 36px; height: 36px; }
.site-navigation { display: flex; align-items: center; gap: var(--space-5); color: var(--color-text-body); font-size: 15px; font-weight: var(--font-weight-semibold); }
.site-navigation a:not(.button) { transition: color 160ms ease; }
.site-navigation a:not(.button):hover, .site-navigation a:not(.button):focus-visible { color: var(--color-indigo-500); }
.button { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border: 1.5px solid transparent; border-radius: var(--radius-button); font-weight: var(--font-weight-semibold); line-height: 1; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
.button-primary { background: var(--color-indigo-500); color: var(--color-white); }
.button-primary:hover, .button-primary:focus-visible { background: var(--color-navy-700); }
.button-secondary { border-color: var(--color-white); color: var(--color-white); }
.button-secondary:hover, .button-secondary:focus-visible { background: var(--color-white); color: var(--color-navy-700); }
.menu-toggle { display: none; padding: var(--space-2); border: 0; background: transparent; color: var(--color-text-heading); }
.menu-icon { width: var(--icon-size); height: var(--icon-size); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.menu-icon-close { display: none; }
.hero { background: linear-gradient(115deg, var(--color-navy-900), var(--color-navy-800)); color: var(--color-white); }
.hero-content { display: flex; min-height: 600px; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: var(--section-padding-block); }
.eyebrow { color: var(--color-indigo-500); font-size: var(--font-size-eyebrow); font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-eyebrow); line-height: 1.3; text-transform: uppercase; }
.hero .eyebrow { color: var(--color-indigo-300); }
h1, h2, h3 { color: var(--color-text-heading); font-family: var(--font-family-heading); font-weight: var(--font-weight-bold); }
.hero h1 { max-width: 13ch; margin-top: var(--space-4); color: var(--color-white); font-size: var(--font-size-h1); line-height: var(--line-height-h1); text-wrap: balance; overflow-wrap: normal; word-break: normal; hyphens: none; }
.hero-subtext { max-width: var(--measure-copy); margin-top: var(--space-4); color: var(--color-text-on-dark); font-size: var(--font-size-body); line-height: var(--line-height-body); }
.hero-actions { display: flex; flex-wrap: wrap; gap: —
4:47 PM local timevar(--space-3); margin-top: var(--space-6); }
@media (max-width: 767px) {.container { width: min(100% - (var(--space-4) * 2), 1120px); }.header-inner { min-height: 72px; }.menu-toggle { display: inline-flex; }.site-navigation { position: absolute; top: 100%; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: var(--space-3) var(--space-4) var(--space-4); background: var(--color-white); border-bottom: 1px solid var(--color-surface-alt); }.site-navigation.is-open { display: flex; }.site-navigation a:not(.button) { padding: var(--space-3) 0; }.header-cta { margin-top: var(--space-2); }.menu-toggle[aria-expanded="true"] .menu-icon-menu { display: none; }.menu-toggle[aria-expanded="true"] .menu-icon-close { display: block; }.hero-content { min-height: 560px; padding-block: var(--section-padding-block-mobile); }.hero h1 { max-width: 14ch; font-size: var(--font-size-h1-mobile); }.hero-actions, .hero-actions .button { width: 100%; }}

.section-light { background: var(--color-surface); }
.about { padding-block: var(--section-padding-block); }
.about-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: var(--space-8); align-items: start; }
.about-copy h2 { max-width: 15ch; margin-top: var(--space-3); font-size: var(--font-size-h2); line-height: var(--line-height-heading); }
.about-copy > p:not(.eyebrow) { max-width: var(--measure-copy); margin-top: var(--space-4); color: var(--color-text-body); font-size: var(--font-size-body); line-height: var(--line-height-body); }
.about-details { display: grid; gap: var(--space-4); }
.about-highlight { padding: var(--space-6); border-radius: var(--radius-card); background: var(--color-navy-700); box-shadow: var(--shadow-card); color: var(--color-text-on-dark); }
.about-highlight .eyebrow { color: var(--color-indigo-300); }
.about-highlight h3 { margin-top: var(--space-3); color: var(--color-white); font-size: var(--font-size-h3); line-height: 1.25; }
.about-highlight p:last-child { margin-top: var(--space-3); color: var(--color-text-on-dark); font-size: 16px; line-height: var(--line-height-body); }
.trust-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.trust-card { display: grid; align-content: start; gap: var(--space-3); min-height: 160px; padding: var(--space-4); border: 1px solid var(--color-surface-alt); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-card); }
.trust-card h3 { font-size: 16px; line-height: 1.4; }
.icon-container { display: inline-flex; width: var(--icon-container-size); height: var(--icon-container-size); align-items: center; justify-content: center; border-radius: var(--radius-icon); background: var(--color-navy-700); }
.icon-container svg { width: var(--icon-size); height: var(--icon-size); fill: none; stroke: var(--color-indigo-300); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
@media (max-width: 767px) {
  .about { padding-block: var(--section-padding-block-mobile); }
  .about-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .about-copy h2 { max-width: 18ch; font-size: var(--font-size-h2-mobile); }
  .trust-grid { grid-template-columns: 1fr; }
}

.services { padding-block: var(--section-padding-block); }
.section-heading { max-width: 680px; margin-inline: auto; text-align: center; }
.section-heading h2 { margin-top: var(--space-3); font-size: var(--font-size-h2); line-height: var(--line-height-heading); }
.section-heading > p:last-child { margin-top: var(--space-3); color: var(--color-text-body); font-size: var(--font-size-body); line-height: var(--line-height-body); }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-7); }
.service-card { display: flex; min-height: 276px; flex-direction: column; align-items: flex-start; padding: var(--space-5); border: 1px solid var(--color-surface-alt); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-card); }
.service-card h3 { margin-top: var(--space-4); font-size: var(--font-size-h3); line-height: 1.25; }
.service-card p { margin-top: var(--space-3); color: var(--color-text-body); font-size: 16px; line-height: 1.55; }
@media (max-width: 1023px) and (min-width: 768px) {
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .services { padding-block: var(--section-padding-block-mobile); }
  .section-heading h2 { font-size: var(--font-size-h2-mobile); }
  .services-grid { grid-template-columns: 1fr; gap: var(--space-3); margin-top: var(--space-6); }
  .service-card { min-height: 0; }
}

.process { padding-block: var(--section-padding-block); }
.process-list { position: relative; display: grid; gap: var(--space-4); max-width: 840px; margin: var(--space-7) auto 0; }
.process-list::before { position: absolute; top: var(--space-6); bottom: var(--space-6); left: 31px; width: 1px; background: var(--color-indigo-300); content: ""; }
.process-step { position: relative; display: grid; grid-template-columns: var(--icon-container-size) minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-5); border: 1px solid var(--color-surface-alt); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-card); }
.step-number { position: relative; z-index: 1; display: flex; width: var(--icon-container-size); height: var(--icon-container-size); align-items: center; justify-content: center; border-radius: 50%; background: var(--color-navy-700); color: var(--color-indigo-300); font-size: 15px; font-weight: var(--font-weight-bold); }
.step-content h3 { font-size: var(--font-size-h3); line-height: 1.25; }
.step-content p { max-width: var(--measure-copy); margin-top: var(--space-2); color: var(--color-text-body); font-size: 16px; line-height: 1.55; }
@media (max-width: 767px) {
  .process { padding-block: var(--section-padding-block-mobile); }
  .process-list { margin-top: var(--space-6); }
  .process-list::before { left: 27px; }
  .process-step { grid-template-columns: 44px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); }
  .step-number { width: 44px; height: 44px; font-size: 14px; }
  .step-content h3 { font-size: 19px; }
}

.contact { padding-block: var(--section-padding-block); background: var(--color-navy-600); }
.contact-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-8); padding: var(--space-8); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-card); }
.contact-intro h2 { margin-top: var(--space-3); font-size: var(--font-size-h2); line-height: var(--line-height-heading); }
.contact-intro > p:not(.eyebrow) { margin-top: var(--space-3); color: var(--color-text-body); font-size: var(--font-size-body); line-height: var(--line-height-body); }
.business-details { display: grid; gap: var(--space-3); margin-top: var(--space-6); }
.business-details dt { display: flex; align-items: center; gap: var(--space-2); color: var(--color-text-heading); font-size: 14px; font-weight: var(--font-weight-semibold); }
.business-details dt svg { width: 20px; height: 20px; fill: none; stroke: var(--color-indigo-500); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.business-details dd { margin: var(--space-1) 0 0 28px; color: var(--color-text-muted); font-size: 14px; line-height: 1.5; }
.contact-form { display: grid; align-content: start; gap: var(--space-4); }
.form-field { display: grid; gap: var(--space-2); }
.form-field label { color: var(--color-text-heading); font-size: 14px; font-weight: var(--font-weight-semibold); }
.form-field input, .form-field select, .form-field textarea { width: 100%; padding: 13px var(--space-3); border: 1px solid var(--color-surface-alt); border-radius: var(--radius-button); background: var(--color-white); color: var(--color-text-body); font-size: 16px; outline: none; }
.form-field textarea { min-height: 128px; resize: vertical; }
.form-field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-repeat: no-repeat; background-size: 6px 6px, 6px 6px; padding-right: var(--space-6); }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--color-indigo-500); box-shadow: 0 0 0 3px var(--color-indigo-50); }
.contact-form .button { justify-self: start; }
.site-footer { background: linear-gradient(var(--color-navy-600), var(--color-navy-950) 22%); color: var(--color-text-on-dark); padding-top: var(--space-8); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: var(--space-7); padding-bottom: var(--space-7); }
.site-footer .brand { color: var(--color-white); }
.footer-brand > p { max-width: 34ch; margin-top: var(--space-3); font-size: 15px; line-height: 1.6; }
.site-footer h3 { color: var(--color-white); font-size: 16px; }
.footer-links { display: grid; gap: var(--space-2); margin-top: var(--space-3); font-size: 15px; }
.footer-links a:hover, .footer-links a:focus-visible { color: var(--color-white); }
.footer-contact { margin-top: var(--space-3); font-size: 15px; line-height: 1.8; }
.footer-bottom { padding-block: var(--space-4); border-top: 1px solid var(--color-surface-alt); font-size: 14px; }
@media (max-width: 767px) {
  .contact { padding-block: var(--section-padding-block-mobile); }
  .contact-card { grid-template-columns: 1fr; gap: var(--space-6); padding: var(--space-5); }
  .contact-intro h2 { font-size: var(--font-size-h2-mobile); }
  .contact-form .button { width: 100%; }
  .site-footer { padding-top: var(--space-7); }
  .footer-grid { grid-template-columns: 1fr; gap: var(--space-6); padding-bottom: var(--space-6); }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .menu-toggle { display: inline-flex; }
  .site-navigation { position: absolute; top: 100%; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: var(--space-3) var(--space-4) var(--space-4); background: var(--color-white); border-bottom: 1px solid var(--color-surface-alt); }
  .site-navigation.is-open { display: flex; }
  .site-navigation a:not(.button) { padding: var(--space-3) 0; }
  .header-cta { margin-top: var(--space-2); }
  .menu-toggle[aria-expanded="true"] .menu-icon-menu { display: none; }
  .menu-toggle[aria-expanded="true"] .menu-icon-close { display: block; }
}

body { background: var(--color-surface); color: var(--color-text-body); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-body); }
:focus-visible { outline: 3px solid var(--color-indigo-500); outline-offset: 3px; }
.menu-toggle:focus-visible { border-radius: var(--radius-button); }

.legal-page { min-height: 620px; padding-block: var(--section—
4:47 PM local time-padding-block); }
.legal-content { max-width: var(--measure-copy); }
.legal-content h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); }
.legal-updated { margin-top: var(--space-2); color: var(--color-text-muted); font-size: 14px; }
.legal-content h2 { margin-top: var(--space-6); font-size: var(--font-size-h2); line-height: var(--line-height-heading); }
.legal-content p:not(.legal-updated) { margin-top: var(--space-3); color: var(--color-text-body); font-size: var(--font-size-body); line-height: var(--line-height-body); }
@media (max-width: 767px) {
  .legal-page { min-height: 560px; padding-block: var(--section-padding-block-mobile); }
  .legal-content h1 { font-size: var(--font-size-h1-mobile); }
  .legal-content h2 { font-size: var(--font-size-h2-mobile); }
}

body.modal-open { overflow: hidden; }
.legal-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: var(--space-4); }
.legal-modal-backdrop { position: absolute; inset: 0; background: rgb(21 15 11 / 72%); }
.legal-modal-dialog { position: relative; width: min(760px, 100%); max-height: min(780px, calc(100vh - (var(--space-6) * 2))); overflow: auto; padding: var(--space-7); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card); }
.legal-modal-close { position: absolute; top: var(--space-3); right: var(--space-3); display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--color-surface-alt); color: var(--color-text-heading); font-size: 24px; line-height: 1; }
.legal-modal-content { max-width: var(--measure-copy); }
.legal-modal-content h1 { font-size: var(--font-size-h1); line-height: var(--line-height-h1); }
.legal-modal-content h2 { margin-top: var(--space-6); font-size: var(--font-size-h2); line-height: var(--line-height-heading); }
.legal-modal-content p { margin-top: var(--space-3); color: var(--color-text-body); font-size: var(--font-size-body); line-height: var(--line-height-body); }
.legal-modal-content .legal-updated { margin-top: var(--space-2); color: var(--color-text-muted); font-size: 14px; }
@media (max-width: 767px) {
  .legal-modal-dialog { max-height: calc(100vh - (var(--space-4) * 2)); padding: var(--space-5); }
  .legal-modal-content h1 { font-size: var(--font-size-h1-mobile); }
  .legal-modal-content h2 { font-size: var(--font-size-h2-mobile); }
}

.legal-modal-frame { display: block; width: 100%; height: 620px; border: 0; background: var(--color-surface); }
@media (max-width: 767px) {
  .legal-modal-frame { height: 70vh; }
}

.brand-name {
  font-size: 30px;
  background: linear-gradient(110deg, var(--color-text-heading) 20%, var(--color-indigo-500) 45%, var(--color-teal-500) 65%, var(--color-text-heading) 85%);
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: brand-shimmer 5s ease-in-out infinite;
}
@keyframes brand-shimmer {
  0%, 100% { background-position: 100% center; }
  50% { background-position: 0% center; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-name { animation: none; }
}
@media (max-width: 767px) {
  .brand-name { font-size: 16px; }
}

@keyframes page-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes content-rise {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-drift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes modal-in {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
body { animation: page-fade-in 500ms ease both; }
.hero { background-size: 180% 180%; animation: hero-drift 14s ease-in-out infinite; }
.hero-content > * { animation: content-rise 700ms cubic-bezier(.22, 1, .36, 1) both; }
.hero-content > *:nth-child(2) { animation-delay: 100ms; }
.hero-content > *:nth-child(3) { animation-delay: 180ms; }
.hero-content > *:nth-child(4) { animation-delay: 260ms; }
.about-copy, .about-details, .section-heading, .process-list, .contact-card, .footer-grid { animation: content-rise 700ms cubic-bezier(.22, 1, .36, 1) both; }
.about-details { animation-delay: 120ms; }
.services-grid { animation: content-rise 700ms cubic-bezier(.22, 1, .36, 1) 120ms both; }
.service-card, .trust-card, .process-step, .about-highlight, .contact-card { transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease; }
.service-card:hover, .trust-card:hover, .process-step:hover, .about-highlight:hover, .contact-card:hover { transform: translateY(-6px); box-shadow: 0 14px 28px rgb(36 27 20 / 12%); }
.service-card:hover, .trust-card:hover, .process-step:hover { border-color: var(--color-indigo-300); }
.legal-modal-backdrop { animation: page-fade-in 220ms ease both; }
.legal-modal-dialog { animation: modal-in 300ms cubic-bezier(.22, 1, .36, 1) both; }
@media (prefers-reduced-motion: reduce) {
  body, .hero, .hero-content > *, .about-copy, .about-details, .section-heading, .process-list, .contact-card, .footer-grid, .services-grid, .legal-modal-backdrop, .legal-modal-dialog { animation: none; }
  .service-card, .trust-card, .process-step, .about-highlight, .contact-card { transition: none; }
  .service-card:hover, .trust-card:hover, .process-step:hover, .about-highlight:hover, .contact-card:hover { transform: none; }
}

.site-navigation a:not(.button) { position: relative; }
.site-navigation a:not(.button)::after { position: absolute; right: 0; bottom: -6px; left: 0; height: 2px; border-radius: 2px; background: var(--color-indigo-500); content: ""; transform: scaleX(0); transform-origin: right; transition: transform 220ms ease; }
.site-navigation a:not(.button):hover::after, .site-navigation a:not(.button):focus-visible::after { transform: scaleX(1); transform-origin: left; }
.button { box-shadow: 0 0 0 rgb(245 115 11 / 0%); transition: transform 220ms ease, box-shadow 220ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 18px rgb(21 15 11 / 18%); }
.brand-logo { transition: transform 350ms cubic-bezier(.22, 1, .36, 1); }
.brand:hover .brand-logo, .brand:focus-visible .brand-logo { transform: rotate(-8deg) scale(1.08); }
.service-card .icon-container, .trust-card .icon-container { transition: transform 280ms cubic-bezier(.22, 1, .36, 1), background-color 220ms ease; }
.service-card:hover .icon-container, .trust-card:hover .icon-container { transform: translateY(-3px) rotate(4deg); background-color: var(--color-indigo-500); }
.service-card:hover .icon-container svg, .trust-card:hover .icon-container svg { stroke: var(--color-white); }
.form-field input, .form-field select, .form-field textarea { transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.form-field input:hover, .form-field select:hover, .form-field textarea:hover { border-color: var(--color-indigo-300); }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { transform: translateY(-1px); }
.footer-links a { display: inline-block; transition: color 180ms ease, transform 180ms ease; }
.footer-links a:hover, .footer-links a:focus-visible { transform: translateX(4px); }
.legal-modal-close { transition: transform 180ms ease, background-color 180ms ease; }
.legal-modal-close:hover, .legal-modal-close:focus-visible { transform: rotate(90deg); background-color: var(--color-indigo-50); }
@media (prefers-reduced-motion: reduce) {
  .site-navigation a:not(.button)::after, .button, .brand-logo, .service-card .icon-container, .trust-card .icon-container, .form-field input, .form-field select, .form-field textarea, .footer-links a, .legal-modal-close { transition: none; }
  .button:hover, .button:focus-visible, .brand:hover .brand-logo, .brand:focus-visible .brand-logo, .service-card:hover .icon-container, .trust-card:hover .icon-container, .form-field input:focus, .form-field select:focus, .form-field textarea:focus, .footer-links a:hover, .footer-links a:focus-visible, .legal-modal-close:hover, .legal-modal-close:focus-visible { transform: none; }
}

.scroll-reveal { opacity: 0; transform: translateY(30px); animation: none; }
.scroll-reveal.is-visible { animation: content-rise 750ms cubic-bezier(.22, 1, .36, 1) both; }
.about-details.scroll-reveal.is-visible, .services-grid.scroll-reveal.is-visible, .contact-card.scroll-reveal.is-visible { animation-delay: 120ms; }
.process-list.scroll-reveal.is-visible, .footer-grid.scroll-reveal.is-visible { animation-delay: 160ms; }
@media (prefers-reduced-motion: reduce) {
  .scroll-reveal, .scroll-reveal.is-visible { opacity: 1; transform: none; animation: none; }
}

        <div class="about-details">
          <article class="about-highlight">
        <div class="about-details">
          <article class="about-highlight">
            <p class="eyebrow">BUILT FOR LAUNCH</p>
            <h3>From first architecture decision to your first real users.</h3>
            <p>We pair thoughtful en
        <div class="about-details">
          <article class="about-highlight">
            <p class="eyebrow">BUILT FOR LAUNCH</p>
            <h3>From first architecture decision to your first real users.</h3>
            <p>We pair thoughtful en
            <p class="eyebrow">BUILT FOR LAUNCH</p>
            <h3>From first architecture decision to your first real users.</h3>
            <p>We pair thoughtful en