/* FikirBaz inner-page quality guard.
   Deliberately excludes the locked homepage and References page. */
:root{
  --fbq-black:#0a0a0a;
  --fbq-paper:#f2f0ec;
  --fbq-red:#ff2828;
  --fbq-muted-dark:#5a5753;
  --fbq-muted-light:#b8b8b4;
  --fbq-line-dark:rgba(255,255,255,.12);
  --fbq-line-light:rgba(10,10,10,.12);
  --fbq-radius:14px;
  --fbq-ease:cubic-bezier(.22,.8,.22,1);
}

body:not(.onon-home){scrollbar-color:#ff2828 #151515;scrollbar-width:thin}
body:not(.onon-home)::-webkit-scrollbar{width:10px}
body:not(.onon-home)::-webkit-scrollbar-track{background:#151515}
body:not(.onon-home)::-webkit-scrollbar-thumb{border:3px solid #151515;border-radius:99px;background:#ff2828}

body:not(.onon-home) .onon-inner :is(a,button,input,select,textarea,summary,[tabindex="0"]):focus-visible{
  outline:2px solid var(--fbq-red)!important;
  outline-offset:4px!important;
}

body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button){
  min-height:52px;
  border-radius:var(--fbq-radius);
  font-size:14px!important;
  line-height:1.15;
}

body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button):active{transform:translateY(0) scale(.985)}
body:not(.onon-home) .onon-inner summary{touch-action:manipulation}

/* Page-title scale: assertive without swallowing the first viewport. */
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1{font-size:clamp(46px,5vw,68px)!important;line-height:.96!important}
body:not(.onon-home) .com5 .com5-hero__copy h1{font-size:clamp(44px,4.7vw,62px)!important;line-height:.98!important}
body:not(.onon-home) .seo5 .seo5-hero__copy h1{font-size:clamp(43px,4.5vw,60px)!important;line-height:.98!important}
body:not(.onon-home) .sm4 .sm4-hero__copy h1{font-size:clamp(40px,4vw,56px)!important;line-height:1!important}
body:not(.onon-home) .gd3 .gd3-hero__copy h1{font-size:clamp(43px,4.45vw,60px)!important;line-height:.98!important}
body:not(.onon-home) .fb-about .fb-about-hero h1{font-size:clamp(48px,5vw,68px)!important;line-height:.95!important}
body:not(.onon-home) .onon-contact-v2 .onon-contact-v2__hero-copy h1{font-size:clamp(48px,4.8vw,66px)!important;line-height:.95!important}
body:not(.onon-home) .onon-blog-page .onon-blog-hero h1{font-size:clamp(46px,5vw,68px)!important;line-height:.96!important}

/* Shared section rhythm. */
body:not(.onon-home) :is(.fbw4-manifest,.fbw4-system,.fbw4-scope,.fbw4-process,.fbw4-faq,
  .com5-journey,.com5-system,.com5-checkout,.com5-fit,.com5-process,.com5-output,.com5-faq,
  .seo5-intent,.seo5-system,.seo5-coverage,.seo5-process,.seo5-output,.seo5-faq,
  .sm4-system,.sm4-formats,.sm4-month,.sm4-measure,.sm4-faq,
  .gd3-services,.gd3-system,.gd3-process,.gd3-faq,
  .fb-about-story,.fb-about-method,.fb-about-table,.fb-about-manifesto,
  .onon-contact-v2__main,.onon-contact-v2__process){padding-block:clamp(82px,7vw,112px)!important}

/* Restore one brand palette where older layers still leak wine/pink. */
body:not(.onon-home) .onon-services-page .onon-services-hero-v2{
  background:radial-gradient(circle at 83% 16%,rgba(255,40,40,.12),transparent 27%),linear-gradient(138deg,#090909 0%,#111 58%,#0a0a0a 100%)!important;
}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__topline{color:#918c85!important;border-color:rgba(255,255,255,.13)!important}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__eyebrow{color:#aaa59f!important}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1 span:nth-child(2){color:#aaa59f!important}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1 strong{color:var(--fbq-red)!important}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy>p:not(.onon-services-hero-v2__eyebrow){color:#aaa59f!important}
body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions small{color:#8f8a84!important}
body:not(.onon-home) .onon-services-page .onon-services-deck{background:var(--fbq-paper)!important}
body:not(.onon-home) .onon-services-page :is(.onon-services-card__number,.onon-services-deck .onon-inner-kicker,.onon-services-deck__intro h2 em){color:var(--fbq-red)!important}
body:not(.onon-home) .onon-services-page :is(.onon-services-card__copy p,.onon-services-card__copy>div span,.onon-services-deck__intro>p){color:var(--fbq-muted-dark)!important}
body:not(.onon-home) .onon-services-page .onon-services-combine{background:var(--fbq-black)!important}
body:not(.onon-home) .onon-services-page .onon-services-combine__grid i{color:var(--fbq-red)!important}
body:not(.onon-home) .onon-services-page .onon-services-combine__grid p{color:var(--fbq-muted-light)!important}
body:not(.onon-home) .onon-blog-page{--onon-wine:#ff2828;--onon-soft:#ff625e;--onon-deep:#0a0a0a;--onon-paper:#f2f0ec}

/* Trust and motion: demos stay clearly demonstrative, not live dashboards. */
body:not(.onon-home) :is(.com5-order-toast,.onon-contact-v2__stage-head i){animation:none!important}
body:not(.onon-home) :is(.sm4-ticker,.seo5-marquee,.com5-marquee,.gd3-ticker){overflow:clip;contain:paint}

/* Contact is a conversion page, not a full-viewport installation. */
body:not(.onon-home) .onon-contact-v2__hero{min-height:760px!important}
body:not(.onon-home) .onon-contact-v2__hero-grid{min-height:620px!important}
body:not(.onon-home) .onon-contact-v2__hero-copy{padding-block:32px!important}

/* Production take rail must always start inside the mobile viewport. */
@media(max-width:620px){
  body:not(.onon-home) .fbp3-takes{max-width:100%;margin-inline:0!important;padding-inline:0 16px;scroll-padding-inline:0 16px;overscroll-behavior-inline:contain}
  body:not(.onon-home) .fbp3-take{min-width:min(76vw,270px);flex-basis:min(76vw,270px);scroll-snap-align:start}
}

@media(max-width:767px){
  body:not(.onon-home) .onon-inner :is(.fb-btn,.com5-btn,.seo5-btn,.fbp3-button){width:100%;min-height:52px;justify-content:space-between}
  body:not(.onon-home) .onon-inner :is(a,button,summary,input,select){min-height:44px}
  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1,
  body:not(.onon-home) .com5 .com5-hero__copy h1,
  body:not(.onon-home) .seo5 .seo5-hero__copy h1,
  body:not(.onon-home) .sm4 .sm4-hero__copy h1,
  body:not(.onon-home) .gd3 .gd3-hero__copy h1,
  body:not(.onon-home) .fb-about .fb-about-hero h1,
  body:not(.onon-home) .onon-contact-v2 .onon-contact-v2__hero-copy h1,
  body:not(.onon-home) .onon-blog-page .onon-blog-hero h1{font-size:clamp(34px,10.2vw,43px)!important;line-height:1!important;letter-spacing:-.05em!important}
  body:not(.onon-home) :is(.fbw4-manifest,.fbw4-system,.fbw4-scope,.fbw4-process,.fbw4-faq,
    .com5-journey,.com5-system,.com5-checkout,.com5-fit,.com5-process,.com5-output,.com5-faq,
    .seo5-intent,.seo5-system,.seo5-coverage,.seo5-process,.seo5-output,.seo5-faq,
    .sm4-system,.sm4-formats,.sm4-month,.sm4-measure,.sm4-faq,
    .gd3-services,.gd3-system,.gd3-process,.gd3-faq,
    .fb-about-story,.fb-about-method,.fb-about-table,.fb-about-manifesto,
    .onon-contact-v2__main,.onon-contact-v2__process){padding-block:68px!important}
  body:not(.onon-home) .onon-services-page .onon-services-hero-v2{min-height:auto!important;padding-bottom:54px!important}
  body:not(.onon-home) .onon-contact-v2__hero{min-height:auto!important}
  body:not(.onon-home) .onon-contact-v2__hero-grid{min-height:0!important}
  body:not(.onon-home) .onon-contact-v2__hero-copy{padding:38px 0 26px!important}
  body:not(.onon-home) .gd3-story{height:150svh!important}

  /* Dense service detail becomes a deliberate horizontal reading rail on phones. */
  body:not(.onon-home) .onon-inner :is(
    .com5-journey__line,.com5-system__grid,.com5-fit__cards,.com5-process__list,
    .seo5-intent__path,.seo5-system__grid,.seo5-process__list,
    .sm4-service-cards,.sm4-formats__grid,.sm4-process-clean,
    .fbw4-process__track
  ){
    width:auto!important;
    max-width:100vw;
    margin-inline:-16px!important;
    padding-inline:16px!important;
    padding-bottom:12px!important;
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,320px);
    gap:12px!important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:16px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }
  body:not(.onon-home) .onon-inner :is(
    .com5-journey__line,.com5-system__grid,.com5-fit__cards,.com5-process__list,
    .seo5-intent__path,.seo5-system__grid,.seo5-process__list,
    .sm4-service-cards,.sm4-formats__grid,.sm4-process-clean,
    .fbw4-process__track
  )>*{grid-column:auto!important;grid-row:auto!important;scroll-snap-align:start}
  body:not(.onon-home) .com5-journey__line>li{min-height:260px!important}
  body:not(.onon-home) .com5-system-card{min-height:430px!important}
  body:not(.onon-home) .com5-fit__cards>article{min-height:285px!important}
  body:not(.onon-home) .com5-process__list>li{min-height:240px!important}
  body:not(.onon-home) .seo5-intent__path>article{min-height:225px!important;border-right:1px solid #d2cec7!important}
  body:not(.onon-home) .seo5-system-card{min-height:445px!important}
  body:not(.onon-home) .seo5-process__list>li{min-height:230px!important;border-right:1px solid #303030!important}
  body:not(.onon-home) .sm4-service-card{min-height:330px!important}
  body:not(.onon-home) .sm4-format{min-height:340px!important}
  body:not(.onon-home) .sm4-process-clean>li{min-height:260px!important}
  body:not(.onon-home) .fbw4-process__track>article{min-height:295px!important}
}

@media(prefers-reduced-motion:reduce){
  body:not(.onon-home) .onon-inner *,body:not(.onon-home) .onon-inner *::before,body:not(.onon-home) .onon-inner *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition-duration:.01ms!important;
  }
  body:not(.onon-home) :is(.sm4-ticker__track,.seo5-marquee>div,.com5-marquee>div,.gd3-ticker__track){transform:none!important}
}