/* FikirBaz actions v3 — approved split CTA language.
 * Neutral at rest, brand red in motion, a dedicated action disc on the right.
 * The locked homepage Hero and References actions remain page-owned. */
:root{
  --fb-action-red:#ff2828;
  --fb-action-red-deep:#cc1018;
  --fb-action-ink:#0a0a0a;
  --fb-action-paper:#f2f0ec;
  --fb-action-ease:cubic-bezier(.22,1,.36,1);
}

/* Standard action capsules. */
#onon-header :is(.oh-cta,.oh-mobile-cta),
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button),
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a{
  --fb-action-bg:#1c1a1c;
  --fb-action-fg:#e9e6e1;
  --fb-action-border:rgba(255,255,255,.13);
  --fb-action-icon-bg:rgba(255,255,255,.075);
  --fb-action-icon-fg:#e9e6e1;
  --fb-action-icon-border:rgba(255,255,255,.1);
  position:relative;
  isolation:isolate;
  min-width:230px;
  min-height:60px;
  height:auto;
  padding:8px 8px 8px 24px;
  border:1px solid var(--fb-action-border)!important;
  border-radius:999px!important;
  display:inline-flex;
  align-items:center;
  justify-content:space-between!important;
  gap:18px;
  overflow:hidden;
  background:var(--fb-action-bg)!important;
  color:var(--fb-action-fg)!important;
  font-family:"Poppins",system-ui,sans-serif;
  font-size:14px!important;
  font-weight:680;
  line-height:1.15;
  letter-spacing:-.015em;
  text-transform:none;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -3px 0 rgba(0,0,0,.12),0 10px 28px rgba(0,0,0,.13)!important;
  cursor:pointer;
  transition:transform .38s var(--fb-action-ease),box-shadow .38s var(--fb-action-ease),border-color .28s ease,color .28s ease!important;
}

#onon-header :is(.oh-cta,.oh-mobile-cta)::before,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button)::before,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a::before{
  content:""!important;
  position:absolute;
  inset:-1px;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(100deg,var(--fb-action-red),var(--fb-action-red-deep));
  opacity:0;
  transform:scaleX(.16);
  transform-origin:right center;
  transition:opacity .22s ease,transform .46s var(--fb-action-ease);
  pointer-events:none;
}

#onon-header :is(.oh-cta,.oh-mobile-cta)>*,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button)>*,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a>*{
  position:relative;
  z-index:1;
}

#onon-header :is(.oh-cta,.oh-mobile-cta)>i,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button)>i,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a>i{
  order:2;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--fb-action-icon-border)!important;
  border-radius:50%!important;
  background:var(--fb-action-icon-bg)!important;
  color:var(--fb-action-icon-fg)!important;
  font-size:14px!important;
  line-height:1!important;
  transition:transform .42s var(--fb-action-ease),color .26s ease,background-color .26s ease,border-color .26s ease!important;
}

#onon-header :is(.oh-cta,.oh-mobile-cta)>span,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button)>span,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a>span{
  order:1;
  color:inherit!important;
  transition:transform .42s var(--fb-action-ease),color .28s ease;
}

/* The header uses the same character at a compact navigation scale. */
#onon-header .oh-cta{
  min-width:142px;
  min-height:46px;
  height:46px;
  padding:6px 6px 6px 18px;
  gap:12px;
  font-size:12px!important;
}
#onon-header .oh-cta>i{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  font-size:12px!important;
}
#onon-header .oh-mobile-cta{
  width:100%;
  min-height:54px;
  margin-top:14px;
  padding:7px 7px 7px 19px;
}
#onon-header .oh-mobile-cta::after{display:none!important;animation:none!important}

/* Secondary buttons stay quieter, but retain the same interaction grammar. */
body:not(.onon-home) .onon-inner :is(.fb-btn--ghost,.fb-btn--dark,.com5-btn--ghost,.seo5-btn--ghost){
  --fb-action-bg:#111;
  --fb-action-border:rgba(255,255,255,.18);
  --fb-action-icon-bg:#1c1c1c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.1)!important;
}

