/* Production Deck site: shared styles for the legal and account pages
   (privacy, terms, third-party notices, cancel). The marketing pages use
   inline styles; long-form text is easier to keep consistent here. */
body{margin:0;background:#0B0B0D}
a{color:#5C9EFA;text-decoration:none}a:hover{color:#8DBBFF}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5C9EFA;outline-offset:2px}
.pd-page{background:#0B0B0D;color:#EBEBEB;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Helvetica Neue',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}

/* Nav and footer (same look as the marketing pages) */
.pd-nav{position:sticky;top:0;z-index:10;background:rgba(11,11,13,0.82);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,0.08)}
.pd-nav-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.pd-brand{display:flex;align-items:center;gap:10px;color:#FFFFFF;font-weight:600;font-size:17px;letter-spacing:-0.01em}
.pd-brand:hover{color:#FFFFFF}
.pd-brand img{width:32px;height:32px;border-radius:8px}
.pd-nav nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;font-size:14px}
.pd-nav a.pd-navlink{color:#9E9EA0}.pd-nav a.pd-navlink:hover{color:#FFFFFF}
a.pd-primary{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:9px;background:#33D173;color:#0B0B0D;font-weight:600}
a.pd-primary:hover{background:#4BE086;color:#0B0B0D}
.pd-footer{border-top:1px solid rgba(255,255,255,0.08);padding:48px 24px}
.pd-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.pd-footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.pd-footer-about{display:flex;flex-direction:column;gap:10px;max-width:320px}
.pd-footer-about div{display:flex;align-items:center;gap:10px;font-weight:600;color:#FFFFFF}
.pd-footer-about img{width:28px;height:28px;border-radius:7px}
.pd-footer-about p,.pd-footer-fine{margin:0;font-size:14px;line-height:1.5;color:#8A8A8E}
.pd-footer-fine{font-size:12px;line-height:1.6}
.pd-footer nav{display:flex;flex-wrap:wrap;gap:32px 64px;font-size:14px}
.pd-footer nav div{display:flex;flex-direction:column;gap:10px}
.pd-footer nav span{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8A8A8E}
.pd-footer nav a{color:#C7C7CC}.pd-footer nav a:hover{color:#FFFFFF}

/* Long-form legal documents */
.pd-legal{max-width:760px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px clamp(72px,9vw,112px)}
.pd-eyebrow{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#5C9EFA}
.pd-legal h1{margin:0;font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-0.035em;font-weight:700;color:#FFFFFF}
.pd-meta{margin:16px 0 0;font-size:14px;color:#8A8A8E}
.pd-legal h2{margin:56px 0 0;padding-top:8px;font-size:clamp(22px,2.6vw,28px);line-height:1.2;letter-spacing:-0.02em;font-weight:700;color:#FFFFFF;scroll-margin-top:84px}
.pd-legal h3{margin:32px 0 0;font-size:18px;line-height:1.3;font-weight:600;color:#FFFFFF;scroll-margin-top:84px}
.pd-legal p,.pd-legal li{font-size:16px;line-height:1.7;color:#C7C7CC}
.pd-legal p{margin:14px 0 0}
.pd-legal ul,.pd-legal ol{margin:14px 0 0;padding-left:22px}
.pd-legal li+li{margin-top:8px}
.pd-legal strong{color:#FFFFFF;font-weight:600}
.pd-legal code{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:0.88em;padding:1px 6px;border-radius:6px;background:#1B1B1F;border:1px solid rgba(255,255,255,0.08);color:#EBEBEB;word-break:break-word}
.pd-legal .pd-caps{font-size:14px;line-height:1.7;letter-spacing:0.01em}
.pd-legal hr{margin:56px 0 0;border:0;border-top:1px solid rgba(255,255,255,0.08)}
.pd-legal .pd-fine{font-size:14px;color:#8A8A8E}
.pd-summary{margin:40px 0 0;padding:24px 24px 26px;border-radius:16px;background:#141417;border:1px solid rgba(255,255,255,0.08)}
.pd-summary h2{margin:0;padding:0;font-size:18px;letter-spacing:-0.01em}
.pd-summary ul{margin-top:12px}
.pd-toc{margin:32px 0 0;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,255,255,0.08)}
.pd-toc p{margin:0;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8A8A8E}
.pd-toc ol{margin:12px 0 0;padding-left:22px;columns:2 220px;column-gap:32px}
.pd-toc li{font-size:15px;line-height:1.5;break-inside:avoid}
.pd-toc li+li{margin-top:6px}
.pd-table-wrap{margin:18px 0 0;overflow-x:auto;border:1px solid rgba(255,255,255,0.08);border-radius:12px}
.pd-legal table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.55}
.pd-legal th,.pd-legal td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,0.08);color:#C7C7CC}
.pd-legal th{font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#8A8A8E;background:#141417}
.pd-legal tr:last-child td{border-bottom:0}
.pd-legal td:first-child{color:#FFFFFF;font-weight:600;white-space:nowrap}
.pd-legal ol.pd-alpha{list-style:lower-alpha}

/* Tables become one card per row on phones */
@media (max-width: 600px){
  .pd-table-wrap{border:0;border-radius:0;overflow:visible}
  .pd-legal table{min-width:0}
  .pd-legal thead{display:none}
  .pd-legal tr{display:block;margin-top:12px;padding:14px 0;border:1px solid rgba(255,255,255,0.08);border-radius:12px;background:#141417}
  .pd-legal td{display:block;padding:4px 16px;border:0}
  .pd-legal td:first-child{white-space:normal;font-size:16px;padding-bottom:8px}
  .pd-legal td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#8A8A8E}
}
