/* OnHype - dodatki do eksportu Webflow (strona tymczasowa) */

/* Formularz kontaktowy (zastępuje obsługę formularzy Webflow) */
.oh-form { margin: 0 0 15px; }
.oh-form .w-form-done,
.oh-form .w-form-fail { display: none; }
.oh-form.is-sent form { display: none; }
.oh-form.is-sent .w-form-done,
.oh-form.is-error .w-form-fail { display: block; }
.oh-form input[type="submit"][disabled] { opacity: .6; cursor: wait; }
.oh-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.oh-form-note { margin: 1.5rem 0 0; font-size: .875rem; line-height: 1.5; color: var(--black-shade); max-width: 40rem; }
.oh-form-note a { color: inherit; text-decoration: underline; }

/* Realizacje - etykieta nad nazwą projektu */
.oh-project-tag {
  margin-bottom: .5rem;
  font-family: Degular Text, sans-serif;
  font-size: .8125rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--black-shade);
}
.showcase_item .image-wrapper_image { object-fit: cover; object-position: left top; }

/* Ekosystem / marki */
.oh-brands-section { background-color: var(--white); }
.oh-brands_lead { max-width: 40rem; margin-top: 1rem; color: var(--black-shade); }
.oh-brands {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--black);
}
.oh-brand {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-height: 15rem;
  padding: 2rem 1.75rem 2rem 0;
  border-bottom: 1px solid var(--white-shade);
  color: var(--black);
  text-decoration: none;
  transition: background-color .3s ease, padding .3s ease;
}
.oh-brand p { margin: 0; color: var(--black-shade); }
.oh-brand_link { margin-top: auto; font-size: .875rem; letter-spacing: .02em; }
.oh-brand_link.is-muted { color: var(--silver); }
a.oh-brand:hover { background-color: var(--grey-bg); padding-left: 1rem; }

@media screen and (max-width: 991px) {
  .oh-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 479px) {
  .oh-brands { grid-template-columns: 1fr; }
  .oh-brand { min-height: 0; }
}

