/* Rozana v54.78 mobile UX polish */
@media (max-width: 960px){
  html{scroll-padding-top:86px;}
  body.menu-open{overflow:hidden!important;}
  .nav{padding:10px 0!important;}
  .nav.scrolled{padding:8px 0!important;}
  .nav__inner{min-height:48px!important;padding-right:0!important;gap:12px!important;}
  .nav__logo{min-width:0!important;}
  .nav__logo svg,.nav.scrolled .nav__logo svg{height:30px!important;max-width:min(210px,62vw)!important;}
  .hamburger{display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;}
  .hamburger span{width:22px!important;height:2px!important;border-radius:999px!important;}
  .mobile-menu{inset:0!important;z-index:850!important;justify-content:flex-start!important;padding:calc(86px + env(safe-area-inset-top)) max(22px,6vw) 28px!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:radial-gradient(circle at 85% 12%,rgba(138,96,208,.15),transparent 34%),rgba(9,9,12,.985)!important;}
  .mm-links{width:100%!important;gap:0!important;margin:0!important;}
  .mm-link{display:flex!important;align-items:center!important;min-height:54px!important;padding:16px 0!important;font-size:clamp(1.45rem,7.4vw,2rem)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.025em!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
  .hero,.page-hero{min-height:auto!important;padding-top:calc(96px + env(safe-area-inset-top))!important;padding-bottom:42px!important;justify-content:flex-end!important;}
  .hero-content{padding-bottom:0!important;}
  .hero-eyebrow{gap:10px!important;margin-bottom:16px!important;}
  .hero-eyebrow-txt{font-size:9px!important;letter-spacing:.12em!important;line-height:1.55!important;}
  .breadcrumb{font-size:9px!important;letter-spacing:.08em!important;gap:7px!important;line-height:1.45!important;margin-bottom:14px!important;}
  .hero-headline{font-size:clamp(2.15rem,10.8vw,3.35rem)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin-bottom:18px!important;max-width:13.2ch!important;}
  .landing-oman-hero .hero-headline{font-size:clamp(2rem,10.3vw,3rem)!important;max-width:12.2ch!important;}
  .page-hero-line,.hero-intel-effect{margin:0 0 18px!important;height:18px!important;}
  .hero-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;width:100%!important;}
  .hero-desc{max-width:100%!important;font-size:.92rem!important;line-height:1.68!important;}
  .hero-actions,.page-actions{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:4px!important;}
  .hero-actions .btn-p,.hero-actions .btn-g,.page-actions .btn-p,.page-actions .btn-g{width:100%!important;min-height:46px!important;justify-content:center!important;text-align:center!important;padding:13px 16px!important;}
  .hero-actions .btn-g,.page-actions .btn-g{border:1px solid var(--border-lite)!important;border-radius:4px!important;}
  .scroll-ind,.page-scroll-ind{display:none!important;}
  .content-section{padding:52px 0!important;}
  .section-head{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:22px!important;}
  .section-desc{justify-self:start!important;text-align:left!important;max-width:100%!important;}
  .section-title,.contact-title,.about-title,.svc-title,.insights-title,.page-title,.content-title,.cta-title,.lpo-section .section-title{font-size:clamp(1.72rem,8.2vw,2.35rem)!important;line-height:1.1!important;letter-spacing:-.03em!important;}
  .pro-title,.svc-name,.price-card h3,.lpo-demo-body h3,.insight-card h3,.case-card h3,.faq-card h3{font-size:clamp(1.1rem,5vw,1.35rem)!important;line-height:1.22!important;}
  .label-tag{font-size:9px!important;letter-spacing:.14em!important;}
  .btn-p,.btn-g,.nav__cta,.service-link,.price-card__cta{min-height:44px;}
}
@media (max-width: 640px){
  .container{width:calc(100% - 32px)!important;}
  .nav__logo svg,.nav.scrolled .nav__logo svg{height:28px!important;max-width:196px!important;}
  .hero,.page-hero{padding-top:88px!important;padding-bottom:36px!important;}
  .hero-headline{font-size:clamp(2rem,11vw,2.9rem)!important;}
  .hero-eyebrow-txt{letter-spacing:.1em!important;}
  .breadcrumb{letter-spacing:.06em!important;}
  .stats-grid,.blog-grid,.footer-top,.f-grid{grid-template-columns:1fr!important;}
  .f-grid .f-span-2,.f-grid .f-span-3{grid-column:span 1!important;}
  #contactForm .f-grid{grid-template-columns:1fr!important;row-gap:14px!important;}
  #contactForm .f-label{font-size:10px!important;letter-spacing:.08em!important;}
  #contactForm .f-input,#contactForm .f-select,#contactForm .f-textarea{font-size:.95rem!important;min-height:46px!important;}
  #contactForm .f-textarea{min-height:145px!important;}
  #contactForm .f-help{font-size:.78rem!important;line-height:1.5!important;}
  #contactForm .f-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
  #contactForm #fSubmit{width:100%!important;justify-content:center!important;}
  .lpo-section{padding:48px 0!important;}
  .lpo-head{margin-bottom:22px!important;}
  .lpo-head p{font-size:.94rem!important;line-height:1.62!important;}
  .lpo-demo-grid{gap:16px!important;}
  .lpo-demo-card{border-radius:24px!important;}
  .lpo-demo-media{padding:12px 12px 0!important;}
  .lpo-demo-browser{height:210px!important;border-radius:18px 18px 0 0!important;}
  .lpo-demo-body{padding:18px!important;}
  .lpo-demo-body p{line-height:1.55!important;}
  .lpo-demo-tags{gap:6px!important;}
  .lpo-demo-tags span{font-size:11px!important;padding:6px 9px!important;}
}
@media (max-width: 380px){
  .nav__logo svg,.nav.scrolled .nav__logo svg{max-width:176px!important;}
  .hero-headline{font-size:clamp(1.9rem,10.8vw,2.55rem)!important;}
  .mm-link{font-size:1.42rem!important;}
}

