/* Free Restaurant Billing V59.2 — Bharat-inspired marketing design system.
   Pure presentation; loaded ONLY on public marketing HTML. No app/CMS/ordering changes.
   Palette: Bharat navy, marigold, terracotta, leaf green, warm ivory. */
:root{
  --bib-bharat-ink:#193755; --bib-bharat-blue:#123b72;
  --bib-bharat-ochre:#c2571b; --bib-bharat-saffron:#f28c28;
  --bib-bharat-cream:#fff8ed; --bib-bharat-green:#16845b;
  --bib-bharat-outline:#ebd4b4;
}
/* Global marketing details retain the pre-existing logo, typography and navigation. */
body.phase1,body.phase2{background:#fffcf6}
body.phase1 .head,body.phase2 .head{background:rgba(255,250,240,.97);border-bottom:1px solid #ebd1a9;box-shadow:0 7px 25px #7e512010;backdrop-filter:blur(10px)}
body.phase1 .head:before,body.phase2 .head:before{background:#e37e23 url('/website/bharat-marigold-garland.svg') repeat-x center 32%;background-size:236px 28px;height:6px}
body.phase1 .nav-group>details>summary:hover,body.phase1 .nav-group>a:hover,body.phase2 .nav-group>details>summary:hover,body.phase2 .nav-group>a:hover{color:#b94a18}
body.phase1 .head .btn-primary,body.phase2 .head .btn-primary{background:linear-gradient(115deg,#c45218,#ed8627);border-color:#ad4a15;color:#fff;box-shadow:0 7px 19px #b450242a}
body.phase1 a:focus-visible,body.phase1 button:focus-visible,body.phase1 summary:focus-visible,body.phase1 input:focus-visible,body.phase2 a:focus-visible,body.phase2 button:focus-visible,body.phase2 summary:focus-visible,body.phase2 input:focus-visible{outline:3px solid #8b420b;outline-offset:3px}
/* The hero restores V56/V57's distinctive Bharat collage as an illustration.
   The real app capture remains in the existing product showcase below. */
body.phase1 .food-hero{position:relative;isolation:isolate;overflow:hidden;color:#24405a;
  background:radial-gradient(ellipse at 8% 10%,#ffe0a4cc,transparent 44%),
             radial-gradient(ellipse at 89% 75%,#f9cc9a7e,transparent 42%),
             linear-gradient(115deg,#fff0d6,#fff9ef 57%,#ffe6bd);border-bottom:1px solid #eccba2}
body.phase1 .food-hero:before{content:'';position:absolute;z-index:-1;left:-178px;top:5%;width:365px;aspect-ratio:1;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.32;pointer-events:none;animation:bib-petal-drift 22s ease-in-out infinite alternate}
body.phase1 .food-hero:after{content:'';position:absolute;z-index:-1;right:-175px;bottom:-235px;width:420px;aspect-ratio:1;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.24;pointer-events:none;animation:bib-petal-drift 26s ease-in-out infinite alternate-reverse}
body.phase1 .food-home-hero{padding:76px 0 72px;min-height:490px}
body.phase1 .food-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(14px,2vw,32px)}
body.phase1 .food-hero h1{color:#183e60;font-weight:850;font-size:clamp(2.15rem,4.05vw,3.8rem);letter-spacing:-.045em;line-height:1.115;text-wrap:balance;max-width:735px}
body.phase1 .food-home-hero h1:after{content:'';display:block;width:116px;height:7px;border-radius:100px;margin-top:20px;background:linear-gradient(90deg,#ef8b25 0 40%,#b84b26 40% 72%,#21805a 72% 100%)}
body.phase1 .food-hero p{color:#526175;font-size:clamp(1rem,1.5vw,1.12rem)}
body.phase1 .food-hero .food-eyebrow{display:inline-flex;gap:9px;align-items:center;background:#fffaf0;color:#985017;letter-spacing:.055em;border:1px solid #e7ba7b;border-radius:100px;padding:9px 15px;box-shadow:0 4px 16px #ad75231a}
body.phase1 .food-hero .food-eyebrow:before{content:'✿';font-size:1.1rem;line-height:1;color:#d8741e}
body.phase1 .food-hero .food-footnote{color:#715f50!important;font-size:.83rem!important}
body.phase1 .food-hero .food-primary{background:linear-gradient(120deg,#b94c16,#ea8326);border-color:#a74717;color:#fff!important;box-shadow:0 12px 24px #b953242e}
body.phase1 .food-hero .food-outline{background:#fffaf3;color:#793a1e!important;border:1.5px solid #bb7b3a}
body.phase1 .food-home-hero .food-visual{position:relative;min-width:0;padding:0;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible;animation:bib-hero-float 9s ease-in-out infinite}
body.phase1 .food-home-hero .food-visual picture{display:block;width:100%}
body.phase1 .food-home-hero .food-visual img{width:112%;max-width:none;height:auto;max-height:none;margin-left:-4%;object-fit:contain;border-radius:0;filter:drop-shadow(0 17px 22px #8e4a2530)}
body.phase1 .food-home-hero .food-visual figcaption{font-size:.73rem;line-height:1.45;color:#6f5543;text-align:center;margin:-5px 0 0}
/* Familiar Bharat-inspired page decoration, deliberately lighter than an actual festival poster. */
body.phase1 .food-section{position:relative;overflow:hidden}
body.phase1 .food-section .food-eyebrow{color:#ac4f18}
body.phase1 .food-section h2{color:#173b5b}
body.phase1 .food-section.food-soft{background:radial-gradient(circle at 105% 0%,#f3b85b19,transparent 28%),linear-gradient(115deg,#fff2df,#fffaf3 55%,#f1f7ef)}
body.phase1 .food-section.food-soft:before{content:'';position:absolute;right:-95px;top:-100px;width:270px;aspect-ratio:1;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
body.phase1 .food-cards .food-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e9d8c1;background:linear-gradient(145deg,#fffefb,#fff9ef);box-shadow:0 9px 25px #7a542114;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
body.phase1 .food-cards .food-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc7626,#f4bf67 53%,#16845b)}
body.phase1 .food-cards .food-card:after{content:'';position:absolute;right:-24px;top:-29px;width:105px;aspect-ratio:1;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.18;z-index:-1;pointer-events:none;transform:rotate(15deg)}
body.phase1 .food-cards .food-card:hover{transform:translateY(-4px);border-color:#cf9554;box-shadow:0 19px 36px #7c4b1c26}
body.phase1 .food-cards .food-card h3 a{color:#173f6a}
body.phase1 .food-cards .food-icon{background:linear-gradient(130deg,#ffe5b5,#ffcc84);color:#90410b;border:1px solid #edbb76;border-radius:14px}
body.phase1 .food-cards .food-card:nth-child(3n + 2) .food-icon{background:#e7f2e8;border-color:#bfdcc4;color:#186645}
body.phase1 .food-cards .food-card:nth-child(3n + 3) .food-icon{background:#fde9db;border-color:#eac5ad;color:#9b4a2d}
body.phase1 .food-home-workflow article{position:relative;border-color:#e8d3b7;background:#fffefb;box-shadow:0 9px 25px #74511e0c;transition:transform .25s ease,box-shadow .25s ease}
body.phase1 .food-home-workflow article:hover{transform:translateY(-3px);box-shadow:0 13px 27px #8e5b2421}
body.phase1 .food-home-workflow article:before{color:#bb601c}
body.phase1 .food-home-workflow h3{color:#173e66}
body.phase1 .food-btn{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
body.phase1 .food-btn:hover{transform:translateY(-2px);filter:none;box-shadow:0 10px 22px #994b1b24}
body.phase1 .food-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 20%,#315e5e 0,transparent 40%),linear-gradient(110deg,#153e68,#164563 60%,#1b7357)}
body.phase1 .food-cta:before{content:'';position:absolute;left:-100px;top:-120px;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;width:270px;aspect-ratio:1;opacity:.17;pointer-events:none}
body.phase1 .food-faq details,body.phase1 .food-related a,body.phase1 .food-secondary-businesses a{border-color:#e5d1b6;background:#fffcf6}
body.phase1 .food-sticky-cta{background:#fff8ed;border-color:#edd6b6}
body.phase1 .food-sticky-cta a{background:linear-gradient(120deg,#be5018,#e98326);color:#fff}
body.phase1 .food-proof figure{border-color:#e4d2bb;background:#fffdf7}
body.phase1 .food-note{background:#fff1da;border-color:#e9cc9f}
/* Site-wide marketing continuity: older landing pages and educational pages. */
body.phase1 .page-hero,body.phase1 .marketing-page-hero{background:radial-gradient(circle at 105% 25%,#edaa532e,transparent 44%),linear-gradient(110deg,#ffecd0,#fffaf1 58%,#f8f5e9)}
body.phase1 .section-soft{background-color:#fff5e7}
body.phase2 .p2-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,#f4b35c32,transparent 36%),linear-gradient(120deg,#143f61,#19604c)}
body.phase2 .p2-hero:after{content:'';position:absolute;right:-82px;bottom:-152px;width:280px;aspect-ratio:1;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.21;pointer-events:none}
body.phase2 .p2-tile{border-color:#ead9c3;background:#fffdf8}
body.phase2 .p2-tile h3{color:#193e5e}
body.phase2 .p2-tile:hover{border-color:#d6a364}
body.phase2 .p2-cta{background:linear-gradient(110deg,#173d62,#186852)}
body.phase2 .p2-demo-note,body.phase2 .p2-example{background:#fff6e7;border-color:#dca35b}
body.phase2 .p2-demo-app{border-color:#e9d6ba}
/* Subtle motion provides energy without intercepting clicks, distracting from content or JS dependencies. */
@keyframes bib-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bib-petal-drift{0%{transform:rotate(-6deg) translateY(0)}100%{transform:rotate(6deg) translateY(-14px)}}
@media (max-width:980px){body.phase1 .food-hero-grid{grid-template-columns:1fr}body.phase1 .food-home-hero{padding:47px 0 42px}body.phase1 .food-home-hero .food-visual img{width:100%;margin:0}body.phase1 .food-home-hero .food-visual{max-width:750px;margin-inline:auto}}
@media (max-width:720px){body.phase1 .food-home-hero{padding:37px 0 38px}body.phase1 .food-hero h1{font-size:clamp(2.1rem,8.2vw,3rem)}body.phase1 .food-hero:before{left:-210px;top:-75px;opacity:.22}body.phase1 .food-hero:after{right:-260px;bottom:-255px}body.phase1 .food-home-hero .food-visual{animation:none}body.phase1 .food-home-hero .food-visual figcaption{font-size:.69rem}body.phase1 .food-actions .food-btn{flex:1 1 160px}body.phase1 .food-section.food-soft:before{opacity:.09}body.phase1 .food-cards .food-card:hover,body.phase1 .food-home-workflow article:hover{transform:none}}
@media (prefers-reduced-motion:reduce){body.phase1 .food-hero:before,body.phase1 .food-hero:after,body.phase1 .food-home-hero .food-visual{animation:none!important}body.phase1 .food-btn,body.phase1 .food-cards .food-card,body.phase1 .food-home-workflow article{transition:none!important}body.phase1 .food-btn:hover,body.phase1 .food-cards .food-card:hover,body.phase1 .food-home-workflow article:hover{transform:none!important}}