/* Shared look for ApnaDigi's information pages (about, pricing, policies, contact). Same palette and type as the home page; content is a long readable column on the paper background. */
:root {
  --ink: #080D26;
  --ink2: #0E1642;
  --paper: #EDF0F8;
  --card: #FFFFFF;
  --t-dark: #EDF1FF;
  --m-dark: #A8B3DB;
  --t-light: #0A1130;
  --m-light: #47527A;
  --line-d: rgba(255,255,255,.14);
  --line-l: #CFD6EA;
  --gold: #FFB627;
  --gold-ink: #8A5A00;
  --wa: #2ED573;
  --wa-ink: #052612;
  --font: "Anek Latin", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lh: 1.65;
  --hlh: 1.18;
  --gutter: max(16px, 4vw);
  color-scheme: light;
}
html[data-l="bn"] { --font: "Anek Bangla", "Anek Latin", "Noto Sans Bengali", "Hind Siliguri", "Shonar Bangla", Vrinda, system-ui, sans-serif; --lh: 1.85; --hlh: 1.32; }
html[data-l="hi"] { --font: "Anek Devanagari", "Anek Latin", "Noto Sans Devanagari", "Hind", "Nirmala UI", Mangal, system-ui, sans-serif; --lh: 1.8; --hlh: 1.28; }

/* Language blocks: every page carries Bengali, Hindi and English; only the chosen one shows. English shows when scripts are off. */
.L { display: none; }
html[data-l="bn"] .L[lang="bn"], html[data-l="hi"] .L[lang="hi"], html[data-l="en"] .L[lang="en"] { display: revert; }

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--t-light); font-family: var(--font); font-size: 17px; line-height: var(--lh); overflow-x: hidden; }
h1, h2, h3, p, ul, ol { margin: 0; }
a { color: inherit; }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.skip { position: absolute; left: -9999px; top: 8px; background: var(--gold); color: var(--ink); padding: 8px 14px; z-index: 100; border-radius: 6px; }
.skip:focus { left: 8px; }
.wrap { width: 100%; max-width: 1180px; margin-inline: auto; padding-inline: var(--gutter); }

/* header (dark, same as home) */
.hdr { position: sticky; top: 0; z-index: 50; background: rgba(8,13,38,.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line-d); color: var(--t-dark); }
.hdr .wrap { display: flex; align-items: center; gap: 12px; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 800; font-size: 1.3rem; letter-spacing: -.02em; font-family: "Anek Latin", system-ui, sans-serif; }
.logo b { color: var(--gold); font-weight: 800; }
.logo svg { width: 32px; height: 35px; flex: none; }
.sp { flex: 1; }
.langs { display: inline-flex; border: 1px solid var(--line-d); border-radius: 999px; padding: 3px; gap: 2px; }
.langs button { background: none; border: 0; border-radius: 999px; padding: 6px 12px; font-weight: 700; font-size: .88rem; color: var(--m-dark); min-height: 36px; }
.langs button[aria-pressed="true"] { background: var(--gold); color: var(--ink); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; font-weight: 800; border-radius: 999px; padding: 10px 20px; min-height: 44px; }
.btn-wa { background: var(--wa); color: var(--wa-ink); }
.btn-wa:hover { background: #46E087; }
@media (max-width: 519px) { .hdr .btn { display: none; } .logo { font-size: 1.15rem; } .langs button { padding: 6px 10px; font-size: .84rem; } }

/* page head */
.phead { background: var(--ink); color: var(--t-dark); padding-block: clamp(2.2rem, 6vw, 4rem); background-image: radial-gradient(ellipse at 85% 0%, rgba(61,84,214,.45), transparent 60%); }
.crumb { font-size: .9rem; color: var(--m-dark); margin-bottom: 14px; }
.crumb a { color: var(--m-dark); }
.crumb a:hover { color: var(--gold); }
.phead h1 { font-size: clamp(1.9rem, 5vw, 3rem); font-weight: 800; line-height: var(--hlh); max-width: 24ch; text-wrap: balance; }
.phead .lead { margin-top: 14px; color: #C9D2F2; max-width: 60ch; font-size: clamp(1.02rem, 2vw, 1.15rem); }
.updated { margin-top: 16px; font-size: .88rem; color: var(--m-dark); }

/* body column */
.doc { padding-block: clamp(2rem, 5vw, 3.5rem) clamp(3rem, 7vw, 5rem); }
.doc .col { max-width: 760px; }
.doc section + section { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line-l); }
.doc h2 { font-size: clamp(1.25rem, 2.6vw, 1.5rem); font-weight: 800; line-height: var(--hlh); margin-bottom: 12px; }
.doc p { color: var(--m-light); }
.doc p + p, .doc p + ul, .doc ul + p, .doc ol + p, .doc p + ol { margin-top: 12px; }
.doc ul, .doc ol { padding-left: 1.3em; color: var(--m-light); }
.doc li + li { margin-top: 8px; }
.doc strong { color: var(--t-light); }
.doc a { color: #0B5A2E; font-weight: 700; }
.box { background: var(--card); border: 1px solid var(--line-l); border-radius: 14px; padding: 20px 22px; }
.box + .box { margin-top: 14px; }
.box h3 { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink); font-weight: 800; margin-bottom: 8px; }
.box .v { font-size: 1.08rem; color: var(--t-light); overflow-wrap: anywhere; white-space: pre-line; }
.callout { background: #FFF6E2; border: 1px solid #F3D28C; border-radius: 14px; padding: 18px 20px; color: var(--t-light); }

/* price table */
.ptable { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--line-l); border-radius: 14px; overflow: hidden; margin-top: 8px; }
.ptable th, .ptable td { text-align: left; padding: 13px 16px; border-bottom: 1px solid var(--line-l); vertical-align: top; }
.ptable th { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gold-ink); background: #F6F8FD; }
.ptable tr:last-child td { border-bottom: 0; }
.ptable td:last-child { white-space: nowrap; font-weight: 800; color: var(--t-light); }

/* footer */
.ftr { background: #050819; color: var(--t-dark); padding-block: 40px 48px; border-top: 1px solid var(--line-d); }
.ftr .wrap { display: grid; gap: 22px; }
.ftr-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.ftr-links a { color: var(--m-dark); text-decoration: none; font-weight: 600; }
.ftr-links a:hover, .ftr-links a[aria-current="page"] { color: var(--gold); text-decoration: underline; }
.copyr { color: var(--m-dark); font-size: .88rem; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }