/* Shared styles for the compliance pages — matches the Appliance911.ai navy/brass
   theme, mobile-first. */
:root{
  --navy:#0A1320; --panel:#0C1827; --elev:#0C1626; --brass:#C9A24B; --brass-hi:#E8C87E;
  --ink:#0A1320; --text:#F3EFE6; --text-soft:#9AA4B4; --muted:#6E7A8C;
  --hairline:rgba(255,255,255,.08);
  --ok:#7FB98B; --bad:#D98A7A;
  --f-display:'Archivo',sans-serif; --f-sans:'IBM Plex Sans',system-ui,sans-serif;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--navy); color:var(--text); font-family:var(--f-sans);
  font-size:15px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{ color:var(--brass); text-decoration:underline; text-underline-offset:2px; }
a:hover{ color:var(--brass-hi); }

/* Header */
.legal-header{ border-bottom:1px solid var(--hairline); position:sticky; top:0; background:rgba(10,19,32,.92); backdrop-filter:blur(8px); z-index:10; }
.legal-header .inner{ max-width:820px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; gap:10px; }
.brand{ font-family:var(--f-display); font-weight:800; font-size:18px; color:var(--text); text-decoration:none; letter-spacing:-.01em; display:inline-flex; align-items:center; gap:8px; }
.brand b{ color:var(--brass); }
.brand .diamond{ width:10px; height:10px; background:var(--brass); transform:rotate(45deg); border-radius:2px; }
.back-home{ margin-left:auto; font-size:13px; }

/* Content */
.legal-main{ max-width:760px; margin:0 auto; padding:32px 20px 72px; }
.legal-main h1{ font-family:var(--f-display); font-weight:800; font-size:30px; line-height:1.15; letter-spacing:-.02em; margin:0 0 6px; }
.last-updated{ color:var(--muted); font-size:13px; margin:0 0 28px; }
.legal-section{ margin:0 0 26px; }
.legal-section h2{ font-family:var(--f-display); font-weight:700; font-size:19px; letter-spacing:-.01em; margin:0 0 10px; color:var(--text); }
.legal-section p{ margin:0 0 12px; color:var(--text-soft); }
.legal-section .lead{ color:var(--text); }
.legal-section ul{ margin:0 0 12px; padding-left:20px; color:var(--text-soft); display:flex; flex-direction:column; gap:6px; }
.legal-section ul.plain{ list-style:none; padding-left:0; gap:10px; }
.legal-section strong{ color:var(--text); font-weight:600; }
.sub-label{ color:var(--text); font-weight:600; margin-top:4px; }

@media (min-width:640px){
  .legal-main{ padding:48px 24px 88px; }
  .legal-main h1{ font-size:36px; }
}

/* Footer (shared across the site) */
.site-footer{ border-top:1px solid var(--hairline); background:var(--panel); }
.site-footer .footer-inner{ max-width:820px; margin:0 auto; padding:28px 20px; display:flex; flex-direction:column; gap:14px; }
.footer-brand{ font-family:var(--f-display); font-weight:800; font-size:15px; color:var(--text-soft); }
.footer-brand b{ color:var(--brass); }
.footer-links{ display:flex; flex-wrap:wrap; gap:8px 18px; }
.footer-links a{ font-size:13px; color:var(--text-soft); text-decoration:none; }
.footer-links a:hover{ color:var(--text); }
.footer-legal{ font-size:12px; color:var(--muted); line-height:1.5; }

/* Do-Not-Sell form */
.form-intro{ margin:0 0 24px; }
.dns-form{ display:flex; flex-direction:column; gap:16px; max-width:520px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field label{ font-size:13px; color:var(--text-soft); }
.field input{ width:100%; height:46px; background:rgba(255,255,255,.05); border:1px solid var(--hairline); border-radius:9px; padding:0 13px; color:var(--text); font-size:15px; font-family:var(--f-sans); transition:border-color .15s; }
.field input:hover{ border-color:rgba(255,255,255,.22); }
.field input:focus{ outline:none; border-color:var(--brass); }
.field-row{ display:flex; flex-direction:column; gap:16px; }
@media (min-width:520px){ .field-row{ flex-direction:row; } .field-row .field{ flex:1; } }
.dns-submit{ height:50px; background:var(--brass); color:var(--ink); border:none; border-radius:9px; font-size:15px; font-weight:600; font-family:var(--f-sans); cursor:pointer; transition:background .15s; }
.dns-submit:hover{ background:var(--brass-hi); }
.dns-submit:disabled{ opacity:.5; cursor:not-allowed; }
.dns-msg{ font-size:14px; margin:0; }
.dns-msg.err{ color:var(--bad); }
.dns-success{ background:rgba(201,162,75,.08); border:1px solid rgba(201,162,75,.28); border-radius:12px; padding:22px; }
.dns-success h2{ color:var(--brass); font-family:var(--f-display); font-size:18px; margin:0 0 8px; }
.dns-success p{ color:var(--text-soft); margin:0 0 8px; }