/* ═══════════════════════════════════════════════════════════════════════════
5MTBot privacy page — skin (2026-09-12), the landing/blog warm system
Styling only: privacy.html gained this and nothing else — no text,
no markup. Like the blog, the page runs the Tailwind PLAY CDN, which injects
utilities at the end of at runtime (after this file), so rules that
must beat a utility are prefixed (body > section) or !important.
Roll back by deleting the .
═══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
src:url(/fonts/ibm-plex-mono-400.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
src:url(/fonts/ibm-plex-mono-500.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;
src:url(/fonts/ibm-plex-mono-600.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;
src:url(/fonts/ibm-plex-sans-var.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ─── Tokens (same values as land-skin.css / blog-skin.css) ─── */
[data-theme="night"]{--b1:17% 0.013 58; --b2:14.5% 0.012 58; --b3:12.5% 0.011 58; --bc:91% 0.012 75}
:root{
--ink:#0d0a07; --ink-2:#110d0a; --panel:#15100c;
--hair:rgba(255,232,208,.075); --hair-2:rgba(255,232,208,.13);
--t-hi:#f7f1ea; --t:#dacfc2; --t-mid:#a99b8d; --t-low:#7e7166;
--amber:#ff8a2b; --amber-hi:#ffb36b;
--f-sans:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--f-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
/* reading face — mono, matching the page's typewriter rule below */
--f-body:var(--f-mono);
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .84 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* the page's own "Typewriter font" block: same selectors + !important, later */
*, ::before, ::after, input, textarea, select, button{font-family:var(--f-body)!important}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{background-color:var(--ink)!important;background-image:var(--grain);color:var(--t);letter-spacing:-.004em}
::selection{background:rgba(255,138,43,.34);color:#fff}
a:focus-visible{outline:2px solid var(--amber-hi);outline-offset:3px;border-radius:6px}
/* ─── Nav ─── */
body > .navbar{min-height:64px;padding:0 clamp(10px,2.4vw,28px);background:rgba(13,10,7,.82)!important;
-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);border-bottom-color:var(--hair)!important}
body > .navbar .navbar-start > a{font-size:15.5px;letter-spacing:-.015em;gap:.6rem;padding-left:.35rem}
body > .navbar .navbar-start > a span{font-weight:600}
body > .navbar .navbar-start > a svg{width:28px;height:28px}
body > .navbar .btn-primary{height:38px;min-height:38px;padding:0 14px 0 16px;gap:8px;border:0;border-radius:9px;
font-size:13.5px;font-weight:600;letter-spacing:-.005em;text-transform:none;white-space:nowrap;
color:#1b0f05;background:linear-gradient(180deg,#ffa24f,#ff8428);
box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.16),0 10px 26px -12px rgba(255,132,40,.8)}
body > .navbar .btn-primary:hover{color:#1b0f05;background:linear-gradient(180deg,#ffb268,#ff8f38)}
body > .navbar .btn-primary::after{content:"";width:14px;height:14px;flex:none;background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* ─── Title block ─── */
body > section{padding-top:4.75rem!important;padding-bottom:5.5rem!important}
body > section > h1{font-size:clamp(2.2rem,4.6vw,3.5rem)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.04;color:var(--t-hi)}
body > section > h1 .gradient-text{background:linear-gradient(180deg,#ffc98c 8%,#ff8a2b 78%);-webkit-background-clip:text;background-clip:text}
/* "Last updated" as a caption with a leading rule */
body > section > h1 + p{display:flex;align-items:center;gap:.65rem;margin-top:1.1rem!important;
font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--t-low)!important}
body > section > h1 + p::before{content:"";width:18px;height:1px;background:var(--amber-hi);opacity:.75;flex:none}
/* ─── Policy sections: a numbered clause list ─── */
body > section .prose{margin-top:3rem!important;counter-reset:clause;border-top:1px solid var(--hair)}
body > section .prose > *{margin-top:0!important;margin-bottom:0!important}
body > section .prose > div:not(.alert){position:relative;counter-increment:clause;
padding:28px 0 30px 84px;border-bottom:1px solid var(--hair)}
body > section .prose > div:not(.alert)::before{content:counter(clause,decimal-leading-zero);position:absolute;left:4px;top:31px;
font-size:12px;letter-spacing:.06em;color:var(--amber-hi)}
body > section .prose h2{margin:0 0 .6rem!important;font-size:18px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.35;color:var(--t-hi)!important}
body > section .prose p{max-width:40rem;font-size:15px;line-height:1.8;color:var(--t-mid)}
body > section .prose strong{font-weight:600;color:var(--t-hi)!important}
/* closing note */
body > section .prose > .alert{display:block;margin-top:2.25rem!important;padding:16px 20px;border-radius:12px;
background:var(--panel)!important;border:1px solid var(--hair)!important;border-left:2px solid var(--amber)!important;
font-size:12.5px!important;line-height:1.65;color:var(--t-low)!important}
/* back link */
body > section > .mt-12{margin-top:2.75rem!important}
body > section .btn-outline{height:42px;min-height:42px;padding:0 18px;border-radius:9px;
font-size:13.5px;font-weight:600;letter-spacing:-.005em;text-transform:none;
color:var(--t);background:rgba(255,236,214,.03);border:1px solid var(--hair-2)}
body > section .btn-outline:hover{color:var(--t-hi);background:rgba(255,236,214,.07);border-color:rgba(255,236,214,.26)}
/* ─── Footer ─── */
body > footer.footer{padding:44px 24px 48px!important;background:var(--ink-2)!important;border-top:1px solid var(--hair)!important}
body > footer.footer p{font-size:12.5px!important;line-height:1.7;color:var(--t-low)!important}
/* ─── Phone ─── */
@media (max-width:640px){
body > .navbar .btn-primary{height:36px;min-height:36px;padding:0 12px;font-size:13px}
body > section{padding-top:3rem!important;padding-bottom:4rem!important}
body > section .prose > div:not(.alert){padding:24px 0 26px}
body > section .prose > div:not(.alert)::before{position:static;display:block;margin-bottom:.55rem;font-size:11.5px}
body > section .prose p{font-size:14.5px}
}