/* ===== 3D (zamiast wideo) ===== */
.oh3d-host { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.oh3d-host.oh-orb { overflow: visible; }
.oh3d-host.is-light, .oh3d-host.is-dark { background: transparent; }
.oh3d-canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; outline: none; }
.oh3d-host.oh3d-fallback.is-light { background: url('/images/opengraph.png') center / contain no-repeat #fff; }

/* ===== Usługi: rozbudowane opisy + animacje ===== */
.oh-services { padding: 4rem 0 6rem; }
.oh-svc-nav { display: flex; flex-wrap: wrap; gap: .5rem; padding: 1.5rem 0 3rem; border-bottom: 1px solid var(--white-shade); }
.oh-svc-nav a { padding: .55rem 1.1rem; border: 1px solid var(--black); border-radius: 999px; color: var(--black); text-decoration: none; font-size: .9375rem; transition: background-color .25s, color .25s; }
.oh-svc-nav a:hover { background: var(--black); color: #fff; }
.oh-svc { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 5rem; align-items: center; padding: 7rem 0; border-bottom: 1px solid var(--white-shade); scroll-margin-top: 6rem; }
.oh-svc.is-reverse .oh-svc_text { order: 2; }
.oh-svc.is-reverse .oh-svc_visual { order: 1; }
.oh-svc_index { font-family: Degular Text, sans-serif; font-size: .875rem; letter-spacing: .08em; color: var(--silver); margin-bottom: 1rem; }
.oh-svc_title { font-family: Degular Display, sans-serif; font-weight: 400; font-size: clamp(2.75rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.02em; margin: 0 0 1.5rem; }
.oh-svc_lead { font-family: Degular Display, sans-serif; font-size: clamp(1.375rem, 2vw, 1.75rem); line-height: 1.25; margin: 0 0 1.25rem; max-width: 34rem; }
.oh-svc_body { font-size: 1.0625rem; line-height: 1.65; color: var(--black-shade); margin: 0 0 1.75rem; max-width: 36rem; }
.oh-svc_points { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: .7rem; max-width: 36rem; }
.oh-svc_points li { position: relative; padding-left: 1.5rem; line-height: 1.45; }
.oh-svc_points li::before { content: ''; position: absolute; left: 0; top: .55em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--black); }
.oh-svc_tags { display: flex; flex-wrap: wrap; gap: .5rem; }
.oh-svc_tags span { font-size: .8125rem; letter-spacing: .02em; padding: .35rem .8rem; border-radius: 999px; background: var(--grey-bg); border: 1px solid var(--white-shade); color: var(--black-shade); }
.oh-svc_visual { position: relative; aspect-ratio: 1 / 1; border-radius: 28px; background: var(--grey-bg); border: 1px solid var(--white-shade); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.oh-svc_anim { width: 86%; height: 86%; }
@media (prefers-reduced-motion: reduce) { .oh-svc_anim * { animation: none !important; } }
@media screen and (max-width: 991px) {
  .oh-svc { grid-template-columns: 1fr; gap: 2.5rem; padding: 4.5rem 0; }
  .oh-svc.is-reverse .oh-svc_text, .oh-svc.is-reverse .oh-svc_visual { order: initial; }
  .oh-svc_visual { max-width: 32rem; width: 100%; }
}
@media screen and (max-width: 479px) {
  .oh-svc { padding: 3.5rem 0; }
  .oh-svc-nav { padding-bottom: 2rem; }
}

/* ===== Formularz kontaktowy ===== */
.oh-form form { display: flex; flex-direction: column; }
.oh-field { position: relative; border-bottom: 1px solid var(--white-shade); margin-bottom: 1.5rem; }
.oh-input { width: 100%; border: 0; background: transparent; padding: 2.4rem 0 .9rem; font-family: Degular Display, sans-serif; font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.2; color: var(--black); outline: none; border-radius: 0; }
.oh-label { position: absolute; left: 0; top: 2.4rem; font-family: Degular Display, sans-serif; font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.2; color: var(--black); pointer-events: none; transform-origin: 0 0; transition: transform .25s ease, color .25s ease, top .25s ease; }
.oh-input:focus + .oh-label,
.oh-input:not(:placeholder-shown) + .oh-label { top: .6rem; transform: scale(.5); color: var(--black-shade); }
.oh-field:focus-within { border-bottom-color: var(--black); }
.oh-req { display: inline-block; margin-left: .15em; font-size: .7em; vertical-align: super; line-height: 0; color: var(--black); }
.oh-label .oh-req { font-size: .55em; }
.oh-input:user-invalid { color: #b3261e; }
.oh-field.is-message { border-bottom: 0; margin-top: 1rem; }
.oh-label-static { display: block; font-family: Degular Display, sans-serif; font-size: 1.375rem; margin-bottom: .75rem; color: var(--black); }
.oh-optional { font-family: Degular Text, sans-serif; font-size: .9375rem; color: var(--silver); }
.oh-textarea { width: 100%; min-height: 9rem; resize: vertical; border: 1px solid var(--white-shade); border-radius: 14px; background: rgba(255,255,255,.6); padding: 1rem 1.1rem; font-family: Degular Text, sans-serif; font-size: 1rem; line-height: 1.55; color: var(--black); outline: none; transition: border-color .2s; }
.oh-textarea:focus { border-color: var(--black); }
.oh-textarea::placeholder { color: var(--silver); }
.oh-consent { display: flex; gap: .9rem; align-items: flex-start; margin: 1.25rem 0 0; cursor: pointer; max-width: 42rem; font-size: .9375rem; line-height: 1.5; color: var(--black-shade); }
.oh-consent input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.oh-consent_box { flex: 0 0 auto; width: 1.375rem; height: 1.375rem; margin-top: .05rem; border: 1.5px solid var(--black); border-radius: 6px; background: #fff; position: relative; transition: background-color .2s; }
.oh-consent_box::after { content: ''; position: absolute; left: .42rem; top: .18rem; width: .38rem; height: .72rem; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .2s; }
.oh-consent input:checked + .oh-consent_box { background: var(--black); }
.oh-consent input:checked + .oh-consent_box::after { transform: rotate(45deg) scale(1); }
.oh-consent input:focus-visible + .oh-consent_box { outline: 2px solid var(--black); outline-offset: 3px; }
.oh-consent a { color: inherit; text-decoration: underline; }
.oh-form-hint { margin: .75rem 0 0; font-size: .8125rem; color: var(--silver); }
.oh-form-hint .oh-req { vertical-align: baseline; font-size: 1em; margin: 0 .2em 0 0; }
.oh-submit { align-self: flex-start; margin-top: 3.5rem; }
.oh-form label, .oh-label, .oh-label-static, .oh-consent { font-weight: 400; }

/* ===== Menu „underlay” ===== */
:root { --oh-uw: min(34rem, 88vw); --oh-ease: cubic-bezier(.7, 0, .2, 1); }
html, body { background: #fff; }
.mega-menu_component { display: none !important; }
.page-wrapper { position: relative; z-index: 2; overflow-x: clip; transition: transform .85s var(--oh-ease), border-radius .85s var(--oh-ease), clip-path .85s var(--oh-ease); }
.page-wrapper.oh-clip { clip-path: inset(var(--oh-ct, 0px) 0px var(--oh-cb, 0px) 0px round 0px); }
.oh-menu-open .page-wrapper.oh-clip { clip-path: inset(var(--oh-ct, 0px) 0px var(--oh-cb, 0px) 0px round 1.25rem); }
.oh-card-shadow { position: fixed; inset: 0; z-index: 1; pointer-events: none; border-radius: 1.25rem; opacity: 0; transform-origin: 100% 50%; box-shadow: 0 2rem 6rem rgba(15, 6, 2, .22); transition: transform .85s var(--oh-ease), opacity .6s ease; }
.oh-menu-open .oh-card-shadow { opacity: 1; transform: translateX(calc(-1 * var(--oh-uw))) scale(.94); }
.oh-menu-open, .oh-menu-open body { overflow: hidden; }
.oh-menu-open .page-wrapper { transform: translateX(calc(-1 * var(--oh-uw))) scale(.94); }
.oh-page-shade { position: fixed; left: 0; right: 0; top: 0; height: 100vh; z-index: 1000; visibility: hidden; background: rgba(15, 6, 2, .35); opacity: 0; pointer-events: none; transition: opacity .85s var(--oh-ease); cursor: pointer; }
.oh-menu-open .oh-page-shade { opacity: 1; pointer-events: auto; visibility: visible; }
.nav-menu[data-oh-menu-open] { cursor: pointer; }

.oh-underlay { position: fixed; top: 0; right: 0; bottom: 0; width: var(--oh-uw); z-index: 1; background: #fff; color: var(--black); visibility: hidden; transition: visibility 0s .85s; }
.oh-menu-open .oh-underlay { visibility: visible; transition: visibility 0s 0s; }
.oh-underlay_inner { height: 100%; display: flex; flex-direction: column; padding: 1.75rem 2rem 2rem 1.5rem; overflow-y: auto; }
.oh-underlay_top { display: flex; justify-content: flex-end; }
.oh-underlay_close { display: inline-flex; align-items: center; gap: .75rem; background: none; border: 0; padding: .5rem 0; font-family: Degular Text, sans-serif; font-size: 1rem; color: var(--black); cursor: pointer; }
.oh-x { position: relative; width: 1.1rem; height: 1.1rem; }
.oh-x::before, .oh-x::after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1.5px; background: currentColor; transform: rotate(45deg); }
.oh-x::after { transform: rotate(-45deg); }
.oh-underlay_links { display: flex; flex-direction: column; margin-top: auto; margin-bottom: auto; padding: 2rem 0; }
.oh-underlay_links a { position: relative; display: block; overflow: hidden; padding: .1em .4rem; font-family: Degular Display, sans-serif; font-size: clamp(2.5rem, 4.2vw, 3.75rem); line-height: 1.12; letter-spacing: -.02em; color: var(--black); text-decoration: none; }
.oh-underlay_links a::before { content: ''; position: absolute; inset: 0; background: var(--black); transform: scaleY(0); transform-origin: 50% 100%; transition: transform .45s var(--oh-ease); z-index: 0; }
.oh-underlay_links a span { position: relative; z-index: 1; display: inline-block; transform: translateY(110%); transition: transform .8s var(--oh-ease), color .3s; }
.oh-underlay_links a:hover::before, .oh-underlay_links a:focus-visible::before { transform: scaleY(1); transform-origin: 50% 0; }
.oh-underlay_links a:hover span, .oh-underlay_links a:focus-visible span { color: #fff; }
.oh-underlay_links a.is-current span::after { content: ''; display: inline-block; width: .16em; height: .16em; margin-left: .25em; border-radius: 50%; background: currentColor; vertical-align: .55em; }
.oh-menu-open .oh-underlay_links a span { transform: translateY(0); }
.oh-underlay_links a:nth-child(1) span { transition-delay: .18s; }
.oh-underlay_links a:nth-child(2) span { transition-delay: .23s; }
.oh-underlay_links a:nth-child(3) span { transition-delay: .28s; }
.oh-underlay_links a:nth-child(4) span { transition-delay: .33s; }
.oh-underlay_links a:nth-child(5) span { transition-delay: .38s; }
.oh-underlay_links a:nth-child(6) span { transition-delay: .43s; }
.oh-underlay_links a:hover span { transition-delay: 0s; }
.oh-underlay_bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 0 .4rem; opacity: 0; transform: translateY(1rem); transition: opacity .6s .45s, transform .8s .45s var(--oh-ease); }
.oh-menu-open .oh-underlay_bottom { opacity: 1; transform: none; }
.oh-underlay_bottom a { display: block; font-size: .9375rem; line-height: 1.7; color: var(--black); text-decoration: none; }
.oh-underlay_bottom a:hover { text-decoration: underline; }
.oh-underlay_label { font-size: .8125rem; color: var(--silver); margin-bottom: .5rem; }
@media (max-width: 479px) {
  .oh-menu-open .page-wrapper, .oh-menu-open .oh-card-shadow { transform: translateX(calc(-1 * var(--oh-uw))) scale(.9); }
  .oh-underlay_inner { padding: 1.25rem 1.25rem 1.5rem 1rem; }
  .oh-underlay_bottom { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .page-wrapper, .oh-card-shadow, .oh-underlay_links a span, .oh-underlay_bottom, .oh-page-shade { transition-duration: .01s !important; transition-delay: 0s !important; }
}

.oh-underlay_close:focus:not(:focus-visible), .oh-underlay_links a:focus:not(:focus-visible) { outline: none; }

/* ===== Orbita kompetencji (zamiast wideo) ===== */
.oh-orb { background: transparent; font-family: Degular Text, sans-serif; user-select: none; }
.oh-orb_svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 3; }
.oh-orb_ring { fill: none; stroke: #e7e5e2; stroke-width: 1; }
.oh-orb_ring + .oh-orb_ring { stroke-dasharray: 2 6; }
.oh-orb_line { stroke: #0f0602; stroke-width: 1; opacity: 0; }
.oh-orb_dot { fill: #0f0602; opacity: 0; }
.oh-orb_halo { position: absolute; left: 0; top: 0; z-index: 1; border-radius: 50%; background: radial-gradient(circle at 50% 45%, #ffffff 0%, #f7f6f4 62%, #f1efec 100%); box-shadow: inset 0 0 0 1px #efede9, 0 30px 80px rgba(15, 6, 2, .06); pointer-events: none; }
.oh-orb_o { position: absolute; left: 0; top: 0; z-index: 25; padding: 0; border: 0; cursor: pointer; border-radius: 999px;
  background: linear-gradient(160deg, #34302d 0%, #0f0602 45%, #0f0602 100%);
  box-shadow: 0 1px 1px rgba(255,255,255,.18) inset, 0 -6px 14px rgba(0,0,0,.35) inset, 0 24px 50px rgba(15,6,2,.22), 0 6px 14px rgba(15,6,2,.18);
  -webkit-tap-highlight-color: transparent; }
.oh-orb_o:focus-visible { outline: 2px solid #0f0602; outline-offset: 6px; }
.oh-sw_track { position: absolute; inset: 13.9% 7.65%; border-radius: 999px; background: #f2f1ee; overflow: hidden;
  box-shadow: 0 3px 8px rgba(15,6,2,.28) inset, 0 -1px 0 rgba(255,255,255,.6) inset; transition: background-color .6s ease; }
.oh-sw_knob { position: absolute; top: 9%; bottom: 9%; left: 4.5%; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff;
  box-shadow: 0 6px 14px rgba(15,6,2,.22), 0 1px 2px rgba(15,6,2,.2), 0 -2px 4px rgba(15,6,2,.06) inset;
  transition: left .75s cubic-bezier(.7,0,.2,1), background-color .5s ease, transform .75s cubic-bezier(.7,0,.2,1); }
.oh-sw_label { position: absolute; top: 50%; left: 12%; transform: translate(-.5rem, -52%); opacity: 0; font-family: Degular Display, sans-serif; font-size: clamp(.95rem, 1.6vw, 1.6rem); letter-spacing: -.01em; color: #0f0602; transition: opacity .5s ease .15s, transform .75s cubic-bezier(.7,0,.2,1); }
.oh-orb.is-on .oh-sw_track { background: #fff; }
.oh-orb.is-on .oh-sw_knob { left: calc(95.5% - 38.6%); background: #0f0602; box-shadow: 0 6px 16px rgba(15,6,2,.35); }
.oh-orb.is-on .oh-sw_label { opacity: 1; transform: translate(0, -52%); }
.oh-orb_hint { position: absolute; left: 0; top: 0; z-index: 26; font-size: .8125rem; letter-spacing: .02em; color: #9a9894; white-space: nowrap; pointer-events: none; }
.oh-orb_hint span { transition: opacity .4s ease; }
.oh-orb_hint-on { position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; }
.oh-orb.is-on .oh-orb_hint-off { opacity: 0; }
.oh-orb.is-on .oh-orb_hint-on { opacity: 1; color: #0f0602; }
.oh-orb.is-on .oh-orb_ring:first-of-type { stroke: #d9d6d2; }
.oh-orb_list { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; }
.oh-orb_pill { position: absolute; left: 0; top: 0; white-space: nowrap; padding: .6rem 1.05rem; border-radius: 999px; background: #fff; color: #0f0602; font-family: 'Degular Text', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1; letter-spacing: normal; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 8px 24px rgba(15, 6, 2, .08), 0 1px 3px rgba(15, 6, 2, .06); border: 1px solid #ecebe8 !important; outline: 0; transition: background-color .45s ease, color .45s ease, box-shadow .45s ease; will-change: transform; cursor: default; }
.oh-orb_pill.is-outer { font-size: .875rem; padding: .55rem .95rem; color: #303030; background: rgba(255,255,255,.92); }
.oh-orb_pill.is-active { background: #0f0602; color: #fff; border-color: #0f0602 !important; box-shadow: 0 12px 30px rgba(15, 6, 2, .28); }
.oh-orb.is-narrow .oh-orb_pill { font-size: .8125rem; padding: .45rem .75rem; }

.oh-orb_list { z-index: 4; }

/* ===== Płynne przejście tła: jasne -> ciemne -> jasne (sterowane scrollem, zmienne z onhype-nav.js) ===== */
html.oh-themed { --oh-bg: #fff; --oh-fg: #0f0602; --oh-fg-soft: rgba(15,6,2,.72); --oh-line: rgba(15,6,2,.16); }
html.oh-themed .page-wrapper { background-color: var(--oh-bg) !important; }
html.oh-themed .page-wrapper main section,
html.oh-themed .page-wrapper main .section-services,
html.oh-themed .page-wrapper main [class*="background-color"] { background-color: transparent !important; background-image: none !important; }
html.oh-themed .page-wrapper main *:not(.oh-orb *):not(svg *):not(img) { color: var(--oh-fg) !important; border-color: var(--oh-line) !important; }
html.oh-themed .page-wrapper main p, html.oh-themed .page-wrapper main p span,
html.oh-themed .page-wrapper main .text-block, html.oh-themed .page-wrapper main li:not(.oh-orb_pill) { color: var(--oh-fg-soft) !important; }
html.oh-themed .page-wrapper main .button, html.oh-themed .page-wrapper main .button-secondary { border-color: var(--oh-fg) !important; }
html.oh-themed .page-wrapper main .button-line, html.oh-themed .page-wrapper main .line-button, html.oh-themed .page-wrapper main [class*="underline"] { background-color: var(--oh-fg) !important; }

/* ===== Ciemna orbita (styl „O” ze stopki) ===== */
.oh-dark-orbit { position: relative; padding: 9rem 0 7rem; }
.oh-dark-orbit_head { max-width: 46rem; margin: 0 auto 1rem; text-align: center; }
.oh-dark-orbit_head h2 { margin: 0 0 1.25rem; }
.oh-dark-orbit_head p { font-size: 1.25rem; line-height: 1.5; margin: 0; }
.oh-dark-orbit_stage { position: relative; width: 100%; aspect-ratio: 16 / 9; }
@media (max-width: 767px) { .oh-dark-orbit { padding: 5rem 0 4rem; } .oh-dark-orbit_stage { aspect-ratio: 1 / 1; max-height: 26rem; margin-top: 1rem; } }

.oh-orb.is-dark-orb .oh-orb_halo { background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 70%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.oh-orb.is-dark-orb .oh-orb_ring { stroke: rgba(255,255,255,.14); }
.oh-orb.is-dark-orb.is-on .oh-orb_ring:first-of-type { stroke: rgba(255,255,255,.24); }
.oh-orb.is-dark-orb .oh-orb_line { stroke: rgba(255,255,255,.75); }
.oh-orb.is-dark-orb .oh-orb_dot { fill: #fff; }
.oh-orb.is-dark-orb .oh-orb_o { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); }
.oh-orb.is-dark-orb .oh-sw_track { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }
.oh-orb.is-dark-orb .oh-sw_knob { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.8); }
.oh-orb.is-dark-orb.is-on .oh-sw_track { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
.oh-orb.is-dark-orb.is-on .oh-sw_knob { background: #fff; box-shadow: 0 0 0 1px #fff, 0 0 40px rgba(255,255,255,.35); }
.oh-orb.is-dark-orb .oh-orb_o:focus-visible { outline-color: #fff; }
.oh-orb.is-dark-orb .oh-orb_pill { background: rgba(255,255,255,.04); color: rgba(255,255,255,.82); border-color: rgba(255,255,255,.16) !important; box-shadow: none; }
.oh-orb.is-dark-orb .oh-orb_pill.is-outer { color: rgba(255,255,255,.55); background: transparent; }
.oh-orb.is-dark-orb .oh-orb_pill.is-active { background: #fff; color: #0f0602; border-color: #fff !important; box-shadow: 0 0 30px rgba(255,255,255,.18); }

/* ===== Wariant: ciemne menu (podgląd: ?menu=dark) ===== */
html.oh-menu-dark .oh-underlay { background: #0f0602; color: #f4f2ef; }
html.oh-menu-dark .oh-underlay_close, html.oh-menu-dark .oh-underlay_links a, html.oh-menu-dark .oh-underlay_bottom a { color: #f4f2ef; }
html.oh-menu-dark .oh-underlay_links a::before { background: #f4f2ef; }
html.oh-menu-dark .oh-underlay_links a:hover span, html.oh-menu-dark .oh-underlay_links a:focus-visible span { color: #0f0602; }
html.oh-menu-dark .oh-underlay_label { color: rgba(244, 242, 239, .5); }
html.oh-menu-dark .oh-page-shade { background: rgba(15, 6, 2, .2); }
html.oh-menu-dark .oh-card-shadow { box-shadow: 0 2rem 6rem rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08); }