/* AffiliateMarketing.com - shared styles for sub-pages (legal, about, contact).
   Operated by Altitude Ventures LLC. Lightweight, no third-party assets beyond Google Fonts (functional). */
:root{
  --ink:#0B0B10; --muted:#5B6470; --muted-2:#8A93A0;
  --bg:#ffffff; --bg-2:#F6F7F9; --line:#E7E9EF; --line-2:#DDE0E8;
  --dark:#08080C; --v:#7C5CFF; --b:#2E7BFF;
  --iri:linear-gradient(105deg,#7C5CFF 0%,#2E7BFF 34%,#20D4E4 62%,#FF6B45 100%);
  --disp:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;
  --body:"Inter",system-ui,-apple-system,Segoe UI,sans-serif;
  --max:1100px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--disp);margin:0;letter-spacing:-.02em;line-height:1.15;font-weight:800}
a{color:var(--v);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{max-width:100%;display:block}
:focus-visible{outline:2.5px solid var(--b);outline-offset:3px;border-radius:5px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:8px;z-index:100}

/* header */
header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .co{color:var(--muted-2)}
.brand .beta{font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--iri);padding:3px 7px;border-radius:6px;transform:translateY(-7px)}
.nav .links{display:flex;gap:20px;margin-left:12px}
.nav .links a{color:var(--muted);font-size:14.5px;font-weight:500}
.nav .links a:hover{color:var(--ink);text-decoration:none}
.nav .right{margin-left:auto;display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:14.5px;padding:10px 18px;border-radius:999px;border:1.5px solid transparent;cursor:pointer}
.btn:hover{text-decoration:none}
.btn-dark{background:var(--ink);color:#fff}
.btn-ghost{background:#fff;border-color:var(--line-2);color:var(--ink)}
@media(max-width:720px){.nav .links{display:none}.nav .right .btn-ghost{display:none}}

/* doc */
main.doc{padding:46px 0 72px}
.doc .wrap{max-width:860px}
.doc h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.03em}
.doc .lede{color:var(--muted);font-size:18px;margin-top:14px}
.doc h2{font-size:22px;margin:38px 0 10px}
.doc h3{font-size:17px;margin:24px 0 6px}
.doc p,.doc li{color:#27303a}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:6px 0}
.doc .meta{font-family:var(--disp);font-size:13px;color:var(--muted-2);margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.doc table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.doc th,.doc td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.doc th{background:var(--bg-2);font-family:var(--disp);font-weight:700;font-size:13.5px}
.doc .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;margin-bottom:10px}

.callout{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0;font-size:15px;color:var(--muted)}
.callout b{color:var(--ink)}

/* contact cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:16px;padding:22px}
.card h3{font-size:16px;margin-bottom:6px}
.card p{color:var(--muted);font-size:14.5px}
.card a.big{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--v);word-break:break-word}

/* footer (shared, dark) */
footer{background:var(--dark);color:#fff;padding:52px 0 30px;margin-top:40px}
footer a{color:#C2C9D3}
footer a:hover{color:#fff}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-brand .fb{font-family:var(--disp);font-weight:800;font-size:18px}
.foot-brand .fb .co{color:#7d8794}
.foot-brand p{color:#9aa2ae;font-size:13.5px;margin:12px 0 0;max-width:300px;line-height:1.6}
.foot-col h3{font-family:var(--disp);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#7d8794;font-weight:700;margin:0 0 12px}
.foot-col a{display:block;font-size:14px;padding:5px 0}
.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;color:#7d8794;font-size:12.5px}
.foot-bot .lk{display:flex;gap:16px;flex-wrap:wrap}
.foot-note{color:#5f6874;font-size:11.5px;line-height:1.6;margin-top:16px;max-width:1000px}
@media(max-width:800px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}