/* Homepage typography scale adapted from the Ramp reference, using Ogilio's local Onest font. */
html[data-og-theme=v2] body.og-home-reimagined{font-family:OgilioV2Sans,Arial,sans-serif}
html[data-og-theme=v2] body.og-home-reimagined :is(h1,h2,h3,h4,h5,h6){font-family:OgilioV2Sans,Arial,sans-serif;font-weight:400}

/* Shared header on the homepage. */
html[data-og-theme=v2] body.og-home-reimagined .topbar .navlinks>a,
html[data-og-theme=v2] body.og-home-reimagined .topbar .nav-trigger,
html[data-og-theme=v2] body.og-home-reimagined .topbar .nav-actions .sign-in{font-size:14px;font-weight:400;letter-spacing:normal}
html[data-og-theme=v2] body.og-home-reimagined .topbar .nav-actions .btn{font-size:14px;font-weight:500;letter-spacing:normal}

/* Hero: 64/64 display, 16/22 supporting copy. */
html[data-og-theme=v2] .oh-v2-hero-form{width:min(520px,100%)}
html[data-og-theme=v2] .oh-v2-hero h1{font-size:clamp(48px,5vw,64px);font-weight:400;line-height:1;letter-spacing:-.025em}
html[data-og-theme=v2] .oh-v2-description{font-size:16px;font-weight:400;line-height:22px;letter-spacing:normal}
html[data-og-theme=v2] .oh-v2-eyebrow{font-size:10px;font-weight:500;line-height:14px;letter-spacing:.06em}
html[data-og-theme=v2] .oh-v2-hero-form input{font-size:16px;line-height:22px}
html[data-og-theme=v2] .oh-v2-hero-form button{font-size:14px;font-weight:500;line-height:20px}
html[data-og-theme=v2] .oh-v2-note{font-size:13px;line-height:19px}

/* Headline hierarchy: light weights and tighter, consistent lines. */
html[data-og-theme=v2] .oh-v2-suppliers h2{font-size:clamp(40px,3.75vw,48px);font-weight:400;line-height:1.04;letter-spacing:-.03em}
html[data-og-theme=v2] .oh-v2-atlas h2{font-size:clamp(34px,3.15vw,40px);font-weight:400;line-height:1.05;letter-spacing:-.015em}
html[data-og-theme=v2] .oh-v2-platform .oh-v2-section-wrap h2{font-size:clamp(36px,3.125vw,40px);line-height:1.05}
html[data-og-theme=v2] .oh-v2-section-wrap h2,
html[data-og-theme=v2] .oh-process .oh-section-heading h2,
html[data-og-theme=v2] .oh-case .oh-section-heading h2,
html[data-og-theme=v2] .oh-usecases .oh-section-heading h2,
html[data-og-theme=v2] .oh-guide .oh-section-heading h2,
html[data-og-theme=v2] .oh-faq .oh-section-heading h2,
html[data-og-theme=v2] .og-products-intro h2,
html[data-og-theme=v2] .oh-final h2{font-size:clamp(38px,3.75vw,48px);font-weight:400;line-height:1.05;letter-spacing:-.02em}
html[data-og-theme=v2] .oh-v2-dark-stories h3,
html[data-og-theme=v2] .oh-v2-feature-row h3{font-size:clamp(28px,2.5vw,36px);font-weight:400;line-height:1.08;letter-spacing:-.02em}
html[data-og-theme=v2] .oh-v2-platform-card h3,
html[data-og-theme=v2] .oh-v2-scale-grid h3,
html[data-og-theme=v2] .oh-v2-principle-grid p{font-size:24px;font-weight:400;line-height:28px;letter-spacing:normal}

/* Reading text, links and controls. */
html[data-og-theme=v2] .oh-v2-lead,
html[data-og-theme=v2] .oh-v2-atlas-intro,
html[data-og-theme=v2] .oh-v2-suppliers-link,
html[data-og-theme=v2] .oh-v2-feature-row p:not(.oh-v2-eyebrow),
html[data-og-theme=v2] .oh-v2-scale-head p:not(.oh-v2-eyebrow),
html[data-og-theme=v2] .og-products-intro p{font-size:16px;line-height:22px;letter-spacing:normal}
html[data-og-theme=v2] .oh-v2-platform-card p,
html[data-og-theme=v2] .oh-v2-scale-grid p,
html[data-og-theme=v2] .oh-v2-dark-stories p:not(.oh-v2-eyebrow){font-size:14px;line-height:20px}
html[data-og-theme=v2] .oh-v2-button,
html[data-og-theme=v2] .oh-v2-platform-card>a,
html[data-og-theme=v2] .oh-v2-feature-row a,
html[data-og-theme=v2] .oh-v2-scale-grid a{font-size:14px;font-weight:400;line-height:20px}
html[data-og-theme=v2] .oh-v2-supplier-feature-copy strong{font-size:64px;font-weight:400;line-height:1;letter-spacing:-.025em}

@media(max-width:760px){
  html[data-og-theme=v2] .oh-v2-hero h1{font-size:clamp(42px,10vw,56px)}
  html[data-og-theme=v2] .oh-v2-suppliers h2,
  html[data-og-theme=v2] .oh-v2-section-wrap h2,
  html[data-og-theme=v2] .oh-process .oh-section-heading h2,
  html[data-og-theme=v2] .oh-case .oh-section-heading h2,
  html[data-og-theme=v2] .oh-usecases .oh-section-heading h2,
  html[data-og-theme=v2] .oh-guide .oh-section-heading h2,
  html[data-og-theme=v2] .oh-faq .oh-section-heading h2,
  html[data-og-theme=v2] .oh-final h2{font-size:clamp(34px,8vw,42px)}
  html[data-og-theme=v2] .oh-v2-platform .oh-v2-section-wrap h2{font-size:clamp(34px,8vw,40px)}
}
@media(max-width:1050px){
  html[data-og-theme=v2] body.og-home-reimagined .topbar .navlinks>a,
  html[data-og-theme=v2] body.og-home-reimagined .topbar .nav-trigger{font-size:12px}
}