/* Rozana v54.79 targeted mobile/demo/footer refinements */
/* Demo preview images are now static visual captures, not iframes. */
.lpo-demo-preview-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  transform:none!important;
  opacity:1!important;
  background:#09090c!important;
}
.lpo-demo-card:hover .lpo-demo-preview-img{
  transform:scale(1.025)!important;
}
.lpo-demo-browser{
  background:#09090c!important;
}

/* Landing page FAQ visibility fix. */
.lpo-faq-answer{
  height:auto!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  transition:max-height .42s cubic-bezier(.16,1,.3,1), opacity .28s ease!important;
}
.lpo-faq-item.is-open .lpo-faq-answer{
  height:auto!important;
  max-height:980px!important;
  opacity:1!important;
}
.lpo-faq-item.is-open .lpo-faq-answer p{
  color:rgba(255,255,255,.78)!important;
  visibility:visible!important;
}

/* Landing hero CTA spacing cleanup. */
.landing-oman-hero .hero-bottom{
  gap:18px!important;
}
.landing-oman-hero .hero-actions{
  margin-top:0!important;
}

/* Footer legal links centered in the bottom row. */
.footer-bottom{
  justify-content:center!important;
  text-align:center!important;
}
.footer-legal{
  justify-content:center!important;
  text-align:center!important;
}

