/* Hindi landing page (/hi/).
 *
 * Loaded only by that page, on top of site.css and home.css. Same two jobs as
 * web/css/lp-bn.css, and the same trap behind the first one.
 *
 * 1. A Devanagari face that covers the whole script. site.css already declares
 *    'Noto Sans Devanagari', but the file behind it is a subset cut to the few
 *    dozen characters in the language chips, while its unicode-range claims
 *    the entire block. Any other Devanagari character matches that range,
 *    finds no glyph and renders as a blank box rather than falling back to a
 *    system font. A page written in Hindi needs the whole block, so it gets
 *    its own file under its own family name.
 *
 * 2. Room for the script. Bricolage Grotesque and Instrument Sans have no
 *    Devanagari glyphs at all, and the headline sizes here were set for Latin:
 *    line-height 1.05 and negative letter-spacing clip the matras that sit
 *    above the shirorekha and the vowel signs that hang below the line.
 */

@font-face {
  font-family: 'Noto Sans Devanagari Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/noto-sans-devanagari-text-v1.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* Devanagari comes from the new face; Latin runs (Lipo, Pro Plus, $7.99,
   AGENTS.md) fall straight through to the brand fonts, so the page keeps its
   voice. Kohinoor Devanagari covers the swap while the file is in flight. */
body.lp {
  font-family: 'Noto Sans Devanagari Text', 'Instrument Sans',
    'Kohinoor Devanagari', 'Devanagari Sangam MN', system-ui, sans-serif;
}

body.lp h1,
body.lp h2,
body.lp h3,
body.lp .btn,
body.lp .lp-tier .tn,
body.lp .lp-tier .price,
body.lp .lp-statline .k,
body.lp .lp-saved-cell b {
  font-family: 'Noto Sans Devanagari Text', 'Bricolage Grotesque',
    'Kohinoor Devanagari', system-ui, sans-serif;
  letter-spacing: 0;
}

/* Headline leading. Latin can sit at 1.05 because nothing reaches far above
   the cap height; Devanagari stacks a matra on top of the shirorekha and a
   vowel sign underneath. These are the tightest values that still clear both,
   because the first pass at 1.28 and 1.85 read as airy next to the English. */
body.lp .lp-hero h1 { line-height: 1.24; }
body.lp .lp-shead h2,
body.lp .lp-row h2,
body.lp .lp-final h2 { line-height: 1.26; }
body.lp .lp-step h3,
body.lp .lp-card h3,
body.lp .lp-ex-head h3 { line-height: 1.4; }

/* Body copy needs the same room, a little more of it. */
body.lp .lp-lead,
body.lp .lp-shead p,
body.lp .lp-row p,
body.lp .lp-step p,
body.lp .lp-card p,
body.lp .lp-ex-text,
body.lp .faq .ans p,
body.lp .lp-modelist span,
body.lp .foot-brand p { line-height: 1.75; }

/* The small mono labels are set in JetBrains Mono, which has no Devanagari
   glyphs, and uppercase means nothing in a script with no capitals. The three
   writing-mode names keep the mono treatment, because those stay in English. */
body.lp .eyebrow,
body.lp .lp-ex-tag,
body.lp .lp-step .n,
body.lp .lp-only,
body.lp .lp-tag,
body.lp .lp-saved-cell span,
body.lp .lp-statline .v,
body.lp .lang-chip .e,
body.lp .foot-col h3 {
  font-family: 'Noto Sans Devanagari Text', 'JetBrains Mono', monospace;
  letter-spacing: .02em;
  text-transform: none;
}