/* Shared static components. Existing header interactions and focus treatment remain authoritative. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-footer .oko-footer-title { margin: 0 0 16px; color: #0b1a2e; font-size: 15px; font-weight: 700; line-height: 1.4; }
  body.oko-preview .oko-footer .oko-footer-tagline { font-weight: 600; }
  body.oko-preview .oko-footer .oko-footer-languages { display: flex; flex-wrap: wrap; gap: 8px 14px; }
  body.oko-preview .oko-footer .oko-footer-languages a { margin: 0; }
  body.oko-preview .oko-header .oko-sub { max-block-size: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; }
  body.oko-preview .oko-header .oko-contact { white-space: nowrap; font-size: 13px; padding-inline: 14px; }
  @media (min-width: 1081px) {
    body.oko-preview .oko-header .oko-nav-group.has-submenu > .oko-sub { width: max-content; max-width: min(420px, calc(100vw - 40px)); }
    body.oko-preview .oko-header .oko-sub a { white-space: normal; }
  }
  @media (max-width: 1080px) {
    body.oko-preview #oko-navigation.is-open { max-block-size: calc(100dvh - 86px); overflow-y: auto; overscroll-behavior: contain; }
    body.oko-preview .oko-header .oko-sub { max-block-size: none; }
  }
}

/* Shared contact controls: keep the footer and consent dialogs unobscured. */
@layer oko-interaction-contrast {
  html body.oko-preview #wa { display:none !important; }
  html body .oko-sticky-contact {position:fixed !important;inset:auto 24px 24px auto !important;z-index:800 !important;width:auto !important;}
  html body .oko-sticky-desktop {display:none !important;align-items:center !important;gap:10px !important;padding:10px 18px 10px 10px !important;border:1px solid #DCE6F0 !important;border-radius:999px !important;background:#fff !important;color:#1E3653 !important;box-shadow:0 5px 24px #1E365320 !important;text-decoration:none !important;}
  html body .oko-sticky-scrolled .oko-sticky-desktop {display:flex !important;}
  html body .oko-sticky-desktop img {width:44px !important;height:44px !important;object-fit:contain !important;background:transparent !important;}
  html body .oko-sticky-desktop strong,html body .oko-sticky-desktop small {display:block !important;line-height:1.4 !important;}
  html body .oko-sticky-desktop strong {font-size:14px !important;font-weight:600 !important;}
  html body .oko-sticky-desktop small {font-size:11px !important;color:#50657D !important;}
  html body .oko-sticky-mobile {display:none !important;}
  html body .oko-sticky-blocked {visibility:hidden !important;pointer-events:none !important;}
  html.oko-sticky-hidden body .oko-sticky-contact {display:none !important;}
  @media(max-width:760px) {
    html.oko-has-sticky body {padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important;}
    html body .oko-sticky-contact {inset:auto 0 0 0 !important;width:100% !important;background:#fff !important;box-shadow:0 -3px 16px #1E365310 !important;}
    html body .oko-sticky-desktop,html body .oko-sticky-scrolled .oko-sticky-desktop {display:none !important;}
    html body .oko-sticky-mobile {display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;}
    html body .oko-sticky-mobile a {display:flex !important;align-items:center !important;justify-content:center !important;min-height:48px !important;padding:8px !important;border-radius:999px !important;background:#1E3653 !important;color:white !important;font-size:13px !important;font-weight:600 !important;line-height:1.2 !important;text-align:center !important;text-decoration:none !important;}
    html body .oko-sticky-mobile a.oko-sticky-whatsapp {background:#17643B !important;}
    html body #oko-back-to-top {display:none !important;}
    html.oko-sticky-hidden body {padding-bottom:0 !important;}
  }
}

/* Five live workflow stages on ES/RU/AR home pages only. */
@layer oko-interaction-contrast {
  html body.oko-preview .process-grid.oko-process-five {grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  html body.oko-preview .process-grid.oko-process-five article {min-width:0;min-height:0;padding:22px 18px !important;}
  html body.oko-preview .process-grid.oko-process-five h3 {margin-block:20px 10px !important;overflow-wrap:anywhere;}
  html body.oko-preview .process-grid.oko-process-five h3 a {display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;}
  html body.oko-preview .process-grid.oko-process-five h3 a:hover {text-decoration:underline;text-underline-offset:4px;}
  @media(max-width:820px) {
    html body.oko-preview .process-grid.oko-process-five {grid-template-columns:minmax(0,1fr) !important;}
  }
}
/* BEGIN pixel-identical brand WebP override */
@layer oko-interaction-contrast {
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]::before,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:hover::before,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:focus-visible::before {
    background-image: url('/assets/20261011-live-fixes/oko-mascot-avatar-176.webp') !important;
  }
}
/* END pixel-identical brand WebP override */

/* Local typography from the supplied OKO design package. */
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-1.woff2') format('woff2');}
@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-2.woff2') format('woff2');}
@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-3.woff2') format('woff2');}
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-4.woff2') format('woff2');}
@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-5.woff2') format('woff2');}
@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-7.woff2') format('woff2');}
@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url('/assets/20261009-old-restored/claude-font-8.woff2') format('woff2');}
@layer oko-interaction-contrast{
  html body.oko-preview,
  html body.oko-preview :is(.oko-header,.oko-footer,.oko-sticky-contact) *,
  html body.oko-preview #oko-content :where(h1,h2,h3,h4,h5,h6,p,a,li,td,th,label,button,input,select,textarea,strong,b,small,span){font-family:Outfit,Tahoma,Arial,sans-serif!important;}
  html body.oko-preview #oko-content :where(pre,code){font-family:ui-monospace,monospace!important;}
}