:root { --dg-ink:#0f172a; --dg-muted:#64748b; --dg-line:#dbe3ec; --dg-teal:#0f766e; }
body { background:#f4f7fa; color:var(--dg-ink); }
.dg-legal-main { width:min(980px,calc(100% - 32px)); margin:0 auto; padding:56px 0 38px; }
.dg-legal-hero { margin-bottom:24px; border:1px solid var(--dg-line); border-radius:28px; background:linear-gradient(135deg,#ffffff 0%,#f0fdfa 100%); padding:clamp(28px,5vw,52px); box-shadow:0 18px 50px rgba(15,23,42,.08); }
.dg-legal-hero h1 { margin:10px 0 0; max-width:760px; font-size:clamp(34px,6vw,55px); line-height:1.03; letter-spacing:-.045em; }
.dg-legal-hero > p:not(.dg-pricing-eyebrow) { max-width:800px; margin:18px 0 0; color:#475569; font-size:16px; line-height:1.75; }
.dg-legal-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.dg-legal-meta span { border:1px solid #cbd5e1; border-radius:999px; background:#fff; padding:7px 11px; color:#475569; font-size:11px; font-weight:850; }
.dg-legal-card { margin-top:18px; border:1px solid var(--dg-line); border-radius:22px; background:#fff; padding:clamp(22px,4vw,34px); box-shadow:0 10px 30px rgba(15,23,42,.045); }
.dg-legal-card h2 { margin:0; font-size:24px; letter-spacing:-.03em; }
.dg-legal-card h3 { margin:0; font-size:15px; letter-spacing:-.01em; }
.dg-legal-card p { margin:13px 0 0; color:#475569; font-size:14px; line-height:1.75; }
.dg-legal-card a { color:var(--dg-teal); font-weight:800; text-underline-offset:3px; }
.dg-legal-highlight { border-color:#99f6e4; background:#f0fdfa; }
.dg-legal-proprietary { border-color:#cbd5e1; background:#f8fafc; box-shadow:inset 4px 0 0 #0f172a; }
.dg-legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.dg-legal-grid article { border:1px solid #e2e8f0; border-radius:16px; background:#f8fafc; padding:18px; }
.dg-legal-grid article p { margin-top:8px; font-size:13px; }
.dg-legal-list { display:grid; gap:9px; margin:16px 0 0; padding-left:22px; color:#475569; font-size:14px; line-height:1.7; }
.dg-legal-definitions { display:grid; gap:0; margin:16px 0 0; }
.dg-legal-definitions div { display:grid; grid-template-columns:minmax(170px,.45fr) minmax(0,1.55fr); gap:18px; border-bottom:1px solid #e2e8f0; padding:14px 0; }
.dg-legal-definitions div:last-child { border-bottom:0; }
.dg-legal-definitions dt { font-size:13px; font-weight:900; color:#0f172a; }
.dg-legal-definitions dd { margin:0; color:#475569; font-size:13px; line-height:1.65; }
.dg-legal-page-footer { width:min(980px,calc(100% - 32px)); display:flex; justify-content:space-between; gap:20px; margin:0 auto; border-top:1px solid var(--dg-line); padding:22px 0 36px; color:#64748b; font-size:12px; }
.dg-legal-page-footer > div { display:grid; gap:8px; }
.dg-legal-page-footer nav { display:flex; flex-wrap:wrap; gap:14px; }
.dg-legal-page-footer a { color:#334155; font-weight:800; text-decoration:none; }
.dg-legal-page-footer a:hover { color:#0f766e; text-decoration:underline; }
.dg-legal-page-footer p { margin:0; }
@media(max-width:720px){
  .dg-legal-main{width:min(100% - 22px,980px);padding-top:28px}.dg-legal-hero{border-radius:22px;padding:26px 21px}.dg-legal-card{border-radius:18px;padding:22px 19px}.dg-legal-grid{grid-template-columns:1fr}.dg-legal-definitions div{grid-template-columns:1fr;gap:6px}.dg-legal-page-footer{width:min(100% - 22px,980px);flex-direction:column;gap:12px}
}

/* Step 8A.1 — About DebitGuard */
.dg-about-main { width:min(980px,calc(100% - 32px)); }
.dg-about-hero { margin-bottom:4px; border:0; border-radius:0; background:transparent; padding:8px 4px 22px; box-shadow:none; }
.dg-about-hero h1 { max-width:820px; }
.dg-about-primary-card { border-color:#99f6e4; background:linear-gradient(135deg,#ffffff 0%,#f0fdfa 100%); }
.dg-about-main .dg-legal-card h3 { margin-top:22px; font-size:16px; letter-spacing:-.015em; }
.dg-about-founder { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:18px; border-color:#cbd5e1; background:#f8fafc; }
.dg-about-founder__mark { display:flex; width:54px; height:54px; align-items:center; justify-content:center; border:1px solid #0f172a; border-radius:17px; background:#0f172a; color:#fff; font-size:16px; font-weight:950; letter-spacing:-.04em; box-shadow:0 10px 24px rgba(15,23,42,.16); }
.dg-about-founder p strong { color:#0f172a; }
.dg-about-statement { margin:18px 0 0; border:1px solid #0f766e; border-radius:24px; background:#0f172a; padding:clamp(25px,4vw,38px); color:#fff; box-shadow:0 16px 42px rgba(15,23,42,.16); }
.dg-about-statement p { margin:0; font-size:clamp(22px,4vw,34px); font-weight:900; line-height:1.22; letter-spacing:-.035em; }
@media(max-width:720px){.dg-about-main{width:min(100% - 22px,980px)}.dg-about-founder{grid-template-columns:1fr}.dg-about-founder__mark{width:48px;height:48px;border-radius:15px}}