@media (max-width: 960px){
  /* Home hero alignment on mobile: keep the headline visually centered inside the viewport. */
  #home .hero-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  #home .hero-eyebrow,
  #home .hero-bottom,
  #home .hero-actions{
    align-items:center!important;
    justify-content:center!important;
  }
  #home .hero-desc{
    margin-inline:auto!important;
    text-align:center!important;
    max-width:34rem!important;
  }
  #home .hero-headline{
    max-width:12.6ch!important;
    margin-inline:auto!important;
  }

  /* Prevent long heading fragments like Practical Case Study from pushing outside the viewport. */
  .hero-headline,
  .section-title,
  .pro-title,
  .label-tag{
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .title-break .rz-no-italic,
  .hero-headline .title-break .rz-no-italic,
  .section-title .title-break .rz-no-italic{
    white-space:normal!important;
  }
  #use-cases .hero-headline,
  #use-cases .section-title,
  body:has(#use-cases) .hero-headline{
    max-width:100%!important;
  }
  #use-cases .label-tag,
  body:has(#use-cases) .label-tag{
    max-width:100%!important;
    letter-spacing:.11em!important;
    line-height:1.45!important;
  }

  /* Landing page hero buttons closer to the text above on mobile. */
  .landing-oman-hero .hero-bottom{
    gap:10px!important;
  }
  .landing-oman-hero .hero-actions,
  .landing-oman-hero .hero-actions .btn-p,
  .landing-oman-hero .hero-actions .btn-g{
    margin-top:0!important;
  }

  /* Our Mission card: separate image and text on mobile to avoid cramped overlay. */
  #about .home-mission-banner{
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(18,18,24,.98),rgba(9,9,13,.98))!important;
  }
  #about .home-mission-banner picture,
  #about .home-mission-banner img{
    width:100%!important;
    height:190px!important;
    border-radius:0!important;
  }
  #about .home-mission-banner img{
    object-fit:cover!important;
    object-position:center 38%!important;
    opacity:.78!important;
    filter:saturate(.96) contrast(1.05)!important;
  }
  #about .home-mission-banner::before{
    bottom:auto!important;
    height:190px!important;
    background:linear-gradient(180deg,rgba(9,9,12,.10),rgba(9,9,12,.72))!important;
  }
  #about .home-mission-banner .about-intro-visual__copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    max-width:none!important;
    width:100%!important;
    padding:18px!important;
    background:linear-gradient(180deg,rgba(15,15,20,.96),rgba(10,10,14,.98))!important;
  }
  #about .home-mission-banner .about-intro-visual__copy strong{
    font-size:1.36rem!important;
    line-height:1.16!important;
  }
  #about .home-mission-banner .about-intro-visual__copy small{
    display:block!important;
    margin-top:10px!important;
    font-size:.82rem!important;
    line-height:1.58!important;
    color:rgba(237,232,223,.72)!important;
  }
  #about .home-mission-banner__note{
    display:flex!important;
    width:100%!important;
    margin-top:14px!important;
    padding:11px 12px!important;
    font-size:.88rem!important;
    line-height:1.42!important;
  }

  /* Footer cards and spacing on mobile. */
  .footer-top{
    gap:14px!important;
  }
  .footer-top > div,
  .footer-col{
    padding:18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.025)!important;
  }
  .footer-col-title,
  .footer-links,
  .footer-contact,
  .footer-tag,
  .footer-partner-note{
    text-align:left!important;
  }
  .footer-bottom{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:12px!important;
    padding-top:22px!important;
  }
  .footer-copy,
  .footer-legal{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

@media (max-width: 420px){
  #home .hero-headline{
    max-width:11.8ch!important;
  }
  #about .home-mission-banner picture,
  #about .home-mission-banner img,
  #about .home-mission-banner::before{
    height:170px!important;
  }
  .lpo-demo-browser{
    height:196px!important;
  }
}


/* Rozana v54.80 header/menu/home/footer refinements */
.brand-mark__word,
.brand-mark text:first-of-type{
  font-weight:700!important;
}