/* Warm-paper sections use the light face demonstrated in the approved sample. */
body:not(.onon-home) .onon-inner :is(.fb-about-final,.fb-ref-final,.fbp3-final,.gd3-final)
  :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button),
body:not(.onon-home) .onon-inner .onon-services-final .onon-inner-cta__button{
  --fb-action-bg:#fff;
  --fb-action-fg:#3d3937;
  --fb-action-border:rgba(10,10,10,.12);
  --fb-action-icon-bg:#f2f0ec;
  --fb-action-icon-fg:#5b5652;
  --fb-action-icon-border:rgba(10,10,10,.08);
  box-shadow:inset 0 -3px 0 rgba(10,10,10,.06),0 12px 30px rgba(28,24,21,.11)!important;
}

/* Full-width editorial CTAs keep their two-line information hierarchy. */
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a){
  --fb-action-bg:#111;
  --fb-action-fg:#f2f0ec;
  --fb-action-border:rgba(255,255,255,.16);
  --fb-action-icon-bg:rgba(255,255,255,.08);
  --fb-action-icon-fg:#f2f0ec;
  --fb-action-icon-border:rgba(255,255,255,.1);
  position:relative;
  isolation:isolate;
  min-height:92px;
  padding:12px 13px 12px 28px!important;
  border:1px solid var(--fb-action-border)!important;
  border-radius:999px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
  background:var(--fb-action-bg)!important;
  color:var(--fb-action-fg)!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -3px 0 rgba(0,0,0,.12),0 16px 38px rgba(0,0,0,.2)!important;
  transition:transform .38s var(--fb-action-ease),box-shadow .38s var(--fb-action-ease),border-color .28s ease,color .28s ease!important;
}
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a)::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(100deg,var(--fb-action-red),var(--fb-action-red-deep));
  opacity:0;
  transform:scaleX(.14);
  transform-origin:right center;
  transition:opacity .22s ease,transform .48s var(--fb-action-ease);
  pointer-events:none;
}
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a)>*{
  position:relative;
  z-index:1;
}
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a) :is(small,strong,b){
  color:var(--fb-action-fg)!important;
}
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a) small{
  margin-bottom:6px;
  color:#aaa5a0!important;
}
body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a)>i{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--fb-action-icon-border)!important;
  border-radius:50%!important;
  background:var(--fb-action-icon-bg)!important;
  color:var(--fb-action-icon-fg)!important;
  font-size:16px!important;
  transition:transform .42s var(--fb-action-ease),color .26s ease,background-color .26s ease,border-color .26s ease!important;
}

body:not(.onon-home) .onon-contact-v2 .onon-contact-form button.fb-btn{
  width:100%;
  min-height:62px;
}

/* Quiet text actions share the right-hand signal without becoming capsules. */
body:not(.onon-home) .onon-inner :is(.fb-about-link,.fb-ref-jump,.fbp3-link,.onon-contact-v2__mail){
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--fb-action-paper)!important;
  font-size:11px;
  font-weight:620;
  text-decoration:none!important;
}
body:not(.onon-home) .onon-inner :is(.fb-about-link,.fb-ref-jump,.onon-contact-v2__mail)>i,
body:not(.onon-home) .onon-inner .fbp3-link>span[aria-hidden="true"]{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:#161616;
  color:var(--fb-action-paper);
  transition:transform .36s var(--fb-action-ease),background-color .25s ease,border-color .25s ease,color .25s ease;
}

/* The homepage Services CTA keeps its editorial scale, with the same action disc. */
body.onon-home .onon-services-v3__cta .onon-services-v3__cta-icon{
  border-color:rgba(255,255,255,.16)!important;
  background:#1c1a1c!important;
  color:var(--fb-action-paper)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.18);
}

/* The section-progress marker was visually leaking into the Services/References seam. */
body.onon-home .onon-references-v9>.fbm-section-signal{display:none!important}

