/* OrderBite landing conversion v1
   App-first hierarchy, real food imagery and responsive conversion sections. */

/* Homepage hero: one promise, one primary action. */
.landing-revamp-page .ob-hero{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:48px;padding-top:64px}
.landing-revamp-page .ob-hero h1{max-width:820px;font-size:clamp(55px,6.35vw,90px);line-height:.86}
.landing-revamp-page .ob-hero-lead{max-width:690px;font-size:18px}
.landing-revamp-page .ob-hero-actions{flex-wrap:wrap;row-gap:16px}
.landing-revamp-page .ob-primary-cta{background:var(--red);box-shadow:4px 4px 0 var(--ink)}
.landing-revamp-page .ob-primary-cta:hover{background:var(--ink)}
.landing-revamp-page .ob-hero-proof>span{background:#fffdf8;border-color:#d7cfc4;color:#3f3934}
.landing-revamp-page .ob-stage-label{background:var(--ink);border-color:var(--ink);color:#fff}
.landing-revamp-page .ob-demo-banner img{filter:saturate(1.08) contrast(1.02)}

/* A visual proof section immediately after the app promise. */
.ob-visual-proof{padding-block:20px 118px}
.ob-visual-proof-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.55fr);gap:44px;align-items:end;margin-bottom:34px}
.ob-visual-proof-head>.section-kicker{grid-column:1/-1;justify-self:start}
.ob-visual-proof-head h2{margin:0;max-width:820px;font-size:clamp(48px,6vw,78px);line-height:.88;letter-spacing:-.068em}
.ob-visual-proof-head p{margin:0;color:var(--muted);font:700 15px/1.72 Manrope,sans-serif}
.ob-visual-proof-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:14px}
.ob-visual-proof-grid figure{position:relative;overflow:hidden;min-height:420px;margin:0;border:2px solid var(--ink);border-radius:22px;background:#fff;box-shadow:5px 5px 0 var(--ink)}
.ob-visual-proof-grid img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .35s ease}
.ob-visual-proof-grid figure:hover img{transform:scale(1.025)}
.ob-visual-proof-grid figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:5px;padding:14px;border:2px solid var(--ink);border-radius:14px;background:rgba(255,253,248,.94);backdrop-filter:blur(8px)}
.ob-visual-proof-grid figcaption b{font-size:18px;line-height:1.1}
.ob-visual-proof-grid figcaption small{color:var(--muted);font-size:12px;line-height:1.45;font-weight:750}

/* Industry links are now visual product-category cards, not emoji tiles. */
.landing-revamp-page .ob-industry-pages{padding-top:20px}
.landing-revamp-page .ob-industry-grid a{grid-template-rows:142px auto 1fr;gap:13px;min-height:300px;padding:12px;border-radius:21px}
.landing-revamp-page .ob-industry-grid a:hover{background:#fff;transform:translateY(-5px)}
.landing-revamp-page .ob-industry-grid a>span{display:block;overflow:hidden;width:100%;height:142px;border:2px solid var(--ink);border-radius:14px;background:#eee}
.landing-revamp-page .ob-industry-grid a>span img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.landing-revamp-page .ob-industry-grid a:hover>span img{transform:scale(1.045)}
.landing-revamp-page .ob-industry-grid b{align-self:start;padding-inline:3px;font-size:18px;line-height:1.08}
.landing-revamp-page .ob-industry-grid small{align-self:end;padding:10px 3px 3px;color:#4f4841;font-size:12px;line-height:1.45}

/* Niche app preview: a real hero image plus real product thumbnails. */
.niche-landing-page .niche-hero{grid-template-columns:minmax(0,.95fr) minmax(430px,.85fr);gap:55px;padding-top:62px}
.niche-landing-page .niche-hero h1{font-size:clamp(54px,6.15vw,84px);line-height:.9}
.niche-landing-page .niche-menu-demo{padding-top:18px}
.niche-demo-hero{position:relative;overflow:hidden;height:225px;margin:0 0 15px;border:2px solid var(--ink);border-radius:17px;background:var(--niche-soft)}
.niche-demo-hero img{display:block;width:100%;height:100%;object-fit:cover}
.niche-demo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(20,16,13,.8))}
.niche-demo-hero figcaption{position:absolute;z-index:2;left:15px;right:15px;bottom:13px;display:grid;color:#fff}
.niche-demo-hero figcaption small{font-size:9px;font-weight:950;letter-spacing:.13em}
.niche-demo-hero figcaption b{font-size:24px;line-height:1.05}
.niche-landing-page .niche-demo-items article>span{display:block;overflow:hidden}
.niche-landing-page .niche-demo-items article>span img{display:block;width:100%;height:100%;object-fit:cover}

/* Category-specific image proof for every niche page. */
.niche-photo-proof{padding-block:112px;border-bottom:2px solid var(--ink)}
.niche-photo-proof>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:36px;align-items:end;margin-bottom:35px}
.niche-photo-proof>header>span{grid-column:1/-1;font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--niche-accent-strong)}
.niche-photo-proof h2{margin:0;font-size:clamp(48px,6vw,75px);line-height:.9;letter-spacing:-.065em}
.niche-photo-proof header p{margin:0;color:var(--niche-muted);font:700 15px/1.7 Manrope,sans-serif}
.niche-photo-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}
.niche-photo-grid figure{position:relative;overflow:hidden;min-height:390px;margin:0;border:2px solid var(--ink);border-radius:21px;background:var(--niche-surface);box-shadow:5px 5px 0 var(--ink)}
.niche-photo-grid img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;transition:transform .3s ease}
.niche-photo-grid figure:hover img{transform:scale(1.025)}
.niche-photo-grid figcaption{position:absolute;left:13px;right:13px;bottom:13px;display:grid;gap:5px;padding:13px;border:2px solid var(--ink);border-radius:13px;background:rgba(255,253,249,.94);backdrop-filter:blur(8px)}
.niche-photo-grid figcaption b{font-size:17px;line-height:1.1}
.niche-photo-grid figcaption small{color:var(--niche-muted);font-size:12px;line-height:1.45;font-weight:750}

