/* www.turtleos.com: the legal pages, in the product's own design (6 September 2026).
   Tokens and the kicker are the shared sheet's; the reading column is this file's. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/inter-latin.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:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('/assets/fonts/bricolage-grotesque-latin-wght-normal.woff2') format('woff2')}

:root{
  --violet-100:#ede4ff;--violet-400:#a173ff;--violet-500:#8042ff;--violet-800:#5313bd;
  --neutral-0:#ffffff;--neutral-200:#e6e5f5;--neutral-300:#d2cfeb;--neutral-600:#6f6d80;--neutral-700:#4f4d5e;--neutral-900:#26252d;
  --neutral-ground:#f4f2fb;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Bricolage Grotesque',var(--font-sans);
  --text-display:32px;--text-subtitle:20px;--text-body-lg:16px;--text-body:14px;--text-label:12px;
  --color-surface-page:var(--neutral-ground);--color-surface-raised:var(--neutral-0);
  --color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-label:var(--neutral-700);
  --color-text-accent-deep:var(--violet-800);
  --rule:1px solid var(--neutral-200);
  --radius-md:12px;
}
*{box-sizing:border-box}
html{background:var(--color-surface-page)}
body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:20px;font-weight:400;
  color:var(--color-text-primary);background:var(--color-surface-page);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* THE PAPER. One column of reading width, the head above it in the open, the body on
   a raised sheet, as the sign-in card sits on its page. The violet air behind the head
   is the sign-in page's, no wider than the window. */
.paper{max-width:760px;margin:0 auto;padding:56px 24px 44px;position:relative;isolation:isolate}
.paper::before{content:'';position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:-6%;width:min(960px,100vw);height:560px;transform:translateX(-54%);
  background:radial-gradient(closest-side,var(--violet-100) 0%,rgba(237,228,255,.5) 40%,transparent 72%);
  opacity:.85}
.paper__head{padding:0 8px 28px}
.kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.kicker__rule{width:24px;height:8px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8' fill='none' stroke='%23a173ff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1.06 5.15A11.5 6 0 0 1 5.57 2.03'/%3E%3Cpath d='M8.45 1.15A11.5 6 0 0 1 15.55 1.15'/%3E%3Cpath d='M18.43 2.03A11.5 6 0 0 1 22.94 5.15'/%3E%3C/svg%3E") center/24px 8px no-repeat}

.kicker__text{font-size:var(--text-label);line-height:16px;font-weight:600;letter-spacing:0;color:var(--color-text-label);text-decoration:none}
.kicker__text:hover{color:var(--color-text-primary)}
/* The same brand as the front door, at the same two sizes: these pages are
   the public site too, and the kicker here is the way back to it. */
.paper__head .kicker{gap:14px;margin-bottom:20px}
.paper__head .kicker__rule{width:48px;height:16px;background-size:48px 16px}
.paper__head .kicker__text{font-size:22px;line-height:28px;letter-spacing:-.012em}
@media (max-width:720px){
  .paper__head .kicker{gap:12px;margin-bottom:16px}
  .paper__head .kicker__rule{width:36px;height:12px;background-size:36px 12px}
  .paper__head .kicker__text{font-size:18px;line-height:24px;letter-spacing:-.01em}
}
h1{font-family:var(--font-display);font-size:var(--text-display);line-height:40px;font-weight:600;
  letter-spacing:-.012em;margin:0 0 10px}
.paper__date{margin:0;font-size:var(--text-body-lg);line-height:24px;color:var(--color-text-secondary)}
.paper__meta{margin:6px 0 0;font-size:var(--text-body);line-height:20px}
.paper__meta a{color:var(--color-text-accent-deep);text-decoration:underline;text-decoration-color:var(--violet-400);text-underline-offset:3px}

.paper__body{background:var(--color-surface-raised);border-radius:var(--radius-md);
  box-shadow:inset 0 0 0 1px var(--neutral-200);padding:36px 40px 44px;
  font-size:var(--text-body-lg);line-height:26px;
  overflow-wrap:anywhere}
.paper__body > :first-child{margin-top:0;padding-top:0;border-top:0}
.paper__body p{margin:0 0 14px}
.paper__body h2{font-family:var(--font-sans);font-size:var(--text-subtitle);line-height:28px;font-weight:600;
  letter-spacing:-.01em;margin:36px 0 10px;padding-top:24px;border-top:var(--rule)}
.paper__body ul,.paper__body ol{margin:0 0 14px;padding-left:24px}
.paper__body li{margin:0 0 6px}
.paper__body li p{margin:0}
.paper__body strong{font-weight:600;color:var(--color-text-primary)}
.paper__body a{color:var(--color-text-accent-deep);text-decoration:underline;text-decoration-color:var(--violet-400);
  text-underline-offset:3px}
.paper__body a:hover{text-decoration-color:currentColor}

/* The footer stands under the sheet in the flow, the way a colophon does: the
   sheet's own bottom padding (44px), a 32px gap, the footer, and 44px of page
   below it. On the sign-in page it is pinned to the window's bottom because
   that page is one screen tall; a document is not. */
.pubfoot{margin:32px 20px 0;
  display:flex;justify-content:center;align-items:center;gap:5px 12px;flex-wrap:wrap;
  font-size:var(--text-caption);line-height:16px;color:var(--color-text-secondary)}
.pubfoot a{color:inherit;text-decoration:underline;text-underline-offset:2px}

@media (max-width:720px){
  .paper{padding:28px 12px 36px}
  .pubfoot{margin-top:24px}
  .paper__head{padding:0 6px 20px}
  h1{font-size:26px;line-height:32px}
  .paper__body{padding:22px 18px 28px;font-size:15px;line-height:24px}
  .paper__body h2{margin-top:28px;padding-top:20px}
}