@charset "UTF-8";
/* Original stylesheet: /oko-chrome-v2-audit-20261002.css?v=20261006-wa */
@font-face{font-family:'Reddit Sans';src:url('/assets/reddit-sans-latin-variable.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'Reddit Sans';src:url('/assets/reddit-sans-latin-variable-italic.woff2') format('woff2');font-weight:200 900;font-style:italic;font-display:swap}
:root{--oko-navy:#1e3653;--oko-blue:#95cdff;--oko-paper:#fff;--oko-mist:#f1f7fc;--oko-line:#d5e0ea;--oko-wrap:1280px}
html{scroll-padding-top:110px}body.oko-preview{margin:0;background:#fff;color:var(--oko-navy);font-family:'Reddit Sans',Arial,sans-serif}body.oko-preview *{box-sizing:border-box}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #377db3;outline-offset:4px}button{cursor:pointer}.oko-reviewbar,.oko-header,.oko-footer,.oko-dialog{font-family:'Reddit Sans',Arial,sans-serif!important;color:var(--oko-navy);line-height:1.5}.oko-reviewbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:5px max(24px,calc((100% - 1280px)/2));background:#eaf4fe;border-bottom:1px solid var(--oko-line);font-size:11px;font-weight:650;gap:16px}.oko-reviewbar>div{display:flex;align-items:center;gap:24px}.oko-reviewbar a,.oko-reviewbar button{color:var(--oko-navy)!important;text-decoration:none;background:none;border:0;padding:0;font-size:11px;line-height:1.5}.oko-reviewbar>div>span{padding-left:12px;border-left:1px solid #94adc3;white-space:nowrap}.oko-header{position:sticky;top:0;z-index:1000;background:white;border-bottom:1px solid var(--oko-line)}.oko-header-inner{width:min(1280px,calc(100% - 64px));min-height:94px;margin:auto;display:flex;align-items:center;gap:35px}.oko-brand{width:215px;flex-shrink:0;display:flex;align-items:center}.oko-brand img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;border:0;border-radius:0;box-shadow:none}.oko-header #oko-navigation{display:flex;align-items:center;gap:23px;margin-left:auto;flex-wrap:nowrap}.oko-header a{text-decoration:none;color:var(--oko-navy)!important}.oko-nav-group{position:relative;display:flex;align-items:center;gap:4px;white-space:nowrap}.oko-nav-group>a{font-size:14px;font-weight:650;line-height:1.3;padding:34px 0}.oko-nav-group>a[aria-current=page]{box-shadow:inset 0 -3px var(--oko-navy)}.oko-sub-toggle{border:0;background:transparent!important;color:var(--oko-navy)!important;padding:4px!important;font-size:12px;line-height:1;min-width:20px}.oko-sub{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:14px;background:white;border:1px solid var(--oko-line);box-shadow:0 15px 30px #1e365315}.oko-sub>a{display:block;padding:11px 14px;font-size:14px;font-weight:550;line-height:1.4}.oko-sub>a:hover{background:#eaf4fe}.oko-nav-group:hover>.oko-sub,.oko-nav-group:focus-within>.oko-sub,.oko-nav-group.is-open>.oko-sub,.oko-language.is-open>.oko-sub{display:block}.oko-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.oko-language{position:relative}.oko-language>button{border:0;background:none!important;color:var(--oko-navy)!important;font-size:12px;font-weight:700;padding:12px 0!important;display:flex;gap:5px;align-items:center}.oko-language>.oko-sub{left:auto;right:0;min-width:150px}.oko-header a.oko-contact{padding:14px 19px;background:var(--oko-navy);color:white!important;font-size:13px;font-weight:650;display:flex;gap:18px;align-items:center;white-space:nowrap}.oko-contact:hover{background:#2d527b!important}.oko-menu{display:none;padding:10px!important;background:transparent!important;color:var(--oko-navy)!important;border:1px solid var(--oko-line);font-size:13px;align-items:center;gap:10px}
.oko-footer{background:#fff;border-top:12px solid var(--oko-blue);padding:72px 0 24px;margin:0}.oko-footer-top,.oko-footer-bottom{width:min(1280px,calc(100% - 64px));margin:auto}.oko-footer-top{display:grid;grid-template-columns:1.55fr 1fr 1fr .9fr;gap:64px}.oko-footer h2{font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:4px 0 27px;color:var(--oko-navy)!important}.oko-footer a{display:block;width:fit-content;font-size:14px;color:var(--oko-navy)!important;text-decoration:none;margin:0 0 13px}.oko-footer a:hover{text-decoration:underline;text-underline-offset:5px}.oko-footer p{font-size:14px;line-height:1.65;color:#51677c;max-width:320px;margin:18px 0}.oko-footer-brand>a:first-child{width:240px;margin:0 0 29px}.oko-footer-brand img{width:100%;height:auto;display:block;box-shadow:none;border:0;border-radius:0}.oko-footer-brand>p:first-of-type{font-weight:750;color:var(--oko-navy)}.oko-main-mark{display:block;width:88px;height:88px;object-fit:contain;margin-top:26px}.oko-footer-bottom{border-top:1px solid var(--oko-line);padding-top:24px;margin-top:55px;display:flex;justify-content:space-between;gap:20px;color:#51677c;font-size:12px}.oko-footer-bottom a{font-size:12px;margin:0}.oko-dialog{border:1px solid var(--oko-line);padding:40px;width:min(520px,calc(100vw - 36px));background:white;color:var(--oko-navy);box-shadow:0 25px 100px #1e365344}.oko-dialog::backdrop{background:#1e365366}.oko-dialog h2{font-size:27px;line-height:1.2;color:var(--oko-navy)}.oko-dialog p{font-size:16px;line-height:1.7}.oko-dialog button{padding:12px 26px;background:var(--oko-navy);color:white;border:0}.oko-hidden{display:none!important}.oko-index{width:min(1280px,calc(100% - 48px));margin:60px auto 100px}.oko-index h1{font-size:clamp(36px,5vw,64px);color:var(--oko-navy);line-height:1.1}.oko-index-lead{font-size:19px;line-height:1.7;max-width:760px}.oko-index-tools{display:flex;gap:15px;margin:35px 0}.oko-index-tools input,.oko-index-tools select{padding:15px;border:1px solid var(--oko-line);background:white;color:var(--oko-navy);min-width:0}.oko-index-tools input{flex:1}.oko-index-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--oko-line);border:1px solid var(--oko-line)}.oko-index-list a{display:block;background:#fff;padding:25px;color:var(--oko-navy);font-size:16px;line-height:1.5;text-decoration:none}.oko-index-list a:hover{background:#eaf4fe}.oko-index-list small{display:block;color:#607a92;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.oko-index-note{padding:22px;background:#eaf4fe;margin-top:30px;font-size:14px;line-height:1.7}
@media(max-width:1300px){.oko-header-inner{gap:24px;width:calc(100% - 48px)}.oko-brand{width:183px}.oko-header #oko-navigation{gap:15px}.oko-nav-group>a{font-size:12px}.oko-header-actions{gap:12px}.oko-header a.oko-contact{padding:13px 15px;font-size:12px}.oko-footer-top{gap:40px}}
@media(max-width:1080px){.oko-menu{display:flex;margin-left:auto}.oko-header-inner{min-height:80px;gap:20px}.oko-header #oko-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 28px;background:#fff;box-shadow:0 25px 35px #1e365316;max-height:78vh;overflow:auto;margin:0}.oko-header #oko-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.oko-nav-group{flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--oko-line)}.oko-nav-group>a{font-size:16px;padding:14px 0}.oko-sub-toggle{font-size:20px;padding:12px!important}.oko-nav-group .oko-sub{position:static;flex-basis:100%;border:0;box-shadow:none;padding:0 0 12px}.oko-nav-group:hover>.oko-sub,.oko-nav-group:focus-within>.oko-sub{display:none}.oko-nav-group.is-open>.oko-sub{display:block}.oko-header-actions{gap:17px}.oko-footer-top{grid-template-columns:1.2fr 1fr;gap:45px}}
@media(max-width:640px){.oko-reviewbar{padding:7px 16px;gap:10px;align-items:flex-start;min-height:33px}.oko-reviewbar>span{font-size:10px}.oko-reviewbar>div{gap:12px}.oko-reviewbar>div>span,.oko-reviewbar button{display:none}.oko-reviewbar a{font-size:10px}.oko-header-inner{width:calc(100% - 32px);min-height:74px;gap:14px}.oko-brand{width:162px}.oko-header-actions{gap:0}.oko-header a.oko-contact{display:none}.oko-menu{font-size:12px;padding:8px!important}.oko-menu span{font-size:17px}.oko-language>button{font-size:11px}.oko-sub{right:0}.oko-footer{padding-top:48px}.oko-footer-top,.oko-footer-bottom{width:calc(100% - 40px);grid-template-columns:1fr}.oko-footer-top{gap:30px}.oko-footer h2{margin-bottom:18px}.oko-footer-brand>a:first-child{width:230px}.oko-footer-bottom{display:flex;flex-direction:column;margin-top:35px;gap:12px}.oko-index-list{grid-template-columns:1fr}.oko-index-tools{flex-direction:column}.oko-index-tools input{width:100%}.oko-dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}
.oko-search-results{width:100%;margin:24px 0;padding:24px;background:#f1f7fc;border:1px solid var(--oko-line)}.oko-search-results[hidden]{display:none}.oko-search-results h2{font-size:24px!important;margin:0 0 18px!important}.oko-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oko-search-grid>a{display:block;padding:18px;background:white;color:var(--oko-navy)!important;font-size:16px;line-height:1.4;border:1px solid var(--oko-line);text-decoration:none}.oko-search-grid>a:hover{background:var(--oko-blue)}@media(max-width:640px){.oko-search-grid{grid-template-columns:1fr}.oko-search-results{padding:18px}}
/* OKO navigation and WhatsApp usability refresh — 2026-10-01 */
@media (min-width:1081px){
  .oko-header-inner{min-height:86px;gap:24px}
  .oko-header #oko-navigation{align-self:stretch;gap:2px}
  .oko-nav-group{align-self:stretch;gap:0}
  .oko-nav-group>a{position:relative;display:flex;align-items:center;min-height:86px;padding:0 15px;font-size:14px;transition:background-color .18s ease,color .18s ease}
  .oko-nav-group>a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--oko-blue);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
  .oko-nav-group:hover>a,.oko-nav-group:focus-within>a{background:#f5f9fd}
  .oko-nav-group.is-current>a::after,.oko-nav-group>a[aria-current="page"]::after{transform:scaleX(1)}
  .oko-nav-group.has-submenu>a{padding-right:40px}
  .oko-sub-toggle{position:absolute;right:4px;top:50%;z-index:2;display:grid!important;place-items:center;width:34px;height:44px;min-width:34px;padding:0!important;border-radius:9px;transform:translateY(-50%);transition:background-color .18s ease,transform .18s ease}
  .oko-sub-toggle:hover,.oko-sub-toggle:focus-visible{background:#eaf4fe!important}
  .oko-nav-group.is-open>.oko-sub-toggle{transform:translateY(-50%) rotate(180deg)}
  .oko-sub{display:block;top:calc(100% - 1px);min-width:250px;padding:10px;border-radius:0 0 14px 14px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;box-shadow:0 18px 42px rgba(30,54,83,.16)}
  .oko-nav-group:hover>.oko-sub,.oko-nav-group:focus-within>.oko-sub,.oko-nav-group.is-open>.oko-sub,.oko-language.is-open>.oko-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .oko-sub>a{padding:12px 14px;border-radius:8px}
  .oko-sub>a[aria-current="page"]{background:#eaf4fe;font-weight:750}
  .oko-language>button{min-width:48px;min-height:48px;justify-content:center;border-radius:10px}
  .oko-language>button:hover{background:#f1f7fc!important}
  .oko-language>.oko-sub{top:calc(100% + 10px);border-radius:14px}
  .oko-header a.oko-contact{min-height:48px;padding:14px 22px;border-radius:999px}
}
.oko-mobile-contact{display:none!important}
@media(max-width:1080px){
  body.oko-nav-open{overflow:hidden}
  .oko-menu{min-width:48px;min-height:44px;justify-content:center;border-radius:10px;font-weight:700}
  .oko-header #oko-navigation{padding:10px 24px 24px;border-top:1px solid var(--oko-line)}
  .oko-nav-group>a{display:flex;align-items:center;min-height:54px;flex:1;padding:13px 8px;font-weight:700}
  .oko-nav-group>a[aria-current="page"],.oko-nav-group.is-current>a{box-shadow:inset 4px 0 var(--oko-blue);padding-left:18px}
  .oko-sub-toggle{display:grid!important;place-items:center;min-width:52px;min-height:52px;margin:0;padding:0!important;border-radius:10px}
  .oko-nav-group.is-open>.oko-sub-toggle{transform:rotate(180deg)}
  .oko-nav-group .oko-sub{padding:2px 0 12px 17px}
  .oko-nav-group .oko-sub>a{padding:12px 14px;border-left:2px solid var(--oko-line)}
  .oko-nav-group .oko-sub>a[aria-current="page"]{border-left-color:var(--oko-blue);background:#f1f7fc;font-weight:750}
  .oko-header #oko-navigation>a.oko-mobile-contact{display:flex!important;align-items:center;justify-content:space-between;min-height:52px;margin-top:18px;padding:0 18px!important;border-radius:999px;background:var(--oko-navy);color:#fff!important;font-weight:750}
  .oko-header #oko-navigation>a.oko-mobile-contact>span{color:inherit!important}
}
@media(max-width:640px){
  .oko-header #oko-navigation{padding-inline:16px}
  .oko-menu{width:46px;overflow:hidden;white-space:nowrap;font-size:0!important;gap:0}
  .oko-menu span{font-size:20px!important}
}
/* Self-hosted WhatsApp entry: standard glyph, quiet shadows, no external widget. */
#wa{font-family:'Reddit Sans',Arial,sans-serif;color:var(--oko-navy)}
#wa *,#wa *::before,#wa *::after{box-sizing:border-box}
#wa button{font-family:inherit;cursor:pointer;touch-action:manipulation}
#wa .oko-wa-launch{position:fixed;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:1501;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.18);transition:background-color .18s ease,box-shadow .18s ease}
#wa .oko-wa-launch:hover{background:#20c45d;box-shadow:0 4px 16px rgba(0,0,0,.22);transform:none}
#wa .oko-wa-launch svg{width:34px;height:34px;display:block;color:#fff}
#wa .oko-wa-launch .oko-wa-icon-close{display:none}
#wa .oko-wa-launch .oko-wa-icon-close svg{width:28px;height:28px}
#wa .oko-wa-launch[aria-expanded="true"] .oko-wa-icon-whatsapp{display:none}
#wa .oko-wa-launch[aria-expanded="true"] .oko-wa-icon-close{display:block}
#wa .oko-wa-panel{position:fixed;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(98px + env(safe-area-inset-bottom,0px));z-index:1500;width:min(370px,calc(100vw - 28px));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;border:1px solid #dce5e1;border-radius:14px;background:#fff;box-shadow:0 8px 32px rgba(20,43,36,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transform-origin:bottom right;transition:opacity .16s ease,transform .16s ease;text-align:start}
#wa .oko-wa-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#wa .oko-wa-head{position:relative;display:flex;align-items:center;gap:12px;padding:22px 48px 22px 20px;background:#075e54;color:#fff}
#wa .oko-wa-avatar{flex:0 0 44px;width:44px;height:44px;object-fit:cover;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#1e3653}
#wa .oko-wa-head>div{min-width:0}
html body.oko-preview #wa .oko-wa-head h2{margin:0 0 3px!important;color:#fff!important;font-size:19px!important;font-weight:750!important;letter-spacing:0!important;line-height:1.3!important}
html body.oko-preview #wa .oko-wa-head p{margin:0!important;color:#e1f2ed!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important}
#wa .oko-wa-close{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:#fff}
#wa .oko-wa-close svg{display:block;width:21px;height:21px}
#wa .oko-wa-close:hover{background:rgba(255,255,255,.14)}
#wa .oko-wa-body{padding:20px 20px 14px;background:#f0f4f2}
#wa .oko-wa-message{padding:17px 18px;border:1px solid #e2e9e5;border-radius:3px 12px 12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
html body.oko-preview #wa .oko-wa-message p{margin:0 0 12px!important;color:#263c34!important;font-size:15px!important;line-height:1.55!important;font-weight:450!important}
html body.oko-preview #wa .oko-wa-message ul{margin:0!important;padding:0 0 0 18px;list-style:disc}
html body.oko-preview #wa .oko-wa-message li{margin:5px 0!important;color:#263c34!important;font-size:14px!important;line-height:1.5!important;list-style:disc}
html body.oko-preview #wa .oko-wa-reply{margin:12px 0 0!important;color:#53685e!important;font-size:12px!important;line-height:1.5!important;text-align:center}
#wa .oko-wa-actions{padding:16px 20px 18px;background:#fff}
#wa .oko-wa-consent{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;margin:0 0 14px;color:#52615a;font-size:12px;line-height:1.5;cursor:pointer}
#wa .oko-wa-consent input{appearance:auto;width:17px;height:17px;margin:1px 0 0;accent-color:#128c4a}
html body.oko-preview #wa .oko-wa-consent a{color:#075e54!important;font-size:inherit!important;text-decoration:underline;text-underline-offset:2px}
#wa .oko-wa-contact-card{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:24px;background:#128243;color:#fff;font-size:16px;font-weight:700;line-height:1.4;text-align:center;transition:none}
#wa .oko-wa-contact-card:not(:disabled):hover{background:#0e723b;color:#fff;transform:none}
#wa .oko-wa-contact-card:disabled{background:#dfe9e3;color:#486355;cursor:not-allowed;opacity:1}
#wa .oko-wa-contact-card svg{flex:0 0 22px;display:block;width:22px;height:22px}
html body.oko-preview #wa .oko-wa-note{margin:10px 0 0!important;color:#5f7068!important;font-size:11px!important;line-height:1.5!important;text-align:center}
html[dir="rtl"] #wa .oko-wa-head{padding:22px 20px 22px 48px}
html[dir="rtl"] #wa .oko-wa-close{right:auto;left:6px}
html[dir="rtl"] #wa .oko-wa-message{border-radius:12px 3px 12px 12px}
html[dir="rtl"] body.oko-preview #wa .oko-wa-message ul{padding:0 18px 0 0}
@media(max-width:640px){
  #wa .oko-wa-launch{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:58px;height:58px}
  #wa .oko-wa-launch svg{width:32px;height:32px}
  #wa .oko-wa-panel{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(370px,calc(100vw - 28px - env(safe-area-inset-right,0px)));max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){#wa .oko-wa-panel,#wa button{transition:none}}
@media print{#wa{display:none!important}}

/* Explicit desktop dismissal keeps Escape and toggle-close aligned with aria-expanded. */
@media(min-width:1081px){
  .oko-header .oko-nav-group.is-dismissed>.oko-sub,.oko-header .oko-language.is-dismissed>.oko-sub{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px)}
}

/* Original stylesheet: /oko-interiors-v3.css?v=20261006-contrast */
/* OKO V2 interiors. Original page compositions remain the starting point.
   The high-specificity :is branch only counters legacy four-ID overrides.
   Home and site chrome are intentionally out of scope. */
body.oko-preview:not([data-oko-kind="home"]) {
  --oko-ink:#1e3653; --oko-sky:#95cdff; --oko-paper:#f7f9fb;
  --oko-hairline:rgba(30,54,83,.15);
  background:var(--oko-paper); color:var(--oko-ink);
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) {
  font-family:"Reddit Sans",sans-serif;
  --xsg-orange:#1e3653; --xsg-black:#1e3653; --xsg-silver:#f7f9fb;
  --orange:#1e3653; --ink:#1e3653; --soft:#edf5fc; --paper:#fff;
  --line:rgba(30,54,83,.15); --muted:#52677e;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) * {
  font-family:"Reddit Sans",sans-serif !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-source-exact,.xsg-complete-text) {
  --xsg-detail-orange:#1e3653; --xsg-editorial-ink:#1e3653;
  --xsg-detail-ink:#1e3653; --xsg-orange:#1e3653;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {
  font-size:clamp(44px,4.8vw,68px) !important;
  letter-spacing:-.045em !important; line-height:1.06 !important; font-weight:780 !important;
  text-wrap:balance;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(a,button,input,textarea,select,summary):focus-visible {
  outline:3px solid var(--oko-sky); outline-offset:4px;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary) {
  border-color:var(--oko-ink) !important; background:var(--oko-ink) !important;
  color:#fff !important; border-radius:9px !important;
  min-height:52px; box-shadow:none !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary) :is(span,strong) {color:inherit !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-btn,.xsg-button,.xcp-button,.xcr-button,.button.primary):hover {
  background:#315678 !important; color:#fff !important; transform:translateY(-2px);
}

/* Directory: airy cards, clear numbering, richer photographic hero. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-page {margin:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero {
  background:var(--oko-ink) !important; padding:76px 0 82px !important;
  color:#fff; border:0 !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero h1 {color:#fff !important;font-size:clamp(52px,5.2vw,76px) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero :is(p,a) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .xsg-services-eyebrow {color:#e8edf2 !important;letter-spacing:.14em}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero__inner {gap:64px;align-items:center;padding-block:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid-section {background:var(--oko-paper) !important;padding-block:78px 96px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid {gap:26px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card {
  border:1px solid var(--oko-hairline) !important;border-radius:20px !important;
  box-shadow:0 8px 28px rgba(30,54,83,.035);background:#fff;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:hover {transform:translateY(-5px);box-shadow:0 18px 42px rgba(30,54,83,.1)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__visual {background:#edf5fc !important;min-height:255px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:nth-child(3n+2) .xsg-services-card__visual {background:#f1f4f3 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card:nth-child(3n) .xsg-services-card__visual {background:#e4eef7 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content {padding:28px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content :is(h3,p,span) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-card__content h3 {font-size:25px;letter-spacing:-.025em}

/* Service detail pages retain their individual workbench illustrations. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-complete-text) .xsg-wrap {width:min(1180px,calc(100% - 48px)) !important;max-width:1180px !important;margin-inline:auto !important;padding-inline:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-hero,.xsg-page-hero) {
  background:#edf5fc !important;padding-block:68px !important;border-bottom:1px solid var(--oko-hairline) !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-hero,.xsg-page-hero) :is(h1,p,li,.xsg-service-breadcrumb,.xsg-service-breadcrumb a) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid {gap:64px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid::after {
  background-color:#fff !important;border:1px solid rgba(30,54,83,.08) !important;
  border-radius:26px 26px 64px 26px !important;box-shadow:0 20px 50px rgba(30,54,83,.08) !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-hero-grid.oko-v2-source-detail::after {
  width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:3 / 2;
  background-image:url('/assets/oko-sourcing-studio-v2-opt-v1.webp') !important;
  background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;
  border:0 !important;border-radius:22px !important;align-self:center;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-template h2 {color:var(--oko-ink) !important;font-size:clamp(32px,3vw,44px) !important;line-height:1.13 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-template :is([class*="eyebrow"],[class*="kicker"]) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-service-section.is-soft {background:var(--oko-paper) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-worry-mark {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-worry-card {background:#fff !important;box-shadow:0 14px 38px rgba(30,54,83,.06) !important;border-radius:18px !important}

/* Catalog: clear product photography, editorial spacing, original collage tilt. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero {
  background:#e5f2fe !important;min-height:620px !important;padding:70px 0 80px !important;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:68px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero :is(h1,p,.xcp-text-link) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-eyebrow,.xcr-eyebrow) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp :is(.xcp-kicker,[class*="eyebrow"],[class*="kicker"]) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp #xcp-title {font-size:clamp(48px,5vw,72px) !important;letter-spacing:-.055em !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-sheet {border:1px solid var(--oko-hairline) !important;box-shadow:0 14px 34px rgba(30,54,83,.14) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-section-head {max-width:780px;text-align:left;margin-left:0}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {gap:18px !important;background:none !important;border:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category {gap:17px;padding:20px 16px !important;background:var(--oko-paper);border:1px solid var(--oko-hairline);border-radius:16px;min-height:210px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category img {width:132px;height:132px;border-radius:12px;object-fit:cover}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category:hover {background:#e5f2fe;box-shadow:none;transform:translateY(-3px)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-solutions {background:var(--oko-paper) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-solution-art {background:#dfedfa !important;border-radius:24px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-next {background:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-hero {background:#edf5fc !important;padding:58px 0 64px !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr #xcr-title {font-size:clamp(42px,4.2vw,60px) !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-hero-image {border-radius:24px 24px 60px 24px !important;box-shadow:0 14px 36px rgba(30,54,83,.08);border:6px solid #fff}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-card {border-color:var(--oko-hairline) !important;border-radius:18px !important;padding:24px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-card h3 {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr-contact {background:#e5f2fe !important;border-radius:20px !important}

/* A new scene may be supplied without changing the original text content. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene {
  display:block;width:100%;min-width:0;margin:0;overflow:hidden;
  border-radius:24px;aspect-ratio:auto;background:#fff;
  box-shadow:0 22px 54px rgba(30,54,83,.13);
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-art-label {display:block;padding:14px 20px;margin:0 !important;background:#f7f9fb;border-top:1px solid var(--oko-hairline);color:var(--oko-ink) !important;font-size:12px;line-height:1.5;letter-spacing:.025em}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-visual:has(.oko-v2-hero-scene) {aspect-ratio:auto}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-hero-visual:has(.oko-v2-hero-scene) .xcp-visual-caption {position:static;margin:18px 0 0;inset:auto;line-height:1.5;text-align:left}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__inner {display:grid;grid-template-columns:1fr 1fr;gap:24px 64px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .oko-v2-hero-scene {grid-column:2;grid-row:1 / span 2;aspect-ratio:auto}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__inner > div:first-child {grid-column:1;align-self:end}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero:has(.oko-v2-hero-scene) .xsg-services-hero__copy {grid-column:1;align-self:start;max-width:520px}

/* About has its own founder-led rhythm, not a generic sales-page hero. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 {
  --orange:#1e3653;--ink:#1e3653;--soft:#f7f9fb;--paper:#fff;--muted:#52677e;
}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero {background:#edf5fc !important;padding:76px 0 !important;border-bottom:0 !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero h1 {font-size:clamp(44px,4.5vw,64px) !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero-copy::after {background-color:#fff !important;border-radius:24px 24px 64px 24px !important;box-shadow:0 20px 44px rgba(30,54,83,.06) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-portrait {border-radius:18px !important;box-shadow:0 12px 30px rgba(30,54,83,.1)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-quote {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-quote :is(p,span) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 :is(.xsg-about-v2-card,.xsg-about-v2-no) {border-radius:16px !important;border-color:var(--oko-hairline) !important}

/* Functional pages use quieter scale, readable forms, and layered sheets. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) {--orange:#1e3653;--ink:#1e3653;--soft:#f7f9fb}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) .hero {background:#edf5fc !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg75,.xsg77) .hero :is(h1,p,li) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .hero h1 {font-size:clamp(42px,4.4vw,64px) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .hero span.eyebrow {background:#fff !important;color:var(--oko-ink) !important;border-color:var(--oko-hairline) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .hero h1 {font-size:clamp(40px,4.1vw,58px) !important;max-width:600px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .route[aria-pressed="true"] {background:#e5f2fe !important;color:var(--oko-ink) !important;border-color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 form button.submit {background:var(--oko-ink) !important;color:#fff !important;border-color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 form button.submit:hover {background:#315678 !important;color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 :is(.eyebrow,.benefits li b) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-about-v2-row > small,.xsg-service-jump__meta,.xsg-service-jump__arrow) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 :is(input,select,textarea) {border-radius:8px;border-color:var(--oko-hairline)}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg75 .plan {border-radius:22px !important;box-shadow:0 14px 34px rgba(30,54,83,.06) !important;border:1px solid var(--oko-hairline)}

/* Long-form articles: modest title scale and a comfortable reading column. */
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(#page,#content,.ast-container,#primary,.site-main) {background:#fff;margin:0 auto;padding:0;width:100%;max-width:none}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .ast-article-single {padding:0;background:#fff}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header {
  padding:66px max(28px,calc((100vw - 980px)/2)) 58px !important;
  margin:0 0 48px !important;background:var(--oko-paper);border-bottom:1px solid var(--oko-hairline);
}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header h1 {font-size:clamp(38px,4vw,56px) !important;color:var(--oko-ink);line-height:1.12 !important;letter-spacing:-.035em !important;max-width:980px}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-meta {margin-top:26px;font-size:13px;color:#52677e}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.entry-content,.post-navigation,.comments-area) {width:min(880px,calc(100% - 56px));max-width:880px;margin-inline:auto}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-content {padding-bottom:60px}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-article {--xsg-vermilion:#1e3653;--xsg-ink:#1e3653;--xsg-surface:#edf5fc}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-content h2 {font-size:clamp(28px,2.5vw,36px);line-height:1.2;letter-spacing:-.025em}
body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(blockquote,.xsg-article-faq) {border-radius:0 16px 16px 0;background:#edf5fc;border-color:var(--oko-sky)}

/* The portfolio keeps its overlapping, tilted design boards. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .hero {background:#e5f2fe !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .hero :is(h1,p) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .button {background:var(--oko-ink) !important;color:#fff !important;border-color:var(--oko-ink) !important;border-radius:9px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main .button.secondary {background:#fff !important;color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) :is(h2,h3,strong,b) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-range-portfolio-main :is(.proof,.process) :is(p,span,a) {color:#fff !important}

/* Known dark bands and guide metadata retain deliberate local contrast. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-lm-proof,.xsg-pi-safety-card,.xsg-pi-final,.xsg-blog-v2-feature-copy,.xsg-hf-monthly-copy) :is(h1,h2,h3) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-lm-proof,.xsg-pi-safety-card,.xsg-pi-final,.xsg-blog-v2-feature-copy,.xsg-hf-monthly-copy) :is(p,span,small,strong,li,a) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-hf-monthly-points,.xsg-hf-monthly-fineprint,#label_ff_3_email) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-hf-monthly-points * {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-pi-checks .xsg-pi-method-number {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero {background:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero :is(h1,p) {color:#fff !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-hero-meta > span {color:var(--oko-ink) !important;background:#edf5fc !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-yiwu-content {--xsg-orange:#1e3653;--xsg-silver:#edf5fc;--xsg-ink:#1e3653}

/* Localized pages preserve their own RTL/LTR structure and script rhythm. */
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero {background:#e5f2fe !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero :is(h1,p) {color:var(--oko-ink) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .hero-media {border:0 !important;border-radius:24px 24px 64px 24px !important;box-shadow:0 18px 44px rgba(30,54,83,.1) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .feature-grid {gap:22px;border:0}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .feature-card {background:var(--oko-paper);border:1px solid var(--oko-hairline);border-radius:18px}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-section :is(h2,h3) {color:#fff !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-grid > article > span {color:var(--oko-sky) !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .process-section :is(p,a,b,strong) {color:#fff !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .cta {background:#e5f2fe !important}
body.oko-preview.oko-multilingual :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .button.secondary {background:transparent !important;color:var(--oko-ink) !important;border-color:var(--oko-ink) !important;border-radius:9px}
body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) * {font-family:"Reddit Sans",Tahoma,Arial,sans-serif !important;letter-spacing:0 !important}
body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(h1,h2,h3) {line-height:1.35 !important}

@media(max-width:1000px){
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-hero-grid,.xsg-service-hero-grid,.xsg-services-hero__inner) {gap:36px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {gap:14px !important}
}
@media(max-width:767px){
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-service-template,.xsg-complete-text) .xsg-wrap {width:calc(100% - 40px) !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {font-size:clamp(39px,10.5vw,52px) !important;line-height:1.08 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xsg-services-hero,.xsg-service-hero,.xsg-page-hero,.xcp-hero) {padding:48px 0 54px !important;min-height:0 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.xcp-hero-grid,.xsg-services-hero__inner) {grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-hero .oko-v2-hero-scene {grid-column:1;grid-row:auto}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-v2-hero-scene {border-radius:18px;aspect-ratio:auto}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-services-grid {gap:22px !important;grid-template-columns:minmax(0,1fr) !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category {padding:16px 12px !important;min-height:180px}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcp-category img {width:110px;height:110px}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xcr #xcr-title {font-size:42px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero {padding:52px 0 !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) #xsg-about-home-v2 .xsg-about-v2-hero h1 {font-size:44px !important}
  body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg77 .hero h1 {font-size:42px !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header {padding:44px 22px !important;margin-bottom:34px !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .entry-header h1 {font-size:38px !important;line-height:1.13 !important}
  body.oko-preview[data-oko-kind="article"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(.entry-content,.post-navigation,.comments-area) {width:calc(100% - 40px)}
  body.oko-preview.oko-multilingual[data-oko-language="ar"] :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .oko-hero h1 {line-height:1.35 !important}
}
@media(prefers-reduced-motion:reduce){
  body.oko-preview:not([data-oko-kind="home"]) .oko-content :is(.xsg-services-card,.xcp-category,.xsg-button,.xcp-button) {transition:none;transform:none !important}
}

/* Readability pass for the legacy light-surface archive and guide families.
   These are concrete light contexts, not a blanket recolor of dark-band text. */
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(
  .xsg-article-body a,
  .xsg-hf-cat-eyebrow,.xsg-hf-cat-tag,.xsg-hf-cat-card-inner > b,.xsg-hf-cat-card-inner > b > span,
  .xsg-thanks__hero .xsg-thanks__eyebrow,.xsg-thanks__next .xsg-thanks__eyebrow,
  .xsg-how-head .xsg-how-kicker,.xsg-how-intro .xsg-how-kicker,.xsg-how-step-num,
  .xsg75 .not-included .eyebrow,.xsg75 .section-head .eyebrow,.xsg75 .timeline article > b,
  .xsg75 .freebie .tag,.xsg75 .yiwu-card .tag,.xsg75 .quality-grid article > span,
  .xsg-import-hero-meta > span > b,.xsg-import-toc > p,.xsg-import-article p > a,
  .xsg-lm-hero__copy > .xsg-lm-eyebrow,.xsg-lm-section-head .xsg-lm-eyebrow,.xsg-lm-preview__number,
  .xsg-blog-v2-popular .xsg-hf-eyebrow,.xsg-kh-discovery-top .xsg-hf-eyebrow,
  .xsg-kh-section-heading .xsg-hf-eyebrow,.xsg-blog-v2-promo-card > b,.xsg-blog-v2-promo-card > b > span,.xsg-hf-topic-kicker,
  .xsg-pi-hero .xsg-pi-eyebrow,.xsg-pi-section-head .xsg-pi-eyebrow,.xsg-pi-section-head > .xsg-pi-method-number,
  .xsg-guide-hero .xsg-guide-kicker,.xsg-guide-fact > span,.xsg-guide-toc > b,.xsg-guide-article a,
  .xsg-complete-text .xsg-page-hero .xsg-kicker,.xsg-complete-text .xsg-section-title .xsg-section-kicker,
  .xsg-complete-text .xsg-card .xsg-pill,.xsg-complete-text .xsg-step .xsg-step-num,.xsg-complete-text .xsg-card p > a,
  .xsg-complete-text > .xsg-wrap > .xsg-actions > a
) {color:var(--oko-ink) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) :is(
  .xsg-hf-cat-button,.xsg-thanks__button--orange,
  .xsg75 .xsg-fee-plan-cta > i,.xsg-lm-form__row > button,.xsg-lm-form__row > button > span,
  .xsg-pi-button,.xsg-complete-text .xsg-page-hero .xsg-actions > a
) {background:var(--oko-sky) !important;color:var(--oko-ink) !important;border-color:var(--oko-sky) !important}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-import-agent p > a {color:#fff !important;text-decoration:underline;text-underline-offset:3px}
body.oko-preview:not([data-oko-kind="home"]) :is(#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2#oko-v2,.oko-content) .xsg-pi-safety-card > .xsg-pi-eyebrow {color:#e8edf2 !important}

/* Original stylesheet: /oko-home-v2.css?v=20261006-contrast */
/* OKO v2 — editorial layers, original content, new photography. */
body.oko-preview footer.oko-footer:is(.oko-footer,#oko-footer-v2) h2{color:#1e3653!important}
body[data-oko-kind=home] #main .xsg-kicker{color:#426685!important}
body[data-oko-kind=home] #main .xsg-guide-band a{color:#315b7e!important;text-underline-offset:3px}
@media(max-width:540px){body[data-oko-kind=home] #main .xsg-home-hero__actions .xsg-button{flex:0 0 auto!important;min-height:54px;max-height:none}}
body.oko-preview{--oko-navy:#1e3653;--oko-blue:#95cdff;--oko-paper:#fff;--oko-mist:#f4f7fa;--oko-line:#dce5ec;--xsg-orange:#95cdff;--xsg-black:#1e3653;--xsg-font-sans:'Reddit Sans',sans-serif}
body.oko-preview .oko-content *{font-family:'Reddit Sans',Arial,sans-serif!important}
.oko-header{border-bottom-color:#e8edf1;background:#ffffffed;backdrop-filter:blur(16px)}.oko-header a.oko-contact{border-radius:999px;padding:14px 21px;transition:transform .2s,background .2s}.oko-header a.oko-contact:hover{transform:translateY(-2px)}.oko-header-inner{min-height:90px}.oko-sub{border-radius:14px;overflow:hidden}.oko-sub>a{border-radius:8px}.oko-footer{border-top:1px solid #dce5ec;background:#f8fafc;padding-top:70px}.oko-main-mark{border-radius:18px}.oko-footer h2{letter-spacing:.04em;font-size:16px}.oko-footer-top{gap:60px}.oko-reviewbar{background:#edf4fa}.oko-content{overflow:clip}.oko-v2-art-label{display:block;margin-top:12px;color:#5b6f80;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
body[data-oko-kind=home] #main.xsg-home{--xsg-orange:#95cdff;--xsg-black:#1e3653;color:#1e3653;background:#fff;overflow:hidden}
body[data-oko-kind=home] .xsg-home .xsg-shell,body[data-oko-kind=home] :is(.xsgn-bwrap,.xsgn-hwrap){width:min(1280px,calc(100% - 80px))!important;max-width:1280px!important;margin-inline:auto!important}
body[data-oko-kind=home] #main :is(h1,h2,h3,h4){font-family:'Reddit Sans',sans-serif!important;letter-spacing:-.045em;line-height:1.08;font-weight:780}
body[data-oko-kind=home] #main h2{font-size:clamp(34px,3.8vw,56px)}
body[data-oko-kind=home] #main .xsg-kicker{font-size:11px;letter-spacing:.13em;font-weight:750;color:#416380}
body[data-oko-kind=home] #main .xsg-button{border-radius:999px!important;padding:16px 23px;font-size:14px;font-weight:700;box-shadow:none;transition:transform .2s,box-shadow .2s;border:1px solid transparent}
body[data-oko-kind=home] #main .xsg-button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #1e365318}
body[data-oko-kind=home] #main .xsg-button--dark{background:#1e3653!important;color:#fff!important}
body[data-oko-kind=home] #main .xsg-button--orange{background:#95cdff!important;color:#1e3653!important}

/* The hero has a quiet open copy field and a separate, layered image stage. */
body[data-oko-kind=home] #main .xsg-home-hero{position:relative;background:linear-gradient(112deg,#f3f7fc 0%,#edf5fd 60%,#daeaf7 100%)!important;padding:85px 0 104px!important;border:0;isolation:isolate}
body[data-oko-kind=home] #main .xsg-home-hero:before{content:'';position:absolute;width:660px;height:660px;right:-155px;top:-180px;border:1px solid #adc9df80;border-radius:50%;z-index:-1}
body[data-oko-kind=home] #main .xsg-home-hero:after{content:'';position:absolute;width:900px;height:900px;right:-280px;top:-300px;border:1px solid #adc9df55;border-radius:50%;z-index:-1}
body[data-oko-kind=home] #main .xsg-home-hero__grid{display:grid!important;grid-template-columns:1fr 1.08fr!important;align-items:center;gap:70px!important}
body[data-oko-kind=home] #main .xsg-home-hero__copy{position:relative;z-index:2;max-width:none}
body[data-oko-kind=home] #main .xsg-home-hero .xsg-kicker{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:9px 13px;border:1px solid #bacee0;border-radius:999px;background:#ffffff77;color:#355c7d;margin-bottom:27px;letter-spacing:.08em;font-size:10px;line-height:1.4}
body[data-oko-kind=home] #main .xsg-home-hero .xsg-kicker:before{content:'';width:6px;height:6px;background:#477ea8;border-radius:50%;flex-shrink:0}
body[data-oko-kind=home] #main .xsg-home-hero h1{font-size:clamp(54px,5.7vw,82px)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#1e3653!important;margin:0 0 25px;max-width:600px}
body[data-oko-kind=home] #main .xsg-home-hero .xsg-lead{color:#51677b!important;font-size:18px;line-height:1.65;max-width:530px;margin:0}
body[data-oko-kind=home] #main .xsg-home-hero__actions{gap:13px;margin-top:33px;display:flex;flex-wrap:wrap}
body[data-oko-kind=home] #main .xsg-home-hero__primary{background:#1e3653!important;color:#fff!important;border:1px solid #1e3653!important;min-width:0}
body[data-oko-kind=home] #main .xsg-home-hero__secondary{background:#ffffff99!important;color:#1e3653!important;border:1px solid #bacddd!important;min-width:0}
body[data-oko-kind=home] #main .xsg-home-hero__button-icon{background:transparent!important;border:0!important;color:inherit!important;box-shadow:none!important;width:24px;height:24px;font-size:21px;margin-left:6px}
body[data-oko-kind=home] #main .xsg-home-hero__visual{position:relative;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none;margin:18px 0 30px}
body[data-oko-kind=home] #main .xsg-home-hero__visual>img{display:block;position:relative;z-index:1;width:100%;height:auto!important;aspect-ratio:3/2;object-fit:contain;border:5px solid #fff!important;border-radius:26px!important;box-shadow:12px 16px 0 #1e3653,0 24px 60px #1e36531a;transform:rotate(2deg)}
.oko-hero-note{position:absolute;left:-28px;bottom:-42px;z-index:3;display:flex;align-items:center;gap:13px;width:258px;padding:18px 20px;background:#fff;border:1px solid #dbe5ec;border-radius:16px;box-shadow:0 15px 40px #19334f21;transform:rotate(-4deg)}
.oko-hero-note>.oko-note-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#edf6fd;color:#315f87;font-size:25px}.oko-hero-note strong{display:block;font-size:13px;color:#1e3653;line-height:1.4}.oko-hero-note small{display:block;font-size:10px;color:#6b7f90;margin-top:3px;line-height:1.5}.oko-hero-mark{position:absolute;top:-36px;right:-22px;z-index:3;width:84px;height:84px;border-radius:50%;border:5px solid #edf5fd;overflow:hidden;transform:rotate(9deg);box-shadow:0 10px 25px #1e36531a}.oko-hero-mark img{width:100%;height:100%;object-fit:cover}
body[data-oko-kind=home] #main .xsg-home-hero .oko-v2-art-label{position:absolute;bottom:-80px;right:0;font-size:9px;color:#60809a}

/* One buyer introduction, then four compact editorial cards. */
body[data-oko-kind=home] #main .xsg-audience{padding:104px 0;background:#fff}
body[data-oko-kind=home] #main .xsg-audience__intro{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center;margin:0 0 60px}
body[data-oko-kind=home] #main .xsg-audience__intro-copy{grid-column:1;grid-row:1}
body[data-oko-kind=home] #main .xsg-audience__intro-copy p:not(.xsg-kicker){color:#596e7f;font-size:17px;line-height:1.6;max-width:510px}
body[data-oko-kind=home] #main .xsg-audience__intro-copy .xsg-button{padding:0;border:0;background:none!important;border-radius:0!important;color:#1e3653!important;border-bottom:1px solid #1e3653;margin-top:7px;box-shadow:none}
body[data-oko-kind=home] #main .xsg-audience__tags{grid-column:2;grid-row:1;border:0!important;background:transparent!important;padding:20px 0!important;display:flex;flex-wrap:wrap;justify-content:center;gap:11px;transform:rotate(-3deg);min-height:0!important;box-shadow:none!important}
body[data-oko-kind=home] #main .xsg-audience__tags span{border-radius:999px!important;padding:10px 17px!important;font-size:12px;border:1px solid #d1dfe9!important;background:#f5f8fb!important;color:#36546f!important;box-shadow:0 3px 9px #243c5307}
body[data-oko-kind=home] #main .xsg-audience__tags .is-dark{background:#1e3653!important;color:#fff!important;border-color:#1e3653!important}
body[data-oko-kind=home] #main .xsg-audience__tags .is-orange{background:#e4f2fe!important;color:#254e70!important}
body[data-oko-kind=home] #main .xsg-audience__tags .is-location{background:#95cdff!important;color:#1e3653!important;border-color:#95cdff!important;font-weight:800;transform:rotate(6deg)}
.oko-buyer-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__row{margin:0!important;padding:0!important;border:1px solid #e0e7ee;border-radius:24px;overflow:hidden;background:#f6f9fc;display:flex!important;flex-direction:column;gap:0;box-shadow:0 7px 22px #1e365306}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__copy{padding:34px 36px 25px;order:0}
body[data-oko-kind=home] #main .oko-buyer-grid h3{font-size:32px;margin:0 0 14px;color:#1e3653}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__copy>p:not(.xsg-kicker){font-size:16px;color:#566c7d;line-height:1.55;max-width:none}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__copy>a{font-size:13px;color:#1e3653;font-weight:750;display:inline-flex;gap:18px;align-items:center;margin-top:12px}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__visual{min-height:250px!important;height:250px!important;padding:30px 45px 0!important;border:0!important;order:1;margin-top:auto;align-items:flex-start;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 70% 0,#d9edfd,#e6edf4)!important;position:relative}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__row:nth-child(2) .xsg-audience__visual{background:linear-gradient(135deg,#d9eaf8,#accce6)!important}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__row:nth-child(3) .xsg-audience__visual{background:linear-gradient(135deg,#ece9e2,#f5f2eb)!important}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__row:nth-child(4) .xsg-audience__visual{background:linear-gradient(135deg,#2b4b68,#1e3653)!important}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience-sheet{background:#fff!important;color:#1e3653!important;max-width:330px;width:100%;padding:23px 26px;border:1px solid #d1dee8;border-radius:12px;box-shadow:0 18px 25px #152d481c;transform:rotate(-4deg);margin:auto}
body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__row:nth-child(even) .xsg-audience-sheet{transform:rotate(4deg)}
body[data-oko-kind=home] #main .xsg-audience-sheet *{color:#1e3653!important}.xsg-audience-sheet small{font-size:9px!important}.xsg-audience-sheet em{background:#eaf4fb!important}

/* Bring back the overlapping, tilted project pages rather than a flat panel. */
body[data-oko-kind=home] #main .xsg-home-portfolio{background:#1e3653!important;padding:100px 0 115px!important;position:relative;overflow:hidden}
body[data-oko-kind=home] #main .xsg-home-portfolio__grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
body[data-oko-kind=home] #main .xsg-home-portfolio :is(h2,h3){color:#fff!important}
body[data-oko-kind=home] #main .xsg-home-portfolio .xsg-kicker{color:#e8edf2!important}
body[data-oko-kind=home] #main .xsg-home-portfolio__copy>p:not(.xsg-kicker){color:#e8edf2!important;font-size:18px;line-height:1.65}
body[data-oko-kind=home] #main .xsg-home-portfolio__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
body[data-oko-kind=home] #main .xsg-home-portfolio__facts>span{border:1px solid #516982;border-radius:16px;padding:18px 15px;color:#e8edf2!important;font-size:12px;line-height:1.5;background:#ffffff04}
body[data-oko-kind=home] #main .xsg-home-portfolio__facts strong{color:#fff!important;font-size:26px;display:block;margin-bottom:3px}
body[data-oko-kind=home] #main .xsg-home-portfolio__sample{color:#fff!important;font-size:13px}
body[data-oko-kind=home] #main .xsg-home-portfolio__visual{position:relative;min-height:580px;isolation:isolate;background:none!important;border:0!important}
body[data-oko-kind=home] #main .xsg-home-portfolio__sheet{position:absolute;margin:0;width:87%;border:4px solid #fff!important;border-radius:17px!important;background:white;box-shadow:9px 12px 0 #95cdff!important;overflow:hidden}
body[data-oko-kind=home] #main .xsg-home-portfolio__sheet img{display:block;width:100%;height:auto;object-fit:contain}
body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--one{top:0;left:0;transform:rotate(-7deg);z-index:1}
body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--two{top:155px;right:-10px;transform:rotate(6deg);z-index:2}
body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--three{top:310px;left:5%;transform:rotate(-3deg);z-index:3}

/* Light process ribbon, open evidence numbers and a physical book treatment. */
body[data-oko-kind=home] #main .xsg-band{padding:96px 0;background:#fff!important;color:#1e3653!important}
body[data-oko-kind=home] #main .xsg-process{display:block}
body[data-oko-kind=home] #main .xsg-process__intro{display:grid;grid-template-columns:1fr auto;gap:8px 60px;align-items:end;max-width:none;margin-bottom:48px}
body[data-oko-kind=home] #main .xsg-process__intro>.xsg-kicker{grid-column:1/-1}
body[data-oko-kind=home] #main .xsg-process__intro h2{max-width:620px;color:#1e3653!important;margin:0}
body[data-oko-kind=home] #main .xsg-process__intro a{font-size:14px;color:#345d7e!important;margin-bottom:8px}
body[data-oko-kind=home] #main .xsg-process__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:0;margin:0;border:0;list-style:none}
body[data-oko-kind=home] #main .xsg-process__steps>li{display:block;padding:0;border:0;color:#1e3653!important;position:relative}
body[data-oko-kind=home] #main .xsg-process__steps>li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7f3fd;color:#315d81;font-size:15px;font-weight:750;margin-bottom:22px;border:1px solid #bad8f0}
body[data-oko-kind=home] #main .xsg-process__steps>li:not(:last-child):after{content:'';position:absolute;left:58px;right:0;top:22px;border-top:1px dashed #b6cadb}
body[data-oko-kind=home] #main .xsg-process__steps strong{font-size:16px;line-height:1.4;color:#1e3653!important}
body[data-oko-kind=home] #main .xsg-process__steps p{font-size:14px;line-height:1.6;color:#607586!important}
body[data-oko-kind=home] #main .xsgn-band--proof{padding:82px 0!important;background:#f4f7fa!important;border:0;color:#1e3653!important}
body[data-oko-kind=home] #main .xsgn-band--proof h2{color:#1e3653!important}
body[data-oko-kind=home] #main .xsgn-sub{color:#63798b!important;max-width:710px;font-size:17px;line-height:1.65}
body[data-oko-kind=home] #main .xsgn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin:48px 0 28px;background:none!important;border:0!important}
body[data-oko-kind=home] #main .xsgn-card{padding:0 22px 0 0!important;border:0!important;border-right:1px solid #d2dde7!important;background:transparent!important;border-radius:0}
body[data-oko-kind=home] #main .xsgn-card:last-child{border-right:0!important}
body[data-oko-kind=home] #main .xsgn-num{color:#315b7e!important;font-size:clamp(36px,4vw,52px)!important;letter-spacing:-.06em;font-weight:780;line-height:1.1;margin:0 0 20px}
body[data-oko-kind=home] #main .xsgn-card h3{font-size:19px!important;color:#1e3653!important}
body[data-oko-kind=home] #main .xsgn-card>p:not(.xsgn-num){color:#617789!important;font-size:14px;line-height:1.6}
body[data-oko-kind=home] #main .xsgn-btn{background:#1e3653!important;color:#fff!important;border:1px solid #1e3653!important;border-radius:999px!important;padding:13px 23px;display:inline-flex;font-size:13px}
body[data-oko-kind=home] #main .xsg-guide-band{padding:95px 0!important;background:#fff!important}
body[data-oko-kind=home] #main .xsg-guide-band__grid{background:#f3f7fb;border:1px solid #e1e8ef;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:0;padding:0!important;align-items:stretch}
body[data-oko-kind=home] #main .xsg-guide-band__grid>div:last-child{padding:48px 46px;background:#fff}
body[data-oko-kind=home] #main .xsg-guide-band :is(h2,p,li,label){color:#1e3653!important}
body[data-oko-kind=home] #main .xsg-guide-band h2{font-size:38px!important}
body[data-oko-kind=home] #main .xsg-guide-band input{border:1px solid #d1dee8;border-radius:8px;padding:13px;background:white}
body[data-oko-kind=home] #main .xsg-guide-band button{background:#1e3653!important;color:#fff!important;border:0;border-radius:999px;padding:15px}
body[data-oko-kind=home] #main .xsg-guide-band__art{background:radial-gradient(ellipse at 40% 20%,#e5f1fc,#d8e5ef)!important;min-height:560px;display:flex!important;align-items:center;justify-content:center;padding:40px!important;overflow:visible}
.oko-book{position:relative;width:285px;min-height:425px;padding:30px 25px 0;background:#fff!important;color:#1e3653!important;border-radius:3px 12px 12px 3px;border-left:7px solid #e2e7ec;box-shadow:14px 18px 28px #152d4828;transform:rotate(-7deg);isolation:isolate}
.oko-book:before{content:'';position:absolute;inset:6px -9px -5px 8px;z-index:-1;border:1px solid #c8d4df;background:#fff;border-radius:0 10px 10px 0;transform:rotate(7deg)}
.oko-book>img:first-child{width:170px;height:auto;display:block;margin-bottom:25px}.oko-book>p{font-size:8px!important;font-weight:750;letter-spacing:.11em;margin:0 0 12px!important}.oko-book h3{font-size:38px!important;line-height:1!important;letter-spacing:-.05em;margin:0 0 20px!important;color:#1e3653!important}.oko-book>span{display:block;font-size:7px;letter-spacing:.1em;color:#466a88}.oko-book-rule{height:3px;width:42px;background:#95cdff;margin:15px 0}.oko-book .oko-book-mark{display:none}.oko-book-illustration{margin:19px -25px 0 -25px;height:160px;overflow:hidden;border-radius:0 0 9px 0}.oko-book-illustration img{width:100%;height:100%;object-fit:cover}
body[data-oko-kind=home] #main #xsg-toolkit-preview{background:#f6f8fa!important;padding:80px 0!important}
body[data-oko-kind=home] #main #xsg-toolkit-preview img{border-radius:13px!important;border:1px solid #d4e0ea;box-shadow:0 15px 40px #1e36530c}
body[data-oko-kind=home] #main .xsgn-hub{background:#fff!important;padding:90px 0!important}
body[data-oko-kind=home] #main .xsgn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
body[data-oko-kind=home] #main .xsgn-cover{border-radius:16px;overflow:hidden;background:#e9f1f7;aspect-ratio:1.3}
body[data-oko-kind=home] #main .xsgn-cover img{height:100%;width:100%;object-fit:cover;transition:transform .3s}
body[data-oko-kind=home] #main .xsgn-post:hover img{transform:scale(1.045)}
body[data-oko-kind=home] #main .xsgn-post h3{font-size:20px!important;line-height:1.3;letter-spacing:-.02em;color:#1e3653!important;margin:17px 0 12px}
body[data-oko-kind=home] #main .xsgn-meta{color:#718496!important;font-size:11px;line-height:1.5}

@media(max-width:1100px){body[data-oko-kind=home] #main .xsg-home-hero__grid{gap:36px!important}.oko-hero-mark{right:0;top:-32px;width:72px;height:72px}.oko-hero-note{left:-15px;bottom:-39px;width:223px;padding:14px}.oko-hero-note small{font-size:9px}body[data-oko-kind=home] #main .xsg-home-hero__actions{gap:10px}body[data-oko-kind=home] #main .xsg-home-hero .xsg-button{font-size:12px;padding:13px 17px}body[data-oko-kind=home] #main .xsg-home-portfolio__grid{gap:36px}body[data-oko-kind=home] #main .xsg-home-portfolio__visual{min-height:480px}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--two{top:125px}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--three{top:250px}body[data-oko-kind=home] #main .xsg-guide-band__grid>div:last-child{padding:35px 30px}.oko-book{width:235px;min-height:380px}.oko-book h3{font-size:32px!important}.oko-book-illustration{height:140px}}
@media(max-width:800px){body[data-oko-kind=home] .xsg-home .xsg-shell,body[data-oko-kind=home] :is(.xsgn-bwrap,.xsgn-hwrap){width:calc(100% - 40px)!important}body[data-oko-kind=home] #main .xsg-home-hero{padding:55px 0 90px!important}body[data-oko-kind=home] #main .xsg-home-hero__grid{grid-template-columns:1fr!important;gap:42px!important}body[data-oko-kind=home] #main .xsg-home-hero h1{font-size:clamp(48px,9.5vw,72px)!important;max-width:620px}body[data-oko-kind=home] #main .xsg-home-hero .xsg-lead{font-size:17px;max-width:610px}body[data-oko-kind=home] #main .xsg-home-hero__visual{margin:15px 15px 35px 12px}body[data-oko-kind=home] #main .xsg-home-hero__visual>img{box-shadow:8px 11px 0 #1e3653;transform:rotate(1.5deg)}.oko-hero-note{left:-7px;bottom:-32px}.oko-hero-mark{right:-8px}.oko-buyer-grid{gap:18px}body[data-oko-kind=home] #main .xsg-audience{padding:65px 0}body[data-oko-kind=home] #main .xsg-audience__intro{grid-template-columns:1fr;gap:24px;margin-bottom:40px}body[data-oko-kind=home] #main .xsg-audience__tags{grid-column:1;grid-row:2;max-width:620px;justify-content:flex-start;transform:none;padding:0!important}body[data-oko-kind=home] #main .xsg-home-portfolio{padding:70px 0 80px!important}body[data-oko-kind=home] #main .xsg-home-portfolio__grid{grid-template-columns:1fr;gap:40px}body[data-oko-kind=home] #main .xsg-home-portfolio__visual{max-width:540px;width:100%;margin:auto;min-height:550px}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--two{top:150px}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--three{top:290px}body[data-oko-kind=home] #main .xsg-process__intro{display:block}body[data-oko-kind=home] #main .xsg-process__intro a{display:block;margin-top:24px}body[data-oko-kind=home] #main .xsg-process__steps{grid-template-columns:repeat(3,1fr);gap:28px}body[data-oko-kind=home] #main .xsgn-cards{grid-template-columns:repeat(2,1fr);gap:30px}body[data-oko-kind=home] #main .xsgn-card:nth-child(2){border:0!important}body[data-oko-kind=home] #main .xsg-guide-band__grid{grid-template-columns:1fr}body[data-oko-kind=home] #main .xsg-guide-band__art{min-height:460px}.oko-book{width:265px}body[data-oko-kind=home] #main .xsgn-grid{grid-template-columns:repeat(2,1fr)}body[data-oko-kind=home] #main .xsgn-band--proof,body[data-oko-kind=home] #main .xsg-guide-band,body[data-oko-kind=home] #main .xsg-band,body[data-oko-kind=home] #main .xsgn-hub{padding:65px 0!important}}
@media(max-width:540px){.oko-header-inner{min-height:76px}.oko-footer-top{gap:30px}body[data-oko-kind=home] #main .xsg-home-hero h1{font-size:49px!important;line-height:1.03!important}body[data-oko-kind=home] #main .xsg-home-hero .xsg-kicker{font-size:8px;padding:8px 10px;margin-bottom:24px}body[data-oko-kind=home] #main .xsg-home-hero .xsg-lead{font-size:16px}body[data-oko-kind=home] #main .xsg-home-hero__actions{flex-direction:column;align-items:stretch;max-width:350px}body[data-oko-kind=home] #main .xsg-home-hero .xsg-button{justify-content:space-between;padding:13px 18px;font-size:13px}.oko-hero-mark{width:66px;height:66px;top:-26px}.oko-hero-note{padding:12px 14px;width:216px}.oko-hero-note>.oko-note-icon{width:34px;height:34px}.oko-hero-note strong{font-size:12px}body[data-oko-kind=home] #main .xsg-home-hero .oko-v2-art-label{bottom:-65px;font-size:8px}.oko-buyer-grid{grid-template-columns:1fr}body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__copy{padding:28px 25px 22px}body[data-oko-kind=home] #main .oko-buyer-grid .xsg-audience__visual{padding:28px 32px 0!important;height:230px!important;min-height:230px!important}body[data-oko-kind=home] #main .xsg-home-portfolio__visual{min-height:385px;width:94%}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--two{top:100px}body[data-oko-kind=home] #main .xsg-home-portfolio__sheet--three{top:200px}body[data-oko-kind=home] #main .xsg-home-portfolio__facts>span{padding:13px 10px;font-size:10px}body[data-oko-kind=home] #main .xsg-home-portfolio__facts strong{font-size:23px}body[data-oko-kind=home] #main .xsg-process__steps{grid-template-columns:1fr;gap:0}body[data-oko-kind=home] #main .xsg-process__steps>li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding-bottom:23px}body[data-oko-kind=home] #main .xsg-process__steps>li:not(:last-child):after{left:22px;right:auto;top:50px;bottom:6px;border:0;border-left:1px dashed #bccedd}.xsg-process__steps>li>div{padding-top:4px}body[data-oko-kind=home] #main .xsgn-card{padding-right:12px!important}body[data-oko-kind=home] #main .xsgn-cards{gap:28px 18px}body[data-oko-kind=home] #main .xsgn-num{font-size:38px!important}body[data-oko-kind=home] #main .xsgn-card h3{font-size:16px!important}body[data-oko-kind=home] #main .xsgn-card>p:not(.xsgn-num){font-size:13px}body[data-oko-kind=home] #main .xsg-guide-band__grid{border-radius:22px}body[data-oko-kind=home] #main .xsg-guide-band__grid>div:last-child{padding:30px 23px}body[data-oko-kind=home] #main .xsg-guide-band h2{font-size:32px!important}body[data-oko-kind=home] #main .xsgn-grid{gap:22px 15px}body[data-oko-kind=home] #main .xsgn-post h3{font-size:17px!important}body[data-oko-kind=home] #main .xsgn-meta{font-size:10px}}

/* Original stylesheet: /oko-seo-v1.css */
/* OKO SEO reading paths; existing font and footer remain inherited. */
.oko-seo-section{width:calc(100% - 40px);max-width:1080px;margin:40px auto;padding:28px;border:1px solid #e6e6e6;border-radius:14px;background:#fff;color:#171717;box-sizing:border-box}
.oko-seo-section h2{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:0 0 14px;color:inherit}
.oko-seo-section p{font-size:16px;line-height:1.65;margin:0 0 18px}
.oko-seo-section ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.oko-seo-section li{margin:0;padding:0;max-width:100%}.oko-seo-section a{display:inline-block;padding:10px 14px;border:1px solid #ddd;border-radius:8px;color:#171717;text-decoration:underline;line-height:1.45;overflow-wrap:anywhere}
.oko-seo-section a:hover,.oko-seo-section a:focus-visible{border-color:#f97316;color:#a33d00}
@media(max-width:600px){.oko-seo-section{width:calc(100% - 32px);padding:20px;margin:28px auto}.oko-seo-section ul{display:grid;grid-template-columns:1fr}.oko-seo-section a{display:block}}

/* Original stylesheet: /oko-accessibility-final-20261002.css */
/* Keyboard access and readable comparison tables; preserves each template. */
.oko-skip-link{position:fixed;inset-block-start:12px;inset-inline-start:16px;z-index:100000;background:#1e3653;color:#fff!important;padding:12px 18px;border-radius:8px;font:700 16px/1.4 'Reddit Sans',sans-serif;transform:translateY(-180%);text-decoration:none}
.oko-skip-link:focus{transform:translateY(0);outline:3px solid #84c7ff;outline-offset:3px}
#oko-content{scroll-margin-top:110px}
#oko-content:focus{outline:none}
body :is(a,button,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:3px solid #225d91;outline-offset:3px}
.oko-header :is(a,button):focus-visible,.oko-wa-panel :is(a,button):focus-visible{outline-color:#70baff}
.oko-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-block:20px}
.oko-table-scroll>table{margin-block:0}
.oko-table-scroll-hint{color:#405c76;font:500 13px/1.5 'Reddit Sans',sans-serif;margin:10px 0 6px;display:flex;align-items:center;gap:8px}
.oko-table-scroll-hint::before{content:'↔';font-size:18px;flex:none}
body.oko-preview form .oko-form-hint{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:#405c76;font-weight:400}
body.oko-preview form .oko-form-context{margin:0 0 16px;padding:12px 14px;background:#eaf4fe;color:#1e3653;border-radius:10px;font-size:14px;line-height:1.5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Original stylesheet: /oko-polish-final-20261002.css?v=20261006-contrast */
/* OKO final polish: only rendered contrast/readability defects, 2026-10-02.
   Font sources, navigation, footer, account details and layout remain inherited. */
html body.oko-preview .xsg-pi-detail-value.is-account,
html body.oko-preview .xsg-pi-platform-account small {
  color: #1e3653 !important;
}

html body.oko-preview .oko-hero-art-caption-v5 {
  color: #405b73 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body.oko-preview #oko-workflow-v3 .wf-intro-note-v4 {
  color: #405b73 !important;
}

html body.oko-preview .xsg-hf-lead,
html body.oko-preview #primary.xsg-sourcing-agent-unified .xsg-guide-final .xsg-guide-kicker {
  color: #1e3653 !important;
}

html body.oko-preview .oko-toolkit-reference {
  background: #1e3653 !important;
  border-color: #365b80 !important;
  color: #ffffff !important;
}
html body.oko-preview .oko-toolkit-reference > span {
  color: #ffffff !important;
}
html body.oko-preview .oko-toolkit-reference > b {
  color: #ffffff !important;
}

/* Homepage editorial captions and the guide CTA have more specific legacy rules. */
html body.oko-preview[data-oko-kind="home"] #main .xsgn-sub,
html body.oko-preview[data-oko-kind="home"] #main .xsgn-card > p:not(.xsgn-num),
html body.oko-preview[data-oko-kind="home"] #main .xsgn-meta {
  color: #405b73 !important;
}
html body.oko-preview[data-oko-kind="home"] #main .xsgn-meta {
  font-size: 12px !important;
  line-height: 1.6 !important;
}
html body.oko-preview[data-oko-kind="home"] #main .xsg-guide-band .oko-guide-actions-v3 .xsg-button--dark,
html body.oko-preview[data-oko-kind="home"] #main .xsg-guide-band .oko-guide-actions-v3 .xsg-button--dark > span {
  color: #ffffff !important;
}

@media (max-width: 800px) {
  html body.oko-preview[data-oko-kind="home"] #main .xsg-guide-band__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.oko-preview[data-oko-kind="home"] #main .xsg-guide-band__grid > div {
    min-width: 0 !important;
  }
  html body.oko-preview[data-oko-kind="home"] #main .xsg-guide-band__art .oko-book {
    max-width: 100% !important;
  }
}

/* Four legacy topic archives use the same content edge as the global header. */
html body.oko-preview:is(.category-logistics-compliance, .category-product-development, .category-retail-readiness, .category-supplier-management) #oko-content .ast-container {
  width: min(1280px, calc(100% - 64px)) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
html body.oko-preview:is(.category-logistics-compliance, .category-product-development, .category-retail-readiness, .category-supplier-management) #oko-content .ast-row {
  margin-inline: 0 !important;
}
@media (max-width: 1300px) {
  html body.oko-preview:is(.category-logistics-compliance, .category-product-development, .category-retail-readiness, .category-supplier-management) #oko-content .ast-container {
    width: calc(100% - 48px) !important;
  }
}
@media (max-width: 767px) {
  html body.oko-preview:is(.category-logistics-compliance, .category-product-development, .category-retail-readiness, .category-supplier-management) #oko-content .ast-container {
    width: calc(100% - 32px) !important;
  }
}

/* The three capability labels need a single-column flow on narrow phones. */
@media (max-width: 380px) {
  html body.oko-preview[data-oko-kind="home"] #main .xsg-home-portfolio__facts {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.oko-preview[data-oko-kind="home"] #main .xsg-home-portfolio__facts > span {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 8px;
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
  html body.oko-preview[data-oko-kind="home"] #main .xsg-home-portfolio__facts > span > strong {
    flex: 0 0 auto;
    display: inline !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
  }
}

/* Active text in the opened WhatsApp panel; keep green branding and RTL layout. */
html body.oko-preview .oko-wa-head h2,
html body.oko-preview .oko-wa-head p {
  color: #1e3653 !important;
}
html body.oko-preview .oko-wa-note {
  color: #405b73 !important;
  font-size: 12px !important;
}

/* 2026-10-06: bounded interaction fixes. Layered important declarations win
   over legacy hover specificity without escalating repeated-ID selectors.
   Only colors, outlines and link decoration change; layout is unchanged. */
@layer oko-interaction-contrast {
  body.oko-preview .xsg77 .route:is(:hover, :focus-visible) {
    color: #1e3653 !important;
    background: #edf5fc !important;
    border-color: #1e3653 !important;
  }
  body.oko-preview .xsg77 .route[aria-pressed="true"] {
    color: #1e3653 !important;
    background: #e5f2fe !important;
    border-color: #1e3653 !important;
  }
  body.oko-preview .oko-content form :is(input, textarea)::placeholder {
    color: #526579 !important;
    opacity: 1 !important;
  }
  body.oko-preview .xsg-orange-hover-button,
  body.oko-preview .xsg-orange-hover-button * {
    transition-property: transform, box-shadow, border-color !important;
  }
  body.oko-preview .oko-footer a:is(:hover, :focus-visible) {
    color: #1e3653 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
  }
  body.oko-preview .xsg-orange-hover-button:not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #1e3653 !important;
    color: #1e3653 !important;
  }
  body.oko-preview .xsg-orange-hover-button:not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) * {
    color: inherit !important;
  }
  body.oko-preview .xsg-services-card__cta > span {
    color: #1e3653 !important;
    border-color: #65829b !important;
  }
  body.oko-preview .xsg-services-card:is(:hover, :focus-within) .xsg-services-card__cta > span {
    color: #1e3653 !important;
    background: #95cdff !important;
    border-color: #1e3653 !important;
  }
  body.oko-preview .xsg-blog-v2-feature-copy a,
  body.oko-preview .xsg-blog-v2-feature-copy a :is(b, span) {
    color: #ffffff !important;
  }
  body.oko-preview .xsg-blog-v2-feature-copy a {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
  }
  body.oko-preview .xsg-blog-v2-feature-copy a:is(:hover, :focus-visible) {
    text-decoration-thickness: 2px;
  }
  body.oko-preview :is(a, button, input, select, textarea, summary, [tabindex="0"]):focus-visible {
    outline: 3px solid #1e3653 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 3px #ffffff !important;
  }
}

/* Original stylesheet: /oko-complete-repair-20261002.css?v=20261006-top */
/* Buyer-task repairs: scoped home actions, mobile guide navigation and four topic archives. */
html body.oko-multilingual .feature-section .text-link {
  color: #1e3653;
  text-decoration: underline;
  text-underline-offset: 4px;
}
html body.oko-fees-localized .feature-card p + p { margin-top: 12px; }
html body.oko-fees-localized .feature-card a {
  display: inline-block;
  margin-top: 16px;
  color: #1e3653;
  font-weight: 650;
  text-underline-offset: 4px;
}
@media (min-width: 981px) {
  html body.oko-fees-localized .feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 701px) and (max-width: 980px) {
  html body.oko-fees-localized .feature-card:last-child { grid-column: 1 / -1; }
}
html body[data-oko-kind="home"] #main .xsg-home-hero__actions .xsg-button {
  white-space: normal;
  text-align: start;
}
html body[data-oko-kind="home"] #main .xsg-home-hero__actions .xsg-button > span:first-child {
  min-width: 0;
}

/* The existing guide aside remains the desktop navigation. */
html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc {
  display: none;
}
@media (max-width: 980px) {
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc {
    display: block;
    box-sizing: border-box;
    width: min(1180px, calc(100% - 40px));
    margin: 24px auto 0;
    border: 1px solid #c8d8e5;
    border-radius: 14px;
    background: #f4f7fa;
    color: #1e3653;
  }
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc > summary {
    padding: 16px 18px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.4;
    color: #1e3653;
  }
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc nav {
    display: grid;
    gap: 2px;
    padding: 0 12px 12px;
  }
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc a {
    display: block;
    min-width: 0;
    padding: 12px 10px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 550;
    line-height: 1.45;
    color: #1e3653;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
  }
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc a:hover {
    background: #dceeff;
  }
  html body.oko-preview #primary.xsg-sourcing-agent-unified .oko-mobile-guide-toc :is(summary, a):focus-visible {
    outline: 3px solid #1e3653;
    outline-offset: 3px;
  }
}

/* Reuse the service illustration language for the legacy topic cards. */
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .ast-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content article.ast-article-post {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  border: 0;
  background: transparent;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .ast-article-inner {
  height: 100%;
  padding: 0;
  border: 1px solid #dce5ec;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .post-content {
  width: 100%;
  min-width: 0;
  padding: 22px;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .ast-blog-featured-section {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: #f4f7fa;
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .oko-topic-card-image {
  display: block;
  width: 100%;
  height: 190px;
  max-width: 100%;
  padding: 10px;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .entry-title {
  margin: 12px 0;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: -.025em;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .entry-title a {
  color: #1e3653;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content :is(.cat-links, .entry-meta, .entry-meta a, .entry-meta span) {
  color: #405b73;
  font-size: 12px;
  line-height: 1.55;
}
html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .ast-excerpt-container p {
  margin: 16px 0 0;
  color: #405b73;
  font-size: 15px;
  line-height: 1.65;
}
html body.oko-preview.category-logistics-compliance #oko-content .ast-row {
  grid-template-columns: minmax(0, 720px);
}
@media (max-width: 1024px) {
  html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-retail-readiness) #oko-content .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .ast-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  html body.oko-preview:is(.category-product-development, .category-supplier-management, .category-logistics-compliance, .category-retail-readiness) #oko-content .entry-title {
    font-size: 22px;
  }
}
/* Back to top: square white chevron, aligned above the existing WhatsApp control. */
html body.oko-preview .oko-back-to-top {
  position: fixed;
  right: calc(32px + env(safe-area-inset-right, 0px));
  bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  z-index: 1490;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 4px;
  background: #1e3653 !important;
  color: #fff !important;
  box-shadow: 0 3px 12px rgba(30, 54, 83, .18);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
html body.oko-preview .oko-back-to-top[hidden] { display: none !important; }
html body.oko-preview .oko-back-to-top:is(:hover, :active) { background: #2d527b !important; }
html body.oko-preview .oko-back-to-top:focus-visible {
  outline: 3px solid #1e3653;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}
html body.oko-preview .oko-back-to-top__icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 6px;
  border: 0;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(45deg);
  pointer-events: none;
}
@media (max-width: 640px) {
  html body.oko-preview .oko-back-to-top {
    right: calc(21px + env(safe-area-inset-right, 0px));
    bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }
}
@media print { html body.oko-preview .oko-back-to-top { display: none !important; } }

/* Original stylesheet: /assets/20261010-oko-brand/brand.css */
/* Supplied official OKO assets; limited to branding and decorative art. */
.oko-header .oko-brand {width:250px;flex:0 0 250px}
.oko-header .oko-brand img {width:100%;height:auto!important;object-fit:contain}
.oko-footer .oko-footer-brand>a:first-child {width:250px}
.oko-mascot-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;width:100%}
.oko-mascot-heading>h1,.oko-mascot-heading>h2,.oko-mascot-heading>h3 {flex:1 1 auto;min-width:0}
.oko-mascot-art {display:block;width:112px;max-width:112px;height:auto!important;aspect-ratio:1;object-fit:contain;flex:0 0 112px;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:multiply}
.oko-mascot-heading--step {gap:16px}
.oko-mascot-heading--step>.oko-mascot-art {width:80px;max-width:80px;flex-basis:80px}
.oko-mascot-confirmation {display:flex;justify-content:center;margin:0 0 20px}
.oko-mascot-confirmation>.oko-mascot-art {width:140px;max-width:140px;flex-basis:140px}
#wa .oko-wa-launch[aria-expanded="false"] {background:#fff}
#wa .oko-wa-launch[aria-expanded="false"]::before {content:"";position:absolute;inset:0;border-radius:50%;background:#fff url("/assets/20261010-oko-brand/oko-mascot-avatar.webp") center 18%/125% no-repeat;pointer-events:none}
#wa .oko-wa-launch[aria-expanded="false"] .oko-wa-icon-whatsapp {position:absolute;right:-1px;bottom:-1px;z-index:1;display:grid;place-items:center;width:25px;height:25px;background:#25d366;border:2px solid #fff;border-radius:50%}
#wa .oko-wa-launch[aria-expanded="false"] .oko-wa-icon-whatsapp svg {width:17px;height:17px}
#wa .oko-wa-avatar {object-fit:cover;object-position:50% 22%;border-radius:50%}
@media (min-width:1081px) and (max-width:1300px) {.oko-header .oko-brand{width:220px;flex-basis:220px}.oko-header-inner{gap:20px}}
@media (min-width:1081px) and (max-width:1239px) {
 .oko-header-inner{gap:16px}
 .oko-header #oko-navigation .oko-nav-group>a{font-size:12px!important;padding-inline:6px!important}
 .oko-header #oko-navigation .oko-nav-group.has-submenu>a{padding-inline-end:40px!important}
 .oko-header-actions{gap:10px}
 .oko-header a.oko-contact{font-size:12px!important;padding:12px 14px!important;gap:10px}
}
@media (max-width:1080px) {.oko-header .oko-brand{width:220px;flex-basis:220px}}
@media (max-width:640px) {
 .oko-header .oko-brand{width:190px;flex-basis:190px}
 .oko-mascot-heading{gap:12px}
 .oko-mascot-art{width:80px;max-width:80px;flex-basis:80px}
 .oko-mascot-heading--step>.oko-mascot-art{width:64px;max-width:64px;flex-basis:64px}
 .oko-mascot-confirmation>.oko-mascot-art{width:112px;max-width:112px;flex-basis:112px}
}
@media (max-width:359px) {.oko-header .oko-brand{width:160px;flex-basis:160px}}

/* Original stylesheet: /assets/20261010-jing-navigation/navigation.css */
/* Jing-inspired navigation, using OKO colors and the existing menu markup/JS. */
body.oko-preview .oko-header {
  --oko-nav-accent: #4e79a6;
  background: #fff;
  border-bottom: 1px solid var(--oko-line);
  box-shadow: none;
}
body.oko-preview .oko-header .oko-header-inner {
  min-height: 76px;
  gap: 22px;
}
body.oko-preview .oko-header .oko-header-actions {gap: 12px}
body.oko-preview .oko-header .oko-sub,
body.oko-preview .oko-header .oko-sub > a {
  border-radius: 0;
  text-align: start;
  transition: none !important;
}
body.oko-preview .oko-header .oko-sub {
  width: 250px;
  min-width: 250px;
  padding: 6px 0;
  background: #fff;
  border: 1px solid var(--oko-line);
  border-top: 2px solid var(--oko-blue);
  box-shadow: 0 6px 18px rgba(30, 54, 83, .1);
  transform: none !important;
}
body.oko-preview .oko-header .oko-sub > a {
  min-height: 44px;
  padding: 11px 17px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  white-space: normal;
}
body.oko-preview .oko-header .oko-language > .oko-sub {
  width: 170px;
  min-width: 170px;
  top: 100%;
  inset-inline-start: auto;
  inset-inline-end: 0;
}
body.oko-preview .oko-header .oko-language > button {
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  font-weight: 500;
}
body.oko-preview .oko-header .oko-menu {
  border: 0;
  border-radius: 0;
  min-width: 44px;
  min-height: 44px;
}
body.oko-preview .oko-header a.oko-contact {
  min-height: 44px;
  padding: 11px 18px !important;
  border-radius: 999px;
  font-weight: 600;
}

/* Existing important focus rules live in this layer. Keep their outline. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-header .oko-nav-group > a,
  body.oko-preview .oko-header .oko-nav-group > a:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-nav-group.is-current > a,
  body.oko-preview .oko-header .oko-sub-toggle,
  body.oko-preview .oko-header .oko-sub-toggle:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-language > button,
  body.oko-preview .oko-header .oko-language > button:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-menu,
  body.oko-preview .oko-header .oko-menu:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-sub > a,
  body.oko-preview .oko-header .oko-sub > a:is(:hover, :focus-visible) {
    background: transparent !important;
    box-shadow: none !important;
  }
  body.oko-preview .oko-header .oko-nav-group > a::after {display: none !important}
  body.oko-preview .oko-header .oko-nav-group:is(:hover, :focus-within) > a,
  body.oko-preview .oko-header .oko-nav-group.is-current > a,
  body.oko-preview .oko-header .oko-nav-group > a[aria-current="page"],
  body.oko-preview .oko-header .oko-sub > a:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-sub > a[aria-current="page"],
  body.oko-preview .oko-header .oko-sub-toggle:is(:hover, :focus-visible),
  body.oko-preview .oko-header .oko-language > button:is(:hover, :focus-visible) {
    color: var(--oko-nav-accent) !important;
  }
}

@media (min-width: 1081px) {
  body.oko-preview .oko-header #oko-navigation {
    margin-left: 0;
    margin-inline-start: auto;
    gap: 4px;
    align-self: stretch;
  }
  body.oko-preview .oko-header .oko-nav-group {gap: 0; align-self: stretch}
  body.oko-preview .oko-header #oko-navigation .oko-nav-group > a {
    min-height: 76px;
    font-size: 14px !important;
    font-weight: 500;
    padding-inline: 10px !important;
  }
  body.oko-preview .oko-header #oko-navigation .oko-nav-group.has-submenu > a {
    padding-inline-end: 45px !important;
  }
  body.oko-preview .oko-header .oko-sub-toggle {
    inset-inline-end: 1px;
    inset-inline-start: auto;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    font-size: 11px;
  }
  body.oko-preview .oko-header .oko-nav-group > .oko-sub {
    top: 100%;
    inset-inline-start: 0;
    inset-inline-end: auto;
  }
}

@media (min-width: 1081px) and (max-width: 1239px) {
  body.oko-preview .oko-header .oko-header-inner {gap: 12px}
  body.oko-preview .oko-header #oko-navigation {gap: 0}
  body.oko-preview .oko-header #oko-navigation .oko-nav-group > a {
    font-size: 14px !important;
    padding-inline: 4px !important;
  }
  body.oko-preview .oko-header #oko-navigation .oko-nav-group.has-submenu > a {padding-inline-end: 45px !important}
  body.oko-preview .oko-header .oko-header-actions {gap: 6px}
  body.oko-preview .oko-header a.oko-contact {padding-inline: 12px !important}
}

@media (min-width: 1301px) {
  body.oko-preview .oko-header #oko-navigation .oko-nav-group > a {font-size: 16px !important}
}

/* Longer Spanish labels fit on two lines at narrow desktop widths. */
@media (min-width: 1081px) and (max-width: 1300px) {
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(2) > a {max-width: 132px; white-space: normal}
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(3) > a {max-width: 105px; white-space: normal}
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(6) > a {max-width: 110px; white-space: normal}
}
@media (min-width: 1301px) and (max-width: 1600px) {
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(2) > a {max-width: 150px; white-space: normal}
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(3) > a {max-width: 120px; white-space: normal}
  html[lang^="es"] body.oko-preview .oko-header .oko-nav-group:nth-child(6) > a {max-width: 128px; white-space: normal}
}

@media (max-width: 1080px) {
  body.oko-preview .oko-header .oko-header-inner {min-height: 72px; gap: 12px}
  body.oko-preview .oko-header #oko-navigation {
    background: #fff;
    padding: 8px 20px 18px;
    box-shadow: 0 6px 18px rgba(30, 54, 83, .1);
    max-height: calc(100dvh - 72px);
  }
  body.oko-preview .oko-header .oko-nav-group > a {
    min-height: 48px;
    padding: 12px 4px;
    font-size: 16px;
    font-weight: 500;
  }
  body.oko-preview .oko-header .oko-sub-toggle {
    width: 44px;
    min-width: 44px;
    min-height: 48px;
    border: 0;
    border-radius: 0;
    font-size: 13px;
  }
  body.oko-preview .oko-header .oko-nav-group > .oko-sub {
    width: 100%;
    min-width: 0;
    padding: 0 0 8px 14px;
    border: 0;
    box-shadow: none;
  }
  body.oko-preview .oko-header .oko-nav-group > .oko-sub > a {
    padding: 11px 14px;
    border: 0;
    font-weight: 500;
  }
  body.oko-preview .oko-header .oko-nav-group.is-current > a,
  body.oko-preview .oko-header .oko-nav-group > a[aria-current="page"] {padding-inline-start: 4px}
  body.oko-preview .oko-header #oko-navigation > a.oko-mobile-contact {border-radius: 999px}
}

html[dir="rtl"] body.oko-preview .oko-header .oko-header-inner {direction: rtl}
html[dir="rtl"] body.oko-preview .oko-header .oko-menu {margin-left: 0; margin-inline-start: auto}
@media (max-width: 1080px) {
  html[dir="rtl"] body.oko-preview .oko-header .oko-nav-group > .oko-sub {padding-left: 0; padding-right: 14px}
}

/* Original stylesheet: /assets/20261010-navigation-arrows/arrows.css */
/* Header chevrons only. The original text and ARIA labels stay in the DOM. */
body.oko-preview .oko-header .oko-sub-toggle,
body.oko-preview .oko-header .oko-sub-toggle :is(font, span) {
  font-size: 0 !important;
  line-height: 0 !important;
}
body.oko-preview .oko-header .oko-sub-toggle::before,
body.oko-preview .oko-header .oko-language > button span::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: solid currentColor;
  border-width: 0 1.6px 1.6px 0;
  transform: translate(-50%, -75%) rotate(45deg);
  transform-origin: center;
  pointer-events: none;
  transition: none;
}
body.oko-preview .oko-header .oko-language > button span {
  position: relative;
  display: inline-block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  font-size: 0 !important;
  line-height: 0 !important;
}
body.oko-preview .oko-header .oko-language > button span font {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* The pseudo-element owns rotation; preserve the original desktop centering. */
@media (min-width: 1081px) {
  body.oko-preview .oko-header .oko-sub-toggle {
    transform: translateY(-50%) !important;
  }
  body.oko-preview .oko-header .oko-nav-group:not(.is-dismissed):is(:hover, :focus-within, .is-open) > .oko-sub-toggle::before {
    transform: translate(-50%, -25%) rotate(225deg);
  }
}
@media (max-width: 1080px) {
  body.oko-preview .oko-header .oko-sub-toggle {
    position: relative;
    transform: none !important;
  }
  body.oko-preview .oko-header .oko-nav-group.is-open > .oko-sub-toggle::before {
    transform: translate(-50%, -25%) rotate(225deg);
  }
}
body.oko-preview .oko-header .oko-language.is-open:not(.is-dismissed) > button span::before {
  transform: translate(-50%, -25%) rotate(225deg);
}

/* Original stylesheet: /assets/20261010-arrow-free/links.css */
/* Text-first links: only confirmed CTA/card families change. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-header-actions > a.oko-contact,
  body.oko-preview #oko-navigation > a.oko-mobile-contact,
  body.oko-preview .oko-categories-foot a.xsg-button,
  body.oko-preview a.xsgn-btn,
  body.oko-preview .xcp a.xcp-button,
  body.oko-preview .xcr a.xcr-button,
  body.oko-preview .range-card a.open-case,
  body.oko-preview .hero-actions a.button,
  body.oko-preview .feature-actions a.button,
  body.oko-preview .oko-selected-note > a.button {
    justify-content: center !important;
    column-gap: 0 !important;
    text-align: center !important;
  }

  /* These wrappers contain only the removed diagonal glyph, never a label. */
  body.oko-preview .oko-header-actions > a.oko-contact > span[aria-hidden="true"],
  body.oko-preview #oko-navigation > a.oko-mobile-contact > span[aria-hidden="true"],
  body.oko-preview .oko-category-v3 > span > b,
  body.oko-preview .xsgn-cat h3 > span:empty,
  body.oko-preview a.xsgn-btn > span:empty,
  body.oko-preview .oko-categories-foot a.xsg-button > span:empty,
  body.oko-preview .xcp a.xcp-text-link > span:empty,
  body.oko-preview .xcp a.xcp-button > span:empty,
  body.oko-preview .xcr a.xcr-quote > span:empty,
  body.oko-preview .xcr a.xcr-button > span:empty {
    display: none !important;
  }

  body.oko-preview .oko-category-v3 > span,
  body.oko-preview .xsgn-cat h3,
  body.oko-preview .xcp a.xcp-text-link,
  body.oko-preview .xcr a.xcr-quote {
    justify-content: flex-start !important;
    column-gap: 0 !important;
  }

  /* Rounded product/service/guide cards keep their structure and typography. */
  body.oko-preview a.oko-category-v3,
  body.oko-preview a.xcp-category,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link),
  body.oko-preview a.xsg-blog-v2-promo-card,
  body.oko-preview a.xsg-hf-topic-card,
  body.oko-preview .xsg-hf-cat-card > a[href] {
    border: 1px solid #c9d6e4 !important;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
  }

  body.oko-preview a.oko-category-v3:is(:hover, :focus-visible),
  body.oko-preview a.xcp-category:is(:hover, :focus-visible),
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link):is(:hover, :focus-within),
  body.oko-preview a.xsg-blog-v2-promo-card:is(:hover, :focus-visible),
  body.oko-preview a.xsg-hf-topic-card:is(:hover, :focus-visible),
  body.oko-preview .xsg-hf-cat-card > a[href]:is(:hover, :focus-visible) {
    border-color: #4e79a6 !important;
    background-color: #f3f7fb !important;
    transform: none !important;
  }

  body.oko-preview a.oko-category-v3:hover,
  body.oko-preview a.xcp-category:hover,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link):hover,
  body.oko-preview a.xsg-blog-v2-promo-card:hover,
  body.oko-preview a.xsg-hf-topic-card:hover,
  body.oko-preview .xsg-hf-cat-card > a[href]:hover {
    box-shadow: 0 6px 18px rgb(30 54 83 / 8%) !important;
  }

  /* Home articles remain open editorial rows; their existing image gets the cue. */
  body.oko-preview a.xsgn-post > .xsgn-cover {
    box-shadow: inset 0 0 0 1px #c9d6e4 !important;
  }
  body.oko-preview a.xsgn-post:is(:hover, :focus-visible) > .xsgn-cover {
    outline: 1px solid #4e79a6;
    outline-offset: -1px;
    box-shadow: 0 6px 18px rgb(30 54 83 / 8%) !important;
  }
  body.oko-preview a.xsgn-post:is(:hover, :focus-visible) h3 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }

  body.oko-preview .oko-footer a {
    column-gap: 0 !important;
  }

  /* Decorative photo-caption glyph only; workflow connectors remain untouched. */
  body.oko-preview.oko-workflow-v4 #oko-workflow-v3 .wf-shot-v4 figcaption::after {
    content: none !important;
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.oko-preview a.oko-category-v3,
  body.oko-preview a.xcp-category,
  body.oko-preview .xsg-services-card:has(> a.xsg-services-card__link),
  body.oko-preview a.xsg-blog-v2-promo-card,
  body.oko-preview a.xsg-hf-topic-card,
  body.oko-preview .xsg-hf-cat-card > a[href] {
    transition: none !important;
  }
}

/* Original stylesheet: /assets/20261010-transparent-mascots/transparent.css */
/* Transparent mascot assets retain the existing size, position and layout. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-mascot-art {
    mix-blend-mode: normal !important;
    background: transparent !important;
  }

  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"],
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:hover,
  body.oko-preview #wa .oko-wa-launch[aria-expanded="false"]:focus-visible {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  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-color: transparent !important;
    background-image: url('/assets/20261010-transparent-mascots/oko-mascot-avatar.png') !important;
    border-radius: 0 !important;
  }

  body.oko-preview #wa .oko-wa-avatar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}

/* Original stylesheet: /assets/20261010-unified-cta/cta.css */
/* One bottom contact card; all selectors are limited to its two component roots. */
@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');
}

@layer oko-interaction-contrast {
  body.oko-preview .oko-wa-launch.oko-cta-obscured,
  body.oko-preview #oko-back-to-top.oko-cta-obscured {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.oko-preview .oko-cta-unified,
  body.oko-preview .oko-portfolio-instructions {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 72px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: start !important;
  }
  body.oko-preview .oko-cta-unified {
    background: #f3f7fb !important;
    color: #fff !important;
  }
  body.oko-preview .oko-portfolio-instructions {
    background: #fff !important;
    color: #1e3653 !important;
  }
  body.oko-preview .oko-cta-unified *,
  body.oko-preview .oko-portfolio-instructions * {
    box-sizing: border-box !important;
    font-family: 'Outfit', sans-serif !important;
    text-transform: none !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-shell,
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-shell {
    width: 100% !important;
    max-width: 1168px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 48px !important;
    padding: 48px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background-color: #1e3653 !important;
    background-image: linear-gradient(rgba(149, 205, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(149, 205, 255, .08) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-copy,
  body.oko-preview .oko-cta-unified .oko-cta-form-panel {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-eyebrow {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #95cdff !important;
    background: transparent !important;
  }
  body.oko-preview .oko-cta-unified h2.oko-cta-title {
    display: block !important;
    max-width: 530px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -.8px !important;
    color: #fff !important;
    background: transparent !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
  }
  body.oko-preview .oko-cta-unified p.oko-cta-description {
    max-width: 530px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #e1e8f0 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-cta-unified a.oko-cta-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 44px !important;
    margin: 4px 0 0 !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #95cdff !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  body.oko-preview .oko-cta-unified a.oko-cta-whatsapp:hover {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-related {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-related a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #e1e8f0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    overflow-wrap: anywhere !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-related a:hover {
    color: #fff !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-form-panel {
    padding: 20px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #1e3653 !important;
    box-shadow: none !important;
  }
  body.oko-preview .oko-cta-unified form.oko-cta-form {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-field-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.oko-preview .oko-cta-unified label.oko-cta-field {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1e3653 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-field input,
  body.oko-preview .oko-cta-unified .oko-cta-field textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid #c9d6e4 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #1e3653 !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: start !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-field input::placeholder,
  body.oko-preview .oko-cta-unified .oko-cta-field textarea::placeholder {
    color: #5b6b80 !important;
    opacity: 1 !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-field textarea {
    min-height: 66px !important;
    resize: vertical !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-field :is(input, textarea)[aria-invalid='true'] {
    border-color: #1e3653 !important;
    box-shadow: inset 0 0 0 1px #1e3653 !important;
  }
  body.oko-preview .oko-cta-unified button.oko-cta-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 18px !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    background: #1e3653 !important;
    box-shadow: none !important;
    text-align: center !important;
    white-space: normal !important;
    cursor: pointer !important;
  }
  body.oko-preview .oko-cta-unified button.oko-cta-submit:hover {
    color: #fff !important;
    background: #13263d !important;
  }
  body.oko-preview .oko-cta-unified label.oko-cta-consent {
    display: flex !important;
    align-items: flex-start !important;
    min-height: 44px !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #3b4d64 !important;
    background: transparent !important;
    cursor: pointer !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-consent input {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    accent-color: #1e3653 !important;
    cursor: pointer !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-consent span {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #3b4d64 !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-consent a,
  body.oko-preview .oko-cta-unified .oko-cta-supplier a {
    color: #1e3653 !important;
    background: transparent !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }
  body.oko-preview .oko-cta-unified p.oko-cta-supplier {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #5b6b80 !important;
    text-align: center !important;
    background: transparent !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-supplier a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 4px 0 !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-sr-only,
  body.oko-preview .oko-cta-unified .oko-form-hint {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-honeypot,
  body.oko-preview .oko-cta-unified [data-oko-source-topic-note][hidden] {
    display: none !important;
  }
  body.oko-preview .oko-cta-unified a:focus-visible,
  body.oko-preview .oko-cta-unified :is(input, textarea, button):focus-visible {
    outline: 3px solid #33608a !important;
    outline-offset: 3px !important;
  }
  body.oko-preview .oko-cta-unified .oko-cta-copy a:focus-visible {
    outline-color: #95cdff !important;
  }

  body.oko-preview .oko-portfolio-instructions .oko-portfolio-head {
    max-width: 820px !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-eyebrow {
    display: block !important;
    margin: 0 0 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #33608a !important;
    background: transparent !important;
  }
  body.oko-preview .oko-portfolio-instructions h2 {
    max-width: 680px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -.8px !important;
    color: #1e3653 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-portfolio-instructions p {
    max-width: none !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #3b4d64 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-step {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f3f7fb !important;
    color: #1e3653 !important;
    box-shadow: none !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 1px solid #1e3653 !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #1e3653 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-portfolio-instructions h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    color: #1e3653 !important;
    background: transparent !important;
  }
  body.oko-preview .oko-portfolio-instructions p.oko-portfolio-step-purpose {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #1e3653 !important;
  }
  body.oko-preview .oko-portfolio-instructions p.oko-portfolio-step-copy {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-process-cta {
    margin: 20px 0 0 !important;
    text-align: end !important;
  }
  body.oko-preview .oko-portfolio-instructions a {
    color: #1e3653 !important;
    background: transparent !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  body.oko-preview .oko-portfolio-instructions .oko-portfolio-process-cta a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
  }

  @media (max-width: 980px) {
    body.oko-preview .oko-cta-unified .oko-cta-card {
      gap: 30px !important;
      padding: 32px !important;
    }
    body.oko-preview .oko-cta-unified .oko-cta-field-row {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body.oko-preview .oko-portfolio-instructions .oko-portfolio-steps {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 760px) {
    body.oko-preview .oko-cta-unified,
    body.oko-preview .oko-portfolio-instructions {
      padding: 44px 0 !important;
    }
    body.oko-preview .oko-cta-unified .oko-cta-shell,
    body.oko-preview .oko-portfolio-instructions .oko-portfolio-shell {
      padding: 0 20px !important;
    }
    body.oko-preview .oko-cta-unified .oko-cta-card {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 24px !important;
      padding: 24px !important;
      border-radius: 20px !important;
    }
    body.oko-preview .oko-cta-unified h2.oko-cta-title,
    body.oko-preview .oko-portfolio-instructions h2 {
      font-size: 28px !important;
      line-height: 1.16 !important;
      letter-spacing: -.5px !important;
    }
    body.oko-preview .oko-cta-unified .oko-cta-form-panel {
      padding: 16px !important;
      border-radius: 14px !important;
    }
    body.oko-preview .oko-cta-unified p.oko-cta-description,
    body.oko-preview .oko-portfolio-instructions .oko-portfolio-head p {
      font-size: 15px !important;
    }
  }
  @media (max-width: 520px) {
    body.oko-preview .oko-portfolio-instructions .oko-portfolio-steps {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 14px !important;
    }
    body.oko-preview .oko-portfolio-instructions .oko-portfolio-step {
      padding: 22px !important;
    }
  }
}

/* Original stylesheet: /assets/20261010-unified-hero/hero.css */
/* Services provides the shared hero envelope. Content may grow instead of being clipped. */
@layer oko-interaction-contrast {
 body.oko-preview.oko-hero-unified-page .oko-unified-hero-container {
  width:100% !important; max-width:none !important; margin-inline:0 !important; padding-inline:0 !important;
 }
 body.oko-preview.oko-hero-unified-page .oko-unified-hero-flow {padding-block:0 !important;min-height:0 !important;height:auto !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero {
  box-sizing:border-box !important; width:100vw !important; max-width:none !important;
  min-height:calc((min(1320px, 90vw) - 64px) / 3 + 205px) !important; height:auto !important;
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  margin:0 !important;margin-inline:calc(50% - 50vw) !important;padding:24px 0 !important;overflow:visible !important;
 }
 body.oko-preview.oko-hero-unified-page .oko-unified-hero .oko-unified-hero-inner {
  box-sizing:border-box !important; width:min(1320px,90vw) !important;max-width:none !important;
  min-width:0 !important;min-height:0 !important;margin-inline:auto !important;padding:0 !important;
  column-gap:64px !important;row-gap:0 !important;align-items:center !important;
 }
 body.oko-preview.oko-hero-unified-page .oko-unified-hero :is(.xcr-hero-grid,.xcp-hero-grid,.hero-grid,.xsg-service-hero-grid,.xsg-hero-inner,.xsg-pi-hero-grid) {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 body.oko-preview.oko-hero-unified-page .xsg-services-hero.oko-unified-hero {padding-block:76px 82px !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero :is(.xsg-services-hero__inner,.wf-hero>.xsg-wrap) {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero :is(.hero-media,.wf-hero-art-v4,.oko-v2-hero-scene,.xcr-hero-art,.xcp-hero-visual) {max-width:100% !important;min-width:0 !important;}
 body.oko-preview.oko-hero-unified-page .wf-hero .oko-unified-hero-inner {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 body.oko-preview.oko-hero-unified-page .wf-hero :is(.wf-hero-art-v4,.hero-media) {margin:0 !important;max-height:500px !important;}
 body.oko-preview.oko-hero-unified-page .wf-hero :is(.wf-hero-art-v4,.hero-media) img {width:100% !important;height:455px !important;object-fit:contain !important;}
 body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero .oko-unified-hero-inner {position:relative !important;padding-inline-end:calc((100% - 64px)/2 + 64px) !important;}
 body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero-art {position:absolute !important;inset-inline-end:0 !important;inset-inline-start:auto !important;top:50% !important;transform:translateY(-50%) !important;width:calc((100% - 64px)/2) !important;height:440px !important;margin:0 !important;}
 body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero-art img {height:380px !important;object-fit:contain !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero .hero-collage {min-height:0 !important;height:480px !important;}
 body.oko-preview.oko-hero-unified-page .xcp-hero-visual {aspect-ratio:auto !important;}
 body.oko-preview.oko-hero-unified-page .hero-centered .hc-inner {gap:0 !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero-intro .oko-unified-hero-inner {display:block !important;}
 body.oko-preview.oko-hero-unified-page .oko-unified-hero-intro .oko-unified-hero-inner > :is(h1,p,.eyebrow) {max-width:900px !important;}
 body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:auto auto auto !important;}
 body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner > * {grid-column:1 !important;}
 body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner > .eyebrow {display:inline-flex !important;width:max-content !important;max-width:100% !important;}
 body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner::after {content:"";grid-column:2;grid-row:1/4;display:block;width:100%;height:430px;border:1px solid var(--xsg-refresh-line);border-radius:26px;background:var(--xsg-refresh-paper) url('/assets/a5ee309cdd97b052f7.webp') 50%/91% no-repeat;box-shadow:14px 14px 0 var(--xsg-refresh-orange);}
 body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-flow > .wrap::after {display:none !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-section.oko-unified-hero {padding-block:16px !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-shell {grid-template-columns:repeat(2,minmax(0,1fr)) !important;align-items:center !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-copy {padding-top:0 !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-form-card {padding:20px 24px !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-form-head {margin-bottom:12px !important;grid-template-columns:minmax(0,1fr) 96px !important;}
 body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-form-head img {width:96px !important;height:96px !important;}
 body.oko-preview.oko-hero-unified-page .elementor-element-kcutxqz.oko-unified-hero-container {padding:0 !important;}
 body.oko-preview.oko-hero-unified-page .xsg-complete-text.oko-unified-hero > .oko-unified-hero-inner {display:flex !important;flex-direction:column !important;gap:14px !important;text-align:center !important;}
 body.oko-preview.oko-hero-unified-page .xsg-complete-text.oko-unified-hero h1 {margin-block:0 !important;}
 body.oko-preview.oko-hero-unified-page .xsg-complete-text.oko-unified-hero .oko-mascot {max-height:160px !important;width:auto !important;}
 @media(max-width:960px) {
  body.oko-preview.oko-hero-unified-page .oko-unified-hero {min-height:672.25px !important;padding:48px 0 54px !important;}
  body.oko-preview.oko-hero-unified-page .xsg-services-hero.oko-unified-hero,
  body.oko-preview.oko-hero-unified-page .oko-contact-section.oko-unified-hero {padding:48px 0 54px !important;}
  body.oko-preview.oko-hero-unified-page .oko-unified-hero .oko-unified-hero-inner.oko-unified-hero-inner {grid-template-columns:minmax(0,1fr) !important;}
  body.oko-preview.oko-hero-unified-page .oko-unified-hero .oko-unified-hero-inner {gap:32px !important;}
  body.oko-preview.oko-hero-unified-page .oko-unified-hero :is(.xcr-hero-grid,.xcp-hero-grid,.hero-grid,.xsg-service-hero-grid,.xsg-hero-inner,.xsg-pi-hero-grid,.xsg-services-hero__inner),
  body.oko-preview.oko-hero-unified-page .wf-hero .oko-unified-hero-inner,
  body.oko-preview.oko-hero-unified-page .oko-contact-simple .oko-contact-shell {grid-template-columns:minmax(0,1fr) !important;}
  body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero .oko-unified-hero-inner {padding:0 !important;}
  body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero-art {position:relative !important;inset:auto !important;top:auto !important;transform:none !important;width:100% !important;height:320px !important;margin-top:32px !important;justify-content:center !important;}
  body.oko-preview.oko-hero-unified-page .xsg-yiwu-hero-art img {height:280px !important;max-width:100% !important;}
  body.oko-preview.oko-hero-unified-page .wf-hero :is(.wf-hero-art-v4,.hero-media) img {height:auto !important;max-height:455px !important;}
  body.oko-preview.oko-hero-unified-page .oko-unified-hero .hero-collage {height:360px !important;}
  body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner {grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto !important;}
  body.oko-preview.oko-hero-unified-page main.xsg75 .oko-unified-hero-intro .oko-unified-hero-inner::after {grid-column:1;grid-row:auto;height:280px;box-shadow:8px 8px 0 var(--xsg-refresh-orange);}
 }
 @media(max-width:650px) {
  body.oko-preview.oko-hero-unified-page .oko-unified-hero .oko-unified-hero-inner {width:calc(100% - 32px) !important;}
 }
}

/* Original stylesheet: /assets/20261010-header-focus/focus.css */
/* Header controls use the existing text-color feedback without focus frames. */
@layer oko-interaction-contrast {
  body.oko-preview .oko-header :is(a, button, [tabindex]),
  body.oko-preview .oko-header :is(a, button, [tabindex]):is(:focus, :focus-visible, :active),
  body.oko-preview .oko-header :is(a, button, [tabindex]) :is(img, span, svg) {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
  }
}

/* Original stylesheet: /assets/20261011-live-fixes/categories-payment.css */
@layer oko-interaction-contrast{
html body:not(.wp-admin) main.oko-products-live{--navy:#1E3653;--deep:#13263D;--sky:#95CDFF;--sky-2:#E3F0FC;--mist:#F3F7FB;--white:#FFFFFF;--kraft:#CDB08A;--kraft-2:#E9DCC6;--ink-2:#3B4D64;--ink-3:#5B6B80;--line:#E1E8F0;--line-2:#C9D6E4;--accent:#33608A;--warn:#A4610E;--shadow:0 18px 40px -18px rgba(19,38,61,.28);}
html body:not(.wp-admin) main.oko-products-live *{box-sizing:border-box!important;}
html body:not(.wp-admin) main.oko-products-live{margin:0px!important;font-family:inherit!important;color:var(--navy)!important;background:var(--mist)!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizelegibility!important;}
html body:not(.wp-admin) main.oko-products-live a{color:inherit!important;}
html body:not(.wp-admin) main.oko-products-live img{max-width:100%!important;display:block!important;}
html body:not(.wp-admin) main.oko-products-live{position:relative!important;background:var(--mist)!important;font-family:inherit!important;color:var(--navy)!important;}
html body:not(.wp-admin) main.oko-products-live .wrap{max-width:1240px!important;margin:0px auto!important;padding-left:clamp(20px, 4vw, 48px)!important;padding-right:clamp(20px, 4vw, 48px)!important;}
html body:not(.wp-admin) main.oko-products-live .sec{padding-top:clamp(64px, 8vw, 120px)!important;padding-bottom:clamp(64px, 8vw, 120px)!important;}
html body:not(.wp-admin) main.oko-products-live .bg-white{background:var(--white)!important;}
html body:not(.wp-admin) main.oko-products-live .bg-soft{background:var(--mist)!important;}
html body:not(.wp-admin) main.oko-products-live .num{font-family:inherit!important;}
html body:not(.wp-admin) main.oko-products-live .display{margin:0px!important;font-size:clamp(44px, 5.2vw, 78px)!important;line-height:1!important;letter-spacing:-0.045em!important;font-weight:600!important;}
html body:not(.wp-admin) main.oko-products-live .h2{margin:0px!important;font-size:clamp(30px, 3.2vw, 46px)!important;line-height:1.08!important;letter-spacing:-0.035em!important;font-weight:600!important;}
html body:not(.wp-admin) main.oko-products-live .h3{margin:0px!important;font-size:22px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-0.015em!important;}
html body:not(.wp-admin) main.oko-products-live .display,html body:not(.wp-admin) main.oko-products-live .h2,html body:not(.wp-admin) main.oko-products-live .h3{text-wrap:balance!important;}
html body:not(.wp-admin) main.oko-products-live .lead{margin:0px!important;font-size:20px!important;line-height:1.6!important;color:var(--ink-2)!important;max-width:36em!important;}
html body:not(.wp-admin) main.oko-products-live p{margin:0px!important;font-size:17px!important;line-height:1.7!important;color:var(--ink-2)!important;max-width:42em!important;}
html body:not(.wp-admin) main.oko-products-live .small{font-size:14px!important;line-height:1.55!important;color:var(--ink-3)!important;}
html body:not(.wp-admin) main.oko-products-live .stack{display:flex!important;flex-direction:column!important;}
html body:not(.wp-admin) main.oko-products-live .row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
html body:not(.wp-admin) main.oko-products-live .gap-16{gap:16px!important;}
html body:not(.wp-admin) main.oko-products-live .gap-24{gap:24px!important;}
html body:not(.wp-admin) main.oko-products-live .gap-40{gap:40px!important;}
html body:not(.wp-admin) main.oko-products-live .split{display:flex!important;flex-wrap:wrap!important;gap:clamp(32px, 6vw, 80px)!important;align-items:center!important;}
html body:not(.wp-admin) main.oko-products-live .split > *{flex:1 1 440px!important;min-width:0px!important;}
html body:not(.wp-admin) main.oko-products-live .head{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px 40px!important;}
html body:not(.wp-admin) main.oko-products-live .head .stack{max-width:760px!important;}
html body:not(.wp-admin) main.oko-products-live .g4{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr))!important;gap:24px!important;}
html body:not(.wp-admin) main.oko-products-live .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:54px!important;padding:0px 28px!important;border-radius:999px!important;background:var(--navy)!important;color:rgb(255, 255, 255)!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;white-space:nowrap!important;border:0px!important;font-family:inherit!important;cursor:pointer!important;transition:background 0.2s!important;}
html body:not(.wp-admin) main.oko-products-live .btn:hover{background:var(--deep)!important;}
html body:not(.wp-admin) main.oko-products-live .btn:focus-visible,html body:not(.wp-admin) main.oko-products-live .lnk:focus-visible{outline:3px solid var(--sky)!important;outline-offset:3px!important;}
html body:not(.wp-admin) main.oko-products-live .lnk{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:16px!important;font-weight:600!important;color:var(--navy)!important;text-decoration-line:underline!important;text-decoration-style:initial!important;text-decoration-color:var(--sky)!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important;white-space:nowrap!important;}
html body:not(.wp-admin) main.oko-products-live .num{width:38px!important;height:38px!important;border-radius:50%!important;border:1.5px solid var(--navy)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;font-size:13px!important;flex-shrink:0!important;color:var(--navy)!important;}
html body:not(.wp-admin) main.oko-products-live .faq{border-bottom:1px solid var(--line)!important;}
html body:not(.wp-admin) main.oko-products-live .faq summary{list-style:none!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:24px 0px!important;font-size:19px!important;font-weight:600!important;}
html body:not(.wp-admin) main.oko-products-live .faq summary::-webkit-details-marker{display:none!important;}
html body:not(.wp-admin) main.oko-products-live .faq summary::after{content:""!important;width:12px!important;height:12px!important;border-right:2px solid var(--navy)!important;border-bottom:2px solid var(--navy)!important;transform:rotate(45deg)!important;margin-top:-6px!important;flex-shrink:0!important;transition:transform 0.2s!important;}
html body:not(.wp-admin) main.oko-products-live .faq[open] summary::after{transform:rotate(-135deg)!important;margin-top:6px!important;}
html body:not(.wp-admin) main.oko-products-live .faq p{margin:0px 0px 24px!important;max-width:46em!important;}
html body:not(.wp-admin) main.oko-products-live .crumb{display:flex!important;flex-wrap:wrap!important;gap:8px!important;font-size:14px!important;color:var(--ink-3)!important;}
html body:not(.wp-admin) main.oko-products-live .crumb a{text-decoration:none!important;color:var(--ink-3)!important;}
html body:not(.wp-admin) main.oko-products-live .crumb b{color:var(--navy)!important;font-weight:600!important;}
@media (max-width: 760px){
}
html body:not(.wp-admin) main.oko-products-live .rows{border-top:1px solid var(--line)!important;}
html body:not(.wp-admin) main.oko-products-live .rowi{display:grid!important;grid-template-columns:56px minmax(0px, 1.1fr) minmax(0px, 1.6fr) auto!important;gap:24px!important;align-items:center!important;padding:22px 0px!important;border-bottom:1px solid var(--line)!important;text-decoration:none!important;color:inherit!important;}
html body:not(.wp-admin) main.oko-products-live .rowi:hover .rowi-t{text-decoration-line:underline!important;text-decoration-thickness:initial!important;text-decoration-style:initial!important;text-decoration-color:var(--sky)!important;text-underline-offset:5px!important;}
html body:not(.wp-admin) main.oko-products-live .rowi-t{font-size:20px!important;font-weight:600!important;letter-spacing:-0.01em!important;}
html body:not(.wp-admin) main.oko-products-live .rowi p{font-size:16px!important;}
@media (max-width: 760px){
html body:not(.wp-admin) main.oko-products-live .rowi{grid-template-columns:46px minmax(0px, 1fr)!important;gap:8px 16px!important;}
html body:not(.wp-admin) main.oko-products-live .rowi p{grid-column:2!important;}
}
@media (max-width: 920px){
}
html body:not(.wp-admin) main.oko-products-live .stack > *{min-width:0px!important;}
@media (max-width: 1000px){
}
html body:not(.wp-admin) main.oko-products-live .mtile{min-width:0px!important;}
@media (max-width: 900px){
}
html body:not(.wp-admin) main.oko-products-live .mtile{text-decoration:none!important;color:inherit!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
html body:not(.wp-admin) main.oko-products-live .mtile .h3{display:flex!important;justify-content:space-between!important;gap:12px!important;}
@media (max-width: 1080px){
}
@media (max-width: 560px){
}
@media (max-width: 760px){
}
@media (prefers-reduced-motion: reduce){
html body:not(.wp-admin) main.oko-products-live *{transition:none!important;}
}
html body:not(.wp-admin) main.oko-products-live .paper{position:relative!important;background:rgb(255, 255, 255)!important;border-radius:12px!important;box-shadow:rgba(19, 38, 61, 0.05) 0px 1px 0px, rgba(8, 20, 34, 0.6) 0px 34px 60px -30px!important;color:rgb(30, 54, 83)!important;font-size:13px!important;line-height:1.45!important;font-variant-numeric:tabular-nums!important;overflow:hidden!important;text-align:left!important;}
html body:not(.wp-admin) main.oko-products-live .paper-h{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:13px 18px!important;border-bottom:1px solid rgb(230, 236, 242)!important;background:rgb(251, 252, 254)!important;}
html body:not(.wp-admin) main.oko-products-live .paper-h .t{font-weight:600!important;font-size:14px!important;color:rgb(30, 54, 83)!important;}
html body:not(.wp-admin) main.oko-products-live .paper-h .m{font-family:inherit!important;font-weight:800!important;font-size:10px!important;letter-spacing:0.06em!important;color:rgb(30, 54, 83)!important;margin-right:8px!important;}
html body:not(.wp-admin) main.oko-products-live .paper-h .x{font-size:11.5px!important;color:rgb(122, 139, 160)!important;}
html body:not(.wp-admin) main.oko-products-live .paper-b{padding:4px 18px 14px!important;}
html body:not(.wp-admin) main.oko-products-live .prow{display:grid!important;grid-template-columns:minmax(0px, 1fr) auto!important;gap:12px!important;padding:8px 0px!important;border-bottom:1px solid rgb(238, 242, 246)!important;align-items:center!important;}
html body:not(.wp-admin) main.oko-products-live .prow:last-child{border-bottom:0px!important;}
html body:not(.wp-admin) main.oko-products-live .prow .k{color:rgb(91, 107, 128)!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs{position:relative!important;min-height:520px!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs > .paper{position:absolute!important;}
html body:not(.wp-admin) main.oko-products-live .fan{position:relative!important;width:210px!important;height:230px!important;}
html body:not(.wp-admin) main.oko-products-live .chipc{position:absolute!important;bottom:0px!important;left:60px!important;width:86px!important;height:206px!important;background:rgb(255, 255, 255)!important;border-radius:7px!important;box-shadow:rgba(8, 20, 34, 0.55) 0px 18px 30px -16px!important;transform-origin:50% 100%!important;overflow:hidden!important;}
html body:not(.wp-admin) main.oko-products-live .chipc i{display:block!important;height:136px!important;}
html body:not(.wp-admin) main.oko-products-live .chipc span{display:block!important;padding:8px 9px 0px!important;font-size:10px!important;font-weight:700!important;color:rgb(30, 54, 83)!important;letter-spacing:0.02em!important;}
html body:not(.wp-admin) main.oko-products-live .chipc small{display:block!important;padding:2px 9px!important;font-size:9.5px!important;color:rgb(122, 139, 160)!important;}
@media (max-width: 760px){
html body:not(.wp-admin) main.oko-products-live .stackdocs{min-height:0px!important;display:flex!important;flex-direction:column!important;gap:16px!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs > .paper,html body:not(.wp-admin) main.oko-products-live .stackdocs > .fan,html body:not(.wp-admin) main.oko-products-live .stackdocs > .abs{position:static!important;width:100%!important;transform:none!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs > .fan{display:none!important;}
}
@media (max-width: 760px){
}
@media (max-width: 760px){
html body:not(.wp-admin) main.oko-products-live .g4.cats{grid-template-columns:repeat(2, minmax(0px, 1fr))!important;gap:16px!important;}
html body:not(.wp-admin) main.oko-products-live .g4.cats .h3{font-size:16px!important;}
}
@media (max-width: 760px){
}
@media (max-width: 900px){
}
@media (max-width: 900px){
}
@media (max-width: 760px){
}
@media (max-width: 1000px){
}
@media (max-width: 760px){
}
@media (max-width: 760px){
}
@media (max-width: 1000px){
}
@media (max-width: 760px){
}
@media (max-width: 760px){
}
@media (max-width: 760px){
}
@media (max-width: 1000px){
}
@media (max-width: 760px){
}
}
@layer oko-interaction-contrast {
html body:not(.wp-admin) main.oko-products-live {font-family:Outfit,sans-serif!important;color:#1e3653!important;background:#fff!important;overflow-wrap:anywhere!important;}
html body:not(.wp-admin) main.oko-products-live .wrap {width:min(1296px,calc(100% - 64px))!important;max-width:1296px!important;margin-inline:auto!important;}
html body:not(.wp-admin) main.oko-products-live .display {font-size:clamp(38px,4.45vw,64px)!important;line-height:1.09!important;}
html body:not(.wp-admin) main.oko-products-live .h2 {font-size:34px!important;line-height:1.18!important;}
html body:not(.wp-admin) main.oko-products-live .h3 {font-size:21px!important;line-height:1.3!important;}
html body:not(.wp-admin) main.oko-products-live .btn {background:#1e3653!important;color:#fff!important;min-height:44px!important;padding:13px 23px!important;border-radius:999px!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
html body:not(.wp-admin) main.oko-products-live .lnk {min-height:44px!important;display:inline-flex!important;align-items:center!important;color:#1e3653!important;}
html body:not(.wp-admin) main.oko-products-live .cats {gap:22px!important;}
html body:not(.wp-admin) main.oko-products-live .mtile {border:1px solid #e1e8f0!important;border-radius:20px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;box-shadow:none!important;}
html body:not(.wp-admin) main.oko-products-live .mtile:hover {background:#f3f7fb!important;border-color:#95cdff!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-icon {background:#e3f0fc!important;border-radius:14px!important;min-height:118px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#33608a!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-icon svg {width:48px!important;height:48px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-photo {margin:0!important;background:#f3f7fb!important;border-radius:14px!important;overflow:hidden!important;aspect-ratio:4/3!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-photo img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-hero-photo {margin:0!important;overflow:hidden!important;border-radius:24px!important;aspect-ratio:4/3!important;max-height:440px!important;background:#f3f7fb!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-hero-photo img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body:not(.wp-admin) main.oko-products-live .mtile .h3 {font-size:19px!important;}
html body:not(.wp-admin) main.oko-products-live .rowi {grid-template-columns:44px minmax(0,1fr) minmax(0,1.3fr)!important;}
html body:not(.wp-admin) main.oko-products-live .paper {position:relative!important;width:100%!important;min-width:0!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs .paper {position:absolute!important;width:78%!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs {min-height:440px!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs .fan {position:absolute!important;left:auto!important;right:20px!important;top:auto!important;bottom:0!important;}
html body:not(.wp-admin) main.oko-products-live .paper .x,html body:not(.wp-admin) main.oko-products-live .paper .k,html body:not(.wp-admin) main.oko-products-live .paper .m,html body:not(.wp-admin) main.oko-products-live .chipc small {font-size:14px!important;}
html body:not(.wp-admin) main.oko-products-live .paper .prow {grid-template-columns:100px minmax(0,1fr)!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family {border:1px solid #e1e8f0!important;border-radius:20px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-width:0!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-icon {background:#e3f0fc!important;color:#33608a!important;min-height:122px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-icon svg {width:44px!important;height:44px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-photo {margin:0!important;overflow:hidden!important;aspect-ratio:4/3!important;background:#f3f7fb!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-photo img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family>.stack {padding:24px!important;flex:1!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family .lnk {margin-top:auto!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-check {font-size:14px!important;color:#5b6b80!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-two {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:40px!important;align-items:center!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-two p {margin-top:12px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-two>.btn {justify-self:start!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details {margin:0!important;padding:12px 24px!important;border:1px solid #e1e8f0!important;border-radius:20px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details>div {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;gap:20px!important;padding:19px 0!important;border-bottom:1px solid #e1e8f0!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details>div:last-child {border-bottom:none!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details dt {font-weight:600!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details dd {margin:0!important;color:#5b6b80!important;}
html body:not(.wp-admin) main.oko-products-live .oko-category-guides {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-guide {background:#fff!important;border:1px solid #e1e8f0!important;border-radius:18px!important;padding:24px!important;display:flex!important;flex-direction:column!important;gap:16px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-guide:hover {border-color:#95cdff!important;}
html body:not(.wp-admin) main.oko-products-live .oko-guide span {font-size:15px!important;color:#33608a!important;}
html body:not(.wp-admin) main.oko-products-live .faq summary {min-height:44px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-cta-unified {--navy:#1e3653;}
html body:not(.wp-admin) main.xsg-payment-page #invoice-payment {background:#f3f7fb!important;}
html body:not(.wp-admin) main.xsg-payment-page #invoice-payment h2 {font-size:30px!important;line-height:1.25!important;max-width:850px!important;}
html body:not(.wp-admin) main.xsg-payment-page #invoice-payment p {margin-top:16px!important;max-width:850px!important;}
html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-note {background:#f3f7fb!important;color:#3b4d64!important;border-color:#c9d6e4!important;}
html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-detail-value {font-family:Outfit,sans-serif!important;}
html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-eyebrow,html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-method-number,html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-platform-label,html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-jump a,html body:not(.wp-admin) main.xsg-payment-page .xsg-pi-button {text-transform:none!important;letter-spacing:normal!important;}
@media(min-width:761px) {
html body:not(.wp-admin) main.oko-products-live[data-category="cleaning-household-products"] .oko-family-grid,html body:not(.wp-admin) main.oko-products-live[data-category="tableware-drinkware-products"] .oko-family-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:1000px) {
html body:not(.wp-admin) main.oko-products-live .oko-family-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px) {
html body:not(.wp-admin) main.oko-products-live .wrap {width:calc(100% - 32px)!important;}
html body:not(.wp-admin) main.oko-products-live .sec {padding-top:48px!important;padding-bottom:54px!important;}
html body:not(.wp-admin) main.oko-products-live .display {font-size:38px!important;}
html body:not(.wp-admin) main.oko-products-live .h2 {font-size:29px!important;}
html body:not(.wp-admin) main.oko-products-live .g4 {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body:not(.wp-admin) main.oko-products-live .cats {gap:12px!important;}
html body:not(.wp-admin) main.oko-products-live .mtile {padding:14px!important;}
html body:not(.wp-admin) main.oko-products-live .mtile .h3 {font-size:17px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-icon {min-height:86px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-tile-icon svg {width:38px!important;height:38px!important;}
html body:not(.wp-admin) main.oko-products-live .rowi {grid-template-columns:36px minmax(0,1fr)!important;gap:14px!important;}
html body:not(.wp-admin) main.oko-products-live .rowi p {grid-column:2!important;}
html body:not(.wp-admin) main.oko-products-live .oko-family-grid,html body:not(.wp-admin) main.oko-products-live .oko-category-guides,html body:not(.wp-admin) main.oko-products-live .oko-category-two {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
html body:not(.wp-admin) main.oko-products-live .paper .prow {grid-template-columns:88px minmax(0,1fr)!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs {min-height:420px!important;}
html body:not(.wp-admin) main.oko-products-live .stackdocs .paper {width:100%!important;}
html body:not(.wp-admin) main.oko-products-live .fan {right:38px!important;}
html body:not(.wp-admin) main.oko-products-live .oko-order-details>div {grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
}
}

/* Original stylesheet: /assets/20261011-live-fixes/shared.css */
/* 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;}
}