/* =========================================================
   OZB PHASE 4 — PREMIUM MOTION + MICRO INTERACTIONS
   Mobile-first safe enhancements. Desktop design preserved.
========================================================= */
:root{
  --ozb-glass: rgba(255,255,255,.075);
  --ozb-glass-strong: rgba(255,255,255,.115);
  --ozb-glow-red: rgba(210,10,46,.38);
  --ozb-soft-line: rgba(255,255,255,.14);
  --ozb-ease: cubic-bezier(.22,1,.36,1);
}

html.lenis, html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}

/* Loader */
.ozb-loader{
  position:fixed; inset:0; z-index:99999;
  display:grid; place-items:center;
  background:radial-gradient(circle at 50% 40%, rgba(210,10,46,.18), transparent 34%), #040405;
  transition:opacity .7s var(--ozb-ease), visibility .7s var(--ozb-ease);
}
.ozb-loader.is-hidden{opacity:0; visibility:hidden; pointer-events:none;}
.ozb-loader-mark{position:relative; width:86px; height:86px; border-radius:28px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045); box-shadow:0 28px 90px rgba(210,10,46,.22);}
.ozb-loader-mark:before{content:""; position:absolute; inset:-45%; background:conic-gradient(from 0deg, transparent, rgba(210,10,46,.95), transparent 32%); animation:ozbLoaderSpin 1.4s linear infinite;}
.ozb-loader-mark:after{content:"OZB"; position:absolute; inset:5px; border-radius:23px; display:grid; place-items:center; background:#050506; color:#fff; font:900 18px/1 Inter,Arial,sans-serif; letter-spacing:.12em;}
@keyframes ozbLoaderSpin{to{transform:rotate(360deg)}}

/* Ambient particles */
.ozb-particle-layer{position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; mix-blend-mode:screen;}
.ozb-particle{position:absolute; width:3px; height:3px; border-radius:50%; background:rgba(210,10,46,.75); box-shadow:0 0 18px rgba(210,10,46,.75); opacity:.45; animation:ozbParticleFloat var(--d,12s) linear infinite; transform:translate3d(0,0,0);}
@keyframes ozbParticleFloat{0%{transform:translate3d(0,110vh,0) scale(.7); opacity:0}10%,80%{opacity:.45}100%{transform:translate3d(var(--x,40px),-10vh,0) scale(1.2); opacity:0}}

/* Header refinement */
.ozb-header{will-change:transform,background,backdrop-filter;}
.ozb-header.phase4-hidden{transform:translateY(-100%);}
.ozb-header.scrolled{background:rgba(7,7,9,.72)!important; backdrop-filter:blur(22px) saturate(135%); border-bottom-color:rgba(255,255,255,.16);}
.ozb-menu a{overflow:hidden;}
.ozb-menu a:before{content:""; position:absolute; left:50%; bottom:-12px; width:6px; height:6px; border-radius:50%; background:var(--red); transform:translateX(-50%) scale(0); transition:transform .28s var(--ozb-ease); box-shadow:0 0 16px rgba(210,10,46,.8);}
.ozb-menu a:hover:before{transform:translateX(-50%) scale(1);}

/* Premium hero motion layer */
.ozb-hero{isolation:isolate;}
.ozb-hero:after{content:""; position:absolute; inset:-20%; pointer-events:none; z-index:1; background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.08) 50%, transparent 65%); transform:translateX(-45%) rotate(8deg); animation:ozbLightSweep 8s ease-in-out infinite; opacity:.45;}
@keyframes ozbLightSweep{0%,35%{transform:translateX(-65%) rotate(8deg); opacity:0}55%{opacity:.45}100%{transform:translateX(55%) rotate(8deg); opacity:0}}
.ozb-hero-grid{z-index:3;}
.ozb-hero-copy, .ozb-hero-visual{will-change:transform;}
.ozb-kicker{position:relative; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 40px rgba(0,0,0,.18);}
.ozb-kicker:after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); transform:translateX(-120%); animation:ozbTagShine 5s ease-in-out infinite;}
@keyframes ozbTagShine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

/* Buttons: magnetic look */
.ozb-btn,.ozb-nav-cta{position:relative; overflow:hidden; will-change:transform;}
.ozb-btn:before,.ozb-nav-cta:before{content:""; position:absolute; inset:-2px; background:linear-gradient(110deg, transparent 15%, rgba(255,255,255,.28), transparent 50%); transform:translateX(-120%); transition:transform .7s var(--ozb-ease);}
.ozb-btn:hover:before,.ozb-nav-cta:hover:before{transform:translateX(120%);}
.ozb-btn.primary:hover,.ozb-nav-cta:hover{box-shadow:0 18px 48px rgba(210,10,46,.42), 0 0 0 1px rgba(255,255,255,.12) inset;}
.ozb-btn.ghost:hover{background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.22); box-shadow:0 18px 44px rgba(0,0,0,.26);}