/* Related audiences retain context with real category photography. */
.niche-landing-page .niche-audiences>div{grid-template-columns:repeat(5,1fr)}
.niche-landing-page .niche-audiences a{grid-template-columns:1fr;align-items:start;gap:10px;padding:11px;min-height:190px}
.niche-landing-page .niche-audiences a>span{display:block;overflow:hidden;width:100%;height:100px;border:1.5px solid var(--ink);border-radius:10px;background:var(--niche-soft)}
.niche-landing-page .niche-audiences a>span img{display:block;width:100%;height:100%;object-fit:cover}
.niche-landing-page .niche-audiences a>b{font-size:14px;line-height:1.2}
.niche-landing-page .niche-audiences a>i{justify-self:end}

/* A confident, photographic last CTA without changing its links or tracking. */
.niche-landing-page .niche-final{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:34px;align-items:stretch;padding:22px}
.niche-landing-page .niche-final:after{display:none}
.niche-landing-page .niche-final>.niche-final-copy{display:grid;align-content:center;align-items:initial;gap:0;margin-top:0;padding:30px 26px}
.niche-final-copy>span{font-size:11px;font-weight:950;letter-spacing:.14em}
.niche-final-copy h2{margin:14px 0;font-size:clamp(50px,6vw,76px)}
.niche-final-copy>p{max-width:600px;margin:0;color:rgba(255,255,255,.82)}
.niche-final-copy>div{display:flex;align-items:center;gap:20px;margin-top:22px}
.niche-final-copy>div>a:last-child{color:#fff;font-size:13px;font-weight:900;text-decoration:underline}
.niche-final-photo{overflow:hidden;min-height:390px;margin:0;border:2px solid var(--ink);border-radius:20px;background:var(--niche-soft)}
.niche-final-photo img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:1060px){
  .ob-visual-proof-grid,.niche-photo-grid{grid-template-columns:1.15fr .85fr}
  .ob-visual-proof-grid figure:last-child,.niche-photo-grid figure:last-child{grid-column:1/-1;min-height:300px}
  .ob-visual-proof-grid figure:last-child img,.niche-photo-grid figure:last-child img{min-height:300px}
  .landing-revamp-page .ob-industry-grid{grid-template-columns:repeat(3,1fr)}
  .niche-landing-page .niche-audiences>div{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:860px){
  .landing-revamp-page .ob-hero,.niche-landing-page .niche-hero{grid-template-columns:1fr}
  .ob-visual-proof-head,.niche-photo-proof>header{grid-template-columns:1fr;gap:18px}
  .ob-visual-proof-head>.section-kicker,.niche-photo-proof>header>span{grid-column:auto}
  .niche-landing-page .niche-menu-demo{max-width:620px}
  .niche-landing-page .niche-final{grid-template-columns:1fr}
  .niche-final-photo{min-height:300px}
}

@media(max-width:620px){
  .landing-revamp-page .ob-hero h1{font-size:49px;line-height:.9}
  .landing-revamp-page .ob-hero-lead{font-size:15px}
  .landing-revamp-page .ob-hero-proof>span{flex:1 1 100%}
  .ob-visual-proof{padding-block:10px 78px}
  .ob-visual-proof-head h2,.niche-photo-proof h2{font-size:44px}
  .ob-visual-proof-head p,.niche-photo-proof header p{font-size:14px}
  .ob-visual-proof-grid,.niche-photo-grid{grid-template-columns:1fr}
  .ob-visual-proof-grid figure,.ob-visual-proof-grid figure:last-child,.niche-photo-grid figure,.niche-photo-grid figure:last-child{grid-column:auto;min-height:310px}
  .ob-visual-proof-grid img,.ob-visual-proof-grid figure:last-child img,.niche-photo-grid img,.niche-photo-grid figure:last-child img{min-height:310px}
  .landing-revamp-page .ob-industry-grid{grid-template-columns:1fr}
  .landing-revamp-page .ob-industry-grid a,.landing-revamp-page .ob-industry-grid a:last-child{grid-column:auto;grid-template-rows:185px auto auto;min-height:300px}
  .landing-revamp-page .ob-industry-grid a>span{height:185px}
  .niche-landing-page .niche-hero h1{font-size:48px}
  .niche-demo-hero{height:190px}
  .niche-photo-proof{padding-block:74px}
  .niche-landing-page .niche-audiences>div{grid-template-columns:1fr}
  .niche-landing-page .niche-audiences a{grid-template-columns:94px 1fr auto;align-items:center;min-height:auto}
  .niche-landing-page .niche-audiences a>span{height:72px}
  .niche-landing-page .niche-final>.niche-final-copy{padding:12px 3px 5px}
  .niche-final-copy h2{font-size:46px}
  .niche-final-copy>div{align-items:stretch;flex-direction:column}
  .niche-final-photo{min-height:250px}
}

@media(prefers-reduced-motion:reduce){
  .ob-visual-proof-grid img,.landing-revamp-page .ob-industry-grid img,.niche-photo-grid img{transition:none}
}