/* OP Mail legal pages (privacy, terms): same tokens and chrome as the home page. */
@font-face{font-family:'Outfit';src:url('/brand/fonts/outfit.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{
  --bg:#08080b; --bg-2:#0c0c11; --panel:#13131b; --panel-2:#181820; --panel-3:#0f0f15;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --text:#f0f0f5; --muted:#b8b8c5; --dim:#9696a8;
  --accent:#5168e8; --accent-2:#7a8df2; --violet:#3b9eff; --sky:#9fb1ff;
  --font:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,Menlo,monospace;
  --gutter:20px; color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{position:relative;isolation:isolate;background:var(--bg);color:var(--text);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:absolute;inset:0 0 auto;height:520px;z-index:-1;pointer-events:none;background:radial-gradient(520px 320px at 88% 0%,rgba(59,158,255,.15),transparent 70%),radial-gradient(640px 360px at 8% 0%,rgba(81,104,232,.22),transparent 70%)}
a{color:var(--sky);text-decoration:underline;text-decoration-color:rgba(159,177,255,.4);text-underline-offset:3px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid #b9c5ff;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--text);color:#0a0a0d;padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

header{position:sticky;top:0;z-index:50;background:#0a0a0e;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:20px;height:64px;max-width:1240px;margin:0 auto;padding:0 var(--gutter)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--text);letter-spacing:-.02em;text-decoration:none}
.logo b{font-weight:600;color:var(--muted)}
.nav-back{margin-left:auto;font-size:14.5px;font-weight:500;color:var(--muted);text-decoration:none;padding:8px 14px;border:1px solid var(--line-2);border-radius:10px}
.nav-back:hover{color:var(--text);border-color:rgba(255,255,255,.3)}


.doc{max-width:1240px;margin:0 auto;padding:44px var(--gutter) 72px}
.doc>*{max-width:74ch}
.doc h1{font-size:clamp(2.2rem,1.4rem + 3.6vw,3.8rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin-bottom:14px;max-width:none;
  background:linear-gradient(100deg,#fff 0%,#c9d0ff 55%,#7aa8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.meta{color:var(--dim);font:500 12.5px/1.4 var(--mono);margin-bottom:8px}
.lede{color:var(--muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);margin:20px 0 8px;line-height:1.6}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:32px 0 8px}
.toc h2{font:500 12px/1 var(--mono);letter-spacing:.04em;color:var(--sky);margin-bottom:14px}
.toc ol{margin:0;padding-left:30px}
.toc li{padding:3px 0;font-size:15px;color:var(--dim)}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--text);text-decoration:underline}
h2.sec{font-size:clamp(1.35rem,1.15rem + .8vw,1.7rem);letter-spacing:-.025em;line-height:1.2;margin:48px 0 12px;scroll-margin-top:84px;padding-top:28px;border-top:1px solid var(--line)}
h3{font-size:17px;margin:26px 0 6px;color:var(--text)}
p{margin:12px 0;color:var(--muted)}
ul,ol.body{margin:12px 0 12px 22px;color:var(--muted)}
li{margin:6px 0}
strong{color:var(--text);font-weight:600}
.callout{background:linear-gradient(135deg,rgba(81,104,232,.14),rgba(59,158,255,.05));border:1px solid #2b3050;border-left:3px solid var(--accent);border-radius:14px;padding:18px 22px;margin:24px 0}
.callout p{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
th{color:var(--dim);font:500 12px/1.3 var(--mono);letter-spacing:.04em;background:var(--panel)}
.scroller{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;margin:18px 0}
.scroller table{margin:0}
.scroller th,.scroller td{padding:11px 12px;font-size:14.5px}
.scroller tr:last-child td{border-bottom:0}

footer{border-top:1px solid var(--line);padding:44px 0 52px;color:var(--dim);font-size:14px;background:linear-gradient(180deg,var(--bg),#050507)}
footer .wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}
.foot-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:16px}
.foot-links a{color:var(--muted);text-decoration:none}
.foot-links a:hover{color:var(--text);text-decoration:underline}
.foot-company{display:block;color:var(--dim);font-size:12.5px;line-height:1.6;max-width:60ch;margin-top:6px}

@media (min-width:700px){:root{--gutter:32px}.doc{padding-top:64px}}
@media (min-width:1100px){
  :root{--gutter:40px}
  .doc{display:grid;grid-template-columns:280px minmax(0,74ch);column-gap:72px;row-gap:0;padding-top:80px;padding-bottom:96px}
  .doc>*{grid-column:2;max-width:none}
  .doc>.toc{grid-column:1;grid-row:1 / span 400;position:sticky;top:92px;align-self:start;margin:6px 0 0;max-height:calc(100vh - 116px);overflow:auto}
  .toc li{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important}}
@media (forced-colors:active){.doc h1{background:none;color:CanvasText}}