/* One visual language for the home page, services, knowledge and products. */
html { scroll-behavior: smooth; }
body.ooobs-design-2026 { --accent: var(--o-link); --text-muted: var(--o-muted); }
body.ooobs-design-2026 .nav { padding-inline: max(24px, calc((100% - 1180px)/2)); }
body.ooobs-design-2026 .footer { padding-inline: max(24px, calc((100% - 1180px)/2)); }
body.ooobs-design-2026 .nav-links { gap: 23px; }
body.ooobs-design-2026 .nav-links a { font-size: 13px; }
body.ooobs-design-2026 .card-text a { color: var(--o-link); text-decoration: underline; text-underline-offset: 4px; }
body.ooobs-design-2026 .b24-service-body { min-width: 0; }
body.ooobs-design-2026.ooobs-service-2026 .b24-hero-title { font-size: clamp(42px, 6.8vw, 82px); text-wrap: balance; max-width: 1000px; }
body.ooobs-design-2026.ooobs-service-2026 .b24-tariffs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.ooobs-design-2026.ooobs-service-2026 .b24-tariff:last-child { grid-column: auto; }
body.ooobs-design-2026.ooobs-service-2026 .b24-tariff { padding: 26px; }
body.ooobs-design-2026.ooobs-service-2026 .price-name { font-size: 24px; }
body.ooobs-design-2026.ooobs-catalog-2026 .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.ooobs-design-2026.ooobs-catalog-2026 .card { padding: 25px; }
body.ooobs-design-2026 .card:has(a) { transition: border-color .18s, box-shadow .18s; }
body.ooobs-design-2026 .card:has(a):hover { border-color: #8a9e8f; box-shadow: 0 5px 18px #253d2d08; }
body.ooobs-design-2026 .blog-articles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }

/* Home page: normal vertical scrolling, with the same components at every width. */
body.ooobs-home-2026 { margin: 0; height: auto; overflow-x: visible; font-weight: 400; }
body.ooobs-home-2026 main { display: block; }
body.ooobs-home-2026 i, body.ooobs-home-2026 em { font-style: normal; font-weight: inherit; color: var(--o-link); }
body.ooobs-home-2026 .home-container { max-width: 1228px; padding-inline: 24px; width: 100%; margin-inline: auto; }
body.ooobs-home-2026 section { padding: 80px 0; position: relative; border-bottom: 1px solid var(--o-line); }
body.ooobs-home-2026 .home-eyebrow { display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; color: var(--o-muted); line-height: 1.6; }
body.ooobs-home-2026 .home-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--o-link); flex-shrink: 0; }
body.ooobs-home-2026 .home-hero { background: var(--o-soft); padding: 43px 0 0; }
body.ooobs-home-2026 .home-hero-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); align-items: center; gap: 56px; padding: 25px 0 47px; }
body.ooobs-home-2026 h1 { font-size: clamp(43px,4.15vw,60px); line-height: 1.1; font-weight: 400; letter-spacing: -.055em; text-wrap: balance; }
body.ooobs-home-2026 h1 br { display: none; }
body.ooobs-home-2026 h1 i { color: #3d6549; }
body.ooobs-home-2026 .home-lead { margin-top: 24px; font-size: 17px; line-height: 1.75; color: var(--o-muted); max-width: 630px; }
body.ooobs-home-2026 .home-lead strong { color: var(--o-ink); font-weight: 500; }
body.ooobs-home-2026 .home-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
body.ooobs-home-2026 .home-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid var(--o-button); background: var(--o-button); color: #fff; padding: 14px 20px; min-height: 50px; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 1.4; transition: background .18s, border-color .18s; }
body.ooobs-home-2026 .home-button:hover { background: #1a3023; border-color: #1a3023; }
body.ooobs-home-2026 .home-button svg { width: 18px; height: 18px; flex-shrink: 0; }
body.ooobs-home-2026 .home-button-secondary { color: var(--o-ink); background: transparent; border-color: #c2cec1; }
body.ooobs-home-2026 .home-button-secondary:hover { background: #fff9; border-color: #748977; }
body.ooobs-home-2026 .home-hero-note { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 19px; font-size: 12px; color: var(--o-muted); }
body.ooobs-home-2026 .home-hero-note span { display: inline-flex; align-items: center; gap: 7px; }
body.ooobs-home-2026 .home-hero-note span::before { content: ''; width: 5px; height: 5px; background: #6e8770; border-radius: 50%; }
body.ooobs-home-2026 .home-system { background: #f9fbf7; border: 1px solid #c9d5c4; border-radius: 24px; padding: 25px; box-shadow: 0 16px 36px #253d2d08; }
body.ooobs-home-2026 .home-system-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--o-line); padding-bottom: 16px; font-size: 11px; color: var(--o-muted); }
body.ooobs-home-2026 .home-system-mark { color: var(--o-link); font-size: 17px; font-weight: 600; letter-spacing: -.6px; }
body.ooobs-home-2026 .home-system-title { margin-top: 21px; font-size: 28px; letter-spacing: -.9px; line-height: 1.2; }
body.ooobs-home-2026 .home-system-flow { margin-top: 25px; }
body.ooobs-home-2026 .home-flow-node { display: flex; align-items: center; gap: 12px; padding: 16px; background: #fff; border: 1px solid var(--o-line); border-radius: 12px; }
body.ooobs-home-2026 .home-flow-node:hover { border-color: #859c88; }
body.ooobs-home-2026 .home-flow-icon { display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; background: var(--o-soft); border-radius: 10px; flex-shrink: 0; color: var(--o-link); }
body.ooobs-home-2026 .home-flow-icon svg { width: 21px; height: 21px; }
body.ooobs-home-2026 .home-flow-node strong { display: block; font-size: 15px; font-weight: 500; }
body.ooobs-home-2026 .home-flow-node small { display: block; font-size: 11px; color: var(--o-muted); margin-top: 3px; }
body.ooobs-home-2026 .home-flow-arrow { margin-left: auto; width: 15px; line-height: 0; color: var(--o-muted); }
body.ooobs-home-2026 .home-flow-arrow svg { width: 15px; height: 15px; }
body.ooobs-home-2026 .home-flow-crm { background: var(--o-button); color: #fff; border-color: var(--o-button); }
body.ooobs-home-2026 .home-flow-crm .home-flow-icon { background: #ffffff14; color: #c1d4b7; }
body.ooobs-home-2026 .home-flow-crm small, body.ooobs-home-2026 .home-flow-crm .home-flow-arrow { color: #d0dacb; }
body.ooobs-home-2026 .home-flow-connector { height: 32px; display: flex; align-items: center; gap: 10px; margin-left: 34px; }
body.ooobs-home-2026 .home-flow-connector span { width: 1px; height: 100%; background: #b5c5b1; }
body.ooobs-home-2026 .home-flow-connector small { font-size: 10px; color: #667361; }
body.ooobs-home-2026 .home-system-bottom { display: flex; justify-content: space-between; gap: 6px; margin-top: 22px; padding-top: 15px; border-top: 1px solid var(--o-line); color: var(--o-muted); font-size: 11px; }
body.ooobs-home-2026 .home-jump-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #c9d5c4; }
body.ooobs-home-2026 .home-jump-links a { display: flex; justify-content: space-between; gap: 12px; padding: 21px 20px 21px 0; font-size: 13px; }
body.ooobs-home-2026 .home-jump-links a:not(:first-child) { border-left: 1px solid #c9d5c4; padding-left: 20px; }
body.ooobs-home-2026 .home-jump-links a span { color: var(--o-muted); font-size: 10px; }
body.ooobs-home-2026 .home-jump-links a:hover { color: var(--o-link); }
body.ooobs-home-2026 .home-section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
body.ooobs-home-2026 h2 { font-size: clamp(34px,3.6vw,50px); line-height: 1.15; font-weight: 400; letter-spacing: -.045em; margin-top: 13px; }
body.ooobs-home-2026 .home-text-link { display: inline-flex; align-items: center; gap: 14px; font-size: 13px; color: var(--o-link); padding: 10px 0; flex-shrink: 0; }
body.ooobs-home-2026 .home-text-link svg { width: 18px; height: 18px; }
body.ooobs-home-2026 .home-section-intro { max-width: 680px; color: var(--o-muted); margin-top: 21px; font-size: 17px; line-height: 1.75; }
body.ooobs-home-2026 .home-section-intro em { color: inherit; }
body.ooobs-home-2026 .home-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 32px; }
body.ooobs-home-2026 .home-service-card { display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--o-line); background: var(--o-surface); border-radius: 18px; transition: border-color .2s, background .2s; }
body.ooobs-home-2026 .home-service-card:hover { border-color: #8a9e8f; background: #fcfdfb; }
body.ooobs-home-2026 .home-service-top { display: flex; align-items: center; justify-content: space-between; height: 67px; margin-bottom: 24px; }
body.ooobs-home-2026 .home-service-top img { width: 73px; height: 91px; object-fit: contain; }
body.ooobs-home-2026 .home-service-number { align-self: start; font-size: 10px; color: var(--o-muted); }
body.ooobs-home-2026 .home-service-card h3 { font-size: 23px; line-height: 1.25; font-weight: 500; letter-spacing: -.65px; }
body.ooobs-home-2026 .home-service-card p { margin-top: 11px; font-size: 14px; line-height: 1.7; color: var(--o-muted); }
body.ooobs-home-2026 .home-service-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 24px; font-size: 11px; color: var(--o-link); }
body.ooobs-home-2026 .home-service-footer svg { width: 19px; height: 19px; }
body.ooobs-home-2026 .home-about { background: var(--o-surface); }
body.ooobs-home-2026 .home-side-note { font-size: 15px; line-height: 1.8; color: var(--o-muted); max-width: 380px; }
body.ooobs-home-2026 .home-process-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px 38px; margin-top: 42px; }
body.ooobs-home-2026 .home-process-step { border-top: 1px solid var(--o-line); padding-top: 20px; }
body.ooobs-home-2026 .home-process-step > span { font-size: 12px; color: var(--o-link); }
body.ooobs-home-2026 .home-process-step h3 { margin-top: 13px; font-size: 19px; line-height: 1.3; letter-spacing: -.4px; font-weight: 500; }
body.ooobs-home-2026 .home-process-step p { font-size: 14px; color: var(--o-muted); line-height: 1.8; margin-top: 11px; }
body.ooobs-home-2026 .home-product-section { border-bottom: 0; padding-bottom: 0; }
body.ooobs-home-2026 .home-product { background: var(--o-button); border-radius: 24px; color: #fff; padding: 46px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; }
body.ooobs-home-2026 .home-product .home-eyebrow { color: #b6c9b2; }
body.ooobs-home-2026 .home-product h2 { color: #fff; margin-top: 18px; font-size: clamp(34px,3.7vw,48px); }
body.ooobs-home-2026 .home-product h2 em { color: #c3d8b9; }
body.ooobs-home-2026 .home-product-copy > p { color: #d3ddce; font-size: 16px; line-height: 1.8; margin-top: 24px; }
body.ooobs-home-2026 .home-button-light { background: #f1f4e9; border-color: #f1f4e9; color: var(--o-ink); margin-top: 28px; }
body.ooobs-home-2026 .home-button-light:hover { background: #fff; border-color: #fff; }
body.ooobs-home-2026 .home-product-label { font-size: 11px; color: #b6c9b2; text-transform: uppercase; letter-spacing: .08em; }
body.ooobs-home-2026 .home-product-detail ol { list-style: none; padding: 0; margin: 18px 0 0; }
body.ooobs-home-2026 .home-product-detail li { display: flex; align-items: start; gap: 17px; padding: 18px 0; border-top: 1px solid #ffffff26; }
body.ooobs-home-2026 .home-product-detail li > span { font-size: 11px; color: #bacdb4; padding-top: 4px; }
body.ooobs-home-2026 .home-product-detail strong { font-size: 17px; font-weight: 500; line-height: 1.4; }
body.ooobs-home-2026 .home-product-detail small { display: block; font-size: 13px; color: #d3ddce; line-height: 1.8; margin-top: 7px; }
body.ooobs-home-2026 .home-count { padding-bottom: 7px; font-size: 12px; color: var(--o-muted); }
body.ooobs-home-2026 .home-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 33px; }
body.ooobs-home-2026 .home-case { display: block; background: #fff; border: 1px solid var(--o-line); border-radius: 18px; overflow: hidden; transition: border-color .2s; }
body.ooobs-home-2026 .home-case:hover { border-color: #8a9e8f; }
body.ooobs-home-2026 .home-case-visual { display: flex; justify-content: center; align-items: center; position: relative; height: 205px; background: #e7eedf; border-bottom: 1px solid var(--o-line); }
body.ooobs-home-2026 .home-case:nth-child(2) .home-case-visual { background: #f4e9db; }
body.ooobs-home-2026 .home-case:nth-child(3) .home-case-visual { background: #e6ebe8; }
body.ooobs-home-2026 .home-case-visual img { height: 225px; width: 180px; }
body.ooobs-home-2026 .home-case-tag { position: absolute; top: 18px; left: 22px; font-size: 11px; color: var(--o-muted); }
body.ooobs-home-2026 .home-case-body { padding: 24px; }
body.ooobs-home-2026 .home-case h3 { font-size: 23px; font-weight: 500; line-height: 1.3; letter-spacing: -.6px; }
body.ooobs-home-2026 .home-case p { color: var(--o-muted); font-size: 13px; margin-top: 9px; }
body.ooobs-home-2026 .home-case-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 25px; padding-top: 19px; border-top: 1px solid var(--o-line); }
body.ooobs-home-2026 .home-case-metrics strong { display: block; font-size: 27px; font-weight: 400; line-height: 1.2; letter-spacing: -.8px; }
body.ooobs-home-2026 .home-case-metrics small { display: block; color: var(--o-muted); font-size: 11px; margin-top: 6px; }
body.ooobs-home-2026 .home-knowledge { background: var(--o-surface); }
body.ooobs-home-2026 .home-knowledge-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 38px; margin-top: 32px; }
body.ooobs-home-2026 .home-knowledge-card { display: flex; align-items: center; gap: 17px; padding: 24px 0; border-top: 1px solid var(--o-line); }
body.ooobs-home-2026 .home-knowledge-visual { width: 69px; height: 75px; border-radius: 12px; background: var(--o-bg); flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; }
body.ooobs-home-2026 .home-knowledge-visual img { width: 85px; height: 106px; }
body.ooobs-home-2026 .home-knowledge-tag { color: var(--o-muted); font-size: 10px; }
body.ooobs-home-2026 .home-knowledge-card h3 { margin-top: 6px; font-size: 20px; line-height: 1.3; letter-spacing: -.45px; font-weight: 500; }
body.ooobs-home-2026 .home-knowledge-card p { margin-top: 6px; color: var(--o-muted); font-size: 12px; }
body.ooobs-home-2026 .home-knowledge-card > svg { width: 17px; height: 17px; flex-shrink: 0; margin-left: auto; color: var(--o-link); }
body.ooobs-home-2026 .home-knowledge-card:hover h3 { color: var(--o-link); }
body.ooobs-home-2026 .home-contact-section { background: var(--o-soft); }
body.ooobs-home-2026 .home-contact-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 65px; align-items: center; }
body.ooobs-home-2026 .home-contact-grid h2 { font-size: clamp(42px,5.6vw,76px); margin-top: 20px; }
body.ooobs-home-2026 .home-contact-intro { font-size: 16px; line-height: 1.8; color: var(--o-muted); max-width: 460px; margin-top: 23px; }
body.ooobs-home-2026 .home-contact-card { background: #f9fbf7; padding: 8px 27px; border: 1px solid #c9d5c4; border-radius: 18px; }
body.ooobs-home-2026 .home-contact-row { display: flex; align-items: start; gap: 16px; padding: 22px 0; }
body.ooobs-home-2026 .home-contact-row + .home-contact-row { border-top: 1px solid var(--o-line); }
body.ooobs-home-2026 .home-contact-row > span { line-height: 0; padding-top: 4px; }
body.ooobs-home-2026 .home-contact-row svg { width: 19px; height: 19px; color: var(--o-link); }
body.ooobs-home-2026 .home-contact-row small { display: block; color: var(--o-muted); font-size: 11px; }
body.ooobs-home-2026 .home-contact-row a, body.ooobs-home-2026 .home-contact-row p { display: block; font-size: 20px; line-height: 1.5; margin-top: 6px; letter-spacing: -.35px; }
body.ooobs-home-2026 .home-contact-row a:hover { color: var(--o-link); }
body.ooobs-home-2026 .home-footer { padding: 29px 0; background: #fff; }
body.ooobs-home-2026 .home-footer .home-container { display: flex; align-items: center; gap: 40px; justify-content: space-between; }
body.ooobs-home-2026 .home-footer p { color: var(--o-muted); font-size: 11px; line-height: 1.8; margin-right: auto; }
body.ooobs-home-2026 .home-footer .home-container > a:last-child { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--o-link); }
body.ooobs-home-2026 .home-footer svg { width: 17px; height: 17px; }

@media (max-width: 1000px) {
  body.ooobs-home-2026 .home-hero-grid { gap: 28px; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); }
  body.ooobs-home-2026 .home-system { padding: 21px; }
  body.ooobs-home-2026 .home-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ooobs-home-2026 .home-product { gap: 35px; padding: 32px; }
  body.ooobs-home-2026 .home-case-grid { gap: 14px; }
  body.ooobs-home-2026 .home-case-body { padding: 20px; }
  body.ooobs-home-2026 .home-case h3 { font-size: 21px; }
  body.ooobs-home-2026 .home-contact-grid { gap: 35px; }
  body.ooobs-design-2026.ooobs-catalog-2026 .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
  body.ooobs-design-2026 .nav { padding-inline: 24px; }
  body.ooobs-design-2026 .nav-links { gap: 0; }
  body.ooobs-design-2026 .nav-links a { font-size: 15px; }
  body.ooobs-home-2026 .home-hero-grid { grid-template-columns: minmax(0,1fr); padding-bottom: 30px; }
  body.ooobs-home-2026 h1 { max-width: 720px; font-size: 48px; }
  body.ooobs-home-2026 .home-system { max-width: 560px; width: 100%; margin-top: 7px; }
  body.ooobs-home-2026 .home-system-title br { display: none; }
  body.ooobs-home-2026 .home-section-head { align-items: start; }
  body.ooobs-home-2026 .home-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
  body.ooobs-home-2026 .home-side-note { max-width: 290px; }
  body.ooobs-home-2026 .home-product { grid-template-columns: minmax(0,1fr); gap: 29px; }
  body.ooobs-home-2026 .home-case-grid { grid-template-columns: minmax(0,1fr); gap: 19px; }
  body.ooobs-home-2026 .home-case { display: grid; grid-template-columns: 180px minmax(0,1fr); }
  body.ooobs-home-2026 .home-case-visual { height: 100%; border-bottom: 0; border-right: 1px solid var(--o-line); }
  body.ooobs-home-2026 .home-case-visual img { width: 150px; height: 187px; }
  body.ooobs-home-2026 .home-contact-grid { gap: 32px; }
  body.ooobs-design-2026.ooobs-service-2026 .b24-tariffs { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 580px) {
  body.ooobs-home-2026 .home-container { padding-inline: 21px; }
  body.ooobs-design-2026 .nav { padding-inline: 21px; }
  body.ooobs-home-2026 section { padding: 47px 0; }
  body.ooobs-home-2026 .home-hero { padding: 29px 0 0; }
  body.ooobs-home-2026 .home-eyebrow { font-size: 10px; letter-spacing: .045em; }
  body.ooobs-home-2026 .home-hero-grid { padding-top: 20px; gap: 27px; }
  body.ooobs-home-2026 h1 { font-size: clamp(32px,8.9vw,43px); line-height: 1.12; letter-spacing: -.048em; text-wrap: pretty; }
  body.ooobs-home-2026 .home-lead { font-size: 15px; line-height: 1.75; margin-top: 21px; }
  body.ooobs-home-2026 .home-actions { margin-top: 23px; gap: 9px; }
  body.ooobs-home-2026 .home-button { flex: 1 0 auto; padding: 14px 16px; font-size: 13px; gap: 10px; }
  body.ooobs-home-2026 .home-hero-note { flex-direction: column; gap: 5px; margin-top: 15px; font-size: 11px; }
  body.ooobs-home-2026 .home-system { padding: 21px; border-radius: 18px; }
  body.ooobs-home-2026 .home-system-title { font-size: 25px; margin-top: 18px; }
  body.ooobs-home-2026 .home-system-flow { margin-top: 20px; }
  body.ooobs-home-2026 .home-flow-node { padding: 13px; gap: 10px; }
  body.ooobs-home-2026 .home-flow-node strong { font-size: 14px; }
  body.ooobs-home-2026 .home-flow-connector { margin-left: 31px; }
  body.ooobs-home-2026 .home-system-bottom { margin-top: 18px; font-size: 10px; }
  body.ooobs-home-2026 .home-jump-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ooobs-home-2026 .home-jump-links a { padding: 16px 12px 16px 0; font-size: 12px; }
  body.ooobs-home-2026 .home-jump-links a:not(:first-child) { border-left: 0; padding-left: 0; }
  body.ooobs-home-2026 .home-jump-links a:nth-child(2n) { border-left: 1px solid #c9d5c4; padding-left: 16px; }
  body.ooobs-home-2026 .home-jump-links a:nth-child(n+3) { border-top: 1px solid #c9d5c4; }
  body.ooobs-home-2026 h2 { font-size: 35px; margin-top: 12px; }
  body.ooobs-home-2026 .home-section-head { flex-wrap: wrap; gap: 13px; }
  body.ooobs-home-2026 .home-text-link { font-size: 12px; padding: 0; }
  body.ooobs-home-2026 .home-section-intro { font-size: 15px; margin-top: 19px; }
  body.ooobs-home-2026 .home-service-grid { grid-template-columns: minmax(0,1fr); gap: 13px; margin-top: 25px; }
  body.ooobs-home-2026 .home-service-card { padding: 23px; position: relative; }
  body.ooobs-home-2026 .home-service-top { height: 41px; margin-bottom: 20px; }
  body.ooobs-home-2026 .home-service-top img { width: 55px; height: 69px; }
  body.ooobs-home-2026 .home-service-card h3 { font-size: 23px; }
  body.ooobs-home-2026 .home-service-card p { font-size: 14px; }
  body.ooobs-home-2026 .home-service-footer { padding-top: 19px; }
  body.ooobs-home-2026 .home-side-note { max-width: none; font-size: 14px; margin-top: 8px; }
  body.ooobs-home-2026 .home-process-grid { grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 26px; }
  body.ooobs-home-2026 .home-process-step { padding-top: 16px; display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 6px 13px; }
  body.ooobs-home-2026 .home-process-step > span { grid-row: 1 / 3; padding-top: 3px; }
  body.ooobs-home-2026 .home-process-step h3 { font-size: 19px; margin-top: 0; }
  body.ooobs-home-2026 .home-process-step p { font-size: 13px; line-height: 1.8; margin-top: 3px; }
  body.ooobs-home-2026 .home-product-section { padding-bottom: 0; }
  body.ooobs-home-2026 .home-product { padding: 27px 24px; border-radius: 18px; gap: 29px; }
  body.ooobs-home-2026 .home-product h2 { font-size: 34px; }
  body.ooobs-home-2026 .home-product-copy > p { font-size: 14px; margin-top: 19px; }
  body.ooobs-home-2026 .home-button-light { font-size: 12px; width: 100%; padding-inline: 12px; margin-top: 22px; }
  body.ooobs-home-2026 .home-product-detail strong { font-size: 16px; }
  body.ooobs-home-2026 .home-product-detail small { font-size: 12px; }
  body.ooobs-home-2026 .home-case { display: block; }
  body.ooobs-home-2026 .home-case-grid { margin-top: 25px; }
  body.ooobs-home-2026 .home-case-visual { height: 175px; border-right: 0; border-bottom: 1px solid var(--o-line); }
  body.ooobs-home-2026 .home-case-visual img { width: 170px; height: 212px; }
  body.ooobs-home-2026 .home-case-body { padding: 24px; }
  body.ooobs-home-2026 .home-case h3 { font-size: 24px; }
  body.ooobs-home-2026 .home-case-metrics strong { font-size: 30px; }
  body.ooobs-home-2026 .home-knowledge-grid { grid-template-columns: minmax(0,1fr); margin-top: 25px; }
  body.ooobs-home-2026 .home-knowledge-card { gap: 12px; padding: 20px 0; }
  body.ooobs-home-2026 .home-knowledge-visual { width: 52px; height: 65px; }
  body.ooobs-home-2026 .home-knowledge-visual img { width: 72px; height: 90px; }
  body.ooobs-home-2026 .home-knowledge-card h3 { font-size: 18px; }
  body.ooobs-home-2026 .home-knowledge-card p { font-size: 11px; }
  body.ooobs-home-2026 .home-contact-grid { grid-template-columns: minmax(0,1fr); gap: 29px; }
  body.ooobs-home-2026 .home-contact-grid h2 { font-size: 51px; }
  body.ooobs-home-2026 .home-contact-intro { font-size: 14px; }
  body.ooobs-home-2026 .home-contact-card { padding-inline: 22px; }
  body.ooobs-home-2026 .home-contact-row { padding: 20px 0; }
  body.ooobs-home-2026 .home-contact-row a, body.ooobs-home-2026 .home-contact-row p { font-size: 18px; }
  body.ooobs-home-2026 .home-footer .home-container { flex-wrap: wrap; gap: 18px; }
  body.ooobs-home-2026 .home-footer p { width: calc(100% - 100px); margin-right: 0; font-size: 10px; }
  body.ooobs-home-2026 .home-footer .home-container > a:last-child { margin-left: 96px; }
  body.ooobs-design-2026.ooobs-catalog-2026 .cards { grid-template-columns: minmax(0,1fr); }
  body.ooobs-design-2026.ooobs-service-2026 .b24-hero-title { font-size: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.ooobs-design-2026 *, body.ooobs-autopilot-2026 * { animation: none !important; transition: none !important; }
}

/* Product page: retain every demo, calculator and form, restyle their presentation. */
body.ooobs-autopilot-2026 { font-family: 'Onest', Arial, sans-serif; background: #f7f7f2; color: #202b25; font-weight: 400; }
body.ooobs-autopilot-2026 .nav { position: relative; z-index: 30; display: flex; align-items: center; flex-wrap: wrap; gap: 22px; background: #fff; border-bottom: 1px solid #dce2d7; padding: 21px max(24px,calc((100% - 1180px)/2)); }
body.ooobs-autopilot-2026 .nav-logo { color: #202b25; font-size: 29px; font-weight: 700; letter-spacing: -1.8px; line-height: 1; text-decoration: none; }
body.ooobs-autopilot-2026 .nav-logo::after { content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 3px; border-radius: 50%; background: #f1b899; }
body.ooobs-autopilot-2026 .nav-links { display: flex; flex: 1; justify-content: flex-end; align-items: center; gap: 23px; padding: 0; margin: 0; list-style: none; }
body.ooobs-autopilot-2026 .nav-links a { font-size: 13px; font-weight: 500; color: #5e6861; text-decoration: none; white-space: nowrap; }
body.ooobs-autopilot-2026 .nav-links a:hover { color: #202b25; }
body.ooobs-autopilot-2026 .nav-links li:last-child a { padding: 10px 12px; border: 1px solid #dce2d7; border-radius: 8px; color: #202b25; }
body.ooobs-autopilot-2026 .burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin-left: auto; background: #f7f7f2; color: #202b25; border: 1px solid #dce2d7; border-radius: 9px; }
body.ooobs-autopilot-2026 .burger svg { width: 21px; height: 21px; }
body.ooobs-autopilot-2026 .mesh { background: #253d2d; }
body.ooobs-autopilot-2026 .blob { display: none; }
body.ooobs-autopilot-2026 .glass { background: #ffffff06; backdrop-filter: none; border-color: #ffffff26; }
body.ooobs-autopilot-2026 [class~="bg-primary"], body.ooobs-autopilot-2026 [class~="border-primary"] { background-color: #253d2d; border-color: #253d2d; }
body.ooobs-autopilot-2026 [class~="text-primary"] { color: #253d2d; }
body.ooobs-autopilot-2026 [class~="bg-primary-50"] { background-color: #eaf0e5; }
body.ooobs-autopilot-2026 [class~="text-primary-600"] { color: #23563e; }
body.ooobs-autopilot-2026 [class~="text-primary-100"], body.ooobs-autopilot-2026 [class~="text-primary-200"] { color: #d3dfce; }
body.ooobs-autopilot-2026 [class~="text-primary-300"] { color: #b7cab0; }
body.ooobs-autopilot-2026 [class~="text-accent"] { color: #b66338; }
body.ooobs-autopilot-2026 .mesh [class~="text-accent"], body.ooobs-autopilot-2026 #zayavka [class~="text-accent"] { color: #f1c0a0; }
body.ooobs-autopilot-2026 [class~="bg-accent"] { background: #7a462d; }
body.ooobs-autopilot-2026 [class~="bg-accent/10"], body.ooobs-autopilot-2026 [class~="bg-accent/20"] { background: #f1b89926; }
body.ooobs-autopilot-2026 [class~="border-accent"], body.ooobs-autopilot-2026 [class~="border-accent/30"], body.ooobs-autopilot-2026 [class~="border-accent/40"], body.ooobs-autopilot-2026 [class~="border-accent/60"] { border-color: #c39273; }
body.ooobs-autopilot-2026 [class~="ring-accent/30"] { --tw-ring-color: #e2bb9e40; }
body.ooobs-autopilot-2026 [class~="text-accent-700"] { color: #6e432d; }
body.ooobs-autopilot-2026 [class~="bg-gradient-to-br"] { background: #52674c; }
body.ooobs-autopilot-2026 [class~="bg-gradient-to-r"] { background: none; color: #c2d8b6; -webkit-text-fill-color: #c2d8b6; }
body.ooobs-autopilot-2026 [class~="bg-slate-50"] { background: #eef2e9; }
body.ooobs-autopilot-2026 [class~="text-slate-600"], body.ooobs-autopilot-2026 [class~="text-slate-500"] { color: #5e6861; }
body.ooobs-autopilot-2026 [class~="text-slate-700"], body.ooobs-autopilot-2026 [class~="text-slate-800"] { color: #202b25; }
body.ooobs-autopilot-2026 [class~="border-slate-100"], body.ooobs-autopilot-2026 [class~="border-slate-200"] { border-color: #dce2d7; }
body.ooobs-autopilot-2026 [class~="shadow-2xl"], body.ooobs-autopilot-2026 [class~="shadow-xl"] { box-shadow: 0 10px 25px #253d2d0a; }
body.ooobs-autopilot-2026 h1 { font-weight: 400; letter-spacing: -.055em; line-height: 1.08; }
body.ooobs-autopilot-2026 h2 { font-weight: 400; letter-spacing: -.035em; line-height: 1.18; }
body.ooobs-autopilot-2026 h3 { font-weight: 500; letter-spacing: -.3px; }
body.ooobs-autopilot-2026 [class~="font-extrabold"] { font-weight: 500; }
body.ooobs-autopilot-2026 [class~="font-bold"] { font-weight: 500; }
body.ooobs-autopilot-2026 [class~="rounded-3xl"] { border-radius: 18px; }
body.ooobs-autopilot-2026 input[type="range"]::-webkit-slider-thumb { background: #f1b899; box-shadow: 0 0 0 4px #f1b89926; }
body.ooobs-autopilot-2026 a:focus-visible, body.ooobs-autopilot-2026 button:focus-visible { outline: 3px solid #8aab77; outline-offset: 4px; }
body.ooobs-autopilot-2026 .aibtn { min-height: 56px; }

/* Case study: light marketing page, with the original interactive electrical tools. */
body.ooobs-design-2026.rm-body { --rm-accent: #23563e; --rm-accent2: #6a8660; --rm-glow: #23563e18; --rm-dark: #f7f7f2; --card: #fff; --card-border: #dce2d7; --text: #202b25; --text-dim: #5e6861; --text-muted: #5e6861; }
body.ooobs-design-2026.rm-body .rm-blueprint-bg { display: none; }
body.ooobs-design-2026.rm-body .rm-hero { min-height: 0; background: var(--o-soft); padding: 65px 0; text-align: left; }
body.ooobs-design-2026.rm-body .rm-hero-title { font-weight: 400; font-size: clamp(48px,7.5vw,90px); letter-spacing: -.055em; }
body.ooobs-design-2026.rm-body .rm-accent { color: #3d6549; background: none; -webkit-text-fill-color: #3d6549; font-weight: 400; }
body.ooobs-design-2026.rm-body .rm-badge { font-size: 11px; padding: 0; border: 0; letter-spacing: .1em; }
body.ooobs-design-2026.rm-body .rm-hero-ctas { justify-content: start; margin-top: 0; }
body.ooobs-design-2026.rm-body .rm-cta-primary { color: #fff !important; background: var(--o-button); }
body.ooobs-design-2026.rm-body .rm-cta-primary:hover { background: #1a3023 !important; box-shadow: none; }
body.ooobs-design-2026.rm-body .rm-circuit-svg { opacity: .12; left: 38%; width: 62%; }
body.ooobs-design-2026.rm-body .rm-about-grid { gap: 35px; }
body.ooobs-design-2026.rm-body .rm-stat-card { border-radius: 18px; box-shadow: none; }
body.ooobs-design-2026.rm-body .rm-stat-num { background: none; -webkit-text-fill-color: #23563e; font-weight: 400; }
body.ooobs-design-2026.rm-body .rm-stat-label { font-size: 11px; letter-spacing: .04em; }
body.ooobs-design-2026.rm-body .rm-avatar { background: var(--o-soft); color: var(--o-link); box-shadow: none; font-weight: 500; }
body.ooobs-design-2026.rm-body .rm-services-grid, body.ooobs-design-2026.rm-body .rm-why-grid { gap: 16px; }
body.ooobs-design-2026.rm-body .rm-svc-card, body.ooobs-design-2026.rm-body .rm-why-item { background: #fff; border-radius: 18px; border: 1px solid var(--o-line); box-shadow: none; }
body.ooobs-design-2026.rm-body .rm-svc-tag { color: var(--o-link); }
body.ooobs-design-2026.rm-body .rm-why-title { font-size: 19px; line-height: 1.4; font-weight: 500; }
body.ooobs-design-2026.rm-body .rm-why-text { color: var(--o-muted); font-size: 14px; line-height: 1.8; }
body.ooobs-design-2026.rm-body .rm-why-num { color: var(--o-link); font-size: 14px; font-weight: 400; }
body.ooobs-design-2026.rm-body .rm-panel-box { border-radius: 18px; background: #253d2d; border: 1px solid #253d2d; box-shadow: none; color: #f7f7f2; --rm-accent: #efbf94; }
body.ooobs-design-2026.rm-body .rm-panel-header { border-color: #ffffff26; }
body.ooobs-design-2026.rm-body .rm-breaker-label { color: #f1f4e9; }
body.ooobs-design-2026.rm-body .rm-panel-info { background: #fff; border: 1px solid var(--o-line); border-radius: 18px; }
body.ooobs-design-2026.rm-body .rm-calc { background: #fff; border: 1px solid var(--o-line); border-radius: 18px; overflow: hidden; }
body.ooobs-design-2026.rm-body .rm-calc-result { background: var(--o-soft); }
body.ooobs-design-2026.rm-body .rm-calc-price { background: none; -webkit-text-fill-color: #23563e; color: var(--o-link); font-weight: 400; }
body.ooobs-design-2026.rm-body .rm-calc-cta { color: #fff; background: var(--o-button); border-radius: 10px; }
body.ooobs-design-2026.rm-body .rm-form-btn { color: #fff !important; border-color: var(--o-button) !important; background: var(--o-button) !important; }
body.ooobs-design-2026.rm-body .fb-summary, body.ooobs-design-2026.rm-body .fb-room, body.ooobs-design-2026.rm-body .fb-controls { border-radius: 18px; }
body.ooobs-design-2026.rm-body .fb-room-header { background: var(--o-soft); }
body.ooobs-design-2026.rm-body .fb-room-dropdown { background: #fff; border-color: var(--o-line); }
body.ooobs-design-2026.rm-body .fb-schema-container { background: #0a0e1a; border-radius: 12px; color: #f7f7f2; --text: #f7f7f2; --text-dim: #bccbb4; --text-muted: #bccbb4; --rm-accent: #f1bf95; }
body.ooobs-design-2026.rm-body .fb-schema-container svg { min-width: 600px; }
body.ooobs-design-2026.rm-body .fb-module-label { font-size: 6px; letter-spacing: -.1px; }
body.ooobs-design-2026.rm-body .fb-action-primary { background: var(--o-button); color: #fff; }
body.ooobs-design-2026.rm-body .fb-add-room-btn { min-height: 44px; }
@media (max-width: 850px) {
  body.ooobs-autopilot-2026 .nav { padding: 19px 24px; gap: 14px; }
  body.ooobs-autopilot-2026 .burger { display: inline-flex; }
  body.ooobs-autopilot-2026 .nav-links { display: none; width: 100%; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0 0; }
  body.ooobs-autopilot-2026 .nav-links.open { display: flex; }
  body.ooobs-autopilot-2026 .nav-links a { display: block; font-size: 15px; min-height: 44px; padding: 12px 2px; white-space: normal; }
  body.ooobs-autopilot-2026 .nav-links li:last-child a { margin-top: 8px; text-align: center; }
}
@media (max-width: 580px) {
  body.ooobs-autopilot-2026 .nav { padding: 17px 21px; }
  body.ooobs-autopilot-2026 #chat-form { gap: 8px; }
  body.ooobs-autopilot-2026 #chat-input { min-width: 0; }
  body.ooobs-autopilot-2026 #loss-month { font-size: 35px; }
  body.ooobs-design-2026.rm-body .rm-hero { padding: 43px 0; }
  body.ooobs-design-2026.rm-body .rm-hero-title { font-size: 60px; }
  body.ooobs-design-2026.rm-body .rm-panel-box { padding: 19px 12px; }
  body.ooobs-design-2026.rm-body .rm-panel-grid { gap: 5px; }
  body.ooobs-design-2026.rm-body .rm-breaker { min-width: 0; }
  body.ooobs-design-2026.rm-body .rm-panel-wrap { grid-template-columns: minmax(0,1fr); }
  body.ooobs-design-2026.rm-body .rm-calc-form { padding: 23px; }
  body.ooobs-design-2026.rm-body .fb-controls { padding: 18px; gap: 15px; }
  body.ooobs-design-2026.rm-body .fb-phase-btn { padding-inline: 11px; font-size: 12px; min-height: 44px; }
  body.ooobs-design-2026.rm-body .fb-preset-btn { min-height: 40px; }
  body.ooobs-design-2026.rm-body .fb-main { grid-template-columns: minmax(0,1fr); }
  body.ooobs-design-2026.rm-body .fb-room-name { font-size: 15px; }
  body.ooobs-design-2026.rm-body .fb-room-body { padding: 12px; }
  body.ooobs-design-2026.rm-body .fb-chip { max-width: 100%; min-width: 0; }
  body.ooobs-design-2026.rm-body .fb-chip-name { white-space: normal; min-width: 0; line-height: 1.5; overflow-wrap: anywhere; }
  body.ooobs-design-2026.rm-body .fb-chip-edit, body.ooobs-design-2026.rm-body .fb-chip-remove { flex-shrink: 0; }
  body.ooobs-design-2026.rm-body .fb-schema-container { overflow-x: auto; display: block; }
  body.ooobs-design-2026.rm-body .fb-schema-container::before { content: 'Прокрутите схему вбок →'; display: block; font-size: 11px; color: #bccbb4; padding: 5px 0 12px; }
  body.ooobs-design-2026.rm-body .fb-schema-container svg { width: 760px; min-width: 760px; max-width: none; }
  body.ooobs-design-2026.rm-body .fb-spec-container { padding: 20px; overflow: visible; }
  body.ooobs-design-2026.rm-body .fb-spec-table { display: block; width: 100%; min-width: 0; font-size: 13px; }
  body.ooobs-design-2026.rm-body .fb-spec-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.ooobs-design-2026.rm-body .fb-spec-table tbody { display: block; }
  body.ooobs-design-2026.rm-body .fb-spec-table tr { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 4px 9px; padding: 16px 0; border-bottom: 1px solid var(--o-line); }
  body.ooobs-design-2026.rm-body .fb-spec-table td { display: block; border: 0; padding: 0; min-width: 0; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:first-child { grid-column: 1; grid-row: 1; font-size: 11px; color: var(--o-muted); padding-top: 2px; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(2) { grid-column: 2; grid-row: 1; font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 5px; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(n+3) { grid-column: 2; display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(n+3)::before { color: var(--o-muted); font-size: 11px; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(3)::before { content: 'Кол-во'; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(4)::before { content: 'Цена'; }
  body.ooobs-design-2026.rm-body .fb-spec-table td:nth-child(5)::before { content: 'Сумма'; }
  body.ooobs-design-2026.rm-body .fb-spec-table .fb-spec-cat-row td { grid-column: 1 / -1; font-size: 11px; font-weight: 500; padding: 0; border: 0; }
  body.ooobs-design-2026.rm-body .fb-spec-table .fb-spec-total-row { display: flex; justify-content: space-between; gap: 12px; border: 0; padding-top: 22px; }
  body.ooobs-design-2026.rm-body .fb-spec-table .fb-spec-total-row td { margin: 0; padding: 0; border: 0; font-size: 14px; color: var(--o-link); }
}