/* Nuskha website. Same colours and fonts as the app (app/css/tokens.css). Fonts are served from
   this site (no Google Fonts), so nothing is loaded from anyone else. */
@font-face{font-family:Hind;font-weight:400;font-display:swap;src:url(fonts/hind-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20B9}
@font-face{font-family:Hind;font-weight:400;font-display:swap;src:url(fonts/hind-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:Hind;font-weight:600;font-display:swap;src:url(fonts/hind-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20B9}
@font-face{font-family:Hind;font-weight:600;font-display:swap;src:url(fonts/hind-devanagari-600-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Tiro Devanagari Hindi';font-weight:400;font-display:swap;src:url(fonts/tiro-devanagari-hindi-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tiro Devanagari Hindi';font-weight:400;font-display:swap;src:url(fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+200C-200D,U+25CC}

:root{
  --gentian:#533A87;--gentian-deep:#2E1F52;--gentian-wash:#EFEAF8;
  --ink:#221A3D;--ink-soft:#5C5476;--ink-faint:#8F88A6;
  --mint:#12775E;--mint-wash:#E4F2EE;--iodine:#B4661A;--iodine-wash:#FBF0E2;
  --paper:#F8F6FC;--card:#FFFFFF;--line:#E3DEEF;--line-soft:#EFECF7;
  --sans:Hind,'Segoe UI','Nirmala UI',system-ui,sans-serif;--serif:'Tiro Devanagari Hindi',Georgia,'Nirmala UI',serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--gentian)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.small{font-size:14px}.muted{color:var(--ink-soft)}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.25}
h1{font-size:clamp(30px,4.4vw,46px);margin:8px 0 14px}
h2{font-size:clamp(26px,3.4vw,34px);margin:0 0 22px}
h3{font-size:19px;margin:0 0 6px}

/* one language at a time */
html[data-lang="en"] [data-l="hi"],html[data-lang="hi"] [data-l="en"]{display:none}
html[data-lang="hi"] body{font-size:18px}

.top{position:sticky;top:0;z-index:5;background:var(--gentian-deep);color:#fff}
.top-in{display:flex;align-items:center;gap:20px;min-height:60px}
.brand{display:flex;align-items:baseline;gap:8px;color:#fff;text-decoration:none}
.brand b{font-family:var(--serif);font-weight:400;font-size:24px}
.brand span{font-size:13px;opacity:.8}
.nav{display:flex;gap:18px;margin-left:auto}
.nav a{color:#fff;opacity:.85;text-decoration:none;font-size:15px}
.nav a:hover{opacity:1}
.langtog{display:flex;background:rgba(255,255,255,.1);border-radius:10px;padding:3px}
.langtog button{border:0;background:none;color:#fff;font:inherit;font-size:14px;padding:4px 12px;border-radius:8px;cursor:pointer}
.langtog button[aria-pressed="true"]{background:#EFB8B3;color:var(--gentian-deep);font-weight:600}

.hero{padding:56px 0 40px}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kicker{color:var(--gentian);font-weight:600;margin:0}
.lead{font-size:19px;color:var(--ink-soft);margin:0 0 22px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 22px;font-weight:600;text-decoration:none;font-size:16px}
.btn-solid{background:var(--gentian);color:#fff}
.btn-solid:hover{background:var(--gentian-deep)}
.btn-ghost{border:1.5px solid var(--line);background:var(--card);color:var(--ink)}
.hero-shot img{border-radius:18px;box-shadow:0 20px 44px -18px rgba(34,26,61,.35);border:1px solid var(--line)}

section{padding:44px 0}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:0 0 48px}
.feature.rev>img{order:-1}
.feature img{border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 24px -12px rgba(34,26,61,.25);max-height:440px;object-fit:cover;object-position:top}
.feature p{color:var(--ink-soft);margin:0}

.band{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid3 p{margin:0;color:var(--ink-soft)}

.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.price.best{border:2px solid var(--gentian)}
.price .amount{font-size:34px;font-weight:600;margin:4px 0}
.price p{margin:0;color:var(--ink-soft)}
.notes{margin:22px 0 0;padding-left:20px;color:var(--ink-soft)}

.steps{padding-left:22px;max-width:780px}
.steps li{margin:0 0 10px}
.smartscreen{max-width:440px;background:#0063B1;color:#fff;padding:20px 22px;border-radius:4px;margin:18px 0;font-family:'Segoe UI',system-ui,sans-serif}
.ss-title{font-size:22px;margin:0 0 8px}
.ss-text{font-size:14px;margin:0 0 10px;opacity:.9}
.ss-link{text-decoration:underline;margin:0 0 14px;outline:2px dashed #FFD54F;outline-offset:4px;display:inline-block}
.ss-buttons{display:flex;gap:10px;justify-content:flex-end}
.ss-buttons span{border:1px solid #fff;padding:4px 16px;font-size:14px}
.ss-run{background:#fff;color:#0063B1;font-weight:600;outline:2px dashed #FFD54F;outline-offset:4px}

details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px;max-width:820px}
summary{font-weight:600;cursor:pointer}
details p{margin:8px 0 0;color:var(--ink-soft)}

.foot{padding:26px 0;color:var(--ink-soft);font-size:14px}
.foot-in{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.foot nav{display:flex;flex-wrap:wrap;gap:16px}

/* legal pages */
.legal{max-width:820px;margin:0 auto;padding:30px 20px 60px}
.legal h2{font-size:30px}
.legal h3{margin-top:24px}
.legal .md-note{background:var(--iodine-wash);color:var(--iodine);border-radius:10px;padding:8px 12px;font-weight:600;font-size:14px}

@media (max-width:860px){
  .hero-in,.feature,.grid3,.prices{grid-template-columns:1fr}
  .feature.rev>img{order:0}
  .nav{display:none}
  .langtog{margin-left:auto}
  .hero{padding-top:32px}
}