/* GOODLOAD — अंदर के पन्ने (about, contact, download, kanoon/*) · 27 सित. 2026
   home.css के बाद लगती है — रंग/बटन/nav/footer वहीं से आते हैं। */

/* ── ऊपर का छोटा hero ── */
.phero{position:relative;overflow:hidden;color:#fff;padding:0;
  background:radial-gradient(800px 400px at 8% 0%,rgba(37,99,235,.38),transparent 60%),
    radial-gradient(600px 360px at 95% 10%,rgba(232,69,139,.2),transparent 60%),
    linear-gradient(180deg,var(--hero-a),var(--hero-b))}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 60% 80% at 30% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 60% 80% at 30% 20%,#000 30%,transparent 75%)}
.phero .wrap{position:relative}
.phero .wrap{padding-top:64px;padding-bottom:72px}
.phero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:16px 0 14px;font-weight:800;letter-spacing:-.035em}
.phero h1 em{font-style:normal;background:linear-gradient(92deg,#FFC37A,#FF8A3D 45%,#F0569A);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p.lead{font-size:17px;color:#C9D5EE;max-width:40em;margin:0}
.crumb{font-size:14px;color:#9FB3DA;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumb a{color:#C9D5EE;text-decoration:none}
.crumb a:hover{color:#fff;text-decoration:underline}
.meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.meta span{font-size:13px;font-weight:700;color:#D6E2FA;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:5px 12px;border-radius:99px}

.pbody{padding:48px 0 72px}
.lift{margin-top:-28px;position:relative;z-index:2}

/* ── कानूनी पन्ना: बाएँ सूची, दाएँ लेख ── */
.doc-grid{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
@media (max-width:900px){.doc-grid{grid-template-columns:1fr;gap:20px}}
.toc{position:sticky;top:88px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 14px}
.toc b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt2);padding:0 8px 8px}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:8px;text-decoration:none;font-size:14px;font-weight:600;color:var(--txt);padding:6px 8px;border-radius:8px;line-height:1.4}
.toc a::before{content:counter(t);color:var(--txt2);font-weight:800;min-width:1.2em}
.toc a:hover{background:var(--bg)}
@media (max-width:900px){
  .toc{position:static}
  .toc ol{columns:2;column-gap:10px}
}
@media (max-width:480px){.toc ol{columns:1}}

.doc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:36px 40px;box-shadow:var(--shadow);min-width:0}
@media (max-width:600px){.doc{padding:24px 18px}}
.doc h2{font-size:24px;margin:40px 0 12px;scroll-margin-top:88px;letter-spacing:-.02em}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:17px;margin:22px 0 6px;font-weight:800}
.doc p,.doc li{color:var(--txt);font-size:16px}
.doc p{margin:0 0 12px}
.doc ul,.doc ol{margin:0 0 14px;padding-left:22px}
.doc li{margin:5px 0}
.doc a{color:var(--p2);font-weight:600;overflow-wrap:anywhere}
:root[data-theme="dark"] .doc a{color:#7FB0FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .doc a{color:#7FB0FF}}
.doc .muted{color:var(--txt2)}

/* छोटा सार — ऊपर के डिब्बे */
.gist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}
@media (max-width:700px){.gist{grid-template-columns:1fr}}
.gist div{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14.5px;font-weight:600;line-height:1.45}
.gist .ci{width:20px;height:20px;color:var(--hara);margin-top:1px}

/* सूचना के डिब्बे */
.note{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px 16px;margin:14px 0 18px;font-size:15px;
  background:#EAF0FB;border:1px solid #CBD8F2;color:var(--txt)}
.note .ci{color:var(--p2);margin-top:1px}
.note.o{background:#FFF4EA;border-color:#F8D2B2}.note.o .ci{color:var(--org)}
:root[data-theme="dark"] .note{background:#16274A;border-color:#284070}
:root[data-theme="dark"] .note.o{background:#33230F;border-color:#5A3B18}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .note{background:#16274A;border-color:#284070}
  :root:not([data-theme="light"]) .note.o{background:#33230F;border-color:#5A3B18}
}
.note p{margin:0}

/* सारणी */
.tbl{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:15px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl th{width:34%;color:var(--txt2);font-weight:700}
.tbl thead th{color:var(--txt);background:var(--bg);width:auto}
.tscroll{overflow-x:auto;margin:0 0 18px}
.tscroll .tbl{min-width:560px;margin:0}
@media (max-width:560px){ .tbl.kv th,.tbl.kv td{display:block;width:auto;border:0;padding:4px 0} .tbl.kv tr{display:block;padding:8px 0;border-bottom:1px solid var(--line)} }

/* कानूनी पन्नों की सूची */
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.docs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.docs{grid-template-columns:1fr}}
a.card{text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
a.card:hover{transform:translateY(-2px);border-color:var(--p3)}
a.card .go{margin-top:auto;padding-top:14px;font-weight:800;font-size:14px;color:var(--p2);display:flex;align-items:center;gap:6px}
a.card .go .ci{width:16px;height:16px}
:root[data-theme="dark"] a.card .go{color:#7FB0FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) a.card .go{color:#7FB0FF}}

/* दो खाने — about / contact */
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media (max-width:860px){.two{grid-template-columns:1fr;gap:28px}}
.two .phone{max-width:280px;margin:0 auto}
.lead-txt p{color:var(--txt2);font-size:17px;margin:0 0 14px}
.lead-txt p b{color:var(--txt)}

.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.cgrid{grid-template-columns:1fr}}
.cgrid .card .big{display:block;font-size:17px;font-weight:800;color:var(--txt);margin-top:4px;overflow-wrap:anywhere}
.cgrid .card .big a{text-decoration:none;color:var(--p2)}
:root[data-theme="dark"] .cgrid .card .big a{color:#7FB0FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cgrid .card .big a{color:#7FB0FF}}
.cgrid .card .btn{margin-top:16px;align-self:flex-start}
.cgrid .card{display:flex;flex-direction:column}
.btn-p{background:var(--p2);color:#fff}
.btn-p:hover{filter:brightness(1.08)}
.btn-line{background:transparent;color:var(--p2);border:1.5px solid var(--line)}
:root[data-theme="dark"] .btn-line{color:#7FB0FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-line{color:#7FB0FF}}

/* ── download ── */
.dlhero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding-top:48px;padding-bottom:0}
.dlhero .shot{align-self:end;max-width:300px;width:100%;margin:0 auto;height:360px;overflow:hidden}
.dlhero .shot .phone{border-bottom-left-radius:0;border-bottom-right-radius:0}
@media (max-width:860px){.dlhero .wrap{grid-template-columns:1fr;padding-bottom:0}.dlhero .shot{max-width:240px;height:280px}}
.ways{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:860px){.ways{grid-template-columns:1fr}}
.way{display:flex;flex-direction:column}
.way h2{font-size:22px;margin:14px 0 4px}
.way p{color:var(--txt2);margin:10px 0 0}
.way .act{margin-top:auto;padding-top:20px}
.way .act .btn{width:100%}
.tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:4px 11px;border-radius:99px;margin-top:6px}
.tag .ci{width:14px;height:14px}
.tag.on{background:#E7F6EF;color:#0B7353;border:1px solid #BFE6D4}
.tag.soon{background:#FFF4E5;color:#9A4A06;border:1px solid #F7D6AE}
:root[data-theme="dark"] .tag.on{background:#0F3327;color:#7FE0BC;border-color:#1D5A45}
:root[data-theme="dark"] .tag.soon{background:#3A2710;color:#FFC98A;border-color:#5E3F18}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .tag.on{background:#0F3327;color:#7FE0BC;border-color:#1D5A45}
  :root:not([data-theme="light"]) .tag.soon{background:#3A2710;color:#FFC98A;border-color:#5E3F18}
}
.soonbtn{display:block;text-align:center;border-radius:var(--r-btn);padding:13px;background:var(--bg);border:1px dashed var(--line);color:var(--txt2);font-weight:800}
.nsteps{counter-reset:s;list-style:none;padding:0;margin:16px 0 0}
.nsteps li{counter-increment:s;position:relative;padding-left:38px;margin-bottom:12px;color:var(--txt2);font-size:15px}
.nsteps li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:9px;background:var(--bg);border:1px solid var(--line);color:var(--p2);font-weight:900;font-size:13px;display:grid;place-items:center}
.nsteps li b{color:var(--txt)}

/* ── pricing ── */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin-left:auto;margin-right:auto}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.plan{display:flex;flex-direction:column;padding:30px}
.plan h3,.plan h2.h3{margin:14px 0 4px;font-size:22px}
.plan .btn{margin:22px 0 4px}
.plan.best{border-color:transparent;box-shadow:0 0 0 2px var(--org2),var(--shadow-lg,var(--shadow))}
.plan-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:linear-gradient(90deg,var(--org2),var(--pink,#E8458B));color:#fff}
.plan-tag.muted{background:var(--bg2,var(--bg));color:var(--txt2)}
.price{display:flex;align-items:baseline;gap:10px;margin-top:18px}
.price b{font-family:var(--head,inherit);font-size:44px;line-height:1;letter-spacing:-.03em}
.price span{color:var(--txt2);font-weight:600}
.tick2{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.tick2 li{display:flex;gap:10px;font-size:15px;font-weight:600}
.tick2 .ci{width:18px;height:18px;color:var(--hara);margin-top:3px}

/* ── guides ── */
.card h2.h3{margin:16px 0 6px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.gcard p{flex:0 0 auto}
.doc code{font-size:.92em;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.doc ul.src{font-size:15px}
.doc ul.src li{margin:6px 0}
.doc ul.more{columns:2;column-gap:28px;padding-left:18px}
@media (max-width:600px){.doc ul.more{columns:1}}
.try{display:flex;gap:16px;align-items:flex-start;margin:36px 0 8px;padding:22px;border-radius:18px;color:#fff;
  background:radial-gradient(400px 200px at 100% 0%,rgba(232,69,139,.3),transparent 60%),linear-gradient(150deg,#0A1B3F,#12306B)}
.try>.ci{width:28px;height:28px;color:#FFB36B;flex:none;margin-top:2px}
.try b{display:block;font-family:var(--head);font-size:18px;margin-bottom:4px}
.try p{color:#C9D5EE;margin:0 0 14px}
.doc .try a.btn{color:#fff}