/* V59.8 Premium Food-Tech Theme
   Lightweight visual layer: CSS-only gradients/patterns/micro-motion, no remote fonts/assets.
   Scoped to marketing pages so SEO/content/functionality remain unchanged. */
:root{
  --frb-ink:#10263f;
  --frb-night:#071b31;
  --frb-night-2:#0d3155;
  --frb-tomato:#ee6a28;
  --frb-saffron:#f39a2f;
  --frb-cream:#fff8ed;
  --frb-paper:#fffdf8;
  --frb-basil:#167a52;
  --frb-line:#eadfce;
  --frb-shadow:0 22px 55px rgba(30,54,79,.12);
}
body.phase1.food-marketing{
  background:var(--frb-paper);
  color:var(--frb-ink);
  text-rendering:optimizeLegibility;
}
body.phase1.food-marketing .head{
  position:sticky;top:0;z-index:70;
  background:rgba(255,253,248,.92)!important;
  border-bottom:1px solid rgba(16,38,63,.08)!important;
  box-shadow:0 8px 26px rgba(21,44,70,.06)!important;
  backdrop-filter:saturate(135%) blur(12px);
}
body.phase1.food-marketing .head-inner{min-height:72px}
body.phase1.food-marketing .head .brand img{width:auto!important;height:48px!important;object-fit:contain}
body.phase1.food-marketing .head .nav-group>details>summary,
body.phase1.food-marketing .head .nav-group>a{
  color:#29455f!important;font-weight:780!important;
}
body.phase1.food-marketing .head .nav-group>details>summary:hover,
body.phase1.food-marketing .head .nav-group>a:hover{color:var(--frb-tomato)!important}
body.phase1.food-marketing .head .dropdown{
  border:1px solid #eadfce!important;border-radius:18px!important;
  box-shadow:0 22px 58px rgba(17,37,57,.15)!important;
  background:#fffdf9!important;padding:10px!important;
}
body.phase1.food-marketing .head .dropdown a{border-radius:11px!important}
body.phase1.food-marketing .head .dropdown a:hover{background:#fff0df!important;color:#9b4016!important}
body.phase1.food-marketing .btn.btn-primary,
body.phase1.food-marketing .food-primary{
  background:linear-gradient(135deg,#f39a2f 0%,#ec6c28 72%,#e95828 100%)!important;
  color:#10263f!important;border:0!important;
  box-shadow:0 11px 28px rgba(229,103,35,.24)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.phase1.food-marketing .btn.btn-primary:hover,
body.phase1.food-marketing .food-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(229,103,35,.3)!important;filter:none!important}

/* Hero: premium restaurant evening + warm counter glow. */
body.phase1.food-marketing .food-home-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(58px,7vw,92px) 0 clamp(62px,8vw,104px)!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(243,154,47,.27),transparent 28%),
    radial-gradient(circle at 92% 24%,rgba(22,122,82,.24),transparent 25%),
    radial-gradient(circle at 66% 104%,rgba(238,106,40,.22),transparent 32%),
    linear-gradient(128deg,#07192d 0%,#0a2746 51%,#0f3d52 100%)!important;
}
body.phase1.food-marketing .food-home-hero:before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.24;
  background-image:
    linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%,rgba(255,255,255,.05)),
    linear-gradient(150deg,rgba(255,255,255,.04) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.04) 87.5%,rgba(255,255,255,.04));
  background-size:44px 76px;
}
body.phase1.food-marketing .food-home-hero:after{
  content:"";position:absolute;right:-160px;bottom:-230px;width:520px;height:520px;border-radius:50%;z-index:-1;
  border:74px solid rgba(255,239,210,.055);box-shadow:0 0 0 2px rgba(255,255,255,.035) inset;
}
body.phase1.food-marketing .food-home-hero .food-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(255,247,231,.09);border:1px solid rgba(255,225,180,.22);color:#ffd59f!important;
  letter-spacing:.085em;box-shadow:inset 0 1px rgba(255,255,255,.08);
}
body.phase1.food-marketing .food-home-hero h1{
  max-width:790px!important;margin-top:17px!important;
  font-size:clamp(2.55rem,5.1vw,4.75rem)!important;line-height:.98!important;letter-spacing:-.052em!important;
  color:#fffaf1!important;text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.18);
}
body.phase1.food-marketing .food-home-hero>div>div>p:not(.food-footnote):not(.seo-hero-proof-link){
  color:#dce7ed!important;font-size:clamp(1rem,1.45vw,1.16rem)!important;max-width:700px!important;
}
body.phase1.food-marketing .food-home-hero .food-footnote{
  display:inline-flex;flex-wrap:wrap;gap:6px;color:#d9e8dc!important;background:rgba(14,94,68,.28);
  border:1px solid rgba(111,212,164,.22);padding:8px 11px;border-radius:11px;margin-top:16px;
}
body.phase1.food-marketing .seo-hero-proof-link a,
body.phase1.food-marketing .bib-v593-hero-explore{color:#ffd2a2!important}
body.phase1.food-marketing .food-home-hero .food-outline{
  border:1px solid rgba(255,255,255,.33)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;
  backdrop-filter:blur(8px);box-shadow:inset 0 1px rgba(255,255,255,.08);
}
body.phase1.food-marketing .food-home-hero .food-outline:hover{background:rgba(255,255,255,.13)!important;transform:translateY(-2px)}
body.phase1.food-marketing .food-home-hero .food-visual{
  position:relative;overflow:visible;background:linear-gradient(145deg,#fffdfa,#fff3df)!important;
  border:1px solid rgba(255,234,203,.72)!important;border-radius:28px!important;padding:13px!important;
  box-shadow:0 38px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.2) inset!important;
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
body.phase1.food-marketing .food-home-hero .food-visual:before{
  content:"COUNTER  •  KITCHEN  •  TABLES";position:absolute;left:20px;top:-18px;z-index:2;
  background:#fff5e7;color:#7e3c18;border:1px solid #efc38f;border-radius:999px;padding:8px 12px;
  font-size:.69rem;font-weight:900;letter-spacing:.11em;box-shadow:0 8px 24px rgba(36,39,47,.16);
}
body.phase1.food-marketing .food-home-hero .food-visual:after{
  content:"GST  ·  KOT/KDS  ·  TABLE QR";position:absolute;right:18px;bottom:-16px;z-index:2;
  background:#123b72;color:#fff8ec;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;
  font-size:.68rem;font-weight:850;letter-spacing:.08em;box-shadow:0 10px 26px rgba(6,24,44,.3);
}
body.phase1.food-marketing .food-home-hero .food-visual img{border-radius:20px!important}
body.phase1.food-marketing .food-home-hero .food-visual figcaption{color:#6f655b!important}

/* Restaurant-menu paper rhythm for the rest of the site. */
body.phase1.food-marketing .food-section{position:relative}
body.phase1.food-marketing .food-section:not(.food-soft){background:#fffdf8}
body.phase1.food-marketing .food-soft{
  background:
    radial-gradient(circle at 7% 15%,rgba(243,154,47,.08),transparent 24%),
    radial-gradient(circle at 94% 84%,rgba(22,122,82,.06),transparent 24%),
    #f8f3e9!important;
}
body.phase1.food-marketing .food-section h2,
body.phase1.food-marketing .section h2{
  color:#102f4a!important;letter-spacing:-.035em!important;text-wrap:balance;
}
body.phase1.food-marketing .food-eyebrow,
body.phase1.food-marketing .eyebrow{color:#bb571c!important}
body.phase1.food-marketing .food-cards{gap:18px!important}
body.phase1.food-marketing .food-card{
  position:relative;overflow:hidden;background:linear-gradient(160deg,#fff,#fffbf4)!important;
  border:1px solid #eadfce!important;border-radius:22px!important;padding:24px!important;
  box-shadow:0 11px 32px rgba(28,51,74,.075)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.phase1.food-marketing .food-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#f39a2f,#ee6a28 48%,#167a52);
  opacity:.92;
}
body.phase1.food-marketing .food-card:hover{transform:translateY(-5px)!important;border-color:#edc89c!important;box-shadow:0 20px 45px rgba(29,52,75,.13)!important}
body.phase1.food-marketing .food-card .food-icon{
  background:linear-gradient(145deg,#fff0d7,#ffe4bf)!important;color:#a84917!important;
  border:1px solid #f0ce9f;border-radius:14px!important;box-shadow:0 7px 18px rgba(167,88,24,.1);
}
body.phase1.food-marketing .food-card h3 a{color:#113b5d!important}
body.phase1.food-marketing .food-card .food-text-link{color:#a84817!important;text-decoration:none!important}
body.phase1.food-marketing .food-card .food-text-link:after{content:"  →"}

body.phase1.food-marketing .food-home-workflow{gap:14px!important}
body.phase1.food-marketing .food-home-workflow article{
  position:relative;background:#fff!important;border:1px solid #eadfce!important;border-radius:18px!important;
  box-shadow:0 10px 28px rgba(29,52,75,.06);min-height:158px;padding:21px!important;
}
body.phase1.food-marketing .food-home-workflow article:after{
  content:"";position:absolute;right:-9px;top:50%;width:18px;height:2px;background:#e2b06f;
}
body.phase1.food-marketing .food-home-workflow article:last-child:after{display:none}
body.phase1.food-marketing .food-home-workflow article:before{color:#c85e1e!important;font-size:.78rem!important;letter-spacing:.08em}

body.phase1.food-marketing .food-note,
body.phase1.food-marketing .food-faq details,
body.phase1.food-marketing .food-related a{
  border-color:#eadfce!important;background:#fffdf9!important;border-radius:17px!important;
}
body.phase1.food-marketing .food-faq details[open]{box-shadow:0 13px 30px rgba(33,52,70,.08);border-color:#e2bc8d!important}
body.phase1.food-marketing .food-faq summary{color:#143d5e!important}
body.phase1.food-marketing .final-panel,
body.phase1.food-marketing .food-cta{
  position:relative;overflow:hidden;border-radius:28px!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(243,154,47,.25),transparent 29%),
    radial-gradient(circle at 90% 80%,rgba(22,122,82,.21),transparent 28%),
    linear-gradient(128deg,#071a2f,#0e3557 60%,#124e52)!important;
  box-shadow:0 28px 65px rgba(7,27,49,.2)!important;
}
body.phase1.food-marketing .final-panel:after,
body.phase1.food-marketing .food-cta:after{content:"RESTAURANT  •  CAFÉ  •  QSR  •  PIZZERIA";display:block;margin-top:20px;color:#cfddd9;font-size:.68rem;letter-spacing:.18em;font-weight:800}

/* Interactive journey gets an espresso/menu-board treatment. */
body.phase1.food-marketing .bib-v593-journey{
  background:linear-gradient(145deg,#fffdf8,#fff6e8)!important;border-color:#e3c39a!important;
  box-shadow:var(--frb-shadow)!important;
}
body.phase1.food-marketing .bib-v593-tour-window-bar{background:linear-gradient(90deg,#0b2948,#145047)!important}
body.phase1.food-marketing .bib-v593-tour-step.is-active{background:linear-gradient(110deg,#fff0db,#fffaf2)!important;border-color:#db7a36!important}

/* Footer as premium dark menu-card ending. */
body.phase1.food-marketing .footer-main{
  background:linear-gradient(145deg,#07192d,#0a2944 64%,#0b3c40)!important;color:#d9e4e7!important;
  border-top:4px solid #e4782e!important;
}
body.phase1.food-marketing .footer-main h3{color:#fff5e8!important}
body.phase1.food-marketing .footer-main a{color:#d7e4e5!important}
body.phase1.food-marketing .food-footer-nav{border-color:rgba(255,255,255,.12)!important}
body.phase1.food-marketing .food-footer-nav a{color:#f4cda5!important}
body.phase1.food-marketing .footer-main .legal{border-color:rgba(255,255,255,.11)!important;color:#9fb1ba!important}

/* Lightweight entrance motion — transform/opacity only. */
body.phase1.food-marketing .food-home-hero .food-hero-grid>div{animation:frb-v598-copy-in .62s cubic-bezier(.2,.75,.2,1) both}
body.phase1.food-marketing .food-home-hero .food-visual{animation:frb-v598-stage-in .72s .08s cubic-bezier(.2,.75,.2,1) both}
@keyframes frb-v598-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes frb-v598-stage-in{from{opacity:0;transform:perspective(1200px) translateY(18px) rotateY(-4deg)}to{opacity:1;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}}

@media(max-width:980px){
  body.phase1.food-marketing .food-home-hero .food-visual{transform:none!important;max-width:760px;margin-inline:auto}
  body.phase1.food-marketing .food-home-workflow article:after{display:none}
}
@media(max-width:720px){
  body.phase1.food-marketing .head{backdrop-filter:none;background:#fffdf9!important}
  body.phase1.food-marketing .food-home-hero{padding:43px 0 62px!important}
  body.phase1.food-marketing .food-home-hero h1{font-size:clamp(2.3rem,12vw,3.45rem)!important}
  body.phase1.food-marketing .food-home-hero .food-visual{margin-top:15px!important;border-radius:21px!important;padding:9px!important}
  body.phase1.food-marketing .food-home-hero .food-visual:before{left:12px;top:-13px;font-size:.58rem;padding:6px 8px}
  body.phase1.food-marketing .food-home-hero .food-visual:after{right:10px;bottom:-12px;font-size:.56rem;padding:6px 8px}
  body.phase1.food-marketing .food-card{border-radius:18px!important}
  body.phase1.food-marketing .food-sticky-cta{background:#fffaf2!important;border-color:#ead8c3!important;box-shadow:0 -10px 28px rgba(21,43,66,.12)!important}
  body.phase1.food-marketing .food-sticky-cta a{background:linear-gradient(135deg,#f39a2f,#ee6a28)!important;color:#10263f!important;border-radius:13px!important}
}
@media(prefers-reduced-motion:reduce){
  body.phase1.food-marketing .food-home-hero .food-hero-grid>div,
  body.phase1.food-marketing .food-home-hero .food-visual{animation:none!important}
  body.phase1.food-marketing .food-card,
  body.phase1.food-marketing .btn.btn-primary,
  body.phase1.food-marketing .food-primary{transition:none!important}
}