/* Mobile menu: remove the default blue focus box and use a stepped glow reveal. */
.mobile-menu:focus,
.mm-link:focus{
  outline:none!important;
}
.mm-link:focus-visible{
  outline:0!important;
  color:var(--accent-lite)!important;
  text-shadow:0 0 18px rgba(166,127,230,.35)!important;
}
@media (max-width:960px){
  .mobile-menu.open .mm-link{
    opacity:0;
    transform:translateY(12px);
    animation:rzMenuCascade .52s cubic-bezier(.16,1,.3,1) forwards;
  }
  .mobile-menu.open .mm-link:nth-child(1){animation-delay:.05s;}
  .mobile-menu.open .mm-link:nth-child(2){animation-delay:.12s;}
  .mobile-menu.open .mm-link:nth-child(3){animation-delay:.19s;}
  .mobile-menu.open .mm-link:nth-child(4){animation-delay:.26s;}
  .mobile-menu.open .mm-link:nth-child(5){animation-delay:.33s;}
  .mobile-menu.open .mm-link:nth-child(6){animation-delay:.40s;}
  .mobile-menu.open .mm-link:nth-child(7){animation-delay:.47s;}
  .mobile-menu.open .mm-link::before{
    content:"";
    width:0;
    height:1px;
    margin-right:0;
    background:linear-gradient(90deg,var(--gold),rgba(166,127,230,.85));
    box-shadow:0 0 20px rgba(166,127,230,.45);
    transition:width .36s var(--ease), margin-right .36s var(--ease);
  }
  .mobile-menu.open .mm-link:hover::before,
  .mobile-menu.open .mm-link:focus-visible::before{
    width:28px;
    margin-right:12px;
  }
}
@keyframes rzMenuCascade{
  0%{opacity:0;transform:translateY(14px);color:rgba(237,232,223,.38);text-shadow:none;}
  55%{opacity:1;color:#fff;text-shadow:0 0 24px rgba(166,127,230,.42);}
  100%{opacity:1;transform:translateY(0);color:var(--txt-primary);text-shadow:0 0 0 transparent;}
}

/* Home mobile: stable centered heading and no layout jump on first paint. */
@media (max-width:960px){
  #home.hero{
    min-height:auto!important;
    overflow:hidden!important;
    padding-top:calc(98px + env(safe-area-inset-top))!important;
    padding-bottom:42px!important;
  }
  #home .container.hero-content{
    width:calc(100% - 32px)!important;
    min-height:auto!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  #home .hero-content{
    min-height:auto!important;
    align-items:center!important;
    text-align:center!important;
    padding-top:0!important;
  }
  #home .hero-eyebrow,
  #home .hero-headline,
  #home .hero-bottom{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  #home .hero-eyebrow{
    justify-content:center!important;
    width:100%!important;
    margin-bottom:14px!important;
  }
  #home .hero-headline{
    width:100%!important;
    max-width:min(100%, 23.5rem)!important;
    margin:0 auto 18px!important;
    text-align:center!important;
    font-size:clamp(2.02rem,9.4vw,2.8rem)!important;
    line-height:1.08!important;
    letter-spacing:-.038em!important;
  }
  #home .hero-headline .line{
    display:block!important;
    text-align:center!important;
    white-space:normal!important;
  }
  #home .hero-intel-effect{
    margin-inline:auto!important;
  }
  #home .hero-bottom{
    width:100%!important;
    max-width:36rem!important;
    margin-inline:auto!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #home .hero-desc{
    margin-inline:auto!important;
    text-align:center!important;
  }
}

/* Keep the partner sentence readable; avoid flex splitting every word onto separate lines. */
#about .home-mission-banner__note,
.home-mission-banner__note{
  display:block!important;
  text-align:center!important;
  max-width:100%!important;
  white-space:normal!important;
}
#about .home-mission-banner__note::before,
.home-mission-banner__note::before{
  display:none!important;
}

/* Landing page hero buttons should match the Services/page hero rhythm. */
.landing-oman-hero .hero-bottom{
  gap:24px!important;
}
.landing-oman-hero .hero-actions{
  gap:18px!important;
  margin-top:4px!important;
}
@media (max-width:960px){
  .landing-oman-hero .hero-bottom{
    gap:18px!important;
  }
  .landing-oman-hero .hero-actions{
    gap:10px!important;
    margin-top:4px!important;
  }
}

/* Footer bottom: desktop back to left copyright / right legal; mobile more readable. */
.footer-bottom{
  justify-content:space-between!important;
  align-items:center!important;
  text-align:left!important;
}
.footer-copy{
  text-align:left!important;
  margin-right:auto!important;
}
.footer-legal{
  justify-content:flex-end!important;
  text-align:right!important;
  margin-left:auto!important;
}
@media (max-width:760px){
  .footer-bottom{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:12px!important;
    text-align:left!important;
  }
  .footer-copy{
    width:100%!important;
    text-align:left!important;
    margin:0!important;
  }
  .footer-legal{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.025)!important;
  }
}

/* Cookie modal button hover: keep Save Choices text visible. */
.cookie__btn--save:hover,
.cookie__btn--save:focus-visible,
.cookie__btn--accept:hover,
.cookie__btn--accept:focus-visible{
  color:#171326!important;
  background:#d8bd73!important;
  border-color:#d8bd73!important;
  text-shadow:none!important;
}


/* Rozana v54.82 logo readability + build-stability polish */
.brand-mark .brand-mark-subtitle,
.nav__logo .brand-mark text:nth-of-type(2),
.footer-logo text:nth-of-type(2){
  font-weight:700!important;
  letter-spacing:.12em!important;
  fill:var(--gold)!important;
  opacity:.94!important;
  font-size:8.8px!important;
  text-rendering:geometricPrecision!important;
}
.nav__logo .brand-mark text:first-of-type,
.footer-logo text:first-of-type{
  font-weight:800!important;
  letter-spacing:.10em!important;
}


