/* ==========================================================
   OZB — MOBILE / TABLET PREMIUM RESPONSIVE SYSTEM
   Loaded last. Desktop remains unchanged.
   ========================================================== */

@media (max-width: 1024px){
  html, body{overflow-x:hidden!important;}
  body{background:#040405!important;}

  .ozb-container{width:min(100% - 36px, 920px)!important;}

  .ozb-header{
    position:sticky!important;
    top:0!important;
    background:rgba(4,4,5,.78)!important;
    backdrop-filter:blur(22px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
  }
  .ozb-nav{height:70px!important;}
  .ozb-brand img{width:38px!important;height:38px!important;}
  .ozb-brand span{font-size:14px!important;line-height:.96!important;}
  .ozb-menu{gap:20px!important;}
  .ozb-menu a{font-size:10px!important;letter-spacing:.10em!important;}
  .ozb-nav-cta{min-height:42px!important;padding:0 18px!important;font-size:10px!important;}

  /* Hero tablet: cinematic stacked composition */
  body .ozb-hero.ozb-hero-v2{
    min-height:auto!important;
    padding:92px 0 56px!important;
    background:
      radial-gradient(circle at 72% 24%,rgba(210,10,46,.34),transparent 30%),
      radial-gradient(circle at 40% 100%,rgba(122,0,23,.28),transparent 38%),
      linear-gradient(135deg,#030304 0%,#050505 44%,#180006 100%)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__inner{
    width:min(100% - 42px, 920px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__copy{
    max-width:760px!important;
    text-align:left!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__kicker{
    max-width:100%!important;
    white-space:normal!important;
    font-size:10px!important;
    padding:10px 15px!important;
    margin-bottom:22px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title{
    max-width:760px!important;
    font-size:clamp(62px,12vw,102px)!important;
    line-height:.92!important;
    letter-spacing:-.016em!important;
    word-spacing:.055em!important;
    gap:6px!important;
    margin-bottom:22px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title span{
    line-height:.92!important;
    white-space:nowrap!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__lead{
    max-width:700px!important;
    font-size:17px!important;
    line-height:1.68!important;
    margin-bottom:28px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__actions{gap:14px!important;}

  body .ozb-hero-v2 .ozb-hero-v2__visual{
    order:2!important;
    width:100%!important;
    min-height:430px!important;
    margin-top:4px!important;
    overflow:hidden!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:
      radial-gradient(circle at 60% 50%,rgba(210,10,46,.22),transparent 35%),
      linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
    box-shadow:0 34px 120px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.11)!important;
    backdrop-filter:blur(20px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__art{
    left:-12%!important;
    right:-12%!important;
    top:-10%!important;
    bottom:-12%!important;
    background-size:cover!important;
    background-position:center center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__orbital{
    left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:560px!important;height:560px!important;
    opacity:.6!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__tag{transform:scale(.86)!important;transform-origin:left center!important;}
  body .ozb-hero-v2 .ozb-hero-v2__badge{
    right:22px!important;bottom:24px!important;
    transform:scale(.86)!important;transform-origin:right bottom!important;
  }

  /* Premium horizontal sliding surfaces on tablet/mobile */
  .ozb-hero-v2__stats,
  .ozb-impact-grid,
  .ozb-timeline,
  .ozb-media-grid{
    display:flex!important;
    gap:16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 4px 16px!important;
    border-radius:22px!important;
  }
  .ozb-hero-v2__stats::-webkit-scrollbar,
  .ozb-impact-grid::-webkit-scrollbar,
  .ozb-timeline::-webkit-scrollbar,
  .ozb-media-grid::-webkit-scrollbar{display:none!important;}
  .ozb-hero-v2__stats{width:min(100% - 42px,920px)!important;margin-top:24px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .ozb-hero-v2__stats div{
    flex:0 0 178px!important;
    min-height:126px!important;
    scroll-snap-align:start!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .ozb-impact-grid{background:transparent!important;border:0!important;box-shadow:none!important;}
  .ozb-impact-item{flex:0 0 190px!important;scroll-snap-align:start!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;}
  .ozb-timeline:before{display:none!important;}
  .ozb-timeline article{flex:0 0 250px!important;scroll-snap-align:start!important;}
  .ozb-timeline article:before{display:none!important;}
  .ozb-media-card{flex:0 0 310px!important;scroll-snap-align:start!important;}

  .ozb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .ozb-feature-grid .ozb-large-card{grid-column:span 2!important;}
  .ozb-survey-grid{grid-template-columns:1fr!important;}
  .ozb-roadmap-panel{grid-template-columns:1fr!important;gap:28px!important;}
  .ozb-cta-panel{grid-template-columns:1fr!important;text-align:left!important;}
}

@media (max-width: 640px){
  .ozb-container{width:min(100% - 28px, 520px)!important;}

  .ozb-nav{height:66px!important;}
  .ozb-brand img{width:34px!important;height:34px!important;}
  .ozb-brand span{font-size:12px!important;}
  .ozb-toggle{display:block!important;}
  .ozb-menu{
    position:fixed!important;
    left:14px!important;right:14px!important;top:76px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:14px!important;
    border-radius:22px!important;
    background:rgba(8,8,10,.92)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
    backdrop-filter:blur(24px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
  }
  .ozb-menu.open{display:flex!important;}
  .ozb-menu a{padding:15px 16px!important;border-radius:14px!important;font-size:12px!important;letter-spacing:.12em!important;}
  .ozb-menu a:hover{background:rgba(210,10,46,.12)!important;}
  .ozb-nav-cta{display:none!important;}

  body .ozb-hero.ozb-hero-v2{padding:76px 0 44px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__inner{width:min(100% - 28px,520px)!important;gap:22px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__kicker{
    font-size:8.8px!important;
    line-height:1.4!important;
    padding:9px 12px!important;
    margin-bottom:18px!important;
    letter-spacing:.105em!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title{
    font-size:clamp(43px,15.4vw,70px)!important;
    line-height:.95!important;
    gap:5px!important;
    letter-spacing:-.012em!important;
    word-spacing:.025em!important;
    margin-bottom:18px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__title span{line-height:.95!important;white-space:nowrap!important;}
  body .ozb-hero-v2 .ozb-hero-v2__lead{
    font-size:14.5px!important;
    line-height:1.72!important;
    margin-bottom:20px!important;
    max-width:100%!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  body .ozb-hero-v2 .ozb-btn{width:100%!important;min-height:48px!important;padding:0 12px!important;font-size:10px!important;}

  body .ozb-hero-v2 .ozb-hero-v2__visual{
    min-height:300px!important;
    border-radius:24px!important;
    margin-top:8px!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__art{
    left:-46%!important;right:-40%!important;top:-10%!important;bottom:-12%!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__orbital{width:340px!important;height:340px!important;opacity:.42!important;}
  body .ozb-hero-v2 .ozb-hero-v2__tag{display:none!important;}
  body .ozb-hero-v2 .ozb-hero-v2__badge{
    right:12px!important;bottom:12px!important;
    min-width:118px!important;
    padding:11px 12px!important;
    border-radius:16px!important;
    transform:scale(.86)!important;
  }
  body .ozb-hero-v2 .ozb-hero-v2__badge:before{width:28px!important;height:28px!important;margin-right:7px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__badge strong{font-size:31px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__badge span{font-size:7.5px!important;padding-left:37px!important;margin-top:6px!important;}

  .ozb-hero-v2__stats{width:min(100% - 28px,520px)!important;margin-top:18px!important;}
  .ozb-hero-v2__stats div{flex-basis:154px!important;min-height:108px!important;padding:18px 12px!important;}
  .ozb-hero-v2__stats i{font-size:23px!important;margin-bottom:10px!important;}
  .ozb-hero-v2__stats strong{font-size:31px!important;}
  .ozb-hero-v2__stats span{font-size:8.5px!important;line-height:1.35!important;}

  .ozb-section,.ozb-impact-strip{padding:64px 0!important;}
  body .ozb-section h2,
  body .ozb-survey-card h2,
  body .ozb-roadmap-panel h2,
  body .ozb-final-cta h2{
    font-size:clamp(34px,10.8vw,54px)!important;
    line-height:1.02!important;
    letter-spacing:-.01em!important;
    margin-bottom:22px!important;
  }
  .ozb-split{display:block!important;margin-bottom:24px!important;}
  .ozb-split p{margin-top:18px!important;font-size:15px!important;}

  .ozb-feature-grid{
    display:flex!important;
    gap:14px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 2px 14px!important;
  }
  .ozb-feature-grid::-webkit-scrollbar{display:none!important;}
  .ozb-feature-grid article,
  .ozb-feature-grid .ozb-large-card{
    flex:0 0 82vw!important;
    min-height:210px!important;
    scroll-snap-align:start!important;
    grid-column:auto!important;
  }

  .ozb-survey-grid{gap:16px!important;}
  .ozb-survey-card{padding:28px!important;border-radius:24px!important;}
  .ozb-survey-stats{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:12px!important;}
  .ozb-survey-stats::-webkit-scrollbar{display:none!important;}
  .ozb-survey-stats article{flex:0 0 160px!important;scroll-snap-align:start!important;padding:24px!important;border-radius:22px!important;}

  .ozb-media-grid{gap:14px!important;}
  .ozb-media-card{flex-basis:82vw!important;border-radius:22px!important;}
  .ozb-media-img{height:220px!important;}
  .ozb-media-body{padding:20px!important;}

  .ozb-roadmap-panel{padding:28px!important;border-radius:24px!important;}
  .ozb-roadmap-list{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:12px!important;}
  .ozb-roadmap-list::-webkit-scrollbar{display:none!important;}
  .ozb-roadmap-list article{flex:0 0 78vw!important;scroll-snap-align:start!important;}

  .ozb-cta-panel{padding:30px!important;border-radius:24px!important;gap:20px!important;}
  .ozb-cta-panel .ozb-btn{width:100%!important;}
  .ozb-footer-grid{border-radius:24px!important;padding:24px!important;gap:26px!important;}
}

@media (max-width: 380px){
  body .ozb-hero-v2 .ozb-hero-v2__title{font-size:clamp(39px,14.8vw,58px)!important;}
  body .ozb-hero-v2 .ozb-hero-v2__visual{min-height:260px!important;}
  body .ozb-hero-v2 .ozb-hero-v2__badge{transform:scale(.78)!important;}
  body .ozb-hero-v2 .ozb-hero-v2__actions{grid-template-columns:1fr!important;}
}


/* ChatGPT mobile hero refinement */
@media (max-width:760px){
body.home .ozb-hero-v2__actions{position:relative!important;z-index:80!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:calc(100% - 32px)!important;margin:24px auto -18px!important}
body.home .ozb-hero-v2__visual{overflow:hidden!important;height:430px!important;background:transparent!important}
body.home .ozb-hero-v2__visual:before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(to bottom,#1b0008 0%,rgba(27,0,8,.95) 20%,rgba(27,0,8,.2) 80%,transparent 100%);z-index:30;pointer-events:none}
body.home .ozb-hero-v2__visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to bottom,transparent,#070002);z-index:29;pointer-events:none}
body.home .ozb-hero-v2__art{border:0!important;box-shadow:none!important;width:172vw!important;object-position:center top!important}
body.home .ozb-hero-v2__badge{right:16px!important;bottom:68px!important;z-index:55!important}
body.home .ozb-hero-v2__tag-one{top:118px!important;left:20px!important}
body.home .ozb-hero-v2__tag-two{top:235px!important;left:16px!important}
body.home .ozb-hero-v2__tag-three{bottom:28px!important;left:58px!important}
}