:root{
  --surface:#fffdf9;--sand:#f7f3ec;--rule:#ede6da;--rule-strong:#d5cbb9;
  --ink:#241f19;--ink-2:#4a4238;--ink-3:#6a6154;--ink-4:#8a8072;--ink-5:#9a8e7c;
  --haldi:#e8b23a;--haldi-deep:#b8892a;--tulsi:#2e6b4f;--manjistha:#a6392c;
  --neel:#1b2559;--jamuni:#3b1f52;--morpankh:#146b62;--phala:#8a4b1f;
  --t-neel:#e9ecf6;--t-jamuni:#efe7f4;--t-morpankh:#e9f4f2;--t-haldi:#fbf1d6;--t-phala:#f6e8dc;--t-tulsi:#e6f1ea;
  --shadow:0 1px 2px rgba(36,31,25,.04),0 10px 30px -18px rgba(36,31,25,.18);
}
@media (prefers-color-scheme:dark){:root{
  --surface:#191512;--sand:#211c18;--rule:#2f2823;--rule-strong:#3f362e;
  --ink:#f1e9dc;--ink-2:#cfc3b2;--ink-3:#a89b89;--ink-4:#8a8072;--ink-5:#6f6558;
  --haldi:#e8b23a;--haldi-deep:#f0c860;--tulsi:#7fbf9a;--manjistha:#e08a90;
  --neel:#9fabe6;--jamuni:#c9a6e0;--morpankh:#6fc8bc;--phala:#d9925a;
  --t-neel:#232a48;--t-jamuni:#2f2340;--t-morpankh:#1c332f;--t-haldi:#3a3018;--t-phala:#3a2a1c;--t-tulsi:#1f3324;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -18px rgba(0,0,0,.6);}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",Helvetica,"Tiro Devanagari Hindi",sans-serif}
.dev{font-family:"Tiro Devanagari Sanskrit","Tiro Devanagari Hindi",serif;font-weight:400;color:var(--ink-3)}
a{color:inherit}
h1,h2,h3,.display{font-family:Newsreader,Georgia,serif;font-weight:400;margin:0;text-wrap:balance;line-height:1.1}
h1{font-size:clamp(38px,5.6vw,64px);letter-spacing:-.01em}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:22px;font-weight:500;line-height:1.2;margin-bottom:6px}
p{margin:0 0 12px;max-width:62ch}
.lede{font-size:19px;line-height:1.5;color:var(--ink-2);max-width:58ch}
.micro{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:12px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:var(--surface);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.nav .wrap{display:flex;align-items:center;gap:22px;height:60px}
.brand{font-family:Newsreader,Georgia,serif;font-size:20px;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--haldi);display:inline-grid;place-items:center}
.brand i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--haldi)}
.nav ul{list-style:none;display:flex;gap:18px;margin:0 0 0 auto;padding:0;font-size:14px}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover{color:var(--ink)}
.nav .cta{background:var(--haldi);color:#241f19;font-weight:600;padding:9px 14px;border-radius:10px}
.nav .menu{display:none;margin-left:auto;background:none;border:1px solid var(--rule-strong);border-radius:10px;padding:8px 10px;font:inherit;color:var(--ink)}
@media (max-width:820px){.nav ul{display:none;position:absolute;left:0;right:0;top:60px;background:var(--surface);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;padding:8px 24px 16px}.nav ul.open{display:flex}.nav li{padding:8px 0}.nav .menu{display:block}}
/* sections */
section{padding:72px 0}
section.alt{background:var(--sand)}
.hero{padding:96px 0 72px}
.hero .lede{margin-top:18px}
.btn{display:inline-block;background:var(--haldi);color:#241f19;font-weight:600;padding:12px 18px;border-radius:10px;text-decoration:none;font-size:15px}
.btn.line{background:transparent;border:1px solid var(--rule-strong);color:var(--ink)}
.btn:focus-visible{outline:2px solid var(--haldi-deep);outline-offset:2px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.grid{display:grid;gap:18px;margin-top:28px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--sand);border-radius:14px;padding:22px 24px}
section.alt .card{background:var(--surface)}
.card.line{background:transparent;border:1px solid var(--rule-strong)}
.card p{max-width:none}
.card .small{font-size:13.5px;color:var(--ink-2)}
.prov{border-top:2px solid var(--haldi);padding-top:8px;margin-top:14px;font-size:11.5px;color:var(--ink-3)}
.tag{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:6px;border:1px solid currentColor;margin-left:6px;vertical-align:middle}
.tag.live{color:var(--tulsi)}.tag.build{color:var(--haldi-deep)}.tag.prop{color:var(--phala);border-style:dashed}
/* loop strip */
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}
.stage{border-radius:14px;padding:16px;min-height:200px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .15s}
.stage:hover{transform:translateY(-2px)}
.stage .v{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;opacity:.8}
.stage .nm{font-family:Newsreader,Georgia,serif;font-size:24px;line-height:1.1;margin:4px 0 8px}
.stage .nm .dev{font-size:15px;color:inherit;opacity:.7}
.stage .d{font-size:12.5px;line-height:1.35;margin-top:auto;color:var(--ink-2)}
.s-sangam{background:var(--t-haldi)}.s-sangam .nm{color:var(--haldi-deep)}
.s-sutradhar{background:var(--t-jamuni)}.s-sutradhar .nm{color:var(--jamuni)}
.s-gargi{background:var(--t-morpankh)}.s-gargi .nm{color:var(--morpankh)}
.s-margdarshak{background:var(--t-neel)}.s-margdarshak .nm{color:var(--neel)}
.s-phala{background:var(--t-phala);border:1.5px dashed var(--phala)}.s-phala .nm{color:var(--phala)}
@media (max-width:900px){.loop{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.loop{grid-template-columns:1fr}}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}
.plan{border:1px solid var(--rule-strong);border-radius:14px;padding:22px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.plan.hi{border:1.5px solid var(--haldi)}
.plan .nm{font-family:Newsreader,Georgia,serif;font-size:24px}
.plan .price{font-size:34px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;margin-top:8px}
.plan .price small{font-size:13px;color:var(--ink-3);font-weight:400}
.plan .min{font-size:12.5px;color:var(--ink-3)}
.plan ul{padding-left:18px;margin:10px 0 0;font-size:13.5px;color:var(--ink-2)}
.plan li{margin:3px 0}
table{border-collapse:collapse;width:100%;font-size:14px;margin-top:18px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl{overflow-x:auto}
/* shots */
.shot{background:var(--sand);border-radius:14px;padding:18px;font-size:13.5px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
section.alt .shot{background:var(--surface)}
.bubble{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:10px 12px;max-width:94%}
section.alt .bubble{background:var(--sand)}
.bubble.q{align-self:flex-end;background:var(--t-haldi);border-color:transparent}
.grounded{border-top:2px solid var(--haldi);padding-top:6px;font-size:11px;color:var(--ink-3)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
@media (max-width:820px){.split{grid-template-columns:1fr}}
/* form */
form{display:grid;gap:12px;max-width:560px}
label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
input,select,textarea{font:inherit;padding:11px 12px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--haldi);outline-offset:1px;border-color:transparent}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}
/* footer */
footer{border-top:1px solid var(--rule);padding:40px 0;font-size:13px;color:var(--ink-3)}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
footer ul{list-style:none;padding:0;margin:8px 0 0}
footer li{margin:4px 0}
footer a{text-decoration:none;color:var(--ink-2)}
.note{border-left:3px solid var(--haldi);background:var(--t-haldi);padding:12px 16px;border-radius:0 10px 10px 0;margin:18px 0;max-width:72ch}
.note p{margin:0}
.pageh{padding:72px 0 36px;border-bottom:1px solid var(--rule)}
.pageh .lede{margin-top:14px}
.breadcrumb{font-size:12px;color:var(--ink-4);margin-bottom:14px}
.breadcrumb a{color:var(--ink-3);text-decoration:none}
ul.checks{padding-left:0;list-style:none;margin:12px 0 0}
ul.checks li{padding-left:22px;position:relative;margin:6px 0;color:var(--ink-2)}
ul.checks li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--haldi)}
@media (prefers-reduced-motion:reduce){.stage{transition:none}html{scroll-behavior:auto}}

/* utilities generated from former inline styles */
.u00{color:var(--haldi-deep)}
.u01{color:var(--ink-3)}
.u02{color:var(--ink-4)}
.u03{color:var(--tulsi)}
.u04{display:flex;gap:12px}
.u05{flex:1}
.u06{font-size:18px}
.u07{font-size:22px;font-weight:500;margin-top:6px}
.u08{font-size:30px;font-weight:500}
.u09{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.u10{margin-top:10px;max-width:34ch}
.u11{margin-top:14px}
.u12{margin-top:14px;font-size:12px}
.u13{margin-top:18px}
.u14{margin-top:18px;color:var(--ink-3)}
.u15{margin-top:22px;color:var(--ink-3)}
.u16{margin-top:26px}
.u17{margin-top:28px}
.u18{margin-top:36px}
.u19{margin-top:44px}
.u20{margin-top:48px}

/* contact form: honeypot and status messages */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
form{position:relative}
.fs-msg{background:var(--t-tulsi);border-radius:10px;padding:14px 16px}
.fs-msg h3{margin-bottom:4px}
.fs-msg.fs-err{background:var(--t-manjistha,#f7e4e5);color:var(--ink)}
button.btn[disabled]{opacity:.6;cursor:progress}

/* sign-in menu */
.nav li.signin{position:relative}
.nav .sub{display:none;position:absolute;top:100%;right:0;margin:6px 0 0;padding:8px;background:var(--surface);border:1px solid var(--rule-strong);border-radius:10px;box-shadow:var(--shadow);flex-direction:column;gap:0;min-width:190px;z-index:30}
.nav .sub li{padding:0}
.nav .sub a,.nav .sub .soon{display:block;padding:8px 10px;border-radius:8px;font-size:14px}
.nav .sub a:hover,.nav .sub a:focus-visible{background:var(--sand)}
.nav .sub .soon{color:var(--ink-4);cursor:default}
.nav li.signin:hover .sub,.nav li.signin:focus-within .sub{display:flex}
@media (max-width:820px){.nav .sub{position:static;display:flex;border:0;box-shadow:none;padding:0 0 0 14px;margin:0}.nav li.signin>a{pointer-events:none}}

.nav .signin-btn{background:none;border:0;font:inherit;font-size:14px;color:var(--ink-2);cursor:pointer;padding:0}
.nav .signin-btn:hover{color:var(--ink)}
.nav .signin-btn:focus-visible{outline:2px solid var(--haldi-deep);outline-offset:2px;border-radius:4px}
.nav li.signin.open .sub{display:flex}
@media (max-width:820px){.nav li.signin>a{pointer-events:auto}}
h2+.grid,h2+.split{margin-top:22px}