/* Rozana v54.83 final mobile interaction corrections */
/* Mobile menu: keep the layout stable and add a visible colored stepped light effect. */
@media (max-width:960px){
  .mobile-menu.open .mm-link{
    --rz-step-glow: rgba(166,127,230,.52);
    opacity:1!important;
    transform:none!important;
    position:relative!important;
    overflow:hidden!important;
    animation:rzMenuColorPulse .92s cubic-bezier(.16,1,.3,1) both!important;
    background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,0) 58%)!important;
    transition:color .24s ease, background .24s ease, text-shadow .24s ease!important;
  }
  .mobile-menu.open .mm-link:nth-child(1){--rz-step-glow:rgba(201,167,108,.64);animation-delay:.04s!important;}
  .mobile-menu.open .mm-link:nth-child(2){--rz-step-glow:rgba(166,127,230,.62);animation-delay:.13s!important;}
  .mobile-menu.open .mm-link:nth-child(3){--rz-step-glow:rgba(91,141,217,.58);animation-delay:.22s!important;}
  .mobile-menu.open .mm-link:nth-child(4){--rz-step-glow:rgba(106,191,136,.54);animation-delay:.31s!important;}
  .mobile-menu.open .mm-link:nth-child(5){--rz-step-glow:rgba(201,167,108,.58);animation-delay:.40s!important;}
  .mobile-menu.open .mm-link:nth-child(6){--rz-step-glow:rgba(166,127,230,.60);animation-delay:.49s!important;}
  .mobile-menu.open .mm-link:nth-child(7){--rz-step-glow:rgba(255,255,255,.52);animation-delay:.58s!important;}
  .mobile-menu.open .mm-link::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:42px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    transform:translateY(-50%) scaleX(0)!important;
    transform-origin:left center!important;
    background:linear-gradient(90deg,var(--rz-step-glow),rgba(255,255,255,.72),transparent)!important;
    box-shadow:0 0 18px var(--rz-step-glow),0 0 42px var(--rz-step-glow)!important;
    opacity:0!important;
    animation:rzMenuLightBar .82s cubic-bezier(.16,1,.3,1) both!important;
    animation-delay:inherit!important;
  }
  .mobile-menu.open .mm-link::after{
    content:""!important;
    position:absolute!important;
    inset:6px -16px 6px 0!important;
    border-radius:18px!important;
    background:radial-gradient(circle at 4% 50%,var(--rz-step-glow),transparent 44%)!important;
    opacity:0!important;
    pointer-events:none!important;
    animation:rzMenuSoftWash .82s ease both!important;
    animation-delay:inherit!important;
  }
  .mobile-menu.open .mm-link:hover,
  .mobile-menu.open .mm-link:focus-visible{
    color:#fff!important;
    text-shadow:0 0 18px var(--rz-step-glow)!important;
    background:linear-gradient(90deg,rgba(255,255,255,.052),rgba(255,255,255,0) 66%)!important;
  }
  .mobile-menu.open .mm-link:hover::before,
  .mobile-menu.open .mm-link:focus-visible::before{
    transform:translateY(-50%) scaleX(1)!important;
    opacity:1!important;
  }
}
@keyframes rzMenuColorPulse{
  0%{color:rgba(237,232,223,.54);text-shadow:none;background-color:transparent;}
  45%{color:#fff;text-shadow:0 0 22px var(--rz-step-glow);background-color:rgba(255,255,255,.028);}
  100%{color:var(--txt-primary);text-shadow:0 0 0 transparent;background-color:transparent;}
}
@keyframes rzMenuLightBar{
  0%{opacity:0;transform:translateY(-50%) scaleX(0);}
  35%{opacity:1;transform:translateY(-50%) scaleX(1);}
  100%{opacity:.2;transform:translateY(-50%) scaleX(.16);}
}
@keyframes rzMenuSoftWash{
  0%{opacity:0;transform:translateX(-18px);}
  42%{opacity:.42;transform:translateX(0);}
  100%{opacity:.04;transform:translateX(12px);}
}

/* Contact hero scroll button: button element should look identical to links. */
button.btn-p,button.btn-g{
  border:0;
  cursor:pointer;
  font:inherit;
}

/* Home mobile: return the hero copy to the original left-aligned placement. */
@media (max-width:960px){
  #home .hero-content,
  #home .container.hero-content{
    align-items:flex-start!important;
    text-align:left!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #home .hero-eyebrow{
    justify-content:flex-start!important;
    align-items:center!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #home .hero-headline{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
    max-width:min(100%, 24.5rem)!important;
  }
  #home .hero-headline .line{
    text-align:left!important;
  }
  #home .hero-intel-effect{
    margin-left:0!important;
    margin-right:auto!important;
  }
  #home .hero-bottom{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
    max-width:34rem!important;
  }
  #home .hero-desc{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  #home .hero-actions{
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
}

