/* Answer pages: the landing page's midnight-and-rose palette and type, in a reading layout. */
:root{--bg:#FBF7F9;--surface:#FFFFFF;--surface-2:#F6EEF2;--ink:#1E1330;--ink-soft:#4E3F5B;--muted:#7E6E8A;--accent:#8E2C5C;--accent-2:#6E2148;--accent-soft:#F4E3EB;--gilt:#E8B4C2;--gilt-ink:#7E4B5C;--hairline:#EBE2EA;--wine:#1B0B36;--grad-sun:linear-gradient(120deg,#B0306E 0%,#8E2C5C 45%,#5B5C9C 100%);--sans:"Mukta","Noto Sans Devanagari",system-ui,-apple-system,sans-serif;--scripture:"Tiro Devanagari Hindi","Noto Serif Devanagari","Kohinoor Devanagari",serif;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 var(--sans)}
:lang(hi) body,body:lang(hi){line-height:1.85}
a{color:var(--accent-2)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:5;background:rgba(251,247,249,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:19px;white-space:nowrap}
.brand img{width:28px;height:28px;border-radius:7px}
.nav-links{display:flex;align-items:center;gap:14px;font-size:14px}
.nav-links a{color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent;line-height:1.2;white-space:nowrap}
.btn-primary{background:var(--accent);color:#fff}
.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline)}
.nav .btn{padding:7px 12px;font-size:13px}
main{padding:40px 0 64px}
.eyebrow{color:var(--accent-2);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0 0 10px}
h1{font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.2;margin:0 0 18px;letter-spacing:-.01em}
h1:lang(hi){font-weight:700;line-height:1.4}
/* Spacing between letters breaks the headline (shirorekha) that joins Devanagari letters. */
.eyebrow:lang(hi),h1:lang(hi),th:lang(hi){letter-spacing:0}
.answer{background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-sun) border-box;border:1px solid var(--hairline);border-left:4px solid transparent;border-radius:14px;padding:18px 22px;font-size:18px;margin:0 0 28px}
.answer p{margin:0}
.answer p+p{margin-top:12px}
.meta{color:var(--muted);font-size:14px;margin:0 0 30px}
h2{font-weight:700;font-size:24px;line-height:1.35;margin:40px 0 12px}
h3{font-size:17px;margin:22px 0 6px}
p,li{color:var(--ink-soft)}
p{margin:0 0 16px}
ul,ol{padding-left:22px;margin:0 0 16px}
li{margin:0 0 8px}
strong{color:var(--ink)}
blockquote{margin:0 0 16px;padding:14px 18px;background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,var(--grad-sun) border-box;border-left:4px solid transparent;border-radius:12px;font-family:var(--scripture);font-size:19px;line-height:1.9;color:var(--ink)}
blockquote .hl{display:block;font-family:var(--sans);font-size:16px;line-height:1.6;font-style:italic;color:var(--ink-soft);margin-top:6px}
blockquote cite{display:block;font-style:normal;color:var(--muted);font-size:14px;margin-top:6px;font-family:var(--sans)}
.table{overflow-x:auto;margin:0 0 16px}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
td{color:var(--ink-soft)}
td[lang="hi"]{font-family:var(--scripture);font-size:16px}
.faq h3{color:var(--ink)}
.faq p{margin-bottom:12px}
.cta{margin:48px 0 0;padding:32px 26px;border-radius:24px;background:radial-gradient(420px 260px at 100% 0%,rgba(176,48,110,.55),transparent 70%),radial-gradient(380px 240px at 0% 100%,rgba(91,92,156,.5),transparent 70%),var(--wine);color:#fff;text-align:center}
.cta h2,.cta p,.cta strong{color:#fff}
.cta .btn-primary{background:#fff;color:var(--ink)}
.cta .btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
.cta h2{margin:0 0 6px;font-size:22px}
.cta p{margin:0 0 16px}
.cta .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cta .row+.row{margin-top:10px}
.cta .soon{margin:0;max-width:520px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.85)}
.more{margin-top:40px;padding-top:24px;border-top:1px solid var(--hairline)}
.more h2{font-size:18px;margin:0 0 12px}
.more ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.more a{text-decoration:none;color:var(--ink);display:block;padding:12px 14px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface)}
.more a:hover{border-color:var(--accent)}
footer{border-top:1px solid var(--hairline);padding:26px 0 40px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer nav{display:flex;gap:16px}
footer a{color:var(--muted)}
@media (max-width:560px){.nav-links .hide-sm{display:none}}
@media (max-width:480px){.brand span{display:none}.nav .wrap{gap:8px}.nav-links{gap:10px}.nav .btn{padding:7px 10px}.wrap{padding:0 16px}}