/* The Terms and Privacy Policy pages, styled to match the AI Employee Starter
   Kit page (public/kit.html): the same fonts, blue, header and footer. */

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/kit/fonts/inter-latin.1dc044f4.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/kit/fonts/plus-jakarta-sans-latin.069be307.woff2) format("woff2")}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9fc;color:#3a3f45;font:400 16px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2B5BFF}
a:hover{color:#1f4be6}
::selection{background:#2B5BFF;color:#fff}

.legal-wrap{max-width:1120px;margin:0 auto;padding-left:32px;padding-right:32px}

/* header, as on the kit page */
.legal-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eceef0}
.legal-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px}
.legal-logo{display:flex;align-items:center;gap:10px}
.legal-logo img:first-child{height:30px;width:auto;display:block}
.legal-logo img+img{height:18px;width:auto;display:block}
.legal-header-link{font:600 15px Inter,Arial,sans-serif;color:#0b1116;text-decoration:none}
.legal-header-link:hover{color:#2B5BFF}

/* title band */
.legal-hero{background:#fff;border-bottom:1px solid #e6e9ef}
.legal-hero .legal-wrap{padding-top:56px;padding-bottom:44px}
.legal-eyebrow{display:inline-block;border:2px solid #9db4ff;background:#eef2ff;border-radius:999px;padding:7px 14px;font:800 12px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a}
.legal-hero h1{margin:16px 0 0;font:800 clamp(34px,4vw,48px)/1.08 "Plus Jakarta Sans",sans-serif;letter-spacing:-.035em;color:#111}
.legal-lede{margin:14px 0 0;max-width:680px;font:500 18px/1.55 Inter,Arial,sans-serif;color:#3a3f45}
.legal-dates{margin:16px 0 0;font:500 14px Inter,Arial,sans-serif;color:#6b7280}

/* contents beside the text on wide screens, above it on narrow ones */
.legal-main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding-top:44px;padding-bottom:72px}
.legal-toc{position:sticky;top:96px;align-self:start;font:500 14px/1.5 Inter,Arial,sans-serif}
.legal-toc-title{font:800 12px Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#6b7280;margin-bottom:10px}
.legal-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.legal-toc li{counter-increment:toc;margin:0 0 6px}
.legal-toc li::before{content:counter(toc,decimal-leading-zero);display:inline-block;width:26px;font:700 12px Inter,Arial,sans-serif;color:#9aa1ad}
.legal-toc a{color:#3a3f45;text-decoration:none}
.legal-toc a:hover{color:#2B5BFF}

.legal-body{max-width:760px}
.legal-body section{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:28px 32px;margin-bottom:16px;scroll-margin-top:96px}
.legal-summary{background:#eef3fb;border:1px solid #c9daf5;border-radius:16px;padding:24px 32px;margin-bottom:16px}
.legal-body h2{margin:0 0 12px;font:800 22px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#111}
.legal-summary h2{font-size:19px}
.legal-body h2 .num{display:inline-block;margin-right:12px;font:800 13px Inter,Arial,sans-serif;letter-spacing:.04em;color:#2B5BFF;vertical-align:.2em}
.legal-body h3{margin:22px 0 8px;font:800 17px/1.3 "Plus Jakarta Sans",sans-serif;color:#111}
.legal-body p{margin:0 0 12px}
.legal-body p:last-child,.legal-body ul:last-child{margin-bottom:0}
.legal-body ul{margin:0 0 12px;padding-left:20px}
.legal-body li{margin:0 0 8px}
.legal-body strong{color:#111;font-weight:700}
.legal-address{line-height:1.8}

.legal-table{overflow-x:auto;margin:4px 0 14px;border:1px solid #e6e9ef;border-radius:12px}
.legal-table table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.legal-table th{background:#f7f9fc;text-align:left;font:700 13px Inter,Arial,sans-serif;color:#111;padding:10px 14px;border-bottom:1px solid #e6e9ef}
.legal-table td{padding:12px 14px;border-bottom:1px solid #eef0f4;vertical-align:top}
.legal-table tr:last-child td{border-bottom:0}
.legal-table td:first-child{font-weight:600;color:#111;min-width:150px}
.legal-table td:last-child{min-width:120px}

/* footer, as on the kit page */
.kit-footer{background:#070d11;border-top:1px solid rgba(255,255,255,.07);font:500 13px/1.5 Inter,Arial,sans-serif;color:#8b97ab}
.kit-footer-inner{max-width:1440px;margin:0 auto;padding:18px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.kit-footer nav{display:flex;gap:20px}
.kit-footer a{color:#a9beff;text-decoration:none}
.kit-footer a:hover{color:#fff;text-decoration:underline}

@media (max-width:900px){
  .legal-main{grid-template-columns:minmax(0,1fr);gap:20px}
  .legal-toc{position:static;background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:20px 22px}
  .legal-toc ol{columns:2;column-gap:24px}
  .legal-body{max-width:none}
}
@media (max-width:640px){
  .legal-wrap{padding-left:16px;padding-right:16px}
  .legal-header-inner{padding-top:10px;padding-bottom:10px}
  .legal-logo img:first-child{height:24px}
  .legal-logo img+img{height:14px}
  .legal-hero .legal-wrap{padding-top:36px;padding-bottom:30px}
  .legal-lede{font-size:16.5px}
  .legal-main{padding-top:20px;padding-bottom:48px}
  .legal-toc ol{columns:1}
  .legal-body section,.legal-summary{padding:22px 20px}
  .legal-body h2{font-size:20px}
  .kit-footer-inner{padding:16px 18px;justify-content:center;text-align:center}
}