/* Landing Page Design mobile header buttons: same compact mobile rhythm as other page headers. */
@media (max-width:960px){
  .landing-oman-hero .hero-bottom{
    gap:12px!important;
  }
  .landing-oman-hero .hero-actions{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:0!important;
  }
  .landing-oman-hero .hero-actions .btn-p,
  .landing-oman-hero .hero-actions .btn-g{
    width:100%!important;
    min-height:46px!important;
    justify-content:center!important;
    text-align:center!important;
    padding:13px 16px!important;
  }
}


/* Rozana v54.84 mobile CTA/footer consistency refinements */
/* Mobile-only center alignment for the partner note. */
@media (max-width:760px){
  .home-mission-banner__note,
  #about .home-mission-banner__note{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    display:flex!important;
    padding:11px 14px!important;
  }
  .home-mission-banner__note span,
  #about .home-mission-banner__note span{
    display:inline!important;
  }
}

/* One mobile button system for FAQ and all page-hero actions. */
@media (max-width:960px){
  .hero-actions,
  .page-actions,
  .legal-header-page .hero-actions,
  .legal-header-page .page-actions{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:4px!important;
  }
  .hero-actions .btn-p,
  .hero-actions .btn-g,
  .page-actions .btn-p,
  .page-actions .btn-g,
  .legal-header-page .hero-actions .btn-p,
  .legal-header-page .hero-actions .btn-g,
  .legal-header-page .page-actions .btn-p,
  .legal-header-page .page-actions .btn-g,
  button.btn-p,
  button.btn-g{
    width:100%!important;
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:13px 16px!important;
    font-family:var(--font-label)!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    border-radius:var(--r-sm)!important;
    white-space:normal!important;
  }
  .hero-actions .btn-p,
  .page-actions .btn-p,
  button.btn-p{
    color:var(--bg)!important;
    background:var(--txt-primary)!important;
    border:0!important;
  }
  .hero-actions .btn-g,
  .page-actions .btn-g,
  button.btn-g{
    color:var(--txt-sec)!important;
    background:transparent!important;
    border:1px solid var(--border-lite)!important;
  }
}

/* Contact CTA button uses the same label scale as other page hero buttons. */
#contact .hero-actions button.btn-p,
#contact .hero-actions .btn-p,
body:has(#contact) .hero-actions button.btn-p{
  font-family:var(--font-label)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* Remove underline/bottom border from footer cookie settings across desktop and mobile. */
.footer-legal a,
.footer-legal a:link,
.footer-legal a:visited,
.footer-legal a:hover,
.footer-legal a:focus,
.footer-legal-btn,
.footer-legal-btn:hover,
.footer-legal-btn:focus,
.footer-legal-btn:focus-visible{
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
.footer-legal-btn{
  outline-offset:4px!important;
}

/* Footer legal returns to desktop rhythm; mobile keeps a calmer placement without underlines. */
@media (min-width:761px){
  .footer-bottom{
    justify-content:space-between!important;
    text-align:left!important;
  }
  .footer-legal{
    justify-content:flex-end!important;
    text-align:right!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
}
@media (max-width:760px){
  .footer-bottom{
    align-items:flex-start!important;
    text-align:left!important;
    gap:10px!important;
  }
  .footer-copy{
    text-align:left!important;
  }
  .footer-legal{
    width:auto!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:8px!important;
    padding:8px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
}