/* S DAS & Co — visual system v3: blue-led, professional, built for a Gen Z reader */
:root{
  --navy:#0A1F44; --royal:#1D4ED8; --sky:#38BDF8; --amber:#F59E0B; --mint:#22C55E; --wa:#25D366;
  --ink:#0B1730; --ink-soft:#44506A; --ink-faint:#8A94A8;
  --paper:#F3F7FD; --paper-raised:#FFFFFF; --line:#D9E2F0;
  --brass:#F59E0B; --maroon:#E11D48;
  --good:#16A34A; --warn:#F59E0B;
  --shadow:0 1px 2px rgba(10,31,68,.06),0 16px 44px -20px rgba(10,31,68,.35);
  --glow:0 0 0 5px color-mix(in srgb,var(--royal) 16%,transparent);
  --accent:var(--royal);
  --heading:var(--navy);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#EAF0FA; --ink-soft:#AEBBD3; --ink-faint:#7A88A3;
    --paper:#07132B; --paper-raised:#0F1F3F; --line:#1F3560;
    --royal:#5B8CFF; --sky:#67D3FF; --amber:#FBBF24; --brass:#FBBF24; --maroon:#FB7185;
    --good:#4ADE80; --warn:#FBBF24; --heading:#EAF0FA;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 48px -18px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ink:#EAF0FA; --ink-soft:#AEBBD3; --ink-faint:#7A88A3;
  --paper:#07132B; --paper-raised:#0F1F3F; --line:#1F3560;
  --royal:#5B8CFF; --sky:#67D3FF; --amber:#FBBF24; --brass:#FBBF24; --maroon:#FB7185;
  --good:#4ADE80; --warn:#FBBF24; --heading:#EAF0FA;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 48px -18px rgba(0,0,0,.6);
  color-scheme:dark;
}
.svc-pan{ --accent:#F59E0B; }
.svc-gst{ --accent:#0EA5A4; }
.svc-cibil{ --accent:#E11D48; }
.svc-itrfs{ --accent:#1D4ED8; }
.svc-bizreg{ --accent:#7C3AED; }

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--paper); color:var(--ink); font-family:"Manrope",ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; padding-bottom:4.5rem; }
h1,h2,h3,.display{ font-family:"Plus Jakarta Sans","Manrope",sans-serif; text-wrap:balance; margin:0; letter-spacing:-.015em; }
p,li,.about-p,.lede,.sub,.step3 p,.svc-card p,.form-card .sub,.side-cta p,.quote p,.faq p{ text-align:justify; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto; }
.mono{ font-family:"JetBrains Mono",ui-monospace,monospace; font-variant-numeric:tabular-nums; }
a{ color:inherit; }
button{ font-family:inherit; }
.skip{ position:absolute; left:-9999px; }
.skip:focus{ left:1rem; top:1rem; background:var(--navy); color:#fff; padding:.5rem 1rem; border-radius:8px; z-index:100; }
:focus-visible{ outline:3px solid var(--amber); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ *{ animation:none !important; transition:none !important; } html{ scroll-behavior:auto; } }

/* ---- chrome ---- */
header.site{ position:sticky; top:0; z-index:20; background:color-mix(in srgb,var(--paper-raised) 86%,transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.bar{ max-width:1140px; margin:0 auto; padding:.75rem 1.25rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.brand{ display:flex; align-items:center; gap:.65rem; text-decoration:none; margin-right:auto; }
.brand .logo{ width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--royal),var(--navy)); color:#fff; display:grid; place-items:center; font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:.95rem; letter-spacing:.02em; }
.brand .mark{ font-family:"Plus Jakarta Sans",sans-serif; font-size:1.15rem; font-weight:800; color:var(--heading); }
.brand .tag{ font-size:.66rem; color:var(--ink-soft); letter-spacing:.09em; text-transform:uppercase; font-weight:700; }
nav.svc-nav{ display:flex; gap:.1rem; flex-wrap:wrap; }
nav.svc-nav a{ text-decoration:none; font-size:.86rem; font-weight:700; padding:.45rem .75rem; border-radius:999px; color:var(--ink-soft); white-space:nowrap; transition:background .15s,color .15s; }
nav.svc-nav a:hover{ background:color-mix(in srgb,var(--royal) 10%,transparent); color:var(--royal); }
nav.svc-nav a[aria-current="page"]{ background:var(--royal); color:#fff; }
.enq-link,.nav-cta{ font-size:.86rem; font-weight:800; padding:.55rem 1rem; border-radius:999px; text-decoration:none; background:var(--amber); color:#0A1F44; white-space:nowrap; box-shadow:0 8px 20px -10px var(--amber); }
.enq-link:hover,.nav-cta:hover{ filter:brightness(1.05); }

main{ max-width:1140px; margin:0 auto; padding:0 1.25rem 3rem; }

/* ---- hero (blue block) ---- */
.hero-wrap{ background:linear-gradient(160deg,#0A1F44 0%,#0F2E6E 55%,#1D4ED8 130%); color:#fff; position:relative; overflow:hidden; }
.hero-wrap::before{ content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:36px 36px; -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 30%,transparent 75%); mask-image:radial-gradient(ellipse at 70% 30%,#000 30%,transparent 75%); pointer-events:none; }
.hero-wrap::after{ content:""; position:absolute; width:520px; height:520px; right:-160px; top:-200px; border-radius:50%; background:radial-gradient(circle,rgba(56,189,248,.45),transparent 65%); pointer-events:none; }
.hero{ max-width:1140px; margin:0 auto; padding:3.4rem 1.25rem 2.6rem; display:grid; grid-template-columns:1.15fr .85fr; gap:2.6rem; align-items:center; position:relative; }
.hero .eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:#38BDF8; margin-bottom:1rem; font-weight:500; }
.hero .eyebrow::before{ content:""; width:8px; height:8px; border-radius:999px; background:#22C55E; box-shadow:0 0 0 4px rgba(34,197,94,.25); }
.hero h1{ font-size:clamp(2.2rem,5vw,3.7rem); line-height:1.04; font-weight:800; max-width:17ch; color:#fff; }
.hi{ color:#F59E0B; }
.hi-accent{ color:#38BDF8; }
.hero p.lede{ margin:1.1rem 0 0; max-width:52ch; color:rgba(255,255,255,.82); font-size:1.06rem; line-height:1.6; }
.cta-row{ display:flex; gap:.7rem; flex-wrap:wrap; margin-top:1.5rem; }
.btn{ appearance:none; border:none; border-radius:999px; padding:.85rem 1.3rem; font-size:.95rem; font-weight:800; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:.55rem; transition:transform .12s,filter .12s,box-shadow .12s; }
.btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.btn:active{ transform:translateY(0); }
.btn-primary{ background:var(--navy); color:#fff; }
.hero .btn-primary{ background:#fff; color:#0A1F44; }
.btn-wa{ background:var(--wa); color:#fff; box-shadow:0 12px 26px -12px var(--wa); }
.btn-accent{ background:var(--accent); color:#fff; box-shadow:0 12px 26px -12px var(--accent); }
.btn-amber{ background:var(--amber); color:#0A1F44; box-shadow:0 12px 26px -12px var(--amber); }
.btn-ghost{ background:transparent; color:var(--ink); border:1.5px solid var(--line); }
.btn .ico{ width:18px; height:18px; flex:none; }
.btn:disabled{ opacity:.55; cursor:default; transform:none; }
.micro{ font-size:.78rem; color:var(--ink-faint); margin-top:.7rem; text-align:left; }
.hero .micro{ color:rgba(255,255,255,.6); }
.hero .micro a{ color:#fff; }

/* Google proof card in hero */
.proof{ display:grid; gap:.7rem; }
.gcard{ background:#fff; color:#0B1730; border-radius:20px; padding:1.2rem 1.25rem; box-shadow:0 24px 60px -24px rgba(0,0,0,.5); display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; }
.gcard .big{ font-family:"Plus Jakarta Sans",sans-serif; font-size:3rem; font-weight:800; line-height:1; color:#0A1F44; }
.gcard .stars{ color:#F59E0B; font-size:1.05rem; letter-spacing:.05em; }
.gcard .src{ font-size:.8rem; color:#44506A; margin-top:.2rem; text-align:left; }
.gcard .src strong{ color:#0B1730; }
.gcard .tags{ display:flex; gap:.35rem; flex-wrap:wrap; margin-top:.5rem; }
.gcard .tags span{ font-size:.7rem; font-weight:700; padding:.22rem .55rem; border-radius:999px; background:#E8EFFF; color:#1D4ED8; }
.bento{ display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }
.bento .cell{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:.95rem 1rem; backdrop-filter:blur(6px); }
.bento .n{ font-family:"Plus Jakarta Sans",sans-serif; font-size:1.7rem; font-weight:800; line-height:1; color:#fff; font-variant-numeric:tabular-nums; }
.bento .l{ font-size:.72rem; color:rgba(255,255,255,.7); margin-top:.3rem; line-height:1.35; text-align:left; }
.bento .cell.tint .n{ color:#F59E0B; }
.hero-wrap.svc .bento{ grid-template-columns:1fr 1fr; }
.hero-wrap.svc .bento .cell.big{ grid-column:span 2; background:#fff; border-color:transparent; }
.hero-wrap.svc .bento .cell.big .n{ color:#0A1F44; font-size:2.2rem; }
.hero-wrap.svc .bento .cell.big .l{ color:#44506A; }

/* trust strip */
.trust{ display:flex; gap:.5rem; flex-wrap:wrap; margin:1.4rem 0 2.4rem; align-items:center; }
.chip{ display:inline-flex; align-items:center; gap:.4rem; font-size:.78rem; font-weight:700; padding:.45rem .85rem; border-radius:999px; background:var(--paper-raised); border:1px solid var(--line); color:var(--ink-soft); }
.chip .star{ color:var(--amber); }
.chip.solid{ background:var(--navy); color:#fff; border-color:transparent; }
.chip.g{ border-color:color-mix(in srgb,var(--royal) 40%,var(--line)); color:var(--ink); }
.trust .lbl{ font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-right:.2rem; }

section{ margin-bottom:3.2rem; }
section > h2{ font-size:clamp(1.55rem,2.7vw,2.1rem); font-weight:800; margin-bottom:.35rem; color:var(--heading); }
section > .sub{ margin:0 0 1.3rem; color:var(--ink-soft); max-width:62ch; }
.eyebrow{ display:inline-block; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:.6rem; font-weight:500; }

/* ---- service grid ---- */
.grid5{ display:grid; grid-template-columns:repeat(auto-fill,minmax(235px,1fr)); gap:.9rem; }
.svc-card{ display:flex; flex-direction:column; gap:.5rem; text-decoration:none; color:var(--ink); background:var(--paper-raised); border:1px solid var(--line); border-radius:20px; padding:1.3rem 1.25rem 1.3rem; box-shadow:var(--shadow); position:relative; overflow:hidden; transition:transform .18s,box-shadow .18s,border-color .18s; }
.svc-card::before{ content:""; position:absolute; inset:0 auto auto 0; width:100%; height:5px; background:var(--card-accent,var(--royal)); }
.svc-card:hover{ transform:translateY(-4px); border-color:color-mix(in srgb,var(--card-accent,var(--royal)) 50%,var(--line)); box-shadow:0 26px 54px -24px color-mix(in srgb,var(--card-accent,var(--royal)) 60%,transparent); }
.svc-card .num{ font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.7rem; color:var(--card-accent,var(--royal)); font-weight:500; }
.svc-card h3{ font-size:1.18rem; font-weight:800; }
.svc-card p{ margin:0; font-size:.86rem; color:var(--ink-soft); line-height:1.5; flex:1; }
.svc-card .cstat{ font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:1.5rem; color:var(--card-accent,var(--royal)); line-height:1; }
.svc-card .cstatl{ font-size:.72rem; color:var(--ink-faint); }
.svc-card .go{ margin-top:.4rem; font-size:.84rem; font-weight:800; color:var(--royal); display:flex; align-items:center; gap:.35rem; }
.svc-card .go::after{ content:"→"; transition:transform .15s; }
.svc-card:hover .go::after{ transform:translateX(4px); }

/* ---- steps ---- */
.steps3{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.9rem; }
.step3{ background:var(--paper-raised); border:1px solid var(--line); border-radius:18px; padding:1.25rem; }
.step3 .k{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--royal); color:#fff; font-family:"Plus Jakarta Sans",sans-serif; font-size:1.2rem; font-weight:800; }
.step3 h3{ font-size:1.02rem; margin-top:.75rem; font-weight:800; }
.step3 p{ margin:.35rem 0 0; font-size:.86rem; color:var(--ink-soft); }

/* ---- google reviews ---- */
.reviews{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.9rem; }
.quote{ background:var(--paper-raised); border:1px solid var(--line); border-radius:18px; padding:1.2rem 1.25rem; display:flex; flex-direction:column; gap:.6rem; }
.quote .stars{ color:var(--amber); letter-spacing:.06em; font-size:.95rem; }
.quote p{ margin:0; font-size:.92rem; color:var(--ink); line-height:1.55; }
.quote .who{ font-size:.78rem; color:var(--ink-faint); display:flex; justify-content:space-between; gap:.6rem; margin-top:auto; }
.quote .who strong{ color:var(--ink-soft); }
.gbadge{ display:inline-flex; align-items:center; gap:.5rem; background:var(--paper-raised); border:1px solid var(--line); border-radius:999px; padding:.5rem .9rem .5rem .6rem; font-size:.84rem; font-weight:700; text-decoration:none; }
.gbadge .g{ width:26px; height:26px; border-radius:50%; background:conic-gradient(#4285F4 0 25%,#34A853 0 50%,#FBBC05 0 75%,#EA4335 0); display:grid; place-items:center; }
.gbadge .g i{ width:18px; height:18px; border-radius:50%; background:var(--paper-raised); display:grid; place-items:center; color:var(--heading); font-style:normal; font-size:.7rem; font-weight:800; }

/* ---- about ---- */
.about-p{ max-width:68ch; color:var(--ink-soft); line-height:1.7; font-size:1rem; margin:0 0 .9rem; }
.about-p strong{ color:var(--ink); }
.about-p.small{ font-size:.82rem; color:var(--ink-faint); margin-top:.8rem; }
.callout{ background:color-mix(in srgb,var(--royal) 7%,var(--paper-raised)); border:1px solid var(--line); border-left:5px solid var(--royal); border-radius:12px; padding:.9rem 1.05rem; font-size:.86rem; color:var(--ink-soft); line-height:1.55; }
.about-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:1.6rem; align-items:start; }
.cred{ background:var(--navy); color:#fff; border-radius:20px; padding:1.4rem; display:flex; flex-direction:column; gap:.4rem; }
.cred h3{ font-size:1.05rem; color:#38BDF8; margin-bottom:.4rem; }
.cred .row{ display:flex; justify-content:space-between; gap:1rem; font-size:.88rem; border-bottom:1px solid rgba(255,255,255,.12); padding:.5rem 0; }
.cred .row span:last-child{ font-weight:800; text-align:right; }

/* ---- offices ---- */
.offices{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:.9rem; }
.office{ background:var(--paper-raised); border:1px solid var(--line); border-radius:18px; padding:1.15rem 1.2rem; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:.45rem; }
.office.hq{ border-color:color-mix(in srgb,var(--royal) 45%,var(--line)); box-shadow:0 20px 50px -24px color-mix(in srgb,var(--royal) 55%,transparent); }
.office-city{ font-family:"Plus Jakarta Sans",sans-serif; font-size:1.2rem; font-weight:800; display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.office-city .rate{ font-size:.78rem; font-weight:800; color:var(--amber); font-family:"Manrope"; white-space:nowrap; }
.office .hqtag{ font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--royal); }
.office-addr{ font-size:.85rem; color:var(--ink-soft); line-height:1.45; }
.office-meta{ font-size:.78rem; color:var(--ink-faint); }
.office-jd{ font-size:.74rem; color:var(--ink-faint); line-height:1.45; text-align:left; }
.office-jd a{ color:var(--ink-soft); }
.office .acts{ display:flex; gap:.45rem; margin-top:.4rem; flex-wrap:wrap; }
.office .acts .btn{ padding:.5rem .85rem; font-size:.8rem; }

/* ---- service page blocks ---- */
.table-wrap{ overflow-x:auto; }
table.ledger{ width:100%; border-collapse:collapse; background:var(--paper-raised); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
table.ledger th,table.ledger td{ padding:.85rem 1rem; text-align:left; font-size:.9rem; border-bottom:1px solid var(--line); }
table.ledger th{ font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); font-weight:500; background:color-mix(in srgb,var(--accent) 8%,var(--paper-raised)); }
table.ledger tr:last-child td{ border-bottom:none; }
table.ledger td.step{ font-family:"Plus Jakarta Sans",sans-serif; color:var(--accent); font-weight:800; font-size:1.1rem; }
.doc-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:.6rem; padding:0; margin:0; }
.doc-list li{ list-style:none; font-size:.88rem; background:var(--paper-raised); border:1px solid var(--line); border-radius:12px; padding:.7rem .85rem; display:flex; gap:.55rem; align-items:flex-start; text-align:left; }
.doc-list li::before{ content:"✓"; color:var(--accent); font-weight:800; }
.faq{ display:grid; gap:.55rem; max-width:820px; }
.faq details{ background:var(--paper-raised); border:1px solid var(--line); border-radius:14px; padding:.2rem 1rem; }
.faq summary{ cursor:pointer; font-weight:800; padding:.75rem 0; list-style:none; display:flex; justify-content:space-between; gap:1rem; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; color:var(--accent); font-weight:800; }
.faq details[open] summary::after{ content:"–"; }
.faq p{ margin:0 0 .9rem; font-size:.9rem; color:var(--ink-soft); }

/* ---- form ---- */
.form-wrap{ display:grid; grid-template-columns:1.1fr .9fr; gap:1.5rem; align-items:start; }
.form-card{ background:var(--paper-raised); border:1px solid var(--line); border-radius:22px; padding:1.6rem; box-shadow:var(--shadow); }
.form-card h2{ font-size:1.3rem; font-weight:800; margin-bottom:.25rem; }
.form-card .sub{ font-size:.86rem; color:var(--ink-soft); margin:0 0 1.1rem; }
.field{ margin-bottom:.9rem; display:flex; flex-direction:column; gap:.35rem; }
.field label{ font-size:.78rem; font-weight:700; color:var(--ink-soft); }
.field input,.field textarea,.field select{ font:inherit; font-size:.95rem; padding:.72rem .9rem; border-radius:12px; border:1.5px solid var(--line); background:var(--paper); color:var(--ink); transition:border-color .15s,box-shadow .15s; }
.field input:focus,.field textarea:focus,.field select:focus{ border-color:var(--royal); box-shadow:var(--glow); outline:none; }
.field textarea{ resize:vertical; min-height:4.5rem; }
.row2{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.hp{ position:absolute; left:-9999px; }
.msg{ font-size:.86rem; margin-top:.7rem; font-weight:700; text-align:left; }
.msg.ok{ color:var(--good); } .msg.err{ color:var(--maroon); }
.side-cta{ background:linear-gradient(160deg,#0A1F44,#12357A); color:#fff; border-radius:22px; padding:1.5rem; display:flex; flex-direction:column; gap:.9rem; }
.side-cta h3{ font-size:1.2rem; font-weight:800; color:#F59E0B; }
.side-cta p{ margin:0; font-size:.88rem; color:rgba(255,255,255,.8); }
.side-cta .btn-wa{ justify-content:center; }
.side-cta .btn-ghost{ color:#fff; border-color:rgba(255,255,255,.3); justify-content:center; }
.side-cta a{ color:#F59E0B; }

/* ---- dashboard (prototype only) ---- */
.stat-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.8rem; }
.stat{ background:var(--paper-raised); border:1px solid var(--line); border-radius:16px; padding:1rem 1.1rem; }
.stat .n{ font-family:"Plus Jakarta Sans",sans-serif; font-size:1.8rem; font-weight:800; color:var(--heading); }
.stat .lbl{ font-size:.72rem; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.06em; margin-top:.15rem; font-weight:700; }
.tabs{ display:flex; gap:.4rem; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:.7rem; }
.tab{ font-size:.82rem; font-weight:700; padding:.45rem .85rem; border-radius:999px; border:1px solid var(--line); background:var(--paper-raised); cursor:pointer; color:var(--ink-soft); }
.tab[aria-selected="true"]{ background:var(--royal); color:#fff; border-color:var(--royal); }
.lead-list{ display:flex; flex-direction:column; gap:.55rem; margin-top:1rem; }
.lead{ background:var(--paper-raised); border:1px solid var(--line); border-radius:14px; padding:.85rem 1rem; display:grid; grid-template-columns:auto 1fr auto; gap:.9rem; align-items:start; }
.badge{ font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:.25rem .55rem; border-radius:999px; color:#fff; white-space:nowrap; height:fit-content; }
.lead .who{ font-weight:800; font-size:.95rem; }
.lead .meta{ font-size:.78rem; color:var(--ink-soft); margin-top:.15rem; text-align:left; }
.lead .msgtext{ font-size:.86rem; color:var(--ink-soft); margin-top:.35rem; line-height:1.4; text-align:left; }
.lead time{ font-size:.72rem; color:var(--ink-faint); font-family:"JetBrains Mono",ui-monospace,monospace; white-space:nowrap; }
.empty{ color:var(--ink-faint); font-size:.88rem; padding:1.5rem 0; }
.jd-toggle{ margin-top:1.4rem; }
.jd-sim{ margin-top:.8rem; background:var(--paper-raised); border:1px dashed var(--ink-faint); border-radius:16px; padding:1.1rem; max-width:560px; }
.jd-sim .note{ font-size:.78rem; color:var(--ink-faint); margin-bottom:.8rem; line-height:1.5; }
.btn.ghost{ background:transparent; color:var(--ink); border:1.5px solid var(--line); }
.hero.plain{ display:block; color:var(--ink); padding:2.4rem 0 1.6rem; }
.hero.plain h1{ color:var(--heading); }
.hero.plain p.lede{ color:var(--ink-soft); }
.hero.plain .eyebrow{ color:var(--royal); }

/* ---- floating + sticky CTAs ---- */
.fab{ position:fixed; right:1.1rem; bottom:1.1rem; z-index:30; width:56px; height:56px; border-radius:50%; background:var(--wa); color:#fff; display:grid; place-items:center; box-shadow:0 14px 30px -10px rgba(37,211,102,.7); text-decoration:none; }
.fab svg{ width:28px; height:28px; }
.sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:30; display:flex; gap:.5rem; padding:.6rem .8rem; background:color-mix(in srgb,var(--paper-raised) 94%,transparent); backdrop-filter:blur(12px); border-top:1px solid var(--line); }
.sticky-cta .btn{ flex:1; justify-content:center; padding:.75rem .6rem; font-size:.9rem; }
@media (min-width:900px){ .sticky-cta{ display:none; } body{ padding-bottom:0; } }
@media (max-width:899px){ .fab{ display:none; } }

/* ---- footer ---- */
footer.site{ border-top:1px solid var(--line); margin-top:3rem; background:#0A1F44; color:rgba(255,255,255,.8); }
.foot-wrap{ max-width:1140px; margin:0 auto; padding:2.4rem 1.25rem; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:1.5rem; }
.foot-wrap .col{ font-size:.84rem; line-height:1.65; }
.foot-wrap .col h4{ font-family:"Plus Jakarta Sans",sans-serif; font-size:.72rem; text-transform:uppercase; letter-spacing:.09em; color:#38BDF8; margin:0 0 .5rem; font-weight:800; }
.foot-wrap a.foot-link{ display:block; text-decoration:none; padding:.12rem 0; font-weight:700; color:#fff; }
.foot-wrap a.foot-link:hover{ color:#F59E0B; }
.foot-office a{ text-decoration:none; font-weight:700; color:#fff; }
.foot-wrap .mono{ color:rgba(255,255,255,.5); }

/* ---- motion ---- */
@keyframes rise{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none;} }
.rise{ animation:rise .5s ease both; }
.rise.d1{ animation-delay:.08s } .rise.d2{ animation-delay:.16s } .rise.d3{ animation-delay:.24s }

@media (max-width:900px){
  .hero{ grid-template-columns:1fr; gap:1.6rem; padding-top:2rem; }
  .form-wrap,.about-grid,.foot-wrap{ grid-template-columns:1fr; }
  .nav-cta{ display:none; }
  nav.svc-nav{ order:3; width:100%; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:.15rem; }
  nav.svc-nav::-webkit-scrollbar{ display:none; }
  .bar{ padding:.6rem 1rem .5rem; gap:.5rem; }
}
@media (max-width:640px){
  .row2{ grid-template-columns:1fr; }
  .lead{ grid-template-columns:1fr; }
  .bento{ grid-template-columns:1fr 1fr; }
  .gcard .big{ font-size:2.4rem; }
  p,li,.about-p,.lede,.sub,.svc-card p,.step3 p,.quote p,.faq p{ text-align:left; hyphens:manual; }
}

/* ---- UPI pay page ---- */
.nav-cta.alt{ background:transparent; color:var(--royal); border:1.5px solid var(--royal); box-shadow:none; }
.pay-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; margin-top:-1.4rem; }
.pay-card{ background:var(--paper-raised); border:1px solid var(--line); border-radius:22px; padding:1.5rem; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:.7rem; }
.qr-box{ display:grid; place-items:center; padding:1rem; background:#fff; border-radius:16px; border:1px solid var(--line); }
.qr-box canvas{ display:block; }
.vpa{ display:flex; align-items:center; justify-content:center; gap:.6rem; font-size:1rem; font-weight:600; background:var(--paper); border:1px dashed var(--line); border-radius:12px; padding:.6rem .8rem; }
.vpa .copy{ font:inherit; font-size:.72rem; font-weight:800; padding:.28rem .6rem; border-radius:999px; border:none; background:var(--royal); color:#fff; cursor:pointer; }
@media (max-width:900px){ .pay-grid{ grid-template-columns:1fr; } }
.alts{ margin-top:1.1rem; background:var(--paper-raised); border:1px solid var(--line); border-radius:20px; padding:1.3rem 1.4rem; }
.alt-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.6rem; margin-top:.8rem; }
.alt{ display:flex; flex-direction:column; gap:.25rem; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:.7rem .85rem; }
.alt-l{ font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); }
.alt-v{ font-size:.92rem; font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:.5rem; }