@font-face {
  font-family: "Noto Sans"; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url("noto-sans.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Devanagari"; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url("noto-sans-devanagari.ttf") format("truetype");
}
:root {
  --paper: #fff; --ink: #151816; --navy: #17324d;
  --muted: #65716b; --soft: #f7f8f6; --line: #d7ded9;
  --gutter: 24px; --margin: 32px;
  font-family: "Noto Sans", "Noto Sans Devanagari", sans-serif;
  color: var(--ink); background: var(--paper);
  font-synthesis: none; text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-underline-offset: 4px; }
button, select { font: inherit; }
a, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--navy); outline-offset: 4px; }
.shell { width: min(1200px, calc(100% - var(--margin) * 2)); margin-inline: auto; }
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }
.header { min-height: 72px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; font-size: 24px; font-weight: 700; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 8px; color: var(--navy); font-size: 14px; font-weight: 600; text-decoration: none; }
.text-link:hover { text-decoration: underline; }
.signboard { position: relative; z-index: 10; isolation: isolate; grid-column: 4 / 10; display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 12px; padding-block: 8px 0; }
.sign { display: flex; flex-direction: column; min-width: 0; padding: 12px 12px 4px; background: var(--navy); color: var(--paper); }
.sign > span { color: var(--paper); font-size: 12px; line-height: 1.5; padding-inline: 4px; }
.sign select { width: 100%; min-width: 0; min-height: 44px; padding: 4px 0; border: 0; border-radius: 0; color: var(--paper); background: var(--navy); font-size: 16px; font-weight: 600; cursor: pointer; color-scheme: dark; }
.sign select { appearance: none; -webkit-appearance: none; box-shadow: none; }
.sign select:focus, .sign select:focus-visible { outline: none; box-shadow: none; }
html:not([data-input-method="pointer"]) .sign:has(select:focus-visible) { outline: 2px solid var(--navy); outline-offset: 4px; }
.hero, .product-proof { position: relative; z-index: 0; }
.sign.enhanced { position: relative; padding: 0; }
.sign.enhanced select { display: none; }
.sign-trigger { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; min-height: 78px; padding: 12px 16px; border: 0; border-radius: 0; color: white; background: var(--navy); text-align: start; cursor: pointer; font: inherit; }
.sign-trigger > [data-copy] { font-size: 12px; line-height: 18px; }
.sign-value { font-size: 16px; line-height: 24px; font-weight: 600; }
.sign-trigger:focus { outline: none; }
.sign-trigger:disabled { cursor: default; opacity: 1; }
.sign-trigger:focus-visible { outline: none; }
html:not([data-input-method="pointer"]) .sign-trigger:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; }
.sign-reveal { position: absolute; inset: 100% 0 auto; height: 0; overflow: hidden; background: var(--navy); transition: height 300ms cubic-bezier(.22, .61, .36, 1); }
.sign.open { z-index: 1; }
.sign.open .sign-reveal { height: var(--reveal-height, 0px); }
.sign-clip { min-height: 0; overflow: hidden; }
.sign-options { display: grid; padding: 0 8px 8px; }
.sign-choice { width: 100%; min-height: 44px; padding: 10px 8px; border: 0; border-radius: 0; color: white; background: transparent; font: inherit; font-size: 16px; text-align: start; cursor: pointer; overflow-wrap: anywhere; }
.sign-choice[aria-pressed="true"] { font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.sign-choice:hover:not(:disabled), .sign-choice:focus-visible { background: #244764; outline: none; }
.sign-choice:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
.sign-choice:disabled { color: #bdc9d5; cursor: default; font-size: 13px; }
.sign-choice[hidden] { display: none; }
@media (max-width: 599px) {
  .sign-trigger { padding-inline: 8px; }
  .sign-value, .sign-choice { font-size: 14px; }
  .sign-options { padding-inline: 0; }
}
@media (prefers-reduced-motion: reduce) { .sign-reveal { transition: none; } }
.sign option { color: var(--ink); background: var(--paper); }
.sign option:disabled { color: var(--muted); }
.hero { grid-column: 2 / 12; text-align: center; padding-top: 48px; }
h1 { margin: 0; font-size: clamp(40px, 5.3vw, 72px); line-height: 1.12; font-weight: 700; letter-spacing: -.025em; }
h1 span { display: block; }
.lead { max-width: 600px; margin: 16px auto 0; font-size: 20px; line-height: 1.6; text-wrap: pretty; }
.action-group { margin-top: 24px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border-radius: 4px; background: var(--navy); color: var(--paper); text-decoration: none; font-size: 16px; line-height: 1.5; font-weight: 600; }
.button:hover { background: #244764; }
.free-note { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.product-proof { grid-column: 2 / 12; min-width: 0; margin: 48px 0 0; }
.product-image-link { display: block; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.product-proof img { display: block; width: 100%; height: auto; }
figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.6; }
figcaption a { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; }
.benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gutter); margin-top: 96px; }
.benefits article { border-top: 1px solid var(--line); padding-top: 24px; }
.section-number { color: var(--navy); font-size: 12px; font-weight: 600; }
.benefits h2 { max-width: 320px; margin: 16px 0 12px; font-size: 24px; line-height: 1.3; font-weight: 600; text-wrap: balance; }
.benefits p { max-width: 340px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.closing { padding-block: 96px; text-align: center; }
.closing h2 { margin: 0 0 24px; font-size: clamp(32px, 3vw, 40px); line-height: 1.2; font-weight: 700; text-wrap: balance; }
.footer { border-top: 1px solid var(--line); min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer .brand { font-size: 18px; }
.footer p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.sr-only, .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link:focus { position: absolute; z-index: 1; top: 8px; left: 16px; padding: 12px; color: white; background: var(--navy); }
:lang(hi) { font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif; }
:lang(hi) h1 { letter-spacing: 0; line-height: 1.25; }
:lang(hi) .lead, :lang(hi) .benefits p { line-height: 1.7; }
@media (max-width: 1023px) {
  :root { --margin: 24px; }
  .grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .signboard { grid-column: 2 / 8; }
  .hero, .product-proof { grid-column: 1 / -1; }
  .benefits { grid-template-columns: 1fr; gap: 32px; }
  .benefits article { display: grid; grid-template-columns: 32px 1fr 1.3fr; gap: 16px; }
  .benefits h2, .benefits p { margin: 0; max-width: none; }
}
@media (max-width: 599px) {
  :root { --margin: 16px; --gutter: 16px; }
  .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .header { min-height: 64px; }
  .brand { font-size: 22px; }
  .signboard { grid-column: 1 / -1; gap: 8px; }
  .sign { padding-inline: 4px; }
  .sign select { font-size: 14px; }
  .hero { padding-top: 40px; }
  h1 { font-size: clamp(32px, 8.4vw, 48px); line-height: 1.15; letter-spacing: -.02em; }
  .lead { font-size: 18px; line-height: 1.6; }
  .product-proof { margin-top: 40px; }
  .product-proof img { width: 100%; height: auto; }
  figcaption { align-items: flex-start; gap: 8px; padding-top: 8px; }
  figcaption span { padding-top: 8px; }
  .benefits { margin-top: 64px; gap: 32px; }
  .benefits article { display: block; padding-top: 24px; }
  .benefits h2 { margin: 12px 0; font-size: 24px; }
  .closing { padding-block: 64px; }
  .footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 0; padding-block: 24px; }
  .footer p { margin: 4px 0 0; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }