/* V52.5.9 — Original Bharat-inspired festive visual language.
   Loaded only for public marketing pages. No billing, login, demo or data logic. */
body.phase1 {
  --festival-kesariya:#e96e0b;
  --festival-saffron-deep:#ac420b;
  --festival-gold:#e8ad45;
  --festival-maroon:#873442;
  --festival-leaf:#176347;
  --ink:#2e2c37;
  --muted:#625b59;
  --sea:#b14a10;
  --sea-dark:#8f350b;
  --mint:#fff0d5;
  --edge:#ecd9be;
  --soft:#fff3e3;
  --orange:#e96e0b;
  --paper:#fff9f1;
  background:#fffaf2;
  color:var(--ink);
}
body.phase1 ::selection{background:#ffca77;color:#482b18}
body.phase1 a:focus-visible,body.phase1 button:focus-visible,body.phase1 summary:focus-visible,
body.phase1 input:focus-visible{outline:3px solid #b14a10;outline-offset:4px}
body.phase1 .head{background:rgba(255,250,241,.97);border-bottom:1px solid #e9ca9d;box-shadow:0 7px 25px rgba(123,64,16,.09)}
body.phase1 .head:before{height:7px;background:#df690e url('/website/bharat-marigold-garland.svg') repeat-x center 21%;background-size:240px 28px}
body.phase1 .brand img{filter:drop-shadow(0 2px 1px rgba(104,49,14,.04))}
body.phase1 .nav-group>details>summary::after{color:#bd540e}
body.phase1 .nav-group>a:hover,body.phase1 .nav-group>details>summary:hover{color:#a53c0a}
body.phase1 .dropdown,body.phase1 .mobile-panel{border-color:#e9d0aa;background:#fffaf3;box-shadow:0 20px 40px rgba(93,49,21,.16)}
body.phase1 .dropdown h4{color:#9f4d17}
body.phase1 .dropdown a:hover,body.phase1 .mobile-panel a:hover{background:#ffebcc}
body.phase1 .mobile-menu>summary{background:#ffedcf;color:#86340c;border-color:#ddaf72}
body.phase1 .btn{border-radius:13px;letter-spacing:-.01em;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body.phase1 .btn-primary{background:linear-gradient(135deg,#b74108 0%,#c44e09 50%,#b74209 100%);color:#fff;border:1px solid #a63d08;box-shadow:0 13px 26px rgba(163,68,13,.22)}
body.phase1 .btn-primary:hover{background:linear-gradient(135deg,#923008,#ac4109);box-shadow:0 16px 32px rgba(153,56,9,.31)}
body.phase1 .btn-secondary{color:#883a12;background:#fff8ea;border:1.5px solid #dca55f;box-shadow:0 5px 12px rgba(142,80,24,.05)}
body.phase1 .btn-secondary:hover{background:#ffedc8;border-color:#c7762c}
body.phase1 .btn-invert{color:#8a350b;background:#fff8e9;border:2px solid #ffcf78}
body.phase1 .eyebrow{color:#a9440d;letter-spacing:.16em}
body.phase1 .pill{background:linear-gradient(100deg,#fff0c8,#fff8e6);color:#8e3d0d;border:1px solid #eac08a;box-shadow:0 4px 12px rgba(138,62,11,.06)}
body.phase1 .section{position:relative}
body.phase1 .section-soft{background:radial-gradient(circle at 5% 4%,rgba(246,167,68,.12),transparent 26%),url('/website/bharat-rangoli.svg') right -150px top -150px/320px no-repeat,linear-gradient(110deg,#fff2e0,#fffaf1 59%,#fff3e5)}
body.phase1 .section-head .eyebrow{display:inline-flex;align-items:center;gap:9px}
body.phase1 .section-head .eyebrow:before,body.phase1 .section-head .eyebrow:after{content:'✦';font-size:1rem;color:#d98226}
body.phase1 .section-head h2:after{content:'';display:block;width:84px;height:7px;border-radius:100px;margin:17px auto 0;background:linear-gradient(90deg,#e18a22 0 36%,#b1440d 36% 68%,#e5b34b 68% 100%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 90%)}
body.phase1 .section-head p{color:#645b58}
body.phase1 .card,body.phase1 .flow-card,body.phase1 .how-card{position:relative;background:linear-gradient(145deg,#fffdfa,#fff8ed);border-color:#efd6b4;box-shadow:0 13px 30px rgba(133,77,28,.07);overflow:hidden}
body.phase1 .card:before,body.phase1 .flow-card:before,body.phase1 .how-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#f7b84b,#ca5d13,#8c333a);opacity:.88}
body.phase1 .card:after{content:'✺';position:absolute;right:17px;top:5px;font-size:43px;color:#f0d1a7;opacity:.48;line-height:1;pointer-events:none}
body.phase1 .card:nth-child(3n + 2):before{background:linear-gradient(#e9aa35,#b84615,#225b48)}
body.phase1 .card:nth-child(3n + 3):before{background:linear-gradient(#c85823,#8a3b42,#eaae45)}
body.phase1 .card:hover{border-color:#d99447;box-shadow:0 20px 40px rgba(127,69,20,.15)}
body.phase1 .glyph{background:radial-gradient(circle at 24% 24%,#ffe9ad,#ffcb84 60%,#f7a955);border:1px solid #e8ab63;color:#8d300f;border-radius:15px;box-shadow:inset 0 1px #fff6dd}
body.phase1 .card:nth-child(3n + 2) .glyph{background:linear-gradient(135deg,#fff0b5,#f9bb85);color:#9e3a28}
body.phase1 .card:nth-child(3n + 3) .glyph{background:linear-gradient(135deg,#ffdbaf,#f2c5bb);color:#76334c}
body.phase1 .card .go,body.phase1 .crumb a{color:#9e430b}
body.phase1 .card .go:hover{color:#792e0a}
body.phase1 .flow-card{border-top:4px solid #d16a14}
body.phase1 .flow-card:nth-child(2){border-top-color:#177650}
body.phase1 .flow-card:nth-child(3){border-top-color:#963c47}
body.phase1 .flow-step{background:#ffe3b6;color:#74310b;border:1px solid #f0c78e}
body.phase1 .flow-card:nth-child(2) .flow-step{background:#e7f2dd;color:#285e36;border-color:#c3ddb9}
body.phase1 .flow-card:nth-child(3) .flow-step{background:#fbe4d8;color:#873e42;border-color:#edc1b0}
body.phase1 .flow-arrow{color:#a85719}
body.phase1 .number{background:linear-gradient(145deg,#dc7519,#a74109);color:#fff;box-shadow:0 5px 12px #bd5a1429}
body.phase1 .check-list li::before,body.phase1 .microtrust span::before{color:#b75112}
body.phase1 .shot{border-color:#e8caab;background:#fff4e3;box-shadow:0 13px 40px #813b1b22}
body.phase1 .faq details{border-color:#e8cfaa;background:#fffdf8}
body.phase1 .faq summary::after{color:#a84610}
body.phase1 .page-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 5%,rgba(246,147,41,.25),transparent 40%),url('/website/bharat-rangoli.svg') right -150px center/350px no-repeat,linear-gradient(115deg,#ffe5bc,#fff8eb 58%,#fff5e6);border-bottom:1px solid #e9d2b4}
body.phase1 .page-hero h1{color:#3c3030}
body.phase1 .stats-note{background:#fff0d6;color:#7f3b14}
body.phase1 .index-links a{background:#fffaf2;border-color:#e9cfab}
body.phase1 .index-links a:hover{border-color:#c5681d;background:#ffeccd}
/* Homepage centrepiece: a rich festive illustration yet the real app stays front and centre. */
body.phase1 .bharat-marketing-hero{background:radial-gradient(ellipse at 11% 11%,rgba(254,162,49,.43),transparent 48%),radial-gradient(circle at 94% 32%,rgba(229,109,18,.28),transparent 38%),linear-gradient(110deg,#ffe2b1 0%,#ffedcf 34%,#fff7e9 63%,#ffe4b8 100%);padding:129px 0 99px;border-bottom:1px solid #dcab71;position:relative;isolation:isolate;overflow:hidden}
body.phase1 .bharat-marketing-hero:before{width:450px;aspect-ratio:1;left:-248px;top:105px;border:0;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;mask-image:none;opacity:.31;transform:rotate(9deg);z-index:-1}
body.phase1 .bharat-marketing-hero:after{width:460px;aspect-ratio:1;right:-248px;bottom:-215px;border:0;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;mask-image:none;opacity:.36;transform:rotate(17deg);z-index:-1}
body.phase1 .hero-india-rule{height:9px;background:linear-gradient(90deg,#a94410,#ee9d36 52%,#bd500c);box-shadow:0 3px 12px #ca761b33}
body.phase1 .bharat-hero-garland{position:absolute;left:0;right:0;top:18px;height:64px;background:url('/website/bharat-marigold-garland.svg') repeat-x top center/480px 56px;opacity:.87;pointer-events:none;z-index:0}
body.phase1 .bharat-marketing-hero .hero-grid{position:relative;z-index:1;gap:clamp(27px,4vw,60px)}
body.phase1 .bharat-marketing-hero .hero-grid>div:first-child{position:relative;z-index:2}
body.phase1 .bharat-marketing-hero .pill{background:#fffae9;border:1px solid #dd9850;color:#87370e;box-shadow:0 7px 19px #bc6d2021;padding:9px 16px;font-size:.78rem}
body.phase1 .bharat-marketing-hero h1{color:#382d31;font-size:clamp(2.85rem,5.6vw,5.55rem);letter-spacing:-.062em;max-width:765px;line-height:1.08;text-wrap:balance;margin-top:24px}
body.phase1 .bharat-marketing-hero h1:after{content:'';display:block;width:150px;height:8px;margin-top:24px;border-radius:20px;background:linear-gradient(90deg,#c6530e 0 43%,#f5b842 43% 73%,#188255 73% 100%);transform:skewX(-16deg)}
body.phase1 .bharat-marketing-hero .lead{color:#58463c;font-size:clamp(1.06rem,1.6vw,1.18rem);font-weight:520;max-width:580px}
body.phase1 .bharat-marketing-hero p strong{color:#793a17}
body.phase1 .bharat-marketing-hero .btn-primary{background:linear-gradient(135deg,#9e3607,#c9510a 52%,#bc4509);border-color:#a23b08;box-shadow:0 13px 32px rgba(158,61,11,.27)}
body.phase1 .bharat-marketing-hero .btn-primary:hover{background:#963307}
body.phase1 .bharat-marketing-hero .btn-secondary{background:#fffbf1;border:1.5px solid #cf8a44;color:#82340d}
body.phase1 .bharat-marketing-hero .microtrust{color:#77553e}
body.phase1 .bharat-marketing-hero .microtrust span:before{color:#be5412}
body.phase1 .bharat-marketing-hero .bharat-hero-signature{font-size:.8rem;color:#784b2e;align-items:center;margin-top:30px}
body.phase1 .bharat-hero-signature strong{font-weight:750}
body.phase1 .bharat-hero-signature .signature-saffron{background:#e16d13}
body.phase1 .bharat-hero-signature .signature-green{background:#247b51}
body.phase1 .bharat-hero-note{display:flex;align-items:center;gap:10px;color:#954d17;font-size:.83rem;font-weight:800;letter-spacing:.04em;margin:0 0 10px}
body.phase1 .bharat-hero-note:before,body.phase1 .bharat-hero-note:after{content:'✺';font-size:1.4rem;line-height:1;color:#be5813}
body.phase1 .bharat-marketing-hero .screen-stack{position:relative;isolation:isolate;z-index:1}
body.phase1 .bharat-marketing-hero .screen-stack:before{inset:13px -16px -18px 23px;z-index:0;background:linear-gradient(150deg,#eaa03b,#fee2b2 50%,#d86a1b);border:2px solid #c06c20;transform:rotate(-3deg)}
body.phase1 .bharat-hero-art{display:block;position:absolute;right:-85px;top:-147px;width:min(115%,650px);height:auto;opacity:.75;pointer-events:none;z-index:0;filter:drop-shadow(0 4px 7px rgba(144,66,18,.09))}
body.phase1 .bharat-marketing-hero .screen-card{position:relative;z-index:1;border:7px solid #fff7e5;outline:1px solid #c47530;box-shadow:0 27px 66px rgba(105,49,19,.27);transform:rotate(1.5deg);background:white}
body.phase1 .bharat-marketing-hero .screen-card img{border-radius:9px}
body.phase1 .bharat-marketing-hero .screen-badge{z-index:2;background:linear-gradient(115deg,#7e2a34,#9b3b22);color:#fff7ea;border:1px solid #efbc78;right:-17px;bottom:12px}
body.phase1 .bharat-marketing-hero .screen-label{color:#8d4219}
body.phase1 .bharat-art-divider{background:linear-gradient(90deg,#a74113,#e67e1c,#eebd5c,#bf611b,#7d3642);height:12px;position:relative}
body.phase1 .bharat-art-divider:after{content:'';position:absolute;inset:3px 0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,247,216,.78) 13px 17px,transparent 17px 30px);opacity:.8}
body.phase1 .festival-intro{margin-top:0;background:#fff2da;border-bottom:1px solid #e5c38d}
body.phase1 .festival-intro .p-container{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:16px 0;text-align:center;color:#8a3a1c}
body.phase1 .festival-intro strong{font-size:.95rem;letter-spacing:.015em}
body.phase1 .festival-intro span[aria-hidden]{color:#d57a22;font-size:1.4rem}
/* Section coda and footer: saturated colour without taking priority over content. */
body.phase1 .final-panel{background:linear-gradient(115deg,#8c2b23,#b74e11 56%,#e08a23 100%);border:2px solid #f0b45b;box-shadow:0 22px 44px rgba(126,52,24,.21);position:relative;isolation:isolate;overflow:hidden}
body.phase1 .final-panel:before{content:'';position:absolute;inset:-70px auto auto -125px;width:320px;height:320px;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.25;z-index:-1}
body.phase1 .final-panel:after{content:'';position:absolute;right:-100px;top:-155px;width:390px;height:390px;border:0;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.30;z-index:-1}
body.phase1 .final-panel .eyebrow{color:#ffe1a2!important}
body.phase1 .final-panel p{color:#fff5e7}
body.phase1 .footer-main{background:radial-gradient(circle at 95% 5%,rgba(218,111,35,.16),transparent 27%),#302b34;color:#f5e9da;border-top:8px solid #ba5416}
body.phase1 .footer-main a{color:#f5e9dc}
body.phase1 .footer-main h3{color:#ffe2b5}
body.phase1 .footer-main .legal{border-top-color:#816557}
/* Phase 2 editorial, answers, resource center and interactive demos: presentation only. */
body.phase1.phase2{--p2-ink:#352e32;--p2-teal:#a6400c;--p2-gold:#d69c38;--p2-border:#e9d3b3;--p2-mist:#fff1dd;color:#352e32}
body.phase1.phase2 .p2-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 8% 0,rgba(246,166,55,.24),transparent 44%),url('/website/bharat-rangoli.svg') right -150px center/360px no-repeat,linear-gradient(115deg,#ffe6bf,#fff8eb 63%,#fff0d8);border-bottom:1px solid #e2bc87}
body.phase1.phase2 .p2-eyebrow{color:#ae490b}
body.phase1.phase2 .p2-hero h1{color:#3b2f31}
body.phase1.phase2 .p2-lead{color:#62544f}
body.phase1.phase2 .p2-prose h2,body.phase1.phase2 .p2-tile h3,body.phase1.phase2 .p2-side h3{color:#713a24}
body.phase1.phase2 .p2-bread a,body.phase1.phase2 .p2-prose a,body.phase1.phase2 .p2-inline,body.phase1.phase2 .p2-tile-link{color:#a74510}
body.phase1.phase2 .p2-content{background:linear-gradient(170deg,#fffaf3,#fffefd 33%,#fffaf3)}
body.phase1.phase2 .p2-example{background:#fff1da;border-left-color:#c45e16}
body.phase1.phase2 .p2-side,body.phase1.phase2 .p2-resource-tools,body.phase1.phase2 .p2-tile{border-color:#edd4af;background:#fffdf8;box-shadow:0 10px 28px #713d1d12}
body.phase1.phase2 .p2-tile{border-top:3px solid #d4711b}
body.phase1.phase2 .p2-tile:nth-child(3n+2){border-top-color:#b64520}
body.phase1.phase2 .p2-tile:nth-child(3n+3){border-top-color:#88404c}
body.phase1.phase2 .p2-chip{background:#ffe5b7;color:#83400d}
body.phase1.phase2 .p2-tile-top{color:#b45113}
body.phase1.phase2 .p2-filters button{color:#81420f;border-color:#ddbf96;background:#fff8e9}
body.phase1.phase2 .p2-filters button[aria-pressed=true]{color:#fff;border-color:#a7410b;background:#ae460d}
body.phase1.phase2 .p2-resource-tools input{border-color:#d5ae7d}
body.phase1.phase2 .p2-cta{background:radial-gradient(circle at 92% 50%,rgba(255,209,130,.19),transparent 30%),linear-gradient(110deg,#7d2c35,#ab4115 53%,#c65c11);border-top:4px solid #efab44}
body.phase1.phase2 .p2-cta p{color:#ffead5}
body.phase1.phase2 .p2-cta .btn{color:#873507;border:1px solid #f7d19c;background:#fff9e9}
body.phase1.phase2 .p2-demo-top{background:linear-gradient(115deg,#843525,#b65616);color:#fff}
body.phase1.phase2 .p2-demo-label{color:#ffe1a0}
body.phase1.phase2 .p2-demo-app,body.phase1.phase2 .p2-demo-panel{border-color:#ebd0ab}
body.phase1.phase2 .p2-demo-panel{background:#fffaf3}
body.phase1.phase2 .p2-demo-item button,body.phase1.phase2 .p2-action{background:#a5430b;color:white}
body.phase1.phase2 .p2-demo-item button:hover,body.phase1.phase2 .p2-action:hover:not(:disabled){background:#843009}
body.phase1.phase2 .p2-action:disabled{background:#c6b09a;color:#3a332c}
body.phase1.phase2 .p2-demo-note{background:#fff0d8;border-color:#edcd9d;color:#734018}
body.phase1.phase2 .p2-demo-status{background:#ffebc8;color:#744016}
body.phase1.phase2 .p2-demo-choice button[aria-pressed=true]{border-color:#c76918;background:#ffe5b6}
body.phase1.phase2 .p2-invoice-head{border-bottom-color:#bc6119}
body.phase1.phase2 .p2-flow{background:#fff4e2;border-color:#ebd0a8}
body.phase1.phase2 .p2-table th{background:#fff0d6}
body.phase1.phase2 .p2-flow figcaption{color:#765c47}
@media(max-width:820px){body.phase1 .bharat-marketing-hero{padding-top:112px;padding-bottom:75px}body.phase1 .bharat-hero-art{top:-100px;right:-30px;width:110%;opacity:.63}body.phase1 .bharat-marketing-hero .screen-card{transform:rotate(.6deg)}body.phase1 .bharat-hero-garland{height:55px;top:16px;background-size:360px 42px}body.phase1 .festival-intro .p-container{gap:8px}}
@media(max-width:540px){body.phase1 .bharat-marketing-hero{padding-top:99px;padding-bottom:51px}body.phase1 .bharat-marketing-hero h1{font-size:clamp(2.4rem,10.3vw,3.35rem)}body.phase1 .bharat-marketing-hero h1:after{margin-top:16px}body.phase1 .bharat-hero-art{top:-55px;right:-24px;width:115%;opacity:.53}body.phase1 .bharat-marketing-hero .screen-card{transform:none}body.phase1 .bharat-marketing-hero .screen-stack:before{inset:10px -7px -11px 10px}body.phase1 .bharat-marketing-hero .screen-badge{position:static;margin-top:12px;max-width:100%}body.phase1 .bharat-marketing-hero:before{left:-340px;top:100px}body.phase1 .bharat-marketing-hero:after{right:-340px}body.phase1 .bharat-hero-garland{background-size:280px 33px;top:17px;height:40px}body.phase1 .festival-intro .p-container{padding:11px 0}body.phase1 .festival-intro strong{font-size:.82rem}body.phase1 .card:after{font-size:34px}}
@media(prefers-reduced-motion:reduce){body.phase1 .btn,body.phase1 .p2-tile{transition:none!important}body.phase1 .bharat-marketing-hero .screen-card{transform:none}}
/* Hero fold: keep the primary signup action visible on common laptop screens. */
@media(min-width:821px){
 body.phase1 .bharat-marketing-hero{padding-top:93px;padding-bottom:78px}
 body.phase1 .bharat-marketing-hero h1{font-size:clamp(3.05rem,4.75vw,4.75rem);line-height:1.07;margin-top:19px;margin-bottom:18px}
 body.phase1 .bharat-marketing-hero h1:after{margin-top:16px}
 body.phase1 .bharat-marketing-hero .btn-row{margin-top:16px}
}
/* Keep ornamental rangoli away from feature-page copy on narrow screens. */
body.phase1 .page-hero{background:radial-gradient(ellipse at 95% 5%,rgba(247,151,41,.25),transparent 43%),linear-gradient(115deg,#ffe9c7,#fff9ef 65%,#fff2e0)}
body.phase1 .page-hero:after{content:'';position:absolute;right:-175px;bottom:-155px;width:325px;height:325px;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.22;pointer-events:none}
body.phase1 .page-hero>.p-container{position:relative;z-index:1}
body.phase1.phase2 .p2-hero{background:radial-gradient(ellipse at 5% 0,rgba(246,166,55,.24),transparent 44%),linear-gradient(115deg,#ffe6bf,#fff8eb 63%,#fff0d8)}
body.phase1.phase2 .p2-hero:after{content:'';position:absolute;right:-175px;bottom:-165px;width:340px;height:340px;background:url('/website/bharat-rangoli.svg') center/contain no-repeat;opacity:.22;pointer-events:none}
body.phase1.phase2 .p2-hero>.p-container{position:relative;z-index:1}

/* V52.6.0 — Homepage hero demo discovery: marketing-only UI. */
body.phase1 .bharat-marketing-hero .bharat-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
body.phase1 .bharat-marketing-hero .bharat-demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fffaf0;background:linear-gradient(135deg,#b64a0b,#e96e0b);border:2px solid #a8440c;box-shadow:0 11px 25px rgba(159,62,11,.23);font-weight:750;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.phase1 .bharat-marketing-hero .bharat-demo-btn:hover{background:linear-gradient(135deg,#943508,#cb5109);color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px rgba(159,62,11,.3)}
body.phase1 .bharat-marketing-hero .bharat-demo-btn:focus-visible,body.phase1 .bharat-marketing-hero .bharat-feature-link:focus-visible{outline:3px solid #173f30;outline-offset:4px}
body.phase1 .bharat-marketing-hero .bharat-demo-play{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff7e8;color:#af4008;font-size:.72rem;padding-left:2px}
body.phase1 .bharat-marketing-hero .bharat-demo-hint{font-size:.82rem;color:#784b2e;margin:12px 0 0;line-height:1.5}
body.phase1 .bharat-marketing-hero .bharat-feature-link{display:inline-block;margin-top:10px;color:#8b3a0b;text-underline-offset:4px;font-weight:650;font-size:.88rem}
@media(max-width:540px){body.phase1 .bharat-marketing-hero .bharat-hero-actions{gap:10px}body.phase1 .bharat-marketing-hero .bharat-hero-actions .btn{flex:1 1 190px;min-height:48px}body.phase1 .bharat-marketing-hero .bharat-demo-hint{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){body.phase1 .bharat-marketing-hero .bharat-demo-btn{transition:none}body.phase1 .bharat-marketing-hero .bharat-demo-btn:hover{transform:none}}

/* V52.6.1: illustrated, compressed Indian business collage in marketing hero only. */
body.phase1 .bharat-marketing-hero .bharat-collage-card{padding:7px;background:#fff5dc;border:3px solid #ffd49a;outline:1px solid #b85c17;box-shadow:0 25px 65px rgba(110,54,12,.24);transform:none;overflow:hidden}
body.phase1 .bharat-marketing-hero .bharat-collage-card picture{display:block}
body.phase1 .bharat-marketing-hero .bharat-collage-card picture img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:12px;background:#39220c}
body.phase1 .bharat-marketing-hero .bharat-collage-card .screen-label{color:#8e410e;padding:8px 7px 2px}
@media(max-width:540px){body.phase1 .bharat-marketing-hero .bharat-collage-card{padding:4px}body.phase1 .bharat-marketing-hero .bharat-collage-card picture img{aspect-ratio:3/2;object-fit:contain}}

/* V52.6.2 — authentic billing workspace showcase beneath the hero. */
body.phase1 .bharat-billing-showcase{background:linear-gradient(155deg,#fff8eb 0%,#fff0d6 57%,#fff9ef 100%);position:relative;overflow:hidden}
body.phase1 .bharat-billing-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 10%,rgba(234,111,14,.09),transparent 35%),radial-gradient(circle at 100% 90%,rgba(183,65,8,.08),transparent 40%);pointer-events:none}
body.phase1 .bharat-billing-showcase .p-container{position:relative;max-width:1200px}
body.phase1 .bharat-billing-intro{text-align:center;max-width:770px;margin:0 auto 29px}
body.phase1 .bharat-billing-intro .eyebrow{color:#a9440d}
body.phase1 .bharat-billing-intro h2{color:#5f2c13;margin:12px 0;font-size:clamp(1.8rem,3.5vw,2.8rem)}
body.phase1 .bharat-billing-intro p{color:#71482f;line-height:1.7}
body.phase1 .bharat-billing-intro .btn-row{justify-content:center;margin-top:22px;flex-wrap:wrap}
body.phase1 .bharat-billing-frame{margin:0;border:6px solid #f5c88f;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 22px 55px rgba(104,44,14,.20),0 0 0 1px #c87834}
body.phase1 .bharat-billing-frame-top{height:40px;display:flex;align-items:center;gap:7px;padding:0 16px;background:linear-gradient(90deg,#ab470d,#e67b1a);color:#fff6e9}
body.phase1 .bharat-billing-frame-top span{height:9px;width:9px;border-radius:50%;background:#ffe6bd;opacity:.95}
body.phase1 .bharat-billing-frame-top strong{font-size:.73rem;letter-spacing:.045em;margin-left:12px}
body.phase1 .bharat-billing-frame picture{display:block;overflow-x:auto;scrollbar-color:#e28d3b #fbe6c9}
body.phase1 .bharat-billing-frame img{display:block;width:100%;height:auto}
body.phase1 .bharat-billing-frame figcaption{background:#fffaf1;padding:12px 18px;color:#845232;font-size:.82rem;text-align:center}
@media(max-width:640px){body.phase1 .bharat-billing-frame{border-width:3px;border-radius:15px}body.phase1 .bharat-billing-frame picture img{width:800px;max-width:none;height:auto}body.phase1 .bharat-billing-intro .btn-row .btn{max-width:100%}body.phase1 .bharat-billing-frame-top{height:33px}body.phase1 .bharat-billing-frame figcaption{font-size:.74rem}}
/* V52.6.3: Larger, naturally transparent hero art on desktop. */
@media(min-width:1051px){
 body.phase1 .bharat-marketing-hero .p-container.hero-grid{width:min(1450px,calc(100% - 60px));grid-template-columns:minmax(380px,.83fr) minmax(0,1.17fr);gap:clamp(18px,2vw,36px);align-items:center}
 body.phase1 .bharat-marketing-hero .screen-stack{margin-left:-10px;margin-right:-12px}
 body.phase1 .bharat-marketing-hero .bharat-collage-card{padding:0;border:0;outline:0;background:transparent;box-shadow:none;overflow:visible}
 body.phase1 .bharat-marketing-hero .bharat-collage-card picture img{background:transparent;border-radius:0;filter:drop-shadow(0 16px 24px rgba(92,46,13,.23))}
 body.phase1 .bharat-marketing-hero .screen-stack:before{display:none}
 body.phase1 .bharat-marketing-hero .bharat-collage-card .screen-label{text-align:center;font-size:.77rem}
}
/* Restaurant solution: large image instead of a cramped half-width screenshot. */
body.phase1 .restaurant-showcase{background:linear-gradient(180deg,#fff4dd,#fffaf0);padding:48px 0 64px;border-bottom:1px solid #f2d9b2}
body.phase1 .restaurant-showcase-inner{width:min(1510px,calc(100% - 52px));margin:0 auto}
body.phase1 .restaurant-showcase-heading{text-align:center;margin:0 auto 25px;max-width:840px}
body.phase1 .restaurant-showcase-heading h2{margin:9px 0 12px}
body.phase1 .restaurant-showcase-heading p{color:#6b4b34;font-size:1.05rem}
body.phase1 .restaurant-showcase-figure{margin:0;border:3px solid #e8a34d;border-radius:20px;overflow:hidden;background:#fff0d2;box-shadow:0 16px 46px rgba(119,62,22,.17)}
body.phase1 .restaurant-showcase-figure picture,body.phase1 .restaurant-showcase-figure img{display:block;width:100%}
body.phase1 .restaurant-showcase-figure img{height:auto;aspect-ratio:3/2;object-fit:contain}
body.phase1 .restaurant-showcase-figure figcaption{padding:10px 16px;text-align:center;color:#77451f;font-size:.82rem}
body.phase1 .restaurant-showcase-actions{justify-content:center;margin-top:24px}
body.phase1 .restaurant-workflow-card{border:1px solid #e6ba82;border-radius:20px;background:#fff9ed;padding:30px;box-shadow:0 13px 30px rgba(110,54,12,.08)}
body.phase1 .restaurant-workflow-card h3{font-size:1.4rem}
body.phase1 .restaurant-workflow-card ol{padding-left:23px}
body.phase1 .restaurant-workflow-card li{margin:12px 0}
body.phase1 .restaurant-workflow-card a{font-weight:800;color:#ac450c}
@media(max-width:820px){body.phase1 .restaurant-showcase{padding:35px 0 45px}body.phase1 .restaurant-showcase-inner{width:calc(100% - 24px)}body.phase1 .restaurant-showcase-figure{border-width:2px;border-radius:12px}body.phase1 .restaurant-showcase-figure figcaption{font-size:.75rem}}