/* Latent site: the document layout (dark page hero, sheet, sticky contents, key/value rows, cards, notes, code). Used by security, research, legal and company pages. */
.phero{padding:clamp(56px,7vw,96px) 0 clamp(64px,7vw,96px)}
.crumb{margin:0 0 18px;font-size:13.5px;color:var(--blue-soft)}
.phero h1{color:var(--on-night);font-size:clamp(40px,5.2vw,76px);line-height:1;letter-spacing:-.045em;max-width:13em}
.phero .lede{margin:24px 0 0;max-width:40em;font-size:clamp(16.5px,1.4vw,19px);line-height:1.55;color:var(--on-night-2)}
.phero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(48px,6vw,72px);border-radius:18px;overflow:hidden;background:var(--night-line);box-shadow:0 0 0 1px var(--night-line)}
.glance div{padding:20px 22px;background:var(--night)}
.glance span{display:block;font-size:12.5px;color:rgba(244,245,248,.5)}
.glance b{display:block;margin-top:6px;font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--on-night)}
.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding-block:clamp(56px,6vw,88px)}
.toc{position:sticky;top:96px;align-self:start;display:grid;gap:2px;border-left:1px solid var(--rule)}
.toc a{padding:6px 0 6px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;color:var(--faint);transition:color .15s,border-color .15s}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink);border-left-color:var(--blue)}
.doc{max-width:860px}
.doc>section{padding-bottom:clamp(48px,5vw,72px);scroll-margin-top:96px}
.doc>section+section{padding-top:clamp(48px,5vw,72px);border-top:1px solid var(--rule)}
.doc h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.035em;margin-bottom:14px}
.doc p{margin:0 0 18px;font-size:16px;line-height:1.65;color:var(--body);max-width:44em}
.doc a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.doc code{font:13.5px var(--mono);padding:1px 5px;border-radius:5px;background:#EDEDE8;color:var(--ink)}
.kv{margin:8px 0 0;border-top:1px solid var(--rule)}
.kv>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--rule)}
.kv dt{font-weight:500;font-size:15px;color:var(--ink)}
.kv dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--body)}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;margin-right:10px;border-radius:99px;background:#ECECE7;color:var(--body);font-size:12.5px;font-weight:500;white-space:nowrap;vertical-align:1px}
.pill.ok{background:rgba(28,139,85,.1);color:var(--ok)}
.st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.st>div{padding:18px 18px 16px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--rule)}
.st b{display:block;font-weight:500;color:var(--ink);font-size:15.5px;margin-bottom:10px}
.st .pill{margin:0 0 10px}
.st p{margin:0;font-size:14px;line-height:1.5}
.comps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 22px}
.comp{padding:20px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--rule)}
.comp.opt{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-2)}
.comp .tag{display:inline-block;font:12px/1 var(--mono);color:var(--blue);margin-bottom:10px}
.comp.opt .tag{color:var(--faint)}
.comp b{display:block;font-weight:500;font-size:16.5px;color:var(--ink);margin-bottom:8px}
.comp ul,.cols3 ul,.cols2 ul,.plain{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.comp li,.cols3 li,.cols2 li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.55;color:var(--body)}
.comp li::before,.cols3 li::before,.cols2 li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#C9CBD0}
.comp p{margin:0;font-size:14.5px}
.note{padding:16px 18px;border-radius:14px;background:#EEEEE9;font-size:15px!important}
.note b{color:var(--ink);font-weight:500}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 22px}
.cols3>div,.cols2>div{padding:20px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--rule)}
.cols3 b,.cols2 b{display:block;font-weight:500;color:var(--ink);margin-bottom:12px;font-size:15.5px}
.cols3 .never{background:#0E1017;box-shadow:none}
.cols3 .never b{color:#fff}
.cols3 .never li{color:rgba(244,245,248,.72)}
.cols3 .never li::before{background:var(--risk);width:10px;height:1.5px;border-radius:0;top:.75em}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plain li{font-size:15.5px;line-height:1.6;color:var(--body);padding-bottom:12px;border-bottom:1px solid var(--rule)}
.plain li b{color:var(--ink);font-weight:500}
.code{margin:8px 0 20px;padding:20px 22px;border-radius:14px;background:#0F1118;color:#C9CDD8;font:13px/1.7 var(--mono);overflow-x:auto}
.code code{background:none;padding:0;color:inherit;font:inherit}
.flowd{display:grid;gap:14px;margin-top:8px}
.fd-box{position:relative;padding:30px 20px 20px;border-radius:18px;border:1.5px dashed rgba(43,70,249,.35);background:rgba(43,70,249,.03)}
.fd-l{position:absolute;top:-10px;left:18px;padding:0 8px;background:var(--sheet);font-size:12.5px;color:var(--blue)}
.fd-row{display:flex;align-items:center}
.fd-n{flex:1;display:flex;flex-direction:column;gap:2px;padding:14px 14px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--rule);font-size:14.5px;font-weight:500;color:var(--ink)}
.fd-n small{font-weight:400;font-size:12px;color:var(--faint)}
.fd-n.opt{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-2)}
.fd-n.blue{box-shadow:0 0 0 1.5px rgba(43,70,249,.7),0 10px 26px -14px rgba(43,70,249,.5)}
.fd-a{flex:0 0 22px;height:1.5px;background:#B8BCC8}
.fd-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:4px 4px 0}
.fd-out div{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--body)}
.fd-out i{flex:none;width:22px;height:0;border-top:1.5px dashed #9EA3B0}
.fd-out .no{color:var(--risk);font-weight:500}
.fd-out .no i{border-top:1.5px solid var(--risk);position:relative}
@media (max-width:1000px){
  .docs{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .glance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st,.cols3{grid-template-columns:minmax(0,1fr)}
  .comps,.cols2{grid-template-columns:minmax(0,1fr)}
  .kv>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .fd-row{flex-direction:column;align-items:stretch}
  .fd-a{flex:0 0 14px;width:1.5px;height:14px;margin:0 auto}
  .fd-out{grid-template-columns:minmax(0,1fr)}
}
.nav a[aria-current="page"]{color:var(--on-night);background:rgba(255,255,255,.08)}
.pill.prog{background:rgba(43,70,249,.1);color:var(--blue)}

/* compact pages: legal text and short notices */
.phero.sm{padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px)}
.phero.sm h1{font-size:clamp(38px,4.4vw,60px)}
.phero.sm .lede{margin-top:16px}
.legal{max-width:760px;margin:0 auto;padding-block:clamp(40px,5vw,64px) clamp(48px,6vw,80px)}
.legal h2{margin:28px 0 8px;font-size:19px;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.legal h2:first-child{margin-top:0}
.legal p{margin:0;font-size:15.5px;line-height:1.65;color:var(--body)}
.legal a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* company: the founder */
.fdr{display:grid;gap:14px;margin-top:6px;padding:28px 30px;border-radius:22px;background:var(--surface);box-shadow:0 0 0 1px var(--rule),0 22px 48px -34px rgba(14,16,23,.35)}
.fdr-n{font-weight:500;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.doc .fdr p{margin:0}
.doc .fdr .fdr-pre{font-size:18.5px;line-height:1.55;letter-spacing:-.01em;color:var(--ink);max-width:36em}
.doc .fdr .fdr-bio{font-size:15px;line-height:1.65;color:var(--body)}
.fdr-l{display:flex;gap:8px}
.doc .fdr-l a{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#F1F1EE;color:var(--body);text-decoration:none;transition:background-color .15s,color .15s}
.doc .fdr-l a:hover{background:var(--blue);color:#fff}
.fdr-l svg{width:17px;height:17px;fill:currentColor}
@media (max-width:560px){.fdr{padding:22px 20px}.doc .fdr .fdr-pre{font-size:17px}}
