/* OrderBite marketing UI audit v2
   Design-only corrections for the homepage and niche landing pages. */

/* A readable, stable navigation surface on every marketing page. */
.marketing-page .public-nav{
  position:sticky;
  top:max(10px,env(safe-area-inset-top));
  z-index:1000;
  min-height:72px;
  height:auto;
  margin-top:12px;
  padding:8px 12px 8px 15px;
  border:2px solid var(--ink);
  border-radius:18px;
  background:#fffdf8;
  box-shadow:5px 5px 0 var(--ink);
  isolation:isolate;
}
.marketing-page .public-nav>div{gap:24px;font-size:14px;line-height:1.2}
.marketing-page .public-nav>div>a{padding-block:10px}
.marketing-page .public-nav .brand{flex:0 0 auto;font-size:21px;line-height:1}
.marketing-page .public-nav .brand-mark{width:34px;height:34px}
.marketing-page .public-nav .brand-copy{display:grid;gap:2px}
.marketing-page .public-nav .brand-name{font-size:20px;line-height:.92}
.marketing-page .public-nav .brand-byline{font-size:9px;line-height:1;letter-spacing:.02em}
.marketing-page .public-nav .nav-cta{padding:12px 17px;color:#fff}

/* Homepage: remove hard-to-read microcopy while preserving the current layout. */
.landing-revamp-page .ob-hero-topline{font-size:11px}
.landing-revamp-page .ob-watch-link,
.landing-revamp-page .ob-whatsapp-sales-link{font-size:14px}
.landing-revamp-page .ob-watch-link>span{font-size:10px}
.landing-revamp-page .ob-hero-proof>span{font-size:12px}
.landing-revamp-page .ob-hero-proof b{font-size:9px}
.landing-revamp-page .ob-stage-label{font-size:10px}
.landing-revamp-page .ob-menu-head b{font-size:13px}
.landing-revamp-page .ob-menu-head small{font-size:10px}
.landing-revamp-page .ob-cart-count{font-size:10px}
.landing-revamp-page .ob-demo-banner small{font-size:9px}
.landing-revamp-page .ob-demo-tabs span{font-size:10px}
.landing-revamp-page .ob-demo-item b{font-size:12px}
.landing-revamp-page .ob-demo-item small{font-size:10px}
.landing-revamp-page .ob-demo-item strong{font-size:12px}
.landing-revamp-page .ob-demo-checkout small{font-size:9px}
.landing-revamp-page .ob-demo-checkout b{font-size:12px}
.landing-revamp-page .ob-demo-checkout>strong{font-size:10px}
.landing-revamp-page .ob-float-card small{font-size:9px}
.landing-revamp-page .ob-float-card b{font-size:11px}
.landing-revamp-page .ob-free-sticker small,
.landing-revamp-page .ob-free-sticker span{font-size:8px}
.landing-revamp-page .ob-signal-strip>div{font-size:12px}
.landing-revamp-page .ob-fit-grid b{font-size:15px}
.landing-revamp-page .ob-fit-grid small{font-size:11px;line-height:1.45}
.landing-revamp-page .ob-logo-wall-copy>span{font-size:10px}
.landing-revamp-page .ob-logo-wall-copy p{font-size:13px;line-height:1.55}
.landing-revamp-page .ob-feature-list b{font-size:13px}
.landing-revamp-page .ob-feature-list small{font-size:11px;line-height:1.35}
.landing-revamp-page .ob-brand-card-head small,
.landing-revamp-page .ob-brand-pills span,
.landing-revamp-page .ob-brand-product small,
.landing-revamp-page .ob-palette-card>span,
.landing-revamp-page .ob-logo-card>span,
.landing-revamp-page .ob-logo-card small{font-size:10px}
.landing-revamp-page .ob-step-no{font-size:11px}
.landing-revamp-page .link-art span,
.landing-revamp-page .build-art span,
.landing-revamp-page .wa-art span{font-size:11px}
.landing-revamp-page .ob-flow-grid p{font-size:14px;line-height:1.65}
.landing-revamp-page .ob-value-copy>span{font-size:11px}
.landing-revamp-page .ob-value-copy p{font-size:14px;line-height:1.7}
.landing-revamp-page .ob-value-grid span{font-size:12px;line-height:1.4}
.landing-revamp-page .ob-trial-callout>span{font-size:11px}
.landing-revamp-page .ob-trial-callout p{font-size:12px;line-height:1.5}
.landing-revamp-page .ob-plan-heading>b,
.landing-revamp-page .ob-world-prices .primary-region>span,
.landing-revamp-page .ob-world-prices .primary-region small,
.landing-revamp-page .ob-world-prices summary,
.landing-revamp-page .ob-intl-prices>span{font-size:11px!important}
.landing-revamp-page .ob-plan-for{min-height:50px!important;font-size:13px!important;line-height:1.55!important}
.landing-revamp-page .ob-price-grid li{font-size:13px;line-height:1.45}
.landing-revamp-page .ob-price-grid .button{font-size:13px}
.landing-revamp-page .ob-faq-list p{font-size:14px;line-height:1.7}
.landing-revamp-page .ob-final-cta>div>span{font-size:11px}
.landing-revamp-page .ob-final-cta p{font-size:14px;line-height:1.65}
.landing-revamp-page .ob-footer nav,
.landing-revamp-page .ob-footer>span{font-size:12px}
.landing-revamp-page .ob-system-card{min-height:470px}
.landing-revamp-page .ob-system-card-top>small{font-size:10px}
.landing-revamp-page .ob-system-card>p{font-size:14px;line-height:1.65}
.landing-revamp-page .ob-system-points>span{min-height:46px;font-size:12px;line-height:1.3}
.landing-revamp-page .ob-system-mini-web b{font-size:12px}
.landing-revamp-page .ob-system-mini-web span{font-size:11px}
.landing-revamp-page .ob-system-mini-business>b{font-size:11px}
.landing-revamp-page .ob-system-mini-business span{font-size:9px}
.landing-revamp-page .ob-system-bridge{font-size:11px}
.landing-revamp-page .ob-system-bridge b{font-size:12px}
.landing-revamp-page .ob-app-copy>span{font-size:11px}
.landing-revamp-page .ob-app-copy p{font-size:15px;line-height:1.7}
.landing-revamp-page .ob-app-points article{min-height:205px}
.landing-revamp-page .ob-app-points article>b{font-size:16px}
.landing-revamp-page .ob-app-points article>small{font-size:12px;line-height:1.5}
.landing-revamp-page .ob-app-badge{font-size:11px}
.landing-revamp-page .ob-industry-grid b{font-size:16px}
.landing-revamp-page .ob-industry-grid small{font-size:11px;line-height:1.4}
.landing-revamp-page .done-for-you-strip p{font-size:14px;line-height:1.6}
.landing-revamp-page .ob-floating-whatsapp small{font-size:9px}
.landing-revamp-page .ob-floating-whatsapp b{font-size:12px}

/* Niche palettes: each page now carries its business category through the full page. */
.niche-landing-page{
  --niche-bg:#fff4ec;
  --niche-surface:#fffdf9;
  --niche-soft:#ffe1d5;
  --niche-accent:#df3b29;
  --niche-accent-strong:#ae281b;
  --niche-highlight:#ffd56b;
  --niche-muted:#655950;
  --niche-on-accent:#fff;
  background:var(--niche-bg);
}
.niche-red{
  --niche-bg:#fff4ec;
  --niche-surface:#fffdf9;
  --niche-soft:#ffe1d5;
  --niche-accent:#df3b29;
  --niche-accent-strong:#ae281b;
  --niche-highlight:#ffd56b;
}
.niche-pink{
  --niche-bg:#fff7fa;
  --niche-surface:#fffdfd;
  --niche-soft:#ffe6ef;
  --niche-accent:#d33f70;
  --niche-accent-strong:#9f2953;
  --niche-highlight:#f7cfdd;
  --niche-muted:#6a5660;
}
.niche-brown{
  --niche-bg:#f6ecdf;
  --niche-surface:#fffaf2;
  --niche-soft:#ead5bd;
  --niche-accent:#71452f;
  --niche-accent-strong:#4d2d1e;
  --niche-highlight:#dfb77e;
  --niche-muted:#66564b;
}
.niche-green{
  --niche-bg:#f2f8e9;
  --niche-surface:#fbfff6;
  --niche-soft:#dcedc8;
  --niche-accent:#218255;
  --niche-accent-strong:#145b3b;
  --niche-highlight:#cfe783;
  --niche-muted:#526257;
}
.niche-yellow{
  --niche-bg:#fff7e2;
  --niche-surface:#fffdf7;
  --niche-soft:#ffe6ad;
  --niche-accent:#c77816;
  --niche-accent-strong:#8a4e0e;
  --niche-highlight:#ffd36a;
  --niche-muted:#665a47;
}

.niche-landing-page .public-nav{background:var(--niche-surface)}
.niche-landing-page .public-nav>div>a:hover{color:var(--niche-accent)}
.niche-landing-page .public-nav .nav-cta{background:var(--niche-accent);box-shadow:3px 3px 0 var(--ink)}
.niche-landing-page .niche-back{color:var(--niche-accent-strong)}
.niche-landing-page .niche-kicker{background:var(--niche-highlight)}
.niche-landing-page .niche-proof b{background:var(--niche-surface);border-color:var(--niche-soft)}
.niche-landing-page .niche-menu-demo,
.niche-landing-page .niche-problems article,
.niche-landing-page .niche-feature-grid>span,
.niche-landing-page .niche-order-flow article,
.niche-landing-page .niche-audiences a{background:var(--niche-surface)}
.niche-landing-page .niche-demo-top>span,
.niche-landing-page .niche-demo-install>span,
.niche-landing-page .niche-demo-order{background:var(--niche-accent);color:var(--niche-on-accent)}
.niche-landing-page .niche-demo-install,
.niche-landing-page .niche-app-steps article:nth-child(2),
.niche-landing-page .niche-feature-grid .app-feature,
.niche-landing-page .niche-order-flow article:nth-child(2),
.niche-landing-page .niche-audiences a.active{background:var(--niche-highlight)}
.niche-landing-page .niche-demo-items article>span{background:var(--niche-soft)}
.niche-landing-page .niche-demo-items strong,
.niche-landing-page .niche-problems i{color:var(--niche-accent)}
.niche-landing-page .niche-app-band{background:var(--niche-accent);color:var(--niche-on-accent)}
.niche-landing-page .niche-app-layout .button{background:var(--niche-highlight);color:var(--ink)}
.niche-landing-page .niche-feature-grid .app-feature i{background:var(--niche-accent)}
.niche-landing-page .niche-final{background:var(--niche-accent-strong);box-shadow:9px 9px 0 var(--niche-accent)}
.niche-landing-page .ob-mobile-cta{background:var(--niche-highlight)}

/* Niche-page readability and hierarchy. */
.niche-landing-page .niche-back{font-size:13px}
.niche-landing-page .niche-kicker{font-size:11px}
.niche-landing-page .niche-hero-copy>p{color:var(--niche-muted);font-size:17px;line-height:1.7}
.niche-landing-page .niche-hero-actions>a:last-child{font-size:13px}
.niche-landing-page .niche-proof b{font-size:11px}
.niche-landing-page .niche-menu-demo:before{font-size:10px}
.niche-landing-page .niche-demo-top b{font-size:14px}
.niche-landing-page .niche-demo-top small{font-size:10px}
.niche-landing-page .niche-demo-top>i{font-size:10px}
.niche-landing-page .niche-demo-install b{font-size:12px}
.niche-landing-page .niche-demo-install small{font-size:10px;line-height:1.35}
.niche-landing-page .niche-demo-install button{font-size:10px}
.niche-landing-page .niche-demo-tabs span{font-size:10px}
.niche-landing-page .niche-demo-items b{font-size:12px}
.niche-landing-page .niche-demo-items small{font-size:10px}
.niche-landing-page .niche-demo-items strong{font-size:11px}
.niche-landing-page .niche-demo-order small{font-size:9px}
.niche-landing-page .niche-demo-order b{font-size:12px}
.niche-landing-page .niche-demo-order strong{font-size:10px}
.niche-landing-page .niche-app-layout>div:first-child>span,
.niche-landing-page .niche-problems header>span,
.niche-landing-page .niche-feature-section>div:first-child>span,
.niche-landing-page .niche-order-flow header>span,
.niche-landing-page .niche-audiences header>span,
.niche-landing-page .niche-faq>div:first-child>span,
.niche-landing-page .niche-final>span{font-size:11px}
.niche-landing-page .niche-app-layout p{font-size:15px;line-height:1.7}
.niche-landing-page .niche-app-steps span{font-size:18px}
.niche-landing-page .niche-app-steps small{font-size:12px;line-height:1.5}
.niche-landing-page .niche-problems h3{font-size:24px}
.niche-landing-page .niche-problems p{color:var(--niche-muted);font-size:14px;line-height:1.65}
.niche-landing-page .niche-feature-section p{color:var(--niche-muted);font-size:15px;line-height:1.7}
.niche-landing-page .niche-feature-grid>span{font-size:13px;line-height:1.4}
.niche-landing-page .niche-order-flow header>p,
.niche-landing-page .niche-order-flow p{color:var(--niche-muted);font-size:14px;line-height:1.65}
.niche-landing-page .niche-audiences a>b{font-size:12px}
.niche-landing-page .niche-faq summary{font-size:15px;line-height:1.45}
.niche-landing-page .niche-faq p{color:var(--niche-muted);font-size:14px;line-height:1.7}
.niche-landing-page .niche-final p{font-size:16px;line-height:1.6}
.niche-landing-page .niche-final>div>a:last-child{font-size:13px}
.niche-landing-page .ob-footer p,
.niche-landing-page .ob-footer nav,
.niche-landing-page .ob-footer>span{font-size:12px}

@media(max-width:860px){
  .marketing-page .public-nav{top:max(8px,env(safe-area-inset-top));min-height:66px}
  .marketing-page .public-nav>div{gap:10px}
  .marketing-page .public-nav>div>a:not(.nav-cta){display:none}
  .niche-landing-page .niche-hero{padding-top:52px}
}

@media(max-width:620px){
  .marketing-page .public-nav{min-height:60px;margin-top:8px;padding:7px 9px;border-radius:15px;box-shadow:4px 4px 0 var(--ink)}
  .marketing-page .public-nav .brand{gap:8px}
  .marketing-page .public-nav .brand-name{font-size:18px}
  .marketing-page .public-nav .brand-byline{font-size:8px}
  .marketing-page .public-nav .nav-cta{min-height:40px;padding:9px 11px;font-size:11px}
  .landing-revamp-page .ob-hero-topline{font-size:10px;line-height:1.35}
  .landing-revamp-page .ob-hero-lead{font-size:15px}
  .landing-revamp-page .ob-hero-proof>span{font-size:10px}
  .landing-revamp-page .ob-float-card small{font-size:8px}
  .landing-revamp-page .ob-float-card b{font-size:10px}
  .landing-revamp-page .ob-section-head p,
  .landing-revamp-page .ob-brand-copy>p,
  .landing-revamp-page .ob-app-copy p{font-size:14px}
  .landing-revamp-page .ob-fit-grid small,
  .landing-revamp-page .ob-industry-grid small{font-size:10px}
  .landing-revamp-page .ob-flow-grid p,
  .landing-revamp-page .ob-value-copy p,
  .landing-revamp-page .ob-faq-list p,
  .landing-revamp-page .ob-final-cta p,
  .landing-revamp-page .done-for-you-strip p{font-size:13px}
  .landing-revamp-page .ob-system-card{min-height:auto;padding-bottom:130px}
  .landing-revamp-page .ob-system-card>p{font-size:13px}
  .landing-revamp-page .ob-system-points>span{font-size:11px}
  .landing-revamp-page .ob-system-mini-business span{font-size:8px}
  .landing-revamp-page .ob-app-points article{min-height:145px}
  .landing-revamp-page .ob-app-points article>small{font-size:11px}
  .landing-revamp-page .ob-plan-for,
  .landing-revamp-page .ob-price-grid li{font-size:12px!important}
  .landing-revamp-page .ob-mobile-cta small{font-size:8px}
  .landing-revamp-page .ob-mobile-cta>strong{font-size:11px}
  .niche-landing-page .niche-hero-copy>p{font-size:15px}
  .niche-landing-page .niche-proof b{font-size:10px}
  .niche-landing-page .niche-app-layout p,
  .niche-landing-page .niche-feature-section p{font-size:14px}
  .niche-landing-page .niche-problems p,
  .niche-landing-page .niche-order-flow header>p,
  .niche-landing-page .niche-order-flow p,
  .niche-landing-page .niche-faq p{font-size:13px}
  .niche-landing-page .niche-feature-grid>span{font-size:12px}
  .niche-landing-page .niche-faq summary{font-size:14px}
  .niche-landing-page .niche-final p{font-size:14px}
  .niche-landing-page .ob-mobile-cta small{font-size:8px}
  .niche-landing-page .ob-mobile-cta>strong{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .marketing-page .public-nav{scroll-behavior:auto}
}