/* BoliLabs — site styles (home, pricing, account, login, policy pages). The Studio has its own, in its page.
   Raat: a bedtime-story night. Text is moonlight, the word being spoken is lamp light. */
@font-face{font-family:"Tiro Devanagari Hindi";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Tiro Devanagari Hindi";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tiro-devanagari-hindi-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:400;font-display:swap;src:url(/fonts/mukta-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:500;font-display:swap;src:url(/fonts/mukta-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:600;font-display:swap;src:url(/fonts/mukta-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:700;font-display:swap;src:url(/fonts/mukta-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:800;font-display:swap;src:url(/fonts/mukta-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mukta";font-weight:400;font-display:swap;src:url(/fonts/mukta-devanagari-400-normal.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}
@font-face{font-family:"Mukta";font-weight:600;font-display:swap;src:url(/fonts/mukta-devanagari-600-normal.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}

:root{
  --raat:#16183A;      /* the page */
  --raat-2:#1D2050;    /* raised: panels, the player */
  --raat-3:#262A63;    /* hover, inputs */
  --rekha:#33377A;     /* lines */
  --chandni:#ECE9F7;   /* text */
  --dhuan:#A9A5CC;     /* quiet text */
  --soya:#5D5F94;      /* not yet spoken, disabled */
  --diya:#FFB547;      /* the word being spoken; the main action */
  --diya-ink:#2B1B00;  /* text on diya */
  --hara:#7FD1A8;      /* done, included */
  --lal:#FF8A8A;       /* problems */
  --gutter:clamp(16px,5vw,56px);
  --max:1160px;
  --r:14px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--raat);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--raat);color:var(--chandni);font-family:Mukta,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img,video{max-width:100%;display:block}
::selection{background:var(--diya);color:var(--diya-ink)}
:focus-visible{outline:2px solid var(--diya);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.hi{font-family:"Tiro Devanagari Hindi","Noto Serif Devanagari",serif}
.skip{position:absolute;left:-999px;top:8px;background:var(--diya);color:var(--diya-ink);padding:8px 14px;border-radius:8px;z-index:10}
.skip:focus{left:8px}

/* header */
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--raat) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--rekha) 60%,transparent)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;text-decoration:none;line-height:1}
.brand svg{width:26px;height:26px;flex:none}
.brand rect{fill:var(--diya)}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a{text-decoration:none;color:var(--dhuan);font-weight:500;padding:8px 12px;border-radius:999px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--chandni);background:var(--raat-2)}
.nav .who{display:flex;align-items:center;gap:8px}
.cr{font-weight:700;color:var(--diya);white-space:nowrap}
@media (max-width:640px){.nav .hide-s{display:none}.top .wrap{gap:8px}.nav a{padding:8px 9px}}

/* buttons */
[hidden]{display:none !important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:700;font-size:1rem;line-height:1;padding:.85em 1.3em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.btn-go{background:var(--diya);color:var(--diya-ink)}
.btn-go:hover{background:#FFC46E}
.btn-line{border-color:var(--rekha);color:var(--chandni);background:transparent}
.btn-line:hover{border-color:var(--dhuan)}
.btn-quiet{background:var(--raat-2);color:var(--chandni)}
.btn-quiet:hover{background:var(--raat-3)}
.btn-sm{font-size:.9rem;padding:.6em 1em}
.btn[disabled],.btn.busy{opacity:.55;cursor:default;pointer-events:none}

/* type */
h1,h2,h3{line-height:1.15;letter-spacing:-.015em;margin:0}
h1{font-weight:800;font-size:clamp(2rem,4.6vw,3.3rem)}
h2{font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-weight:700;font-size:1.2rem}
.lede{font-size:clamp(1.08rem,1.6vw,1.25rem);color:var(--dhuan);max-width:36em}
.quiet{color:var(--dhuan)}
.small{font-size:.9rem}
section{padding:clamp(48px,8vw,96px) 0}
section+section{border-top:1px solid color-mix(in srgb,var(--rekha) 55%,transparent)}
.prose{max-width:46rem}
.prose h1{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:.4em}
.prose h2{font-size:1.4rem;margin:2em 0 .5em}
.prose h3{font-size:1.1rem;margin:1.6em 0 .4em}
.prose p,.prose li{color:#D9D6EC}
.prose a{color:var(--diya)}
.prose ul{padding-left:1.2em}
.prose .meta{color:var(--dhuan);font-size:.95rem}
.prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.98rem}
.prose td,.prose th{border-bottom:1px solid var(--rekha);padding:.6em .5em;text-align:left;vertical-align:top}

/* footer */
.foot{border-top:1px solid color-mix(in srgb,var(--rekha) 55%,transparent);padding:40px 0 56px;color:var(--dhuan);font-size:.95rem}
.foot .wrap{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.foot h4{margin:0 0 .6em;color:var(--chandni);font-size:.95rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.35em}
.foot a{text-decoration:none}
.foot a:hover{color:var(--chandni)}
.foot .legal{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--rekha) 45%,transparent);padding-top:18px;font-size:.88rem}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr 1fr}.foot .wrap>div:first-child{grid-column:1/-1}}

/* notices */
.note{border:1px solid var(--rekha);background:var(--raat-2);border-radius:var(--r);padding:14px 16px}
.note.ok{border-color:color-mix(in srgb,var(--hara) 55%,var(--rekha))}
.note.bad{border-color:color-mix(in srgb,var(--lal) 60%,var(--rekha))}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--chandni);color:var(--raat);font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.35);z-index:20;max-width:calc(100vw - 32px)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}