/* REMED AI — main website (remedai.in "/").
   Kamal design system — see CLAUDE.md.
   The app at /try has its own stylesheet (css/app.css) with the same tokens. */
:root{
  --night:#0F160E;--deep:#1E2A1B;--olive:#2A3A26;--ink:#23301F;
  --sage:#3F5F3A;--sage-l:#B5D08F;--gold:#C8902E;--gold-l:#F6D27A;
  --bg:#F3F1E8;--cream:#FBFAF4;--tint:#E4E8D6;--muted:#5B6852;
  --g-gold:linear-gradient(135deg,#F6D27A,#C8902E);
  --g-sage:linear-gradient(135deg,#B5D08F,#3F5F3A);
  --g-bloom:linear-gradient(120deg,#F6D27A 0%,#C8902E 45%,#7FA266 100%);
  --ok:#1F6B2E;--ok-bg:#D8EFC9;--low:#B42318;--low-bg:#FBD9D0;--warn:#8A5A00;--warn-bg:#FCE8B2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
svg{display:block}
.serif{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:700}
.gtext{background:var(--g-bloom);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- dark hero ---------- */
.dark{position:relative;overflow:hidden;color:var(--cream);
  background:radial-gradient(900px 520px at 72% 38%,rgba(200,144,46,.20),transparent 60%),
             radial-gradient(700px 420px at 10% 110%,rgba(63,95,58,.55),transparent 60%),
             linear-gradient(165deg,var(--deep),var(--night))}
.dark::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.watermark{position:absolute;right:-180px;top:-120px;width:760px;height:760px;opacity:.07;pointer-events:none}
.nav{position:relative;display:flex;align-items:center;gap:32px;max-width:1320px;margin:0 auto;padding:22px 40px}
.brand{display:flex;align-items:center;gap:10px}
.word{font-family:'Archivo Black';font-size:26px;letter-spacing:-.03em;line-height:1}
.word em{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-size:1.14em;letter-spacing:0}
.dark .word em,.foot .word em{color:var(--gold-l)}
.links{display:flex;gap:28px;margin-left:auto;color:rgba(251,250,244,.7);font-weight:500}
.actions{display:flex;gap:12px;align-items:center}
.glass{background:rgba(251,250,244,.07);border:1px solid rgba(251,250,244,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lang{border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}
.menu{display:none;margin-left:auto}

.btn{font-family:Archivo;font-weight:700;font-size:15px;padding:14px 22px;border-radius:14px;border:0;display:inline-flex;gap:9px;align-items:center;white-space:nowrap;cursor:pointer}
.btn-sm{padding:9px 16px;font-size:14px;border-radius:12px}
.btn-gold{background:var(--g-gold);color:var(--night);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -10px rgba(246,210,122,.7)}
.btn-glass{color:var(--cream)}
.btn-dark{background:linear-gradient(160deg,var(--olive),var(--night));color:var(--cream);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -14px rgba(0,0,0,.6)}
.btn-ghost{background:none;color:var(--sage);padding-left:4px;padding-right:4px}
.btn-off{background:var(--tint);color:#8b957f}

.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;max-width:1320px;margin:0 auto;padding:48px 40px 96px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:20px}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--sage-l);box-shadow:0 0 12px var(--sage-l)}
h1{font-family:'Archivo Black';font-weight:400;font-size:68px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}
h1 .serif{display:block;text-transform:none;font-size:1.2em;letter-spacing:-.01em;line-height:1.05;padding-bottom:.06em}
.lead{font-size:19px;color:rgba(251,250,244,.72);margin:24px 0 32px;max-width:540px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.trust{display:flex;gap:20px;margin-top:26px;color:rgba(251,250,244,.6);font-size:13px;flex-wrap:wrap}
.trust span::before{content:"✦ ";color:var(--gold-l)}

/* arch result card */
.arch-wrap{position:relative;padding:2px;border-radius:220px 220px 26px 26px;background:linear-gradient(170deg,rgba(246,210,122,.9),rgba(181,208,143,.35) 45%,rgba(251,250,244,.08));box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 80px -20px rgba(200,144,46,.35)}
.arch{position:relative;border-radius:218px 218px 24px 24px;background:linear-gradient(180deg,#FBFAF4,#F3F1E8);color:var(--ink);padding:172px 24px 24px;display:grid;gap:12px}
.arch-top{position:absolute;left:0;right:0;top:34px;display:grid;justify-items:center;gap:6px}
.arch-top .halo{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 30%,rgba(246,210,122,.35) 60%,transparent 72%)}
.arch-top span{font-size:24px;color:var(--ink)}
.rh{display:flex;gap:12px;align-items:center}
.ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--tint);color:var(--sage)}
.grow{flex:1}
.label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.title{font-weight:700}
.med{background:#fff;border:1px solid #E6E4D8;border-radius:16px;padding:13px 15px;position:relative;overflow:hidden}
.med::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g-sage)}
.med.gold::before{background:var(--g-gold)}
.mt{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.mt b{font-size:16px}
.gen{font-size:13px;color:var(--muted)}
.med p{font-size:14px;margin-top:3px}
.chips{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--ink)}
.lab{display:flex;align-items:center;gap:16px;padding:4px 2px}
.val{font-family:'Archivo Black';font-size:26px}.val small{font-family:Archivo;font-size:13px;color:var(--muted)}
.range{flex:1;font-size:12px;color:var(--muted)}
.bar{height:8px;border-radius:99px;background:linear-gradient(90deg,#E06A55 0 30%,#7FA266 30% 75%,#E0B04A 75%);position:relative;margin-bottom:6px}
.bar i{position:absolute;left:22%;top:-4px;width:4px;height:16px;background:var(--ink);border-radius:2px}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.ok{color:var(--ok);background:var(--ok-bg)}.lo{color:var(--low);background:var(--low-bg)}.hi{color:var(--warn);background:var(--warn-bg)}
.note{display:flex;gap:10px;font-size:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#FCE8B2,#FBF1D4)}
.note svg{color:var(--warn);flex:none;margin-top:2px}

/* ---------- light sections ---------- */
.block{max-width:1320px;margin:0 auto;padding:72px 40px 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.sec-head .eyebrow{color:var(--gold);margin-bottom:10px}
.sec-head .eyebrow i{background:var(--sage);box-shadow:none}
h2{font-family:'Archivo Black';font-weight:400;font-size:42px;letter-spacing:-.02em;line-height:1.02;text-transform:uppercase}
h2 .serif{text-transform:none;font-size:1.15em;color:var(--sage)}
.sec-head p{color:var(--muted);max-width:440px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature{background:var(--cream);border-radius:24px;padding:26px;box-shadow:0 1px 0 rgba(0,0,0,.03),0 20px 40px -30px rgba(20,28,18,.45);position:relative;overflow:hidden}
.feature .fi{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--g-sage);color:#fff;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.feature:nth-child(even) .fi{background:var(--g-gold);color:var(--night)}
.feature h3{font-family:'Archivo Black';font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:6px}
.feature p{color:var(--muted);font-size:14px}
.feature.night{background:linear-gradient(165deg,var(--olive),var(--night));color:var(--cream)}
.feature.night p{color:rgba(251,250,244,.68)}
.feature.night .petal{position:absolute;right:-40px;bottom:-40px;width:170px;height:170px;opacity:.16}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{border-top:2px solid var(--ink);padding-top:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px}
.step .n{grid-row:span 2;font-size:64px;line-height:.8}
.step b{font-family:'Archivo Black';font-weight:400;text-transform:uppercase;font-size:18px}
.step p{color:var(--muted);font-size:14px}


.foot{margin-top:80px;padding:40px;color:rgba(251,250,244,.6);font-size:13px}
.foot .in{position:relative;max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}
.foot .word{color:var(--cream);font-size:22px}

/* ---------- brutalist edges: square corners, thick ink borders, hard offset shadows ---------- */
.btn,.btn-sm,.lang,.ic,.med,.note,.chip,.badge,.bar,.feature,.feature .fi,.kb,.lt,.s i,.input{border-radius:0 !important}
.nav{border-bottom:2px solid rgba(246,210,122,.45)}
.lang{border:2px solid rgba(251,250,244,.7)}
.dark .btn-gold{border:3px solid var(--night);box-shadow:5px 5px 0 var(--cream)}
.dark .btn-glass{border:3px solid var(--cream);background:transparent;backdrop-filter:none}
.arch-wrap{padding:0;background:none;border:3px solid var(--gold-l);border-radius:220px 220px 0 0;box-shadow:12px 12px 0 var(--gold),0 0 90px -20px rgba(200,144,46,.4)}
.arch{border-radius:217px 217px 0 0}
.ic{border:2px solid var(--ink)}
.med{border:2px solid var(--ink)}
.med::before{width:6px}
.note{border:2px solid var(--ink)}
.chip,.badge{border:2px solid var(--ink)}
.bar{border:2px solid var(--ink);height:10px}
.feature,.kb{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.feature .fi{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.feature.night .fi{border-color:var(--gold-l);box-shadow:3px 3px 0 var(--gold-l)}
.step{border-top:3px solid var(--ink)}
.sec-head{border-top:3px solid var(--ink);padding-top:28px}
.foot{border-top:3px solid var(--gold-l)}

@media (max-width:760px){
  .arch-wrap{border-radius:170px 170px 0 0 !important;box-shadow:8px 8px 0 var(--gold)}
  .arch{border-radius:167px 167px 0 0 !important}
  .nav{padding:16px}.links,.actions{display:none}.menu{display:block;color:var(--cream)}
  .watermark{width:420px;height:420px;right:-160px;top:-60px}
  .hero{grid-template-columns:1fr;padding:20px 16px 56px;gap:40px}
  h1{font-size:40px}.lead{font-size:16px;margin:16px 0 24px}
  .cta .btn{width:100%;justify-content:center}
  .arch-wrap{border-radius:170px 170px 22px 22px}.arch{border-radius:168px 168px 20px 20px;padding:160px 16px 18px}
  .arch-top{top:26px}.arch-top span{font-size:21px}
  .lab{flex-wrap:wrap}
  .block{padding:48px 16px 0}
  .sec-head{flex-direction:column;align-items:start}
  h2{font-size:30px}
  .features{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:16px;border-radius:20px}.feature h3{font-size:14px}.feature p{font-size:13px}
  .steps{grid-template-columns:1fr}
  .kit{grid-template-columns:1fr}
  .foot{padding:28px 16px}.foot .in{flex-direction:column;align-items:start}
}
/* ================= ANIMATIONS ================= */
.bloom .pt{transform-box:view-box;transform-origin:50% 50%;transform:rotate(var(--r))}
.bloom .core{transform-box:view-box;transform-origin:50% 50%}
.btn{transition:transform .14s ease,box-shadow .14s ease,background .2s,color .2s}
.dark .btn-gold:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cream)}
.dark .btn-gold:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--cream)}
.dark .btn-glass:hover{background:var(--cream);color:var(--night)}
.dark .btn-glass:active{transform:translate(3px,3px)}
.feature{transition:transform .16s ease,box-shadow .16s ease}
.feature.done:hover,.anim-off .feature:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}
.brand .bloom{transition:transform .6s cubic-bezier(.2,.9,.2,1.3)}
.brand:hover .bloom{transform:rotate(90deg)}
.scanline{display:none}

.anim .bloom .pt{animation:unfold 1.2s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:calc(var(--d) + var(--bd,.15s))}
.anim .bloom .core{animation:pop .5s cubic-bezier(.2,.9,.3,1.6) both;animation-delay:calc(var(--bd,.15s) + .75s)}
@keyframes unfold{from{transform:rotate(0deg) scale(.15);opacity:0}to{transform:rotate(var(--r)) scale(1)}}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.anim .watermark{animation:spin 140s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.halo{transition:box-shadow .4s}
.halo.thinking{animation:haloPulse 1s ease-in-out infinite}
.halo.thinking .bloom{animation:spin 1.6s linear infinite}
@keyframes haloPulse{50%{box-shadow:0 0 0 10px rgba(246,210,122,.25)}}

.anim h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.04em}
.anim h1 .w>span{display:inline-block;transform:translateY(110%);animation:rise .75s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
@keyframes rise{to{transform:none}}
h1 .serif.gtext{background:linear-gradient(110deg,#F6D27A 0%,#C8902E 30%,#7FA266 55%,#F6D27A 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
.anim h1 .serif{animation:wipe 1s cubic-bezier(.7,0,.2,1) .55s both,shimmer 7s linear 1.8s infinite}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -5% 0 0)}}
@keyframes shimmer{to{background-position:-250% 0}}
.anim .fu{animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.anim .eyebrow i{animation:dot 2.2s ease-in-out infinite}
@keyframes dot{50%{transform:scale(1.6);box-shadow:0 0 18px var(--sage-l)}}

.anim .arch-wrap{animation:archIn 1s cubic-bezier(.2,.8,.2,1) .35s both}
@keyframes archIn{from{opacity:0;transform:translateY(60px);box-shadow:0 0 0 var(--gold),0 0 0 rgba(0,0,0,0)}}
.anim .scanline{display:block;position:absolute;left:3px;right:3px;top:150px;height:3px;background:var(--gold-l);box-shadow:0 0 18px 4px rgba(246,210,122,.7);opacity:0;z-index:2;pointer-events:none}
.anim .scanline.go{animation:scan var(--dur,2.6s) cubic-bezier(.45,0,.55,1) forwards}
@keyframes scan{0%{opacity:1;top:150px}92%{opacity:1}100%{opacity:0;top:calc(100% - 6px)}}
.anim .sq{opacity:0}
.anim .sq.on{animation:brutalPop .45s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes brutalPop{0%{opacity:0;transform:translate(8px,8px)}60%{opacity:1;transform:translate(-2px,-2px)}100%{opacity:1;transform:none}}
.bar i{transition:left 1.1s cubic-bezier(.2,.8,.2,1)}
.badge.pulse{animation:ring 1.6s ease-out infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(180,35,24,.45)}100%{box-shadow:0 0 0 10px rgba(180,35,24,0)}}
.badge.swap{animation:pop .4s cubic-bezier(.2,.9,.3,1.6)}
.caret::after{content:"▍";color:var(--gold);animation:blink .7s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.anim .rv{opacity:0}
.anim .rv.in{animation:up .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
.anim .feature.rv.in,.anim .kb.rv.in{animation-name:upBrutal}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes upBrutal{0%{opacity:0;transform:translate(0,30px);box-shadow:0 0 0 var(--ink)}70%{opacity:1;transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}100%{opacity:1;transform:none}}
.anim .rv.done{animation:none;opacity:1}
.anim .step .n{display:inline-block}
.anim .step.rv.in .n{animation:numIn .8s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(var(--d) + .15s)}
@keyframes numIn{from{transform:translateY(-30px) rotate(-12deg);opacity:0}}

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

/* ================= MAIN WEBSITE SECTIONS ================= */
a{color:inherit}
a.btn,.brand,.links a,.foot-links a{text-decoration:none}
.links a:hover,.foot-links a:hover{color:var(--gold-l)}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:24px}
.sec-head .eyebrow{color:var(--gold)}
.sec-head.plain{border-top:0;padding-top:0}

/* three-up cards */
.features.three{grid-template-columns:repeat(3,1fr)}
.features.three .feature h3{font-size:20px}
.features.three .feature:not(:has(p)) h3{font-size:22px;margin:0}

/* what you can scan */
.doc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.doc-tile{display:grid;justify-items:start;gap:14px;padding:20px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-weight:700;font-size:16px;line-height:1.3;transition:transform .16s,box-shadow .16s}
.doc-tile.done:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}
.doc-tile svg{width:34px;height:34px;fill:none;stroke:var(--sage);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.doc-tile:nth-child(even) svg{stroke:var(--gold)}

/* languages */
.lang-split{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;border-top:3px solid var(--ink);padding-top:28px}
.lang-text{color:var(--muted);font-size:17px;margin-top:16px;max-width:560px}
.lang-swap{position:relative;height:150px;background:var(--cream);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--gold);font-weight:700;font-size:26px;overflow:hidden}
.lang-swap span{position:absolute;inset:0;display:grid;place-items:center;padding:0 24px;text-align:center}
.lang-swap [lang="en"]{animation:swapEn 6s infinite}
.lang-swap [lang="hi"]{animation:swapHi 6s infinite;font-family:'Noto Sans Devanagari',Archivo,sans-serif}
@keyframes swapEn{0%,40%{opacity:1;transform:none}50%,90%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:none}}
@keyframes swapHi{0%,45%{opacity:0;transform:translateY(18px)}55%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-18px)}}

/* mission manifesto */
.mission{margin-top:88px;border-top:3px solid var(--gold-l);border-bottom:3px solid var(--gold-l)}
.mission-in{position:relative;max-width:1100px;margin:0 auto;padding:88px 40px;display:grid;grid-template-columns:200px 1fr;gap:56px;align-items:center}
.mission-bloom{width:200px;height:200px;filter:drop-shadow(0 0 40px rgba(246,210,122,.35))}
.mission blockquote{display:grid;gap:20px}
.mission p{font-size:20px;color:rgba(251,250,244,.78);max-width:720px}
.mission .mission-big{font:400 40px/1.1 'Archivo Black','Noto Sans Devanagari',sans-serif;color:var(--cream);text-transform:uppercase;letter-spacing:-.02em}
.mission .mission-strong{font:italic 700 34px 'Cormorant Garamond',serif;color:var(--gold-l)}
.mission cite{font-style:normal;font-weight:700;color:var(--gold-l);letter-spacing:.08em}

/* FAQ */
.faq{display:grid;gap:16px;max-width:900px}
.faq details{padding:0}
.faq summary{cursor:pointer;list-style:none;padding:22px 26px;font:400 20px 'Archivo Black','Noto Sans Devanagari',sans-serif;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:Archivo;font-weight:700;color:var(--gold);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 26px 22px;color:var(--muted);font-size:16px}

/* final call to action */
.final{margin-top:88px}
.final-in{position:relative;max-width:1000px;margin:0 auto;padding:96px 40px;display:grid;justify-items:center;gap:32px;text-align:center}
.final h2{font-size:56px;color:var(--cream)}
.final h2 .serif{display:block;font-size:1.15em;margin-top:4px}
.btn-big{padding:20px 32px;font-size:18px}

/* footer */
.foot{margin-top:0}
.foot .in{display:grid;grid-template-columns:1fr auto;gap:16px 32px;align-items:center}
.foot-brand{display:grid;gap:8px}
.foot-links{display:flex;gap:22px;font-weight:600;color:var(--cream)}
.foot-disclaimer{grid-column:1/-1;border-top:1px solid rgba(251,250,244,.15);padding-top:16px}

/* Hindi: Devanagari joins letters — no letter-spacing; Archivo Black has no Devanagari glyphs. */
:lang(hi) .eyebrow,:lang(hi) .lang{letter-spacing:0}
:lang(hi) h1,:lang(hi) h2,:lang(hi) .feature h3,:lang(hi) .step b{font-family:'Noto Sans Devanagari',Archivo,sans-serif;font-weight:900;text-transform:none;letter-spacing:0;line-height:1.25}
:lang(hi) h1 .serif,:lang(hi) h2 .serif,:lang(hi) .mission-strong{font-family:'Noto Sans Devanagari',sans-serif;font-style:normal;font-weight:900}
:lang(hi) body,:lang(hi) .btn{font-family:'Noto Sans Devanagari',Archivo,sans-serif}

/* mobile */
@media (max-width:980px){
  .doc-grid{grid-template-columns:repeat(3,1fr)}
  .features.three{grid-template-columns:1fr}
}
@media (max-width:760px){
  .nav{position:relative}
  .nav.open .links{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--night);border-bottom:3px solid var(--gold-l);padding:8px 16px 16px;margin:0}
  .nav.open .links a{padding:14px 0;border-bottom:1px solid rgba(251,250,244,.12);color:var(--cream);font-size:17px}
  .menu{background:none;border:0;cursor:pointer}
  .doc-grid{grid-template-columns:1fr 1fr;gap:12px}
  .doc-tile{padding:16px;font-size:15px}
  .lang-split{grid-template-columns:1fr;gap:28px}
  .lang-swap{height:120px;font-size:21px}
  .mission{margin-top:56px}
  .mission-in{grid-template-columns:1fr;padding:56px 16px;gap:28px}
  .mission-bloom{width:110px;height:110px}
  .mission .mission-big{font-size:28px}
  .mission p{font-size:17px}
  .faq summary{font-size:16px;padding:18px}
  .faq details p{padding:0 18px 18px}
  .final{margin-top:56px}
  .final-in{padding:64px 16px}
  .final h2{font-size:34px}
  .btn-big{width:100%;justify-content:center}
  .foot .in{grid-template-columns:1fr}
}
.menu{background:none;border:0;cursor:pointer;color:var(--cream)}
@media (prefers-reduced-motion:reduce){.lang-swap{display:grid;height:auto}.lang-swap span{position:static;padding:18px 24px}.lang-swap [lang="hi"]{border-top:2px dashed var(--ink)}}
.lang-m{display:none}
@media (max-width:760px){.nav.open .lang-m{display:block;align-self:flex-start;margin-top:14px;padding:10px 16px;background:var(--g-gold);color:var(--night);border:3px solid var(--night);box-shadow:4px 4px 0 var(--cream);font:700 16px 'Noto Sans Devanagari',Archivo,sans-serif;cursor:pointer}}