/* Results Med Lab — stylesheet (converted 1:1 from the original Tailwind/React build) */
@layer theme, base, components, utilities;

@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
  html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: 'DM Sans', sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
  hr { height: 0; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; } sup { top: -0.5em; }
  :-moz-focusring { outline: auto; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  ::placeholder { opacity: 1; }
  textarea { resize: vertical; }
  ::-webkit-search-decoration { -webkit-appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  :-moz-ui-invalid { box-shadow: none; }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden='until-found'])) { display: none !important; }
  button:not(:disabled), [role='button']:not(:disabled) { cursor: pointer; }
  * { border-color: var(--border); }
  body { background-color: var(--background); color: var(--foreground); }
}

@layer utilities {
  .btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; white-space: nowrap; border-radius: calc(var(--radius) - 2px); font-size: .875rem; line-height: 1.4286; font-weight: 500; cursor: pointer; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
  .btn:focus-visible { outline: none; box-shadow: 0 0 0 1px var(--ring); }
  .btn:disabled { pointer-events: none; opacity: .5; cursor: not-allowed; }
  .btn svg { pointer-events: none; width: 1rem; height: 1rem; flex-shrink: 0; }
  .btn-default { background-color: var(--primary); color: var(--primary-foreground); box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); }
  .btn-outline { border: 1px solid var(--input); background-color: var(--background); box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); }
  .btn-ghost { }
  @media (hover: hover) {
    .btn-default:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); }
    .btn-outline:hover, .btn-ghost:hover { background-color: var(--accent); color: var(--accent-foreground); }
  }
  .btn-lg { height: 2.5rem; padding-inline: 2rem; }
  .btn-icon { height: 2.25rem; width: 2.25rem; }
  .animate-spin { animation: spin 1s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }
}
@layer utilities {
  .btn-size-default { height: 2.25rem; padding: .5rem 1rem; }
}

:root {
  --font-sans: 'DM Sans', sans-serif;
  --font-display: 'Libre Caslon Display', Georgia, serif;
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --radius: 0.375rem;
  --background: oklch(1 0 0); --foreground: oklch(0.22 0.005 80);
  --card: oklch(1 0 0); --card-foreground: var(--foreground);
  --primary: oklch(0.23 0.005 80); --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.97 0.006 85); --secondary-foreground: var(--foreground);
  --muted: oklch(0.97 0.003 85); --muted-foreground: oklch(0.49 0.006 80);
  --accent: oklch(0.94 0.009 85); --accent-foreground: var(--foreground);
  --border: oklch(0.9 0.005 85); --input: var(--border); --ring: oklch(0.66 0.09 83);
  --gold: oklch(0.65 0.095 83); --gold-light: oklch(0.78 0.085 83);
  --ink: oklch(0.21 0.005 80); --ink-muted: oklch(0.75 0.005 80);
  --surface: oklch(0.98 0.003 85); --on-ink: oklch(0.99 0.003 85);
  --hero-wash: oklch(0.98 0.004 85); --hero-transparent: oklch(0.98 0.004 85 / 0%);
  --menu-shadow: 0 15px 40px oklch(0.2 0 0 / 12%);
}

body { font-family: var(--font-sans); font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
* { letter-spacing: 0; }
.container { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
h1,h2,h3,p { margin: 0; }
h1,h2 { font-family: var(--font-display); font-weight: 400; line-height: 1.1; }
h2 { font-size: 48px; } h3 { font-size: 20px; font-weight: 550; line-height: 1.4; }
h2 em { font-style: normal; color: var(--gold); }
p { color: var(--muted-foreground); } a { text-decoration: none; }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.button-row [data-slot], .button-row a { flex-shrink: 0; }
a,button,input,select,textarea,summary { outline-offset: 5px; }
.topbar { background: var(--ink); color: var(--on-ink); font-size: 11px; }
.topbar .container { height: 34px; display: flex; justify-content: space-between; align-items: center; }
.topbar span,.topbar a { display: inline-flex; align-items: center; gap: 7px; }
.topbar svg { color: var(--gold-light); } .topbar-message { color: var(--ink-muted); }
.site-header { background: var(--background); position: relative; z-index: 20; border-bottom: 1px solid var(--border); }
.header-inner { display: flex; height: 101px; align-items: center; justify-content: space-between; gap: 30px; }
.logo-link { width: 140px; flex-shrink: 0; display: block; }
.logo-link img { width: 140px; height: 93px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 29px; font-size: 13px; font-weight: 500; }
.desktop-nav > a { padding-block: 12px; }
.desktop-nav a:hover,.nav-active { color: var(--gold); }
.desktop-nav button { padding-inline: 0; background: transparent; font-size: 13px; box-shadow: none; }
.header-actions { display: flex; gap: 10px; align-items: center; }
.header-actions a { font-size: 12px; height: 39px; }
.mobile-menu-toggle { display: none; }
.service-menu { position: relative; }
.mega-menu { position: absolute; width: 330px; left: -32px; top: 44px; padding: 15px; background: var(--background); border: 1px solid var(--border); box-shadow: var(--menu-shadow); }
.mega-menu a { display: flex; gap: 12px; justify-content: space-between; padding: 13px 10px; font-size: 13px; line-height: 1.4; }
.mega-menu .mega-overview { color: var(--gold); border-bottom: 1px solid var(--border); margin-bottom: 5px; }
.mobile-nav { display: none; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--gold); font-size: 10px; font-weight: 650; line-height: 1.5; margin-bottom: 20px; }
.eyebrow > span { display: block; width: 23px; height: 1px; background: var(--gold); flex-shrink: 0; }
.home-hero { position: relative; height: 640px; overflow: hidden; background: var(--surface); }
.hero-photo { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-scrim { position: absolute; inset: 0; background: linear-gradient(90deg,var(--hero-wash) 0%,color-mix(in oklch,var(--hero-wash) 93%,transparent) 26%,color-mix(in oklch,var(--hero-wash) 65%,transparent) 45%,var(--hero-transparent) 67%); }
.hero-content { position: relative; padding-top: 63px; }
.hero-content .eyebrow { font-size: 10px; margin-bottom: 20px; }
.hero-content h1 { font-family: var(--font-sans); font-size: 16px; font-weight: 550; margin-bottom: 16px; }
.hero-statement { font-family: var(--font-display); font-size: 65px; line-height: 1.06; color: var(--foreground); }
.hero-statement em { color: var(--gold); font-style: normal; }
.hero-description { max-width: 415px; font-size: 14px; margin: 25px 0; line-height: 1.85; }
.hero-content .button-row a { height: 45px; font-size: 12px; padding-inline: 23px; }
.hero-assurance { display: flex; align-items: center; gap: 10px; font-size: 10px; color: var(--muted-foreground); margin-top: 28px; }
.hero-assurance svg { color: var(--gold); } .dot { width: 3px; height: 3px; background: var(--gold); border-radius: 50%; margin-inline: 4px; }
.hero-caption { position: absolute; right: 48px; bottom: 25px; font-size: 8px; font-weight: 600; color: var(--foreground); }
.trust-strip { border-bottom: 1px solid var(--border); background: var(--background); }
.trust-strip .container { display: grid; grid-template-columns: repeat(4,1fr); padding: 27px 0; }
.trust-strip .container > div { display: flex; align-items: center; gap: 14px; padding-inline: 20px; border-right: 1px solid var(--border); }
.trust-strip .container > div:first-child { padding-left: 0; } .trust-strip .container > div:last-child { border: 0; padding-right: 0; }
.trust-strip svg { color: var(--gold); flex-shrink: 0; } .trust-strip strong { display: block; font-size: 11px; font-weight: 550; } .trust-strip small { display: block; font-size: 9px; color: var(--muted-foreground); margin-top: 2px; }
.section { padding-block: 85px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 38px; }
.section-heading > div:last-child > p,.section-heading > p { font-size: 13px; line-height: 1.8; }
.section-heading .text-link { margin-top: 17px; }
.text-link { display: inline-flex; gap: 16px; align-items: center; font-size: 12px; color: var(--foreground); font-weight: 600; border-bottom: 1px solid var(--gold); padding-bottom: 7px; }
.text-link svg { color: var(--gold); }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.service-card { padding: 28px; border: 1px solid var(--border); border-radius: 4px; background: var(--background); transition: border-color .2s,transform .2s; display: flex; flex-direction: column; }
.service-card:hover { border-color: var(--gold); transform: translateY(-3px); }
.service-card-top { display: flex; justify-content: space-between; margin-bottom: 21px; color: var(--gold); }
.service-card-top span { font-size: 10px; color: var(--muted-foreground); }
.service-card h3 { font-size: 17px; margin-bottom: 10px; }
.service-card p { font-size: 12px; line-height: 1.8; margin-bottom: 21px; }
.service-card-link { margin-top: auto; display: flex; justify-content: space-between; font-size: 10px; font-weight: 600; }
.service-card-link svg { color: var(--gold); }
.image-section { background: var(--surface); }
.image-section + .image-section { background: var(--background); }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; }
.editorial-photo { position: relative; } .editorial-photo img { width: 100%; aspect-ratio: 1.18; object-fit: cover; }
.photo-detail { position: absolute; border: 1px solid var(--gold); width: 76px; height: 76px; left: -12px; bottom: -12px; z-index: -1; }
.editorial-copy h2 { margin-bottom: 25px; font-size: 44px; }
.editorial-copy p { font-size: 14px; margin-bottom: 20px; }
.editorial-copy .text-link { margin-top: 10px; }
.editorial-copy .small-note { font-size: 12px; }
.reverse .editorial-photo { order: 2; }
.center-heading { text-align: center; margin-bottom: 40px; } .center-heading .eyebrow { justify-content: center; }
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; }
.audience-grid > div { padding: 20px 60px; } .audience-grid > div:first-child { padding-left: 30px; border-right: 1px solid var(--border); }
.audience-grid > div > svg { color: var(--gold); }
.audience-label { display: block; color: var(--gold); font-size: 10px; font-weight: 600; margin: 12px 0; }
.audience-grid h3 { font-family: var(--font-display); font-size: 35px; margin-bottom: 24px; }
.check-list { list-style: none; padding: 0; margin: 23px 0; }
.check-list li { display: flex; align-items: start; gap: 13px; font-size: 13px; color: var(--muted-foreground); margin-bottom: 11px; }
.check-list svg { color: var(--gold); flex-shrink: 0; margin-top: 3px; }
.audience-grid a { font-size: 12px; margin-top: 7px; }
.mobile-feature { background: var(--ink); color: var(--on-ink); padding-block: 65px; }
.mobile-feature > .container { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }
.mobile-feature h2 { font-size: 46px; margin-bottom: 25px; }
.mobile-feature p { color: var(--ink-muted); font-size: 13px; margin-bottom: 18px; }
.mobile-feature p.subtle { font-size: 11px; }
.mobile-feature a { background: var(--gold-light); color: var(--ink); font-size: 12px; margin-top: 6px; }
.mobile-feature img { width: 100%; aspect-ratio: 1.3; object-fit: cover; }
.values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; }
.values-grid > div { border-top: 1px solid var(--border); padding-top: 20px; } .values-grid > div > span { font-size: 11px; color: var(--gold); }
.values-grid h3 { font-size: 17px; margin: 16px 0 10px; } .values-grid p { font-size: 12px; }
.corporate-band { background: var(--secondary); padding-block: 65px; text-align: center; }
.corporate-band .eyebrow { justify-content: center; } .corporate-band h2 { margin-bottom: 20px; } .corporate-band p { font-size: 13px; margin-bottom: 25px; }
.corporate-band .button-row { justify-content: center; gap: 30px; }
.faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 95px; }
.faq-grid h2 { margin-bottom: 22px; } .faq-grid > div > p { font-size: 13px; margin-bottom: 20px; max-width: 335px; }
.faq-list details { border-bottom: 1px solid var(--border); } .faq-list details:first-child { border-top: 1px solid var(--border); }
.faq-list summary { display: flex; justify-content: space-between; gap: 15px; padding: 23px 0; font-size: 13px; font-weight: 550; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; } .faq-list summary svg { color: var(--gold); flex-shrink: 0; transition: transform .2s; } .faq-list details[open] summary svg { transform: rotate(180deg); }
.faq-list details p { font-size: 13px; padding-bottom: 22px; }
.review-placeholder { border-top: 1px solid var(--border); margin-top: 35px; padding-top: 22px; max-width: 340px; }
.review-placeholder > svg { color: var(--gold); vertical-align: middle; margin-right: 13px; } .review-placeholder strong { font-size: 13px; font-weight: 550; } .review-placeholder p { font-size: 11px; margin-top: 8px; }
.final-cta { background: var(--ink); color: var(--on-ink); padding-block: 65px; }
.final-cta > .container { display: flex; gap: 40px; justify-content: space-between; align-items: center; }
.final-cta h2 { font-size: 39px; margin-bottom: 15px; } .final-cta p { color: var(--ink-muted); font-size: 12px; }
.final-cta .button-row { flex-shrink: 0; } .final-cta a { font-size: 12px; }
.final-cta .button-row a:first-child { background: var(--gold-light); color: var(--ink); }
.final-cta .button-row a:last-child { background: transparent; border-color: var(--ink-muted); color: var(--on-ink); }
.site-footer { background: var(--surface); }
.footer-grid { display: grid; grid-template-columns: 1.1fr .9fr 1.2fr 1.1fr; gap: 50px; padding-block: 60px 40px; }
.footer-logo { display: block; width: 145px; } .footer-logo img { width: 145px; height: 97px; object-fit: contain; }
.footer-brand > p { font-size: 11px; margin: 15px 0; }
.footer-grid h3 { font-size: 12px; font-weight: 650; margin-bottom: 22px; padding-top: 20px; }
.footer-grid > div > a:not(.footer-logo) { display: flex; align-items: center; gap: 9px; font-size: 11px; color: var(--muted-foreground); margin-bottom: 12px; line-height: 1.65; }
.footer-grid > div > a:hover { color: var(--gold); }
.footer-grid p { display: flex; gap: 9px; font-size: 11px; margin-bottom: 15px; }
.footer-grid svg { flex-shrink: 0; color: var(--gold); margin-top: 3px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 20px; border-top: 1px solid var(--border); color: var(--muted-foreground); font-size: 10px; }
.footer-bottom a { display: flex; align-items: center; gap: 7px; }
.page-intro { padding-block: 25px 65px; background: var(--surface); border-bottom: 1px solid var(--border); }
.breadcrumb { display: flex; gap: 10px; align-items: center; font-size: 10px; color: var(--muted-foreground); margin-bottom: 42px; }
.page-intro h1 { max-width: 800px; font-size: 62px; margin-bottom: 25px; }
.intro-description { max-width: 630px; font-size: 15px; margin-bottom: 28px; }
.page-intro .button-row a { height: 43px; font-size: 12px; }
.soft-section { background: var(--surface); }
.three-col { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; margin-top: 35px; }
.three-col > div { border-top: 1px solid var(--border); padding-top: 25px; } .three-col h3 { margin-bottom: 14px; } .three-col p { font-size: 13px; }
.narrow { max-width: 750px; } .narrow h2 { margin-bottom: 25px; } .narrow p { margin-bottom: 25px; }
.availability-note { display: flex; align-items: start; gap: 12px; border-top: 1px solid var(--border); padding-top: 20px; margin: 25px 0; }
.availability-note svg { flex-shrink: 0; color: var(--gold); margin-top: 3px; }
.availability-note p { font-size: 12px; margin: 0; } .availability-note strong { display: block; color: var(--foreground); font-weight: 550; margin-bottom: 6px; }
.form-section { background: var(--surface); }
.form-section-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }
.form-section-grid h2 { margin-bottom: 25px; } .form-section-grid > div > p { font-size: 14px; }
.form-panel { padding: 35px; background: var(--background); border: 1px solid var(--border); border-radius: 6px; }
.form-panel > h3 { font-family: var(--font-display); font-size: 32px; margin-bottom: 25px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-grid label { font-size: 12px; font-weight: 550; color: var(--foreground); min-width: 0; }
.form-grid label > span { color: var(--gold); }
.form-grid .full { grid-column: 1 / -1; }
.form-grid input,.form-grid select,.form-grid textarea { display: block; width: 100%; min-width: 0; background: var(--surface); border: 1px solid var(--input); border-radius: 3px; font-size: 12px; font-weight: 400; color: var(--foreground); padding: 12px; margin-top: 8px; }
.form-grid input::placeholder,.form-grid textarea::placeholder { color: var(--muted-foreground); }
.form-grid select { height: 44px; padding-right: 22px; } .form-grid textarea { resize: vertical; }
.form-grid .checkbox-label { display: flex; gap: 10px; align-items: start; font-weight: 400; } .checkbox-label input { width: 16px; margin-top: 3px; accent-color: var(--gold); flex-shrink: 0; }
.honeypot { display: none; }
.form-privacy { display: flex; gap: 9px; font-size: 10px; margin: 20px 0; } .form-privacy svg { color: var(--gold); flex-shrink: 0; margin-top: 2px; }
.request-form > button { width: 100%; height: 45px; font-size: 12px; }
.form-footnote { font-size: 10px; margin-top: 12px; line-height: 1.6; }
.form-error { color: var(--destructive); font-size: 12px; margin-bottom: 18px; }
.form-success { padding-block: 30px; text-align: center; } .form-success > svg { color: var(--gold); margin: 0 auto 20px; }
.form-success h3 { font-family: var(--font-display); font-size: 36px; margin-bottom: 18px; } .form-success p { margin-bottom: 20px; font-size: 13px; }
.contact-details { margin-top: 35px; }
.contact-details > a,.contact-details > div { display: flex; gap: 18px; margin-bottom: 27px; font-size: 15px; line-height: 1.7; }
.contact-details svg { color: var(--gold); flex-shrink: 0; margin-top: 5px; }
.contact-details small { display: block; font-size: 10px; color: var(--muted-foreground); margin-bottom: 4px; }
@media(min-width:1600px){ .home-hero { height: 700px; } .hero-content { padding-top: 80px; } .hero-photo { object-position: center 43%; } }
@media(max-width:1100px){ .container { width: calc(100% - 64px); } .header-inner { gap: 20px; } .desktop-nav { gap: 20px; } .header-request { display: none; } .trust-strip .container > div { padding-inline: 12px; gap: 10px; } .trust-strip strong { font-size: 10px; } .trust-strip small { font-size: 8px; } .editorial-grid { gap: 45px; } .final-cta > .container { flex-direction: column; align-items: start; } .footer-grid { gap: 30px; } .form-section-grid { gap: 45px; } }
@media(max-width:767px){
 .container { width: calc(100% - 40px); } .topbar .container { height: 30px; font-size: 9px; } .topbar-message,.topbar-phone { display: none !important; }
 .header-inner { height: 82px; gap: 15px; } .logo-link,.logo-link img { width: 110px; } .logo-link img { height: 73px; } .desktop-nav { display: none; } .mobile-menu-toggle { display: inline-flex; } .header-actions { gap: 5px; } .header-actions > a { height: 36px; padding-inline: 13px; font-size: 11px; }
 .mobile-nav { display: block; padding: 10px 20px 20px; border-top: 1px solid var(--border); } .mobile-nav a { display: flex; justify-content: space-between; gap: 20px; font-size: 13px; padding: 12px 0; border-bottom: 1px solid var(--border); }
 .home-hero { height: 670px; } .hero-photo { height: 270px; top: auto; bottom: 0; object-position: 65% center; } .hero-scrim { background: linear-gradient(180deg,var(--hero-wash) 0%,var(--hero-wash) 59%,var(--hero-transparent) 78%); }
 .hero-content { padding-top: 35px; } .hero-content .eyebrow { font-size: 8px; gap: 8px; margin-bottom: 16px; } .hero-content h1 { font-size: 13px; margin-bottom: 13px; } .hero-statement { font-size: 49px; } .hero-description { font-size: 12px; max-width: 340px; margin: 18px 0 20px; } .hero-content .button-row { gap: 9px; } .hero-content .button-row a { font-size: 10px; height: 41px; padding-inline: 15px; } .hero-assurance { margin-top: 18px; font-size: 9px; } .hero-caption { font-size: 6px; right: 20px; bottom: 15px; }
 .trust-strip .container { grid-template-columns: 1fr 1fr; padding-block: 15px; gap: 17px 0; } .trust-strip .container > div { padding-inline: 12px; align-items: start; } .trust-strip .container > div:nth-child(odd){ padding-left: 0; } .trust-strip .container > div:nth-child(even){ border: 0; padding-right: 0; } .trust-strip svg { width: 21px; } .trust-strip strong { font-size: 9px; } .trust-strip small { font-size: 8px; }
 .section { padding-block: 55px; } h2 { font-size: 37px; } .eyebrow { font-size: 9px; margin-bottom: 16px; } .section-heading { flex-direction: column; align-items: start; gap: 20px; margin-bottom: 28px; } .section-heading > div:last-child > p,.section-heading > p { font-size: 12px; } .desktop-break { display: none; }
 .service-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .service-card { padding: 18px 15px; } .service-card-top { margin-bottom: 16px; } .service-card-top svg { width: 23px; height: 23px; } .service-card h3 { font-size: 14px; } .service-card p { font-size: 10px; margin-bottom: 18px; } .service-card-link { font-size: 9px; gap: 6px; } .service-card-link svg { width: 14px; }
 .editorial-grid { grid-template-columns: 1fr; gap: 35px; } .editorial-photo img { aspect-ratio: 1.25; } .editorial-copy h2 { font-size: 37px; } .editorial-copy p { font-size: 13px; } .reverse .editorial-photo { order: 0; }
 .audience-grid { grid-template-columns: 1fr; gap: 35px; } .audience-grid > div,.audience-grid > div:first-child { padding: 10px 0 25px; border-right: 0; border-bottom: 1px solid var(--border); } .audience-grid h3 { font-size: 32px; } .audience-grid > div:last-child { border: 0; padding-bottom: 0; } .center-heading { text-align: left; margin-bottom: 25px; } .center-heading .eyebrow { justify-content: start; }
 .mobile-feature { padding-block: 50px; } .mobile-feature > .container { grid-template-columns: 1fr; gap: 35px; } .mobile-feature h2 { font-size: 38px; } .mobile-feature a { max-width: 100%; white-space: normal; height: auto; min-height: 43px; padding: 12px 17px; }
 .values-grid { grid-template-columns: 1fr 1fr; gap: 25px; } .values-grid h3 { font-size: 15px; } .values-grid p { font-size: 11px; }
 .corporate-band { padding-block: 50px; } .corporate-band h2 { font-size: 37px; } .corporate-band .button-row { gap: 23px; }
 .faq-grid { grid-template-columns: 1fr; gap: 35px; } .faq-grid > div > p { max-width: 100%; } .faq-list summary { font-size: 12px; }
 .final-cta { padding-block: 45px; } .final-cta h2 { font-size: 34px; } .final-cta > .container { gap: 25px; } .final-cta .button-row { width: 100%; } .final-cta a { font-size: 11px; padding-inline: 16px; }
 .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px; padding-block: 40px 20px; } .footer-grid > div:first-child { grid-column: 1/-1; } .footer-grid > div:last-child { grid-column: 1/-1; } .footer-brand { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; } .footer-brand > p { padding-top: 15px; } .footer-phone { grid-column: 1/-1; } .footer-bottom { flex-direction: column; gap: 8px; }
 .page-intro { padding-bottom: 40px; } .breadcrumb { margin-bottom: 25px; font-size: 9px; } .page-intro h1 { font-size: 44px; } .intro-description { font-size: 13px; } .page-intro .button-row a { font-size: 11px; padding-inline: 16px; }
 .three-col { grid-template-columns: 1fr; gap: 26px; } .form-section-grid { grid-template-columns: 1fr; gap: 30px; } .form-panel { padding: 22px 18px; } .form-grid { gap: 17px; } .form-grid label { font-size: 11px; } .form-grid input,.form-grid select,.form-grid textarea { font-size: 12px; } .contact-details > a { overflow-wrap: anywhere; }
}
@media(max-width:359px){ .hero-statement { font-size: 43px; } .service-grid { grid-template-columns: 1fr; } .form-grid { grid-template-columns: 1fr; } .hero-content .button-row { gap: 7px; } .hero-content .button-row a { padding-inline: 10px; } }
@media(prefers-reduced-motion:reduce){ *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Premium dark theme: deep black, charcoal sections, gold accents. */
:root {
 --background: oklch(0.145 0 0); /* #0B0B0B */
 --foreground: oklch(1 0 0);
 --card: oklch(0.225 0 0); --card-foreground: oklch(1 0 0); /* #1C1C1C */
 --popover: oklch(0.2 0 0); --popover-foreground: oklch(1 0 0);
 --primary: oklch(0.72 0.09 80); --primary-foreground: oklch(0.145 0 0); /* #C6A15B */
 --secondary: oklch(0.2 0 0); --secondary-foreground: oklch(1 0 0);
 --muted: oklch(0.2 0 0); --muted-foreground: oklch(0.82 0 0); /* #C4C4C4 */
 --accent: oklch(0.26 0 0); --accent-foreground: oklch(1 0 0);
 --border: oklch(0.32 0 0); --input: oklch(0.4 0 0); --ring: oklch(0.72 0.09 80);
 --gold: oklch(0.72 0.09 80); --gold-light: oklch(0.72 0.09 80);
 --ink: oklch(0.19 0 0); /* #151515 */ --ink-muted: oklch(0.82 0 0);
 --surface: oklch(0.19 0 0); --on-ink: oklch(1 0 0);
 --hero-wash: oklch(0.145 0 0); --hero-transparent: oklch(0.145 0 0 / 0%);
 --menu-shadow: 0 15px 40px oklch(0 0 0 / 50%);
 color-scheme: dark;
}
h1,h2,h3 { color: var(--foreground); }
input,select,textarea { background-color: var(--card); color: var(--foreground); border-color: var(--input); }
input::placeholder,textarea::placeholder { color: oklch(0.65 0 0); }
select option { background: var(--card); color: var(--foreground); }
input:focus,select:focus,textarea:focus { border-color: var(--gold); }
.site-header { background: var(--background); border-bottom-color: color-mix(in oklch, var(--gold) 25%, transparent); }
.topbar { background: var(--ink); border-bottom: 1px solid var(--border); }
.mobile-feature,.final-cta { border-block: 1px solid color-mix(in oklch, var(--gold) 20%, transparent); }
.final-cta .button-row a:last-child { border-color: var(--gold); color: var(--gold); }
a.border-input,button.border-input,[data-slot="button"].border-input,.header-request { border-color: var(--gold); }
a.border-input:hover,button.border-input:hover,[data-slot="button"].border-input:hover,.header-request:hover { background: color-mix(in oklch, var(--gold) 12%, transparent); color: var(--foreground); }

/* 404 page */
.nf-wrap { display: flex; min-height: 100vh; align-items: center; justify-content: center; background-color: var(--background); padding-inline: 1rem; }
.nf-inner { max-width: 28rem; text-align: center; }
.nf-title { font-size: 4.5rem; color: var(--foreground); }
.nf-sub { color: var(--foreground); }
.nf-text { font-size: .875rem; line-height: 1.4286; }
.nf-action { margin-top: 1.5rem; }
.nf-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: .25rem; background-color: var(--primary); padding: .5rem 1rem; font-size: .875rem; line-height: 1.4286; font-weight: 500; color: var(--primary-foreground); transition: background-color .15s; }
.nf-btn:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); }
