/* DPOIndia — /contact/ page styles. Scope: .dpo-services.dpo-contact
   Reuses tokens from services.css :root (--ink,--ink-2,--slate,--muted,--line,
   --paper-2,--paper-3,--accent #000080,--gold #B45309,--radius,--maxw). No new palette. */

.dpo-contact .wrap{max-width:var(--maxw,1160px);margin:0 auto;padding:0 20px}
.dpo-contact .sec{padding:64px 0}
.dpo-contact .sec--tight{padding:44px 0}
.dpo-contact .sec--alt{background:var(--paper-2,#F6F8FB)}
.dpo-contact .eyebrow{font:600 12px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#B45309);margin:0 0 12px}

/* Hero */
.dpo-contact .c-hero{padding:56px 0 8px}
.dpo-contact .c-hero h1{font:600 clamp(30px,4.4vw,46px)/1.08 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 16px;max-width:16ch}
.dpo-contact .c-lede{font:400 clamp(16px,1.5vw,19px)/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);max-width:60ch;margin:0 0 14px}
.dpo-contact .c-trust{display:inline-flex;gap:9px;align-items:flex-start;font:400 14px/1.5 Inter,sans-serif;color:var(--muted,#59659B);max-width:62ch}
.dpo-contact .c-trust svg{flex:0 0 auto;width:17px;height:17px;margin-top:1px;color:var(--gold,#B45309)}

/* Decision triage cards */
.dpo-contact .c-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.dpo-contact .c-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#D9DEEC);border-radius:var(--radius,16px);padding:24px 22px;transition:border-color .15s,box-shadow .15s}
.dpo-contact .c-card:hover{border-color:#BFC8E6;box-shadow:0 8px 26px rgba(10,22,51,.07)}
.dpo-contact .c-card .c-num{font:600 12px/1 Inter,sans-serif;letter-spacing:.1em;color:var(--muted,#59659B);margin-bottom:14px}
.dpo-contact .c-card h3{font:600 19px/1.25 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 10px}
.dpo-contact .c-card p{font:400 14.5px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0 0 20px;flex:1}
.dpo-contact .c-card .btn{align-self:flex-start}

/* Buttons (local, mirrors services.css btn system) */
.dpo-contact .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 Inter,sans-serif;padding:13px 20px;border-radius:12px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.dpo-contact .btn--primary{background:var(--accent,#000080);color:#fff}
.dpo-contact .btn--primary:hover{background:var(--navy-deep,#000066)}
.dpo-contact .btn--ghost{background:#fff;color:var(--accent,#000080);border-color:#C7CEEA}
.dpo-contact .btn--ghost:hover{border-color:var(--accent,#000080)}
.dpo-contact .btn--light{background:#fff;color:var(--ink,#0A1633);border-color:var(--line,#D9DEEC)}
.dpo-contact .btn--onink{background:#fff;color:var(--ink,#0A1633)}
.dpo-contact .btn--onink-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.dpo-contact .btn--block{width:100%;justify-content:center}

/* Contact method cards */
.dpo-contact .c-head{max-width:62ch}
.dpo-contact .c-head h2{font:600 clamp(24px,2.6vw,30px)/1.2 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 10px}
.dpo-contact .c-head p{font:400 16px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0}
.dpo-contact .c-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
.dpo-contact .c-method{background:#fff;border:1px solid var(--line,#D9DEEC);border-radius:var(--radius,16px);padding:24px 22px}
.dpo-contact .c-method .c-ico{width:40px;height:40px;border-radius:10px;background:var(--paper-3,#EBEEF6);display:flex;align-items:center;justify-content:center;color:var(--accent,#000080);margin-bottom:14px}
.dpo-contact .c-method .c-ico svg{width:21px;height:21px}
.dpo-contact .c-method h3{font:600 18px/1.25 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 8px}
.dpo-contact .c-method p{font:400 14.5px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0 0 14px}
.dpo-contact .c-method ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.dpo-contact .c-method li{position:relative;padding-left:22px;font:400 14px/1.5 Inter,sans-serif;color:var(--slate,#2E3E63)}
.dpo-contact .c-method li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--gold,#B45309);opacity:.75}
.dpo-contact .c-note{font:400 13px/1.5 Inter,sans-serif;color:var(--muted,#59659B);margin:12px 0 0}
.dpo-contact .c-email-addr{font:600 15px/1 Inter,sans-serif;color:var(--accent,#000080);word-break:break-all}

/* Qualifying form */
.dpo-contact .c-formwrap{background:#fff;border:1px solid var(--line,#D9DEEC);border-radius:var(--radius,16px);padding:32px;max-width:760px;margin:30px auto 0}
.dpo-contact .c-form-intro{font:400 15px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0 0 22px}
.dpo-contact .c-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dpo-contact .c-full{grid-column:1/-1}
.dpo-contact .c-field{display:flex;flex-direction:column;gap:7px}
.dpo-contact .c-field label{font:600 13.5px/1.3 Inter,sans-serif;color:var(--ink-2,#14264A)}
.dpo-contact .c-field .c-req{color:var(--gold,#B45309)}
.dpo-contact .c-field .c-opt{font-weight:400;color:var(--muted,#59659B)}
.dpo-contact .c-field input,.dpo-contact .c-field select,.dpo-contact .c-field textarea{font:400 15px/1.4 Inter,sans-serif;color:var(--ink,#0A1633);background:var(--paper-2,#F6F8FB);border:1px solid var(--line,#D9DEEC);border-radius:11px;padding:12px 13px;width:100%;transition:border-color .15s,box-shadow .15s}
.dpo-contact .c-field input:focus,.dpo-contact .c-field select:focus,.dpo-contact .c-field textarea:focus{outline:none;border-color:var(--accent,#000080);box-shadow:0 0 0 3px rgba(0,0,128,.12);background:#fff}
.dpo-contact .c-field textarea{resize:vertical;min-height:96px}
.dpo-contact .c-field .c-count{font:400 12px/1 Inter,sans-serif;color:var(--muted,#59659B);align-self:flex-end}
.dpo-contact .c-field .c-err{font:400 12.5px/1.4 Inter,sans-serif;color:#B42318;display:none}
.dpo-contact .c-field.is-invalid input,.dpo-contact .c-field.is-invalid select,.dpo-contact .c-field.is-invalid textarea{border-color:#D92D20;box-shadow:0 0 0 3px rgba(217,45,32,.1)}
.dpo-contact .c-field.is-invalid .c-err{display:block}
.dpo-contact .c-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dpo-contact .c-consent{grid-column:1/-1;font:400 13px/1.55 Inter,sans-serif;color:var(--muted,#59659B);margin-top:2px}
.dpo-contact .c-consent a{color:var(--accent,#000080)}
.dpo-contact .c-submit-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
.dpo-contact .c-submit-row .btn{padding:15px 26px;font-size:16px}
.dpo-contact .c-submit-row .btn[disabled]{opacity:.6;cursor:not-allowed}
.dpo-contact .c-formnote{font:400 13px/1.5 Inter,sans-serif;color:var(--muted,#59659B)}
.dpo-contact .c-formerr{grid-column:1/-1;display:none;background:#FEF3F2;border:1px solid #FDA29B;color:#B42318;border-radius:11px;padding:12px 14px;font:400 14px/1.5 Inter,sans-serif}
.dpo-contact .c-formerr.show{display:block}

/* Thank-you / success state */
.dpo-contact .c-success{display:none;background:#fff;border:1px solid var(--line,#D9DEEC);border-radius:var(--radius,16px);padding:40px 32px;max-width:760px;margin:30px auto 0;text-align:center}
.dpo-contact .c-success.show{display:block}
.dpo-contact .c-success .c-tick{width:56px;height:56px;border-radius:50%;background:#ECFDF3;color:#067647;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.dpo-contact .c-success .c-tick svg{width:28px;height:28px}
.dpo-contact .c-success h2{font:600 26px/1.2 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 12px}
.dpo-contact .c-success p{font:400 16px/1.6 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0 auto 22px;max-width:52ch}
.dpo-contact .c-success .c-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* What happens next — 3 steps */
.dpo-contact .c-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;counter-reset:step}
.dpo-contact .c-step{background:#fff;border:1px solid var(--line,#D9DEEC);border-radius:var(--radius,16px);padding:24px 22px}
.dpo-contact .c-step .c-stepn{counter-increment:step;width:34px;height:34px;border-radius:9px;background:var(--accent,#000080);color:#fff;font:600 15px/1 Inter,sans-serif;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.dpo-contact .c-step .c-stepn:before{content:counter(step)}
.dpo-contact .c-step h3{font:600 17px/1.25 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 8px}
.dpo-contact .c-step p{font:400 14.5px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0}

/* What you can expect — navy split */
.dpo-contact .c-expect{background:var(--ink,#0A1633);border-radius:var(--radius,16px);padding:40px 34px;margin-top:8px}
.dpo-contact .c-expect h2{font:600 clamp(24px,2.6vw,30px)/1.2 "Source Serif 4",Georgia,serif;color:#fff;margin:0 0 24px;text-align:center}
.dpo-contact .c-expcols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dpo-contact .c-expcol h3{font:600 12px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9FB0D8;margin:0 0 16px}
.dpo-contact .c-expcol ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dpo-contact .c-expcol li{position:relative;padding-left:28px;font:400 15px/1.5 Inter,sans-serif;color:#E7ECF7}
.dpo-contact .c-expcol li svg{position:absolute;left:0;top:2px;width:18px;height:18px;color:var(--saffron,#FF9933)}

/* FAQ */
.dpo-contact .c-faq{max-width:820px;margin:26px auto 0}
.dpo-contact .c-faq details{border:1px solid var(--line,#D9DEEC);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}
.dpo-contact .c-faq summary{list-style:none;cursor:pointer;padding:18px 46px 18px 20px;position:relative;font:600 16px/1.4 Inter,sans-serif;color:var(--ink,#0A1633)}
.dpo-contact .c-faq summary::-webkit-details-marker{display:none}
.dpo-contact .c-faq summary:after{content:"";position:absolute;right:20px;top:22px;width:9px;height:9px;border-right:2px solid var(--muted,#59659B);border-bottom:2px solid var(--muted,#59659B);transform:rotate(45deg);transition:transform .18s}
.dpo-contact .c-faq details[open] summary:after{transform:rotate(-135deg)}
.dpo-contact .c-faq .c-faqbody{padding:0 20px 18px;font:400 15px/1.6 Inter,sans-serif;color:var(--slate,#2E3E63)}

/* Final CTA band */
.dpo-contact .c-final{background:var(--paper-3,#EBEEF6);border-radius:var(--radius,16px);padding:44px 34px;text-align:center}
.dpo-contact .c-final h2{font:600 clamp(23px,2.6vw,29px)/1.2 "Source Serif 4",Georgia,serif;color:var(--ink,#0A1633);margin:0 0 12px}
.dpo-contact .c-final p{font:400 16px/1.55 Inter,sans-serif;color:var(--slate,#2E3E63);margin:0 auto 22px;max-width:56ch}
.dpo-contact .c-final .c-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* Breadcrumb */
.dpo-contact .c-crumb{font:400 13px/1.4 Inter,sans-serif;color:var(--muted,#59659B);padding:20px 0 0}
.dpo-contact .c-crumb a{color:var(--muted,#59659B);text-decoration:none}
.dpo-contact .c-crumb a:hover{color:var(--accent,#000080)}
.dpo-contact .c-crumb span{color:var(--ink-2,#14264A)}

/* Responsive */
@media (max-width:900px){
  .dpo-contact .c-decisions,.dpo-contact .c-steps{grid-template-columns:1fr}
  .dpo-contact .c-methods{grid-template-columns:1fr}
  .dpo-contact .c-expcols{grid-template-columns:1fr;gap:24px}
}
@media (max-width:620px){
  .dpo-contact .sec{padding:48px 0}
  .dpo-contact .c-grid{grid-template-columns:1fr}
  .dpo-contact .c-formwrap{padding:24px 18px}
  .dpo-contact .c-expect{padding:32px 22px}
}