.fbp4-hero{
  min-height:clamp(760px,92svh,930px);
  display:block;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 24%,rgba(255,40,40,.11),transparent 29%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #090909;
  background-size:auto,56px 56px,56px 56px,auto;
}
.fbp4-hero::before{position:absolute;inset:auto -8% -42% auto;width:58vw;aspect-ratio:1;border:1px solid rgba(255,40,40,.12);border-radius:50%;content:"";box-shadow:0 0 0 80px rgba(255,40,40,.025),0 0 0 160px rgba(255,40,40,.012);pointer-events:none}
.fbp4-hero__grid{position:relative;z-index:2;min-height:inherit;padding:calc(var(--onon-header,92px) + 46px) 0 92px;display:grid;grid-template-columns:minmax(370px,.78fr) minmax(580px,1.22fr);align-items:center;gap:clamp(44px,6vw,92px)}
.fbp4-hero__copy{max-width:570px}.fbp4-hero__copy>.fbp3-overline{color:#d8d5d0}.fbp4-hero__copy>.fbp3-overline::before{display:none}.fbp4-hero__copy>.fbp3-overline>i{width:7px;height:7px;border-radius:50%;background:var(--p3-red);box-shadow:0 0 0 6px rgba(255,40,40,.1)}
body:not(.onon-home) .onon-inner.fbp3 .fbp4-hero__copy h1{max-width:650px;margin-top:28px;color:#f4f1ec;font-size:clamp(48px,5vw,72px)!important;font-weight:350!important;line-height:.94!important;letter-spacing:-.065em!important}.fbp4-hero__copy h1 strong{display:block;margin-top:8px;color:var(--p3-red);font-weight:730}
.fbp4-hero__copy>p:not(.fbp3-overline){max-width:540px;margin-top:25px;color:#a8a39d;font-size:15px;line-height:1.72}.fbp4-hero__copy .fbp3-hero__actions{margin-top:31px}
.fbp4-hero__scope{margin:43px 0 0;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid rgba(255,255,255,.14)}.fbp4-hero__scope div{min-width:0}.fbp4-hero__scope dt{color:#f0ede8;font-size:8px;font-weight:730}.fbp4-hero__scope dd{margin:6px 0 0;color:#6f6a65;font-size:6px;line-height:1.55}
.fbp4-monitor{--fbp4-rx:0deg;--fbp4-ry:0deg;position:relative;min-width:0;height:min(625px,68svh);overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:#101010;box-shadow:22px 28px 0 rgba(0,0,0,.42),0 36px 90px rgba(0,0,0,.35);transform:perspective(1200px) rotateX(var(--fbp4-rx)) rotateY(var(--fbp4-ry));transition:transform .55s cubic-bezier(.22,1,.36,1)}
.fbp4-monitor>header,.fbp4-monitor>footer{height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#78736d;font-size:6px;font-weight:760;letter-spacing:.12em}.fbp4-monitor>header{border-bottom:1px solid rgba(255,255,255,.12)}.fbp4-monitor>footer{border-top:1px solid rgba(255,255,255,.12)}.fbp4-monitor>header span,.fbp4-monitor>footer span{display:flex;align-items:center;gap:8px}.fbp4-monitor>header i{width:7px;height:7px;border-radius:50%;background:#5fd59e;box-shadow:0 0 0 5px rgba(95,213,158,.08)}.fbp4-monitor>header b{color:#bbb6b0}.fbp4-monitor>footer i{color:var(--p3-red);font-size:6px}.fbp4-monitor>footer b{color:#8b8680}
.fbp4-monitor__frames{height:calc(100% - 100px);display:grid;grid-template-columns:1.34fr .78fr;grid-template-rows:1fr 1fr;gap:2px;background:#050505}.fbp4-monitor__frames figure{position:relative;min-width:0;min-height:0;overflow:hidden;background:#151515}.fbp4-monitor__frames figure.is-main{grid-row:1/3}.fbp4-monitor__frames video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transform:scale(1.015);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .35s}.fbp4-monitor__frames figure:hover video{filter:saturate(1) contrast(1.02);transform:scale(1.04)}.fbp4-monitor__frames figure::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.75));pointer-events:none}.fbp4-monitor__frames figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:6px;font-weight:760;letter-spacing:.1em}.fbp4-monitor__frames figcaption b{width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;font-size:5px}
.fbp4-hero__rail{position:absolute;z-index:3;left:0;right:0;bottom:0;height:48px;padding-inline:max(24px,calc((100vw - 1340px)/2));display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,62px);border-top:1px solid rgba(255,255,255,.1);background:rgba(8,8,8,.82);backdrop-filter:blur(12px);color:#6f6a65;font-size:7px;font-weight:800;letter-spacing:.16em}.fbp4-hero__rail i{width:clamp(24px,4vw,68px);height:1px;background:linear-gradient(90deg,rgba(255,40,40,.15),var(--p3-red),rgba(255,40,40,.15))}
@media(max-width:1160px){.fbp4-hero{min-height:auto}.fbp4-hero__grid{grid-template-columns:1fr;gap:50px;padding-bottom:110px}.fbp4-hero__copy{max-width:850px}.fbp4-monitor{width:min(900px,100%);height:620px;margin-inline:auto}}
@media(max-width:720px){.fbp4-hero__grid{padding-top:calc(var(--onon-header,78px) + 35px);gap:38px}.fbp4-hero__copy{max-width:none}body:not(.onon-home) .onon-inner.fbp3 .fbp4-hero__copy h1{font-size:clamp(38px,11vw,50px)!important;line-height:.97!important}.fbp4-hero__copy>p:not(.fbp3-overline){font-size:14px}.fbp4-hero__copy .fbp3-hero__actions{align-items:stretch;flex-direction:column}.fbp4-hero__scope{grid-template-columns:1fr;gap:12px}.fbp4-hero__scope div{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.fbp4-monitor{height:530px;border-radius:18px;box-shadow:9px 12px 0 rgba(0,0,0,.42)}.fbp4-monitor__frames{grid-template-columns:1.25fr .75fr}.fbp4-monitor>header,.fbp4-monitor>footer{height:45px;padding-inline:12px}.fbp4-monitor__frames{height:calc(100% - 90px)}.fbp4-hero__rail{gap:12px;font-size:5px}.fbp4-hero__rail i{width:18px}}
@media(max-width:430px){.fbp4-monitor{height:455px}.fbp4-monitor__frames{grid-template-columns:1fr 104px}.fbp4-monitor>header b,.fbp4-monitor>footer b{display:none}.fbp4-monitor__frames figcaption{left:9px;right:9px;bottom:9px;font-size:5px}.fbp4-hero__rail span:nth-of-type(2),.fbp4-hero__rail i:nth-of-type(2){display:none}}
@media(hover:none),(max-width:820px){.fbp4-monitor{transform:none!important}}
@media(prefers-reduced-motion:reduce){.fbp4-monitor,.fbp4-monitor__frames video{transform:none!important;transition:none!important}}

/* Interaction QA: legible set monitor and user-controlled ambient motion. */
.fbp4-hero__copy>p:not(.fbp3-overline){color:#b8b3ac;font-size:16px}
.fbp4-hero__scope dt{font-size:11px}
.fbp4-hero__scope dd{margin-top:7px;color:#9a958f;font-size:10px;line-height:1.5}
.fbp4-monitor>header,.fbp4-monitor>footer{gap:14px;color:#9a958f;font-size:9px;letter-spacing:.1em}
.fbp4-monitor>header b{color:#d0cbc5}
.fbp4-monitor>footer>span>i{color:var(--p3-red);font-size:7px}
.fbp4-monitor>footer b{color:#aaa59f}
.fbp4-monitor__toggle{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e6e2dc;background:#171717;font:inherit;letter-spacing:.06em;cursor:pointer}
.fbp4-monitor__toggle:hover{border-color:rgba(255,255,255,.4);background:#202020}
.fbp4-monitor__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fbp4-monitor>footer .fbp4-monitor__toggle span{display:inline}
.fbp4-monitor>footer .fbp4-monitor__toggle i{color:var(--p3-red);font-size:9px}
.fbp4-monitor__frames figcaption{font-size:9px;letter-spacing:.08em}
.fbp4-monitor__frames figcaption b{width:27px;height:27px;font-size:8px}
.fbp4-hero__rail{color:#99948e;font-size:9px;letter-spacing:.14em}

@media(max-width:720px){
  .fbp4-hero__copy>p:not(.fbp3-overline){font-size:15px}
  .fbp4-monitor__toggle{min-height:34px;padding-inline:10px}
  .fbp4-hero__rail{font-size:8px}
}
@media(max-width:430px){
  .fbp4-monitor__frames{grid-template-columns:1fr 96px}
  .fbp4-monitor__frames figcaption{font-size:9px}
  .fbp4-monitor__frames figure:not(.is-main) figcaption span{display:none}
}
@media(hover:none),(max-width:820px){
  .fbp4-monitor__frames figure:hover video{filter:saturate(.82) contrast(1.04);transform:scale(1.015)}
}
@media(prefers-reduced-motion:reduce){
  .fbp4-monitor,.fbp4-monitor__frames video,.fbp4-monitor__frames figure:hover video{transform:none!important;transition:none!important}
}