/* Glass depth */
.ozb-quick-stats,.ozb-impact-grid,.ozb-feature-grid article,.ozb-timeline article,.ozb-media-card,.ozb-roadmap-panel,.ozb-cta-panel,.ozb-card,.ozb-survey-card,.ozb-survey-stats article,.ozb-contact-card,.ozb-form{
  backdrop-filter:blur(18px) saturate(128%);
  -webkit-backdrop-filter:blur(18px) saturate(128%);
  box-shadow:0 30px 100px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
}
.ozb-feature-grid article,.ozb-timeline article,.ozb-media-card,.ozb-roadmap-list article,.ozb-impact-item{position:relative; overflow:hidden; transform-style:preserve-3d; transition:transform .38s var(--ozb-ease), border-color .38s var(--ozb-ease), box-shadow .38s var(--ozb-ease), background .38s var(--ozb-ease);}
.ozb-feature-grid article:after,.ozb-timeline article:after,.ozb-media-card:after,.ozb-roadmap-list article:after{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at var(--mx,50%) var(--my,0%), rgba(210,10,46,.28), transparent 34%); opacity:0; transition:opacity .35s var(--ozb-ease);}
.ozb-feature-grid article:hover,.ozb-timeline article:hover,.ozb-media-card:hover,.ozb-roadmap-list article:hover{transform:translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); border-color:rgba(210,10,46,.55); box-shadow:0 34px 120px rgba(0,0,0,.42), 0 0 42px rgba(210,10,46,.12), inset 0 1px 0 rgba(255,255,255,.12);}
.ozb-feature-grid article:hover:after,.ozb-timeline article:hover:after,.ozb-media-card:hover:after,.ozb-roadmap-list article:hover:after{opacity:1;}

/* Media premium reveal */
.ozb-media-img{overflow:hidden; position:relative;}
.ozb-media-img:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 35%, rgba(0,0,0,.45)); opacity:.75;}
.ozb-media-img img{transition:transform .85s var(--ozb-ease), filter .85s var(--ozb-ease); will-change:transform;}
.ozb-media-card:hover .ozb-media-img img{transform:scale(1.09); filter:saturate(1.14) contrast(1.08);}

/* Timeline progressive accent */
.ozb-timeline:after{content:""; position:absolute; top:12px; left:0; height:1px; width:var(--progress,0%); background:linear-gradient(90deg, transparent, var(--red), rgba(255,255,255,.75)); box-shadow:0 0 22px rgba(210,10,46,.7); transition:width .1s linear;}

/* Reveal defaults */
.ozb-reveal{opacity:0; transform:translate3d(0,42px,0) scale(.985); filter:blur(6px);}
.ozb-reveal.is-visible{opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0);}

/* Responsive premium mobile/tablet interactions */
@media(max-width:1100px){
  .ozb-hero:after{display:none;}
  .ozb-quick-stats{display:flex!important; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding:10px; background:transparent!important; border:0!important; border-radius:0!important; -webkit-overflow-scrolling:touch;}
  .ozb-quick-stats::-webkit-scrollbar{display:none;}
  .ozb-quick-stats div{min-width:190px; scroll-snap-align:start; border:1px solid rgba(255,255,255,.12)!important; border-radius:18px; background:rgba(255,255,255,.07); backdrop-filter:blur(16px);}
  .ozb-timeline,.ozb-media-grid{display:flex!important; overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; padding-bottom:10px; -webkit-overflow-scrolling:touch;}
  .ozb-timeline::-webkit-scrollbar,.ozb-media-grid::-webkit-scrollbar{display:none;}
  .ozb-timeline article,.ozb-media-card{min-width:min(82vw,360px); scroll-snap-align:start;}
  .ozb-timeline:before,.ozb-timeline:after{display:none!important;}
}

@media(max-width:760px){
  .ozb-loader-mark{width:72px;height:72px;border-radius:22px;}
  .ozb-particle{display:none;}
  .ozb-hero h1{letter-spacing:-1px!important;}
  .ozb-btn:hover,.ozb-nav-cta:hover,.ozb-feature-grid article:hover,.ozb-timeline article:hover,.ozb-media-card:hover,.ozb-roadmap-list article:hover{transform:none;}
  .ozb-feature-grid article:after,.ozb-timeline article:after,.ozb-media-card:after,.ozb-roadmap-list article:after{display:none;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important;}
  .ozb-loader{display:none!important;}
  .ozb-reveal{opacity:1!important; transform:none!important; filter:none!important;}
}

