/* DabbaSync v4.3 — multilingual, human-first typography. */
:root {
  --type-en: "Manrope", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --type-hi-mr: "Mukta", "Noto Sans Devanagari", "Mangal", sans-serif;
  --type-hi-mr-head: "Anek Devanagari", "Mukta", "Noto Sans Devanagari", sans-serif;
  font-family: var(--type-en);
  font-synthesis: none;
}
html:lang(en) body {font-family:var(--type-en)}
html:lang(hi) body,html:lang(mr) body {font-family:var(--type-hi-mr);font-size:16px;line-height:1.58}
html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3,
html:lang(mr) h1,html:lang(mr) h2,html:lang(mr) h3 {
  font-family:var(--type-hi-mr-head);font-weight:700;letter-spacing:0;line-height:1.27;
}
html:lang(hi) .button,html:lang(mr) .button,
html:lang(hi) input,html:lang(mr) input,
html:lang(hi) select,html:lang(mr) select {font-family:var(--type-hi-mr)}
/* Editorial authority without sacrificing kitchen-owner warmth. */
html:lang(en) .hero h1 {font-family:var(--type-en);font-weight:800;letter-spacing:-.055em;line-height:1.105;font-size:clamp(42px,4.45vw,68px)}
html:lang(en) .hero h1 .hero-highlight {font-size:1em;white-space:normal;letter-spacing:-.057em}
.hero .hero-body {font-weight:500;line-height:1.75;max-width:530px}
html:lang(hi) .hero h1,html:lang(mr) .hero h1 {font-size:clamp(35px,3.9vw,57px);line-height:1.27;letter-spacing:0;font-weight:700;max-width:680px}
html:lang(hi) .hero h1 .hero-highlight,html:lang(mr) .hero h1 .hero-highlight {font-size:.96em;line-height:1.28;letter-spacing:0;white-space:normal;margin-top:7px}
html:lang(hi) .hero .hero-body,html:lang(mr) .hero .hero-body {font-size:clamp(16px,1.28vw,18px);line-height:1.75}
html:lang(hi) .eyebrow,html:lang(mr) .eyebrow {letter-spacing:0;font-weight:700;font-size:13px}
html:lang(hi) .section-heading>p:last-child,html:lang(mr) .section-heading>p:last-child {line-height:1.8}
html:lang(hi) .nav-actions button,html:lang(mr) .nav-actions button {line-height:1.25}
/* Don't sacrifice readably sized CTA/form labels for the design aesthetic. */
.demo-dialog-head h2 {letter-spacing:-.025em}
html:lang(hi) .demo-dialog-head h2,html:lang(mr) .demo-dialog-head h2 {line-height:1.3;letter-spacing:0}
html:lang(hi) .demo-field label,html:lang(mr) .demo-field label {font-size:15px;line-height:1.48}
/* Natural wrapping is essential for Devanagari vowel signs and conjuncts. */
html:lang(hi) .hero h1 span,html:lang(mr) .hero h1 span {overflow-wrap:normal;word-break:normal}
@media(max-width:1100px) and (min-width:851px){
  html:lang(en) .hero h1 {font-size:clamp(39px,4.3vw,55px)}
  html:lang(hi) .hero h1,html:lang(mr) .hero h1 {font-size:clamp(34px,3.85vw,47px)}
}
@media(max-width:850px){
  html:lang(en) .hero h1 {font-size:clamp(43px,6vw,62px)}
  html:lang(hi) .hero h1,html:lang(mr) .hero h1 {font-size:clamp(38px,5.6vw,57px)}
}
@media(max-width:600px){
  html:lang(en) .hero h1 {font-size:clamp(35px,9vw,46px);line-height:1.14;letter-spacing:-.048em}
  html:lang(hi) .hero h1,html:lang(mr) .hero h1 {font-size:clamp(31px,7.7vw,39px);line-height:1.31}
  html:lang(en) .hero .hero-body {font-size:15px;line-height:1.7}
  html:lang(hi) .hero .hero-body,html:lang(mr) .hero .hero-body {font-size:16px;line-height:1.74}
  html:lang(hi) .section-heading h2,html:lang(mr) .section-heading h2 {font-size:clamp(28px,7.2vw,36px);line-height:1.27}
  html:lang(hi) .demo-dialog-head h2,html:lang(mr) .demo-dialog-head h2 {font-size:27px}
}
@media(max-width:360px){
  html:lang(en) .hero h1 {font-size:35px}
  html:lang(hi) .hero h1,html:lang(mr) .hero h1 {font-size:31px}
}