/* Brightfuse Labs: shared styles for the text pages (privacy, 404). The homepage carries its own styles. */
@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans-var.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrument-serif-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrument-serif-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{
  --paper:#F3F0EC; --card:rgba(255,255,255,.62); --ink:#16171D; --ink-2:#55565E; --ink-3:#8C8D93; --line:rgba(22,23,29,.10);
  --link:#2B45F2; --glow-a:rgba(110,70,230,.20); --glow-b:rgba(255,138,60,.18);
  --sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif; --serif:"Instrument Serif",ui-serif,Georgia,serif;
  --ease:cubic-bezier(.2,.7,.1,1); color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#121019; --card:rgba(255,255,255,.05); --ink:#F3F0EC; --ink-2:#B9B6C4; --ink-3:#7F7C8C; --line:rgba(255,255,255,.10);
    --link:#9DB0FF; --glow-a:rgba(110,70,230,.28); --glow-b:rgba(255,120,60,.16)}
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  background:radial-gradient(60% 50% at 12% -8%,var(--glow-a),transparent 70%),radial-gradient(50% 45% at 96% 4%,var(--glow-b),transparent 70%),var(--paper);background-attachment:fixed}
a{color:inherit}
em{font-family:var(--serif);font-style:italic;font-weight:400}
.skip{position:absolute;left:-9999px;top:12px;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--paper);z-index:9}
.skip:focus{left:12px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,3.4vw,48px)}

/* the mark: 01's glossy glass squircle with a white spark */
.sq{position:relative;display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:30%;
  background:radial-gradient(110% 85% at 12% 108%,#FFC15A 0%,#FF5A22 30%,rgba(255,60,40,0) 64%),radial-gradient(95% 85% at 100% 0%,#4F8DFF 0%,#2A3CFF 34%,rgba(42,60,255,0) 66%),linear-gradient(160deg,#1B1530,#0D0B14);
  box-shadow:inset 0 1px .5px rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.18),0 6px 14px -6px rgba(255,90,40,.55)}
.sq::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(175deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 44%)}
.sq svg{position:relative;z-index:1;width:50%;height:50%;fill:#FCFAF7;filter:drop-shadow(0 0 3px rgba(255,236,220,.85))}

.nav{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.01em;text-decoration:none}
.nav-links{display:flex;gap:6px}
.nav-links a{font-size:14px;color:var(--ink-2);padding:7px 14px;border-radius:999px;text-decoration:none;transition:background .4s var(--ease),color .4s var(--ease)}
.nav-links a:hover{background:var(--line);color:var(--ink)}

main{flex:1}
.doc{padding:clamp(28px,6vh,72px) 0 clamp(56px,10vh,110px)}
.doc-inner{max-width:680px;margin:0 auto;padding:clamp(28px,5vw,56px);border-radius:28px;background:var(--card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px var(--line),0 30px 80px -40px rgba(60,40,140,.35)}
.doc h1{font-size:clamp(38px,5vw,56px);font-weight:500;letter-spacing:-.035em;line-height:1.02}
.doc .meta{margin-top:12px;color:var(--ink-3);font-size:14px}
.doc h2{margin-top:40px;font-size:21px;font-weight:500;letter-spacing:-.02em}
.doc p,.doc ul{margin-top:14px;color:var(--ink-2)}
.doc ul{padding-left:1.15em}
.doc li{margin-top:8px}
.doc strong{color:var(--ink);font-weight:600}
.doc a,.lost a{color:var(--link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--link) 35%,transparent);text-underline-offset:3px}

.lost{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12vh 24px}
.lost .sq{width:84px;height:84px;border-radius:26px;margin-bottom:34px}
.lost h1{font-size:clamp(40px,6vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1}
.lost p{margin-top:16px;color:var(--ink-2)}

.footer{padding:20px 0 26px}
.footer .wrap{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--ink-3)}
.footer a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.footer a:hover{color:var(--ink)}
@media (max-width:560px){.footer .wrap{flex-direction:column}}