/* =========================================================
   PHASE 4 HOTFIX — visibility + sticky header safety
   Prevents GSAP/loader/network issues from hiding hero/header.
========================================================= */
body .ozb-header,
body .ozb-header.scrolled{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body .ozb-header.phase4-hidden{
  transform:translateY(0)!important;
}
body .ozb-hero-v2,
body .ozb-hero-v2__inner,
body .ozb-hero-v2__copy,
body .ozb-hero-v2__kicker,
body .ozb-hero-v2__title,
body .ozb-hero-v2__title span,
body .ozb-hero-v2__lead,
body .ozb-hero-v2__actions,
body .ozb-hero-v2__visual,
body .ozb-hero-v2__stats{
  opacity:1!important;
  visibility:visible!important;
}
body .ozb-loader{
  pointer-events:none!important;
}
body .ozb-loader:not(.is-hidden){
  animation:ozbEmergencyHide .01s linear 2.8s forwards;
}
@keyframes ozbEmergencyHide{to{opacity:0;visibility:hidden;}}
@media(max-width:1100px){
  body .ozb-header.phase4-hidden{transform:translateY(0)!important;}
}

/* =========================================================
   PHASE 4.1 HEADER STABILITY UPDATE
   Fixes clipped header, restores sticky/fixed glass header on
   desktop, tablet and mobile, and protects against JS transforms.
========================================================= */
html{scroll-padding-top:96px!important;}
body .ozb-header,
body .ozb-header.scrolled,
body .ozb-header.phase4-hidden{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:calc(82px + env(safe-area-inset-top,0px))!important;
  z-index:99999!important;
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  background:rgba(4,4,5,.76)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28)!important;
  will-change:background,box-shadow!important;
}
body .ozb-header.scrolled{
  background:rgba(4,4,5,.90)!important;
  box-shadow:0 20px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.admin-bar .ozb-header{top:32px!important;}
body .ozb-header .ozb-nav{
  height:82px!important;
  min-height:82px!important;
  max-width:1320px!important;
  width:min(100% - 56px,1320px)!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:28px!important;
}
body .ozb-header .ozb-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
  transform:none!important;
}
body .ozb-header .ozb-brand img{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  display:block!important;
}
body .ozb-header .ozb-brand span{
  display:block!important;
  font-size:16px!important;
  line-height:.95!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
body .ozb-header .ozb-menu{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  position:static!important;
  inset:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
body .ozb-header .ozb-menu a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:82px!important;
  padding:0!important;
  line-height:1!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
body .ozb-header .ozb-nav-cta{
  display:inline-flex!important;
  min-height:48px!important;
  padding:0 26px!important;
  margin-left:18px!important;
  flex:0 0 auto!important;
  transform:none!important;
}
body .ozb-header .ozb-toggle{display:none!important;}
body .ozb-hero,
body .ozb-hero.ozb-hero-v2{
  padding-top:calc(118px + env(safe-area-inset-top,0px))!important;
}
body.admin-bar .ozb-hero,
body.admin-bar .ozb-hero.ozb-hero-v2{
  padding-top:150px!important;
}
@media(max-width:1024px){
  html{scroll-padding-top:82px!important;}
  body .ozb-header,
  body .ozb-header.scrolled,
  body .ozb-header.phase4-hidden{
    height:calc(74px + env(safe-area-inset-top,0px))!important;
  }
  body.admin-bar .ozb-header{top:32px!important;}
  body .ozb-header .ozb-nav{
    height:74px!important;
    min-height:74px!important;
    width:min(100% - 36px,920px)!important;
  }
  body .ozb-header .ozb-brand img{width:38px!important;height:38px!important;min-width:38px!important;}
  body .ozb-header .ozb-brand span{font-size:14px!important;}
  body .ozb-header .ozb-menu{gap:20px!important;}
  body .ozb-header .ozb-menu a{height:74px!important;font-size:10px!important;}
  body .ozb-header .ozb-nav-cta{min-height:42px!important;padding:0 18px!important;font-size:10px!important;}
  body .ozb-hero,
  body .ozb-hero.ozb-hero-v2{padding-top:calc(100px + env(safe-area-inset-top,0px))!important;}
}
@media(max-width:760px){
  html{scroll-padding-top:76px!important;}
  body .ozb-header,
  body .ozb-header.scrolled,
  body .ozb-header.phase4-hidden{
    height:calc(70px + env(safe-area-inset-top,0px))!important;
  }
  body.admin-bar .ozb-header{top:46px!important;}
  body .ozb-header .ozb-nav{
    height:70px!important;
    min-height:70px!important;
    width:min(100% - 28px,520px)!important;
    gap:12px!important;
  }
  body .ozb-header .ozb-brand img{width:36px!important;height:36px!important;min-width:36px!important;}
  body .ozb-header .ozb-brand span{font-size:13px!important;line-height:.94!important;}
  body .ozb-header .ozb-nav-cta{display:none!important;}
  body .ozb-header .ozb-toggle{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    margin-left:auto!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.055)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body .ozb-header .ozb-toggle span{
    width:20px!important;
    height:2px!important;
    margin:0!important;
    border-radius:2px!important;
    background:#fff!important;
    transition:transform .25s ease, opacity .25s ease!important;
  }
  body.ozb-menu-open .ozb-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)!important;}
  body.ozb-menu-open .ozb-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)!important;}
  body .ozb-header .ozb-menu{
    position:fixed!important;
    top:calc(78px + env(safe-area-inset-top,0px))!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:22px!important;
    background:rgba(6,6,8,.94)!important;
    box-shadow:0 26px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px) scale(.98)!important;
    transition:opacity .25s ease, visibility .25s ease, transform .25s ease!important;
  }
  body .ozb-header .ozb-menu.open,
  body.ozb-menu-open .ozb-header .ozb-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  body .ozb-header .ozb-menu a{
    height:auto!important;
    justify-content:flex-start!important;
    width:100%!important;
    padding:15px 16px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    font-size:12px!important;
    line-height:1!important;
  }
  body .ozb-header .ozb-menu a:hover{background:rgba(210,10,46,.14)!important;}
  body.ozb-menu-open{overflow:hidden!important;}
  body .ozb-hero,
  body .ozb-hero.ozb-hero-v2{padding-top:calc(90px + env(safe-area-inset-top,0px))!important;}
}