@media(hover:hover){
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):hover,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover,
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a):hover{
    border-color:rgba(255,255,255,.3)!important;
    color:#fff!important;
    transform:translateY(-3px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -4px 0 rgba(0,0,0,.17),0 0 0 4px rgba(255,40,40,.11),0 18px 48px rgba(255,40,40,.3)!important;
  }
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover::before,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):hover::before,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover::before,
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a):hover::before{
    opacity:1;
    transform:scaleX(1);
  }
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover>i,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):hover>i,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover>i,
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a):hover>i{
    border-color:#fff!important;
    background:#fff!important;
    color:var(--fb-action-red)!important;
    transform:translateX(2px) scale(1.04)!important;
  }
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn) :is(.fa-arrow-down),
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a .fa-arrow-down{transform:none!important}
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn):hover .fa-arrow-down,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover .fa-arrow-down{transform:translateY(2px) scale(1.04)!important}
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover>span,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):hover>span{
    color:#fff!important;
    transform:translateX(-2px);
  }
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a):hover :is(small,strong,b){color:#fff!important}
  body:not(.onon-home) .onon-inner :is(.fb-about-link,.fb-ref-jump,.fbp3-link,.onon-contact-v2__mail):hover{color:#fff!important}
  body:not(.onon-home) .onon-inner :is(.fb-about-link,.fb-ref-jump,.onon-contact-v2__mail):hover>i,
  body:not(.onon-home) .onon-inner .fbp3-link:hover>span[aria-hidden="true"]{
    border-color:var(--fb-action-red);
    background:var(--fb-action-red);
    color:#fff;
    transform:translateX(3px);
  }
  body.onon-home .onon-services-v3__cta:hover .onon-services-v3__cta-icon{
    border-color:var(--fb-action-red)!important;
    background:var(--fb-action-red)!important;
    color:#fff!important;
    box-shadow:0 0 0 4px rgba(255,40,40,.12),0 16px 38px rgba(255,40,40,.24);
    transform:translateX(4px) scale(1.03);
  }
}

#onon-header :is(.oh-cta,.oh-mobile-cta):focus-visible,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button):focus-visible,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:focus-visible,
body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a):focus-visible{
  outline:3px solid var(--fb-action-paper)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 7px rgba(255,40,40,.72)!important;
}
#onon-header :is(.oh-cta,.oh-mobile-cta):focus-visible::before,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button):focus-visible::before,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:focus-visible::before,
body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a):focus-visible::before{
  opacity:1;
  transform:scaleX(1);
}

#onon-header :is(.oh-cta,.oh-mobile-cta):active,
body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button):active,
body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:active,
body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a):active{
  transform:translateY(0) scale(.985)!important;
  transition-duration:.1s!important;
}

body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button)[aria-disabled="true"],
body:not(.onon-home) .onon-inner button:is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):disabled{
  opacity:.48;
  cursor:not-allowed;
  pointer-events:none;
}

@media(max-width:767px){
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button),
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a{
    width:100%;
    min-width:0;
    min-height:58px;
    padding-left:20px;
  }
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a){
    width:100%;
    min-height:84px;
    padding:10px 11px 10px 22px!important;
  }
  body:not(.onon-home) .onon-inner :is(.onon-inner-cta__button,.seo5-final a,.com5-final a)>i{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}

@media(max-width:390px){
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button),
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a{font-size:13px!important}
}

@media(max-width:860px){#onon-header .oh-cta{display:none}}

@media(prefers-reduced-motion:reduce){
  #onon-header :is(.oh-cta,.oh-mobile-cta),
  #onon-header :is(.oh-cta,.oh-mobile-cta)::before,
  #onon-header :is(.oh-cta,.oh-mobile-cta)>i,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button),
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button)::before,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button)>i,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a::before,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a>i,
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a),
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a)::before,
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a)>i{
    animation:none!important;
    transition:none!important;
  }
  body.onon-home .onon-services-v3__cta,
  body.onon-home .onon-services-v3__cta .onon-services-v3__cta-icon{
    animation:none!important;
    transition:none!important;
  }
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover,
  #onon-header :is(.oh-cta,.oh-mobile-cta):hover>i,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button):hover,
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button):hover>i,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover,
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a:hover>i,
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a):hover,
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a):hover>i{
    transform:none!important;
  }
  body.onon-home .onon-services-v3__cta:hover .onon-services-v3__cta-icon{transform:none!important}
}

