/* Daeza document pages (Strapline, privacy, terms): plain reading pages that scroll.
   Same Midnight tokens, type and controls as styles.css, no script and no 3D. Built by build_prod.py. */
:root{
  --bg1:#0b1020;--bg2:#1c2747;--ink:#f2f5fb;--ink2:#c3cbe0;--mute:#8e99b8;--sheet:#121a31;--line:#3a4875;--pill:#18223f;--btn:#f2f5fb;--btnInk:#0b1020;--acc:#7cc4ff;
  --font:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --col:42rem;--gut:max(22px,env(safe-area-inset-left,0px));
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg1) radial-gradient(120% 70% at 75% 0%,var(--bg2),var(--bg1) 70%) no-repeat fixed;color:var(--ink2);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased}
::selection{background:var(--btn);color:var(--btnInk)}
a{color:var(--ink);text-decoration-color:var(--acc);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:9;background:var(--btn);color:var(--btnInk);padding:10px 14px;border-radius:999px;font:500 14px/1 var(--font);text-decoration:none}
.skip:focus{top:12px}

/* top bar: the wordmark home and the one call to action, as on the main site */
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 22px) max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))}
.wm{font:700 19px/1 var(--font);letter-spacing:.32em;text-decoration:none;color:var(--ink)}
.wm:hover{color:var(--ink)}
.talk{background:var(--btn);color:var(--btnInk);border-radius:999px;padding:12px 20px;font:500 14px/1 var(--font);text-decoration:none;transition:opacity .3s}
.talk:hover{color:var(--btnInk);opacity:.85}

.doc{flex:1;width:100%;max-width:calc(var(--col) + 2 * var(--gut));margin:0 auto;padding:clamp(40px,8vh,88px) var(--gut) 72px}

/* product header: app icon and name over the page's own pill nav */
.prod{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--ink);font:600 15px/1.2 var(--font);text-decoration:none}
.prod img{width:44px;height:44px;border-radius:22%;box-shadow:0 0 0 1px var(--line)}
.prod small{display:block;color:var(--mute);font-weight:400;font-size:13px}
.sub{display:flex;flex-wrap:wrap;gap:2px;width:max-content;max-width:100%;margin:0 0 clamp(36px,6vh,56px);padding:4px;background:var(--pill);border:1px solid var(--line);border-radius:999px}
.sub a{display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;font:500 14px/1 var(--font);color:var(--ink2);text-decoration:none}
.sub a:hover{color:var(--ink)}
.sub a[aria-current="page"]{background:var(--btn);color:var(--btnInk)}

h1{margin:0 0 10px;color:var(--ink);font:600 clamp(36px,5.4vw,58px)/1.02 var(--font);letter-spacing:-.04em;text-wrap:balance}
h2{margin:52px 0 12px;color:var(--ink);font:600 clamp(21px,2.2vw,25px)/1.25 var(--font);letter-spacing:-.02em;text-wrap:balance}
h3{margin:30px 0 8px;color:var(--ink);font:600 17px/1.35 var(--font)}
p,ul{margin:0 0 16px}
ul{padding-left:1.2em}
li{margin:0 0 10px;padding-left:.2em}
li::marker{color:var(--acc)}
strong{color:var(--ink);font-weight:600}
code{font:500 .86em/1 var(--mono);color:var(--ink);background:var(--pill);border:1px solid var(--line);border-radius:6px;padding:.16em .4em;overflow-wrap:anywhere}
.meta{margin:0 0 32px;color:var(--mute);font-size:15px}
.note{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;line-height:1.55}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 8px}
.btn{display:inline-flex;align-items:center;min-height:48px;background:var(--btn);color:var(--btnInk);border:1px solid var(--btn);border-radius:999px;padding:0 22px;font:500 15px/1 var(--font);text-decoration:none;transition:opacity .3s,border-color .3s}
.btn:hover{color:var(--btnInk);opacity:.86}
.btn.o{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.o:hover{color:var(--ink);border-color:var(--ink);opacity:1}

/* questions: the same open-and-close rows as the FAQ on the main site */
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
details+h2{margin-top:52px}
summary{list-style:none;cursor:pointer;position:relative;padding:16px 32px 16px 0;color:var(--ink);font:500 16px/1.4 var(--font)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:1.5px solid var(--mute);border-bottom:1.5px solid var(--mute);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details p{font-size:15.5px}
details p:last-child{margin-bottom:18px}

/* placeholder pages: never deployed (build_prod.py holds them back) */
.pending{margin:28px 0;padding:20px 22px;border:1.5px dashed var(--acc);border-radius:16px;background:var(--pill)}
.pending p:last-child{margin:0}
.preview{margin:0;padding:10px var(--gut);background:#ffd166;color:#1a1300;font:600 13px/1.4 var(--font);text-align:center}

.foot{border-top:1px solid var(--line);padding:22px max(24px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 26px) max(24px,env(safe-area-inset-left,0px))}
.legal{max-width:calc(var(--col) + 2 * var(--gut));margin:0 auto;padding:0 calc(var(--gut) - 24px);color:var(--mute);font:400 13px/1.9 var(--font)}
.legal a{color:var(--mute)}
.legal a:hover{color:var(--ink)}

@media(max-width:560px){
  body{font-size:16.5px}
  .talk{padding:10px 15px;font-size:13px}
  .sub{width:100%}
  .sub a{flex:1;justify-content:center;padding:0 10px;min-height:44px}
  .btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
  body{background:#fff;color:#111}
  .bar,.sub,.acts,.foot,.skip{display:none}
  h1,h2,h3,strong,a,code{color:#111}
}