/* =========================================================
   PHASE 4.2 — HERO STATS + SCROLL INDICATOR STABILITY
   Keeps the stats card clean and places the scroll cue as a
   separate premium element below the stats, never behind it.
========================================================= */
body .ozb-hero.ozb-hero-v2{
  padding-bottom:48px!important;
}

body .ozb-hero-v2 .ozb-hero-v2__stats{
  position:relative!important;
  z-index:10!important;
  margin:38px auto 0!important;
  transform:none!important;
}

body .ozb-hero-v2 .ozb-scroll.ozb-hero-v2__scroll,
body .ozb-hero-v2 a.ozb-scroll.ozb-hero-v2__scroll{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;

  width:max-content!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:22px auto 0!important;
  padding:4px 18px 0!important;

  z-index:30!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;

  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.18em!important;

  background:rgba(4,4,5,.22)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body .ozb-hero-v2 .ozb-scroll.ozb-hero-v2__scroll span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#d20a2e!important;
  font-size:22px!important;
  line-height:.8!important;
  font-weight:900!important;
  animation:ozbScrollArrowSoft 1.35s ease-in-out infinite!important;
}

@keyframes ozbScrollArrowSoft{
  0%,100%{transform:translateY(0);opacity:.85;}
  50%{transform:translateY(5px);opacity:1;}
}

body #ozbPhaseTwo{
  scroll-margin-top:110px!important;
  padding-top:70px!important;
}