@media(forced-colors:active){
  #onon-header :is(.oh-cta,.oh-mobile-cta),
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button,.onon-inner-cta__button),
  body:not(.onon-home) .onon-inner .onon-services-hero-v2__actions>a,
  body:not(.onon-home) .onon-inner :is(.seo5-final a,.com5-final a){border:2px solid ButtonText!important}
}

/* v4 — complete action grammar.
 * The approved capsule + right-hand action disc now reaches the homepage
 * editorial CTAs. Compact controls keep their native job and dimensions, but
 * share the same radius, focus ring and red-in-motion behaviour. */
body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta){
  --fb-home-action-bg:#1c1a1c;
  --fb-home-action-fg:#f2f0ec;
  --fb-home-action-border:rgba(255,255,255,.14);
  position:relative!important;
  isolation:isolate;
  min-height:84px;
  padding:11px 12px 11px 26px!important;
  border:1px solid var(--fb-home-action-border)!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px;
  overflow:hidden;
  background:var(--fb-home-action-bg)!important;
  color:var(--fb-home-action-fg)!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -3px 0 rgba(0,0,0,.14),0 16px 38px rgba(0,0,0,.18)!important;
  transition:transform .38s var(--fb-action-ease),box-shadow .38s var(--fb-action-ease),border-color .28s ease!important;
}
body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta)::before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:linear-gradient(100deg,var(--fb-action-red),var(--fb-action-red-deep))!important;
  opacity:0;
  transform:scaleX(.14);
  transform-origin:right center;
  transition:opacity .22s ease,transform .48s var(--fb-action-ease)!important;
  pointer-events:none;
}
body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta)>*{position:relative;z-index:1}
body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta) :is(small,strong){color:inherit!important}
body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta) small{color:#aaa5a0!important}
body.onon-home .onon-primary-cta>span,
body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
body.onon-home .onon-references-v9__cta>i{
  position:relative!important;
  inset:auto!important;
  order:2;
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#f2f0ec!important;
  transform:none!important;
  transition:transform .42s var(--fb-action-ease),color .26s ease,background-color .26s ease,border-color .26s ease!important;
}
body.onon-home .onon-primary-cta{
  width:min(470px,100%)!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px;
  grid-template-rows:auto auto;
  column-gap:20px;
  row-gap:5px;
}
body.onon-home .onon-primary-cta>small{grid-column:1;grid-row:1;margin:0!important}
body.onon-home .onon-primary-cta>strong{grid-column:1;grid-row:2}
body.onon-home .onon-primary-cta>span{grid-column:2;grid-row:1 / span 2;align-self:center}
body.onon-home .onon-primary-cta>small,
body.onon-home .onon-primary-cta>strong{padding-right:0!important}
body.onon-home .onon-primary-cta::after{display:none!important}
body.onon-home .onon-services-v3__cta{margin-top:clamp(52px,6vw,86px)!important}
body.onon-home .onon-services-v3__cta>span:first-child,
body.onon-home .onon-references-v9__cta>span{order:1;min-width:0}
body.onon-home .onon-references-v9__cta{--fb-home-action-border:rgba(10,10,10,.12);margin-top:24px!important}

@media(hover:hover){
  body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta):hover{
    border-color:rgba(255,255,255,.3)!important;
    color:#fff!important;
    transform:translateY(-3px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -4px 0 rgba(0,0,0,.17),0 0 0 4px rgba(255,40,40,.11),0 18px 48px rgba(255,40,40,.3)!important;
  }
  body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta):hover::before{opacity:1;transform:scaleX(1)}
  body.onon-home .onon-primary-cta:hover>span,
  body.onon-home .onon-services-v3__cta:hover>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta:hover>i{
    border-color:#fff!important;
    background:#fff!important;
    color:var(--fb-action-red)!important;
    transform:translateX(2px) scale(1.04)!important;
  }
}

