/* DineQube V7.6 — Home-parity 100% zoom & motion stability
   Layout-only patch. Public page copy/content is intentionally untouched. */

/* Never let headings/nav labels split in the middle of words. */
body:not(.home-v71) h1,
body:not(.home-v71) h2,
body:not(.home-v71) h3,
body:not(.home-v71) h4,
body:not(.home-v71) .nav-link,
body:not(.home-v71) .ai-nav,
body:not(.home-v71) .btn{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
body:not(.home-v71) .shell,
body:not(.home-v71) .container,
body:not(.home-v71) .page-hero-grid,
body:not(.home-v71) .ai-grid,
body:not(.home-v71) .feature-grid,
body:not(.home-v71) .bento,
body:not(.home-v71) .price-grid,
body:not(.home-v71) .compare-grid,
body:not(.home-v71) .form-layout{min-width:0}
body:not(.home-v71) img,
body:not(.home-v71) video{max-width:100%;height:auto}

/* Match the Home desktop shell at normal browser zoom without changing copy. */
@media(min-width:1101px){
  body:not(.home-v71):not(.page-restaurant):not(.page-hotel):not(.page-qr) .shell,
  body:not(.home-v71):not(.page-restaurant):not(.page-hotel):not(.page-qr) .container{
    width:min(1320px,calc(100% - 36px));
    max-width:1320px;
  }
  body:not(.home-v71) .page-hero{padding-top:72px;padding-bottom:68px}
  body:not(.home-v71) .page-hero-grid{
    grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
    gap:34px;
  }
  body:not(.home-v71) .page-hero h1{
    font-size:clamp(46px,4.2vw,64px)!important;
    line-height:1.04!important;
    letter-spacing:-.048em!important;
  }
  .page-qube-ai>.section:first-of-type{padding-top:68px}
  .page-qube-ai>.section:first-of-type .ai-section{padding:48px}
  .page-qube-ai>.section:first-of-type h1{
    font-size:clamp(46px,4.15vw,64px)!important;
    line-height:1.04!important;
    letter-spacing:-.048em!important;
  }
}

/* Use the exact Home philosophy: shrink gently, then collapse navigation before it wraps. */
@media(min-width:1101px) and (max-width:1360px){
  .unified-header .unified-navbar{width:min(1320px,calc(100% - 36px));gap:12px}
  .unified-header .brand{min-width:136px}
  .unified-header .brand img{height:38px}
  .unified-header .nav-link,.unified-header .ai-nav{font-size:12px;padding-inline:7px}
  .unified-header .nav-actions{gap:7px}
  .unified-header .nav-actions .btn{font-size:12px;padding-inline:13px}
  .unified-login{font-size:12px;padding-inline:8px}
}
@media(min-width:1101px) and (max-width:1240px){
  .unified-header .nav-link[href="/why-dineqube"]{display:none}
  .unified-header .unified-navbar{width:calc(100% - 28px)}
  body:not(.home-v71):not(.page-restaurant):not(.page-hotel):not(.page-qr) .shell,
  body:not(.home-v71):not(.page-restaurant):not(.page-hotel):not(.page-qr) .container{width:calc(100% - 32px)}
}

/* Collapse public navigation at the same breakpoint as the approved Home page. */
@media(max-width:1100px){
  .unified-header .unified-navbar{position:relative;width:calc(100% - 28px);height:72px;gap:12px}
  .unified-header .brand{flex:0 0 auto;min-width:0;margin-right:auto}
  .unified-header .nav-links{
    position:absolute!important;left:0!important;right:0!important;top:78px!important;z-index:1100;
    display:none!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;
    padding:12px!important;background:rgba(255,255,255,.99)!important;border:1px solid #dfeae5!important;
    border-radius:18px!important;box-shadow:0 24px 60px rgba(16,45,39,.14)!important;
  }
  .unified-header .nav-links.open{display:flex!important}
  .unified-header .nav-link,.unified-header .ai-nav{
    display:flex!important;justify-content:center!important;min-height:44px;font-size:13px!important;padding:10px 14px!important;
    white-space:nowrap!important;
  }
  .unified-header .unified-mobile-cta{display:flex!important}
  .unified-header .unified-mobile-trial{background:#0f7b5a!important;color:#fff!important}
  .unified-header .menu-toggle{display:block!important}
  .unified-header .nav-actions{margin-left:auto}
  .unified-header .nav-actions .unified-login,.unified-header .nav-actions .btn{display:none!important}
  body:not(.home-v71) .page-hero-grid{grid-template-columns:1fr!important;gap:38px!important}
  .page-qube-ai .ai-grid{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .unified-header .unified-navbar{width:calc(100% - 22px);height:68px}
  .unified-header .brand img{height:36px}
  .unified-header .nav-links{top:72px!important}
  body:not(.home-v71) .page-hero{padding:54px 0 52px}
  body:not(.home-v71) .page-hero h1,
  .page-qube-ai>.section:first-of-type h1{font-size:clamp(40px,11vw,56px)!important}
  .page-qube-ai>.section:first-of-type .ai-section{padding:30px 22px}
}

/* Secondary-page motion must never scale/translate text. Opacity only = no tearing/jump. */
body:not(.home-v71) .reveal,
body:not(.home-v71) .stagger>*{
  transform:none!important;
  will-change:auto!important;
}
body:not(.home-v71) .reveal{transition:opacity .42s ease!important}
body:not(.home-v71) .stagger>*{transition:opacity .36s ease!important}
body:not(.home-v71) .reveal.in-view,
body:not(.home-v71) .stagger.in-view>*{transform:none!important}

/* Stop content cards from shifting geometry on hover. */
body:not(.home-v71) .world-card:hover,
body:not(.home-v71) .bento-card:hover,
body:not(.home-v71) .story-panel:hover,
body:not(.home-v71) .feature-card:hover,
body:not(.home-v71) .price-card:hover,
body:not(.home-v71) .compare-card:hover{transform:none!important}

/* Qube AI normal-zoom safety: keep the intelligence visual inside its column. */
.page-qube-ai .ai-section{min-width:0;overflow:hidden}
.page-qube-ai .ai-grid>*{min-width:0}
.page-qube-ai .ai-core-wrap{width:100%;max-width:600px;margin-inline:auto}
.page-qube-ai .ai-event{max-width:min(170px,34%)}
@media(max-width:1240px) and (min-width:1101px){
  .page-qube-ai .ai-section{padding:42px 36px}
  .page-qube-ai .ai-grid{grid-template-columns:minmax(330px,.88fr) minmax(420px,1.12fr);gap:28px}
  .page-qube-ai .ai-cube{width:132px;height:132px}
  .page-qube-ai .signal{width:145px}
}

/* Legal center keeps the requested left-nav/right-content layout without changing legal copy. */
@media(min-width:861px){
  .page-legal .legal-wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important}
}
.page-legal .legal-wrap>article{min-width:0}
.page-legal .legal-wrap>article p,
.page-legal .legal-wrap>article li{overflow-wrap:break-word}

/* Product/How-it-works stages stay inside viewport at 100% zoom. */
.product-stage,.stage-scene,.media-tile,.mini-stage{min-width:0!important}
@media(min-width:1101px) and (max-width:1300px){
  .product-stage{min-height:490px;padding-left:18px;padding-right:18px}
  .stage-scene.active{gap:10px}
}

@media(prefers-reduced-motion:reduce){
  body:not(.home-v71) .reveal,
  body:not(.home-v71) .stagger>*{opacity:1!important;transition:none!important;transform:none!important}
}