@media(max-width:1100px){
  body .ozb-hero.ozb-hero-v2{padding-bottom:40px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__stats{margin-top:28px!important;}
  body .ozb-hero-v2 .ozb-scroll.ozb-hero-v2__scroll,
  body .ozb-hero-v2 a.ozb-scroll.ozb-hero-v2__scroll{
    margin-top:18px!important;
    font-size:10px!important;
    min-height:40px!important;
  }
  body #ozbPhaseTwo{scroll-margin-top:96px!important;padding-top:54px!important;}
}

@media(max-width:760px){
  body .ozb-hero-v2 .ozb-scroll.ozb-hero-v2__scroll,
  body .ozb-hero-v2 a.ozb-scroll.ozb-hero-v2__scroll{
    display:none!important;
  }
  body #ozbPhaseTwo{scroll-margin-top:76px!important;padding-top:42px!important;}
}

/* =========================================================
   PHASE 4.3 — MOBILE/TABLET HERO TYPOGRAPHY + STATS CAROUSEL FIX
   Desktop untouched. Fixes mobile title spacing and makes stats
   a premium horizontal swipe carousel on mobile/tablet.
========================================================= */
@media (min-width:761px) and (max-width:1180px){
  body .ozb-hero.ozb-hero-v2{
    padding-top:calc(94px + env(safe-area-inset-top,0px))!important;
    padding-bottom:42px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__inner{
    width:min(100% - 52px,980px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__copy{
    max-width:760px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__kicker{margin-left:auto!important;margin-right:auto!important;}
  body .ozb-hero-v2 .ozb-hero-v2__title{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    font-size:clamp(70px,10vw,112px)!important;
    line-height:.88!important;
    letter-spacing:-.025em!important;
    max-width:760px!important;
    margin:0 auto 26px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title span{
    display:block!important;
    margin:0!important;
    line-height:.88!important;
    white-space:nowrap!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__lead{
    max-width:680px!important;
    margin:0 auto 24px!important;
    font-size:17px!important;
    line-height:1.72!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__actions{justify-content:center!important;}
  body .ozb-hero-v2 .ozb-hero-v2__visual{
    min-height:430px!important;
    width:min(100%,840px)!important;
    margin:0 auto!important;
    border-radius:30px!important;
  }

  body .ozb-hero-v2 .ozb-hero-v2__stats{
    width:min(100% - 52px,980px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    padding:8px 6px 20px!important;
    margin:26px auto 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__stats::-webkit-scrollbar{display:none!important;}
  body .ozb-hero-v2 .ozb-hero-v2__stats div{
    flex:0 0 210px!important;
    width:210px!important;
    min-width:210px!important;
    min-height:132px!important;
    scroll-snap-align:center!important;
    padding:24px 18px!important;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032))!important;
    box-shadow:0 22px 74px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
}

@media (max-width:760px){
  body .ozb-hero.ozb-hero-v2{
    padding-top:calc(86px + env(safe-area-inset-top,0px))!important;
    padding-bottom:36px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__inner{
    width:min(100% - 28px,520px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__copy{
    max-width:100%!important;
    width:100%!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__kicker{
    max-width:100%!important;
    white-space:normal!important;
    font-size:9px!important;
    line-height:1.35!important;
    padding:9px 12px!important;
    margin:0 0 18px!important;
    letter-spacing:.095em!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(43px,13.4vw,62px)!important;
    line-height:.94!important;
    letter-spacing:-.014em!important;
    margin:0 0 22px!important;
    padding:0!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:.94!important;
    white-space:nowrap!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__lead{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.74!important;
    margin:0 0 22px!important;
    font-weight:600!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0!important;
  }
  body .ozb-hero-v2 .ozb-btn{
    min-height:48px!important;
    padding:0 10px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__visual{
    min-height:292px!important;
    width:100%!important;
    margin:12px 0 0!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 24px 85px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__art{
    left:-48%!important;
    right:-44%!important;
    top:-12%!important;
    bottom:-12%!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__badge{
    right:10px!important;
    bottom:10px!important;
    transform:scale(.78)!important;
    transform-origin:right bottom!important;
  }

  body .ozb-hero-v2 .ozb-hero-v2__stats{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    margin:22px auto 0!important;
    padding:4px 18px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__stats::-webkit-scrollbar{display:none!important;}
  body .ozb-hero-v2 .ozb-hero-v2__stats div{
    flex:0 0 72vw!important;
    width:72vw!important;
    min-width:72vw!important;
    max-width:285px!important;
    min-height:134px!important;
    scroll-snap-align:center!important;
    padding:24px 20px!important;
    border-radius:26px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:linear-gradient(145deg,rgba(210,10,46,.18),rgba(255,255,255,.045) 42%,rgba(255,255,255,.025))!important;
    box-shadow:0 22px 78px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__stats i{
    font-size:24px!important;
    margin-bottom:10px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__stats strong{
    font-size:42px!important;
    line-height:.9!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__stats span{
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
  }
}

@media (max-width:380px){
  body .ozb-hero-v2 .ozb-hero-v2__title{
    font-size:clamp(39px,12.9vw,54px)!important;
    gap:6px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__actions{grid-template-columns:1fr!important;}
  body .ozb-hero-v2 .ozb-hero-v2__visual{min-height:260px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__stats div{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
  }
}


/* OZB: remove scroll-to-explore indicator completely */
.ozb-scroll, .ozb-hero-v2__scroll{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;margin:0!important;padding:0!important;}