/* Privacy, terms and support in the homepage's design (premium canon, Nov 3, 2026). Mobile first.
   Same tokens as styles.css and premium.css: warm neutrals, deep espresso, Inter self-hosted. */
@font-face{font-family:Inter;src:url('/fonts/inter.woff2') format('woff2');font-weight:300 600;font-display:swap}
:root{
  --ink:#241f19; --muted:#756a5d; --label:#6c604f; --line:#e7e0d6; --paper:#f6f4f1; --soft:#faf8f4;
  --accent:#80664f; --espresso:#17130f; --espresso-hover:#2a211a; --clone:#bb6a55; --lookalike:#af914d; --clear:#6f8a74;
  --font:Inter,Arial,sans-serif; --ease:cubic-bezier(.16,1,.3,1);
  /* Type scale, same steps as the homepage's type.css (360 px to 1440 px, then holds). */
  --fs-h2:clamp(30px,20.667px + 2.593vw,58px); --fs-h3:clamp(22px,20.667px + .37vw,26px);
  --fs-lead:clamp(14px,13.333px + .185vw,16px); --fs-read:clamp(15px,14.667px + .093vw,16px); --fs-small:12px;
  --footer-ink:#f3ede4; --footer-muted:#b4a99b; --footer-rule:#3b3027;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,p,ul{margin:0}
h1,h2{text-wrap:balance}
p,li{text-wrap:pretty}
a{color:inherit}
:focus-visible{outline:3px solid #947351;outline-offset:4px}
::selection{background:#e9dfd2;color:#493524}
.container{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}

/* Header: shared with the homepage, see header.css. */

/* Title band. */
.page-head{background:var(--paper);border-bottom:1px solid var(--line)}
.page-head .container{padding-block:40px 32px;max-width:760px}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--label)}
h1{margin-top:10px;font-size:clamp(38px,9vw,58px);line-height:1.05;font-weight:600;letter-spacing:-.055em}
.sub{margin-top:14px;font-size:16px;line-height:1.6;color:var(--muted);max-width:62ch}

/* Body column. */
main.doc{width:calc(100% - 40px);max-width:760px;margin-inline:auto;padding-block:8px 64px}
main.doc h2{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.03em}
main.doc h2+p,main.doc h2+ul{margin-top:10px}
main.doc p+p,main.doc ul+p,main.doc p+ul{margin-top:12px}
main.doc p,main.doc li{color:#3d3429}
main.doc a{color:var(--ink);text-decoration:underline;text-decoration-color:#c9bba7;text-underline-offset:3px;transition:text-decoration-color .2s}
main.doc a:hover{text-decoration-color:var(--accent)}
main.doc code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}
ul.plain{list-style:none;padding:0}
ul.plain li{position:relative;padding-left:18px}
ul.plain li+li{margin-top:8px}
ul.plain li::before{content:'';position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:#c9bba7}
ul.plain strong{font-weight:600;color:var(--ink)}
/* Support: result labels carry the app's status dots. */
ul.plain li.is-clone::before{background:var(--clone)}
ul.plain li.is-lookalike::before{background:var(--lookalike)}
ul.plain li.is-name::before{background:var(--clear)}

/* Footer: the homepage's bottom row. */
.site-footer{border-top:1px solid var(--line);background:#fff}
.site-footer .container{display:flex;flex-direction:column;gap:12px;padding-block:24px 36px;font-size:13px;color:var(--muted)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px}
.site-footer a{display:inline-block;padding-block:5px;color:inherit;text-decoration:none}
.site-footer a:hover{color:var(--ink)}
.site-footer .by a{text-decoration:underline;text-underline-offset:3px}

@media (min-width:768px){
  .container{width:calc(100% - 80px)}
  .page-head .container{padding-block:64px 44px}
  .sub{font-size:17px}
  main.doc{width:calc(100% - 80px);padding-bottom:96px}
  main.doc h2{margin-top:44px;padding-top:28px;font-size:24px}
  .site-footer .container{flex-direction:row;justify-content:space-between;align-items:center}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* New type scale (Nov 3, 2026): the homepage steps, with a reading size for long text. */
body{font-size:var(--fs-read)}
h1{font-size:var(--fs-h2);font-weight:500;line-height:1.06}
.sub{font-size:var(--fs-lead)}
main.doc h2{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.035em}
main.doc p,main.doc li{font-size:var(--fs-read)}
.eyebrow{font-size:var(--fs-small)}

/* Footer: the homepage's espresso bottom row, with Intake's mark and lettermark. */
.site-footer{background:var(--espresso);border-top:0;color:var(--footer-muted)}
.site-footer .container{font-size:var(--fs-small);color:var(--footer-muted)}
.site-footer a{color:var(--footer-muted)}
.site-footer a:hover{color:var(--footer-ink)}
.footer-by{display:inline-flex;align-items:center;gap:8px}
.footer-by a.intake-logo{display:inline-flex;align-items:center;gap:5px;min-height:28px;text-decoration:none;color:#b4a99b;opacity:.7;transition:opacity .2s,color .2s}
.footer-by a.intake-logo:hover,.footer-by a.intake-logo:focus-visible{opacity:1;color:#fff}
.intake-logo svg{display:block;fill:currentColor}
.intake-mark{height:12px;width:12px}
.intake-word{height:11.5px;width:auto;aspect-ratio:135.905/39.144}

/* Scrollbars: thin, warm thumb on a clear track. Standard properties for Chrome and Firefox; the webkit ones
   only where scrollbar-color is not supported (older Safari). */
html,*{scrollbar-width:thin;scrollbar-color:#cdbfad transparent}
@supports not (scrollbar-color:auto){
  ::-webkit-scrollbar{width:6px;height:6px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:#cdbfad;border-radius:6px}
  ::-webkit-scrollbar-thumb:hover{background:#a8957d}
}

/* Support landing page: three ways to reach us, then quick answers. */
.support-head .container{padding-bottom:40px}
.contact-cards{display:grid;gap:12px;margin-top:-20px;margin-bottom:8px;max-width:1000px;position:relative}
.contact-card{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 10px 30px -18px rgba(73,57,37,.25);transition:border-color .2s,transform .2s,box-shadow .2s}
.contact-card:hover{border-color:#cdbfad;transform:translateY(-2px);box-shadow:0 16px 36px -18px rgba(73,57,37,.32)}
.contact-card strong{margin-top:8px;font-size:var(--fs-h3);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.contact-card span:not(.cc-icon){font-size:var(--fs-read);line-height:1.55;color:var(--muted)}
.contact-card em{margin-top:auto;padding-top:12px;font-style:normal;font-size:14px;font-weight:500;color:#80664f}
.contact-card.is-primary{background:var(--espresso);border-color:var(--espresso);color:#fff}
.contact-card.is-primary span:not(.cc-icon){color:#cfc4b5}
.contact-card.is-primary em{color:#e0d5c7}
.cc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--paper);border:1px solid var(--line)}
.is-primary .cc-icon{background:#2a211a;border-color:#3b3027}
.cc-icon svg{width:21px;height:21px;fill:none;stroke:#80664f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.is-primary .cc-icon svg{stroke:#e0d5c7}
.doc{width:calc(100% - 40px);max-width:760px;margin-inline:auto;padding-block:24px 64px}
.doc .doc-eyebrow{margin-top:28px}
.doc h2{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:var(--fs-h3);line-height:1.25;font-weight:500;letter-spacing:-.035em}
.doc h2+p,.doc h2+ul{margin-top:10px}
.doc p,.doc li{color:#3d3429;font-size:var(--fs-read)}
.doc a{color:var(--ink);text-decoration:underline;text-decoration-color:#c9bba7;text-underline-offset:3px}
@media (min-width:768px){
  .contact-cards{grid-template-columns:1.2fr 1fr 1fr;width:calc(100% - 80px);margin-top:-28px}
  .doc{width:calc(100% - 80px);padding-bottom:96px}
}
@media (prefers-reduced-motion:reduce){.contact-card:hover{transform:none}}

/* The first heading follows the title band directly: no divider line above it. */
main.doc>h2:first-child,.doc>h2:first-child{border-top:0;padding-top:0}