/* Local homepage only. Geometry/renderers, other routes and integration UI are unchanged. */
body[data-ok-buyer-v3] {
  --home-ink: #173c43;
  --home-muted: #506268;
  --home-accent: #005d83;
  --home-paper: #f6f5ef;
  --home-line: #dce4df;
}
body[data-ok-buyer-v3] .ok-buyer {
  --buyer-ink: var(--home-ink);
  --buyer-blue: var(--home-accent);
  --buyer-muted: var(--home-muted);
  background: #fff;
}
/* Calm the existing shell without replacing menu behaviour or destinations. */
html[data-oknolit-shell="v1"] body[data-ok-buyer-v3] .page__header {
  box-shadow: 0 1px 0 rgb(23 60 67 / 10%);
}
body[data-ok-buyer-v3] .page__header .header-top-bg { background: var(--home-paper); }
html[data-oknolit-shell="v1"] body[data-ok-buyer-v3] .page__header .header-top-nav-wrap { display: none; }
body[data-ok-buyer-v3] .page__header .header-top { justify-content: space-between; }
body[data-ok-buyer-v3] .page__header .header-main-bg { background: #fff; box-shadow: none; }
html[data-oknolit-shell="v1"] body[data-ok-buyer-v3] .page__header .header-callback.bttn-shadow {
  background: var(--home-accent); box-shadow: none; border-radius: 7px;
}
body[data-ok-buyer-v3] .page__header .bttn-shadow::before,
body[data-ok-buyer-v3] .page__header .bttn-shadow::after { display: none; }
html[data-oknolit-shell="v1"] body[data-ok-buyer-v3] .page__header .oknolit-shell-price-calculator {
  background: #fff; border: 1px solid #bdced1; color: var(--home-accent); border-radius: 7px;
}
body[data-ok-buyer-v3] .page__header .header-main-nav,
body[data-ok-buyer-v3] .page__header .header-main-show,
body[data-ok-buyer-v3] .page__header .header-show { background: #fff; }
body[data-ok-buyer-v3] .page__header .header-show > .header-show-item > .header-show-link {
  color: var(--home-ink); background: #fff;
  font-size: 14px; font-weight: 600;
}
body[data-ok-buyer-v3] .page__header .header-show > .header-show-item > .header-show-link:is(:hover,:focus-visible) {
  background: #edf3f1; color: var(--home-accent);
}
body[data-ok-buyer-v3] .page__header #toggler,
body[data-ok-buyer-v3] .page__header .mob-menu-bttn { background: var(--home-accent); }
/* One measured content width and a warm first-screen surface. */
body[data-ok-buyer-v3] .page__content .ok-buyer-hero {
  max-width: none;
  padding: 56px max(28px, calc((100% - 1184px) / 2)) 44px;
  grid-template-columns: 1fr 1.12fr;
  gap: 48px;
  background: var(--home-paper);
  border-bottom: 1px solid var(--home-line);
}
body[data-ok-buyer-v3] .ok-buyer-hero__copy { min-width: 0; }
body[data-ok-buyer-v3] .page__content .ok-buyer h1 {
  font-size: clamp(38px,3.7vw,54px); line-height: 1.09;
  letter-spacing: -.035em; text-wrap: balance;
}
body[data-ok-buyer-v3] .page__content .ok-buyer h2 {
  font-size: clamp(28px,2.7vw,38px); line-height: 1.16;
  letter-spacing: -.025em; text-wrap: balance;
}
body[data-ok-buyer-v3] .page__content .ok-buyer p.ok-buyer-eyebrow {
  color: #4b6666; font-size: 13px; line-height: 1.5;
  margin-bottom: 14px !important;
}
body[data-ok-buyer-v3] .page__content .ok-buyer p.ok-buyer-lead {
  color: #344e55; font-size: 19px; line-height: 1.6;
  max-width: 32em;
}
body[data-ok-buyer-v3] .ok-buyer-hero__photo img { border-radius: 14px; }
body[data-ok-buyer-v3] .ok-buyer-hero__photo figcaption { line-height: 1.6; margin-top: 12px; }
body[data-ok-buyer-v3] .ok-buyer a.ok-buyer-primary {
  border-radius: 8px; min-height: 52px; padding: 14px 24px;
  transition: background-color 150ms ease;
}
body[data-ok-buyer-v3] .ok-buyer a.ok-buyer-secondary { padding: 10px 0; }
body[data-ok-buyer-v3] .ok-buyer a:focus-visible {
  outline: 3px solid #005d83; outline-offset: 4px;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-section {
  max-width: 1240px; padding: 64px 28px; border-top: 0;
}
body[data-ok-buyer-v3] .ok-buyer-intro { max-width: 44em; }
body[data-ok-buyer-v3] .ok-buyer-tasks { gap: 24px; }
body[data-ok-buyer-v3] .ok-buyer-tasks article {
  overflow: hidden; border: 1px solid var(--home-line);
  border-radius: 12px; background: #fff; padding: 0 22px 18px;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-tasks img {
  width: calc(100% + 44px); max-width: none;
  margin-inline: -22px; border-radius: 0;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-tasks h3 {
  margin: 22px 0 12px; font-size: 23px; line-height: 1.25; letter-spacing: -.015em;
}
body[data-ok-buyer-v3] .ok-buyer-task-actions { padding-top: 20px; gap: 2px; }
body[data-ok-buyer-v3] .ok-buyer-task-actions a { min-height: 44px; display: flex; align-items: center; }
body[data-ok-buyer-v3] .ok-buyer-help {
  margin-top: 26px !important; padding: 20px 24px;
  background: var(--home-paper); border-radius: 8px;
}
/* A real company statement and a real quotation have distinct visual roles. */
body[data-ok-buyer-v3] .page__content .ok-buyer-trust {
  gap: 48px; align-items: center; padding-top: 20px; padding-bottom: 64px;
}
body[data-ok-buyer-v3] .ok-buyer-trust > div:first-child { padding: 24px 0; }
body[data-ok-buyer-v3] .ok-buyer-review {
  padding: 34px; border: 0; border-radius: 12px;
  background: #edf3ef;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-review blockquote {
  margin: 22px 0; font-size: clamp(25px,2.25vw,32px); line-height: 1.4;
  letter-spacing: -.02em;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-order { border-top: 1px solid var(--home-line); }
body[data-ok-buyer-v3] .ok-buyer-steps { counter-reset: buyer-step; gap: 32px; margin: 36px 0; list-style: none; }
body[data-ok-buyer-v3] .ok-buyer-steps li { counter-increment: buyer-step; min-width: 0; }
body[data-ok-buyer-v3] .ok-buyer-steps li::before {
  content: "0" counter(buyer-step); display: block;
  padding-bottom: 14px; margin-bottom: 20px; border-bottom: 1px solid #bacdc7;
  font-size: 16px; font-weight: 600; color: #426867;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-steps h3 { display: block; margin: 0; font-size: 22px; }
body[data-ok-buyer-v3] .page__content .ok-buyer-more {
  max-width: none; padding-inline: max(28px, calc((100% - 1184px) / 2));
  padding-block: 38px; background: #edf3ef;
}
body[data-ok-buyer-v3] .page__content .ok-buyer-more h2 { font-size: 28px; }
body[data-ok-buyer-v3] .ok-buyer-more nav { gap: 10px; }
body[data-ok-buyer-v3] .ok-buyer-more nav a {
  display: inline-flex; align-items: center; padding: 10px 16px;
  min-height: 44px; border: 1px solid #bacdc7; border-radius: 6px;
  color: var(--home-ink); text-decoration: none; background: transparent;
}
body[data-ok-buyer-v3] .ok-buyer-more nav a:is(:hover,:focus-visible) { background: #fff; }
/* Existing technical sections stay available with calmer surrounding surfaces. */
body[data-ok-buyer-v3] .page__content > .okv-home-hero { border-top: 0; background: #f7f8f5; }
body[data-ok-buyer-v3] .okv-home-head h2 { color: var(--home-ink); }
body[data-ok-buyer-v3] .page__footer .footer { background: var(--home-paper); border-top: 1px solid var(--home-line); }
body[data-ok-buyer-v3] .page__footer .footer-top { border-color: var(--home-line); }
body[data-ok-buyer-v3] .page__footer .footer-bottom { border-color: var(--home-line); }
html[data-oknolit-shell="v1"] body[data-ok-buyer-v3] .page__footer :is(a,a:visited) { color: #145971 !important; }
@media (max-width: 1089px) and (min-width: 761px) {
  body[data-ok-buyer-v3] .page__content .ok-buyer-hero { gap: 28px; padding-top: 38px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer h1 { font-size: 40px; }
  body[data-ok-buyer-v3] .ok-buyer-tasks { gap: 16px; }
  body[data-ok-buyer-v3] .ok-buyer-tasks article { padding-inline: 16px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-tasks img { width: calc(100% + 32px); margin-inline: -16px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-tasks h3 { font-size: 21px; }
}
@media (max-width: 760px) {
  body[data-ok-buyer-v3] .page__content .ok-buyer-hero {
    grid-template-columns: 1fr; gap: 24px; padding: 30px 22px;
  }
  body[data-ok-buyer-v3] .page__content .ok-buyer h1 { font-size: clamp(32px,8.8vw,40px); line-height: 1.12; }
  body[data-ok-buyer-v3] .page__content .ok-buyer p.ok-buyer-lead { font-size: 18px; line-height: 1.55; margin-top: 18px !important; }
  body[data-ok-buyer-v3] .ok-buyer-actions { gap: 10px 18px; margin-top: 22px; }
  body[data-ok-buyer-v3] .ok-buyer-geography { margin-top: 18px !important; }
  body[data-ok-buyer-v3] .ok-buyer-hero__photo img { border-radius: 10px; }
  body[data-ok-buyer-v3] .ok-buyer-hero__photo figcaption { font-size: 12px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-section { padding: 42px 22px; }
  body[data-ok-buyer-v3] .ok-buyer-tasks { gap: 24px; }
  body[data-ok-buyer-v3] .ok-buyer-tasks article { padding-bottom: 18px; }
  body[data-ok-buyer-v3] .ok-buyer-task-actions { padding-top: 14px; }
  body[data-ok-buyer-v3] .ok-buyer-help { padding: 18px; font-size: 15px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-trust { gap: 24px; padding-top: 0; }
  body[data-ok-buyer-v3] .ok-buyer-trust > div:first-child { padding: 8px 0; }
  body[data-ok-buyer-v3] .ok-buyer-review { padding: 26px 22px; }
  body[data-ok-buyer-v3] .ok-buyer-steps { gap: 26px; }
  body[data-ok-buyer-v3] .ok-buyer-steps li::before { padding-bottom: 8px; margin-bottom: 12px; }
  body[data-ok-buyer-v3] .ok-buyer-more nav { flex-direction: row; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-more { padding-block: 32px; }
}
@media (max-width: 360px) {
  body[data-ok-buyer-v3] .page__content :is(.ok-buyer-hero,.ok-buyer-section) { padding-inline: 18px; }
  body[data-ok-buyer-v3] .ok-buyer-tasks article { padding-inline: 18px; }
  body[data-ok-buyer-v3] .page__content .ok-buyer-tasks img { width: calc(100% + 36px); margin-inline: -18px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-ok-buyer-v3] .ok-buyer a { transition: none; }
}