body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta):focus-visible,
.onon-inner :is(button,[role="button"],details>summary):focus-visible,
#onon-header :is(button,[role="button"]):focus-visible{
  outline:3px solid #f2f0ec!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 7px rgba(255,40,40,.72)!important;
}

/* Compact product, tab and media controls: same character, useful scale. */
.onon-inner :is([data-com6-variant],[data-com6-minus],[data-com6-plus],[data-com6-remove],[data-web-lab-tab],.fbp4-monitor__toggle,.fbp3-player__sound){
  border-radius:999px!important;
  transition:transform .3s var(--fb-action-ease),border-color .24s ease,background-color .24s ease,color .24s ease,box-shadow .3s ease!important;
}
.onon-inner :is(.com6-add,.com6-checkout){
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -3px 0 rgba(0,0,0,.12),0 10px 26px rgba(0,0,0,.16)!important;
  transition:transform .34s var(--fb-action-ease),border-color .24s ease,background-color .24s ease,color .24s ease,box-shadow .34s ease!important;
}
.onon-inner .com6-add:not(:disabled){background:#1c1a1c!important;color:#f2f0ec!important;border-color:rgba(255,255,255,.15)!important}
.onon-inner details>summary>i,
.onon-inner details>summary>span[aria-hidden="true"]{border-radius:50%!important;transition:transform .3s var(--fb-action-ease),background-color .24s ease,color .24s ease,border-color .24s ease!important}

@media(hover:hover){
  .onon-inner :is([data-com6-variant],[data-com6-minus],[data-com6-plus],[data-com6-remove],[data-web-lab-tab],.fbp4-monitor__toggle,.fbp3-player__sound):hover{
    border-color:var(--fb-action-red)!important;
    color:#fff!important;
    background:var(--fb-action-red)!important;
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(255,40,40,.22)!important;
  }
  .onon-inner :is(.com6-add,.com6-checkout):not(:disabled):hover{
    border-color:var(--fb-action-red)!important;
    color:#fff!important;
    background:linear-gradient(100deg,var(--fb-action-red),var(--fb-action-red-deep))!important;
    transform:translateY(-2px);
    box-shadow:0 0 0 4px rgba(255,40,40,.11),0 16px 38px rgba(255,40,40,.28)!important;
  }
  .onon-inner details:not([open])>summary:hover>i,
  .onon-inner details:not([open])>summary:hover>span[aria-hidden="true"]{border-color:var(--fb-action-red)!important;background:var(--fb-action-red)!important;color:#fff!important;transform:rotate(8deg)}
  body.onon-home .onon-reels-wall__card:hover{border-color:rgba(255,40,40,.65)!important;box-shadow:0 0 0 4px rgba(255,40,40,.1),0 18px 42px rgba(0,0,0,.22)!important}
}

@media(max-width:767px){
  body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta){width:100%!important;min-height:76px;padding:9px 10px 9px 21px!important}
  body.onon-home .onon-primary-cta{width:auto!important;min-width:0;flex:1 1 0;min-height:76px;padding:9px 10px 9px 21px!important}
  body.onon-home .onon-primary-cta>span,
  body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta>i{width:50px!important;height:50px!important;flex-basis:50px!important}
  body.onon-home .onon-services-v3__cta strong{max-width:none!important;font-size:clamp(21px,6vw,28px)!important}
  body.onon-home .onon-references-v9__cta strong{font-size:clamp(18px,5.4vw,23px)!important}
  body.onon-home .onon-primary-cta{grid-template-columns:minmax(0,1fr) 50px!important;column-gap:14px!important}
}

@media(prefers-reduced-motion:reduce){
  body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta),
  body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta)::before,
  body.onon-home .onon-primary-cta>span,
  body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta>i,
  .onon-inner :is(button,[role="button"],details>summary){animation:none!important;transition:none!important}
  body.onon-home :is(.onon-primary-cta,.onon-services-v3__cta,.onon-references-v9__cta),
  body.onon-home .onon-primary-cta>span,
  body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta>i,
  .onon-inner :is([data-com6-variant],[data-com6-minus],[data-com6-plus],[data-com6-remove],[data-web-lab-tab],.fbp4-monitor__toggle,.fbp3-player__sound,.com6-add,.com6-checkout),
  .onon-inner details>summary>i,
  .onon-inner details>summary>span[aria-hidden="true"]{transform:none!important}
}

/* v5 — compact editorial CTAs. Large red ribbons are replaced by a calm
 * monochrome body and a single red action tile. */
body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta){
  width:min(100%,720px)!important;
  min-height:76px!important;
  padding:10px 11px 10px 22px!important;
  gap:28px!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.onon-home .onon-services-v3__cta{
  --fb-home-action-bg:#f2f0ec;
  --fb-home-action-fg:#101010;
  --fb-home-action-border:rgba(255,255,255,.22);
  margin-top:clamp(44px,4.8vw,68px)!important;
}
body.onon-home .onon-references-v9__cta{
  --fb-home-action-bg:#111;
  --fb-home-action-fg:#f2f0ec;
  --fb-home-action-border:rgba(10,10,10,.18);
  margin-top:28px!important;
}

/* The references action is the footer of the logo field, not a floating pill. */
body.onon-home .onon-references-v9__field{border-radius:28px 28px 0 0!important}
body.onon-home .onon-references-v9__cta{
  width:100%!important;
  max-width:none!important;
  min-height:88px!important;
  margin-top:0!important;
  padding:12px 13px 12px 26px!important;
  border-radius:0 0 28px 28px!important;
  border-top-color:rgba(255,255,255,.12)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.18)!important;
}
body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta)::before{
  inset:0!important;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.12) 48%,transparent 70%)!important;
  opacity:0!important;
  transform:translateX(-115%)!important;
  transition:opacity .2s ease,transform .65s var(--fb-action-ease)!important;
}
body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta) small{
  margin:0!important;
  color:#8d8883!important;
  font-size:7px!important;
  font-weight:760!important;
  letter-spacing:.15em!important;
}
body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta) strong{
  margin-top:5px!important;
  color:inherit!important;
  font-size:clamp(18px,1.45vw,23px)!important;
  font-weight:610!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
body.onon-home .onon-references-v9__cta>i{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
  border:0!important;
  border-radius:16px!important;
  background:#ff2828!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 22px rgba(255,40,40,.24)!important;
}
@media(hover:hover){
  body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta):hover{
    border-color:rgba(255,40,40,.45)!important;
    color:var(--fb-home-action-fg)!important;
    transform:translateY(-3px)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.22),0 0 0 4px rgba(255,40,40,.08)!important;
  }
  body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta):hover::before{
    opacity:1!important;
    transform:translateX(115%)!important;
  }
  body.onon-home .onon-services-v3__cta:hover>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta:hover>i{
    background:#fff!important;
    color:#ff2828!important;
    transform:translateX(3px) rotate(-4deg)!important;
  }
}
@media(max-width:767px){
  body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta){
    width:100%!important;
    min-height:72px!important;
    padding:9px 9px 9px 18px!important;
    gap:14px!important;
    border-radius:19px!important;
  }
  body.onon-home :is(.onon-services-v3__cta,.onon-references-v9__cta) strong{font-size:17px!important}
  body.onon-home .onon-services-v3__cta>.onon-services-v3__cta-icon,
  body.onon-home .onon-references-v9__cta>i{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
    border-radius:14px!important;
  }
  body.onon-home .onon-references-v9__field{border-radius:20px 20px 0 0!important}
  body.onon-home .onon-references-v9__cta{min-height:76px!important;border-radius:0 0 20px 20px!important}
}