:root{color-scheme:dark;--bg:#0b0b10;--purple:#4128be;--text:#f4f3f8;--muted:#aaa9b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #a999ff;outline-offset:4px}.nav{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:20;width:min(1110px,calc(100% - 40px));height:68px;border-radius:14px;background:#4128be;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 16px 55px #0008}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:780;letter-spacing:.19em}.brand img{width:33px;height:33px;object-fit:contain}.navlinks{display:flex;gap:36px;align-items:center;font-size:12px;font-weight:650;letter-spacing:.045em}.navlinks a:hover{opacity:.72}.hero{padding:170px 24px 62px;text-align:center;max-width:1440px;margin:auto}.eyebrow,.section-index,.num,.viz-tag,.scroll-hint{font-size:10px;letter-spacing:.19em;font-weight:750}.eyebrow{color:#b5aecf}.eyedot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#a79bff;vertical-align:middle;margin:0 9px}.hero h1{font-size:clamp(47px,6.8vw,104px);line-height:1.04;letter-spacing:-.067em;font-weight:650;margin:28px 0 23px}.hero h1 em{font-style:normal;color:#b7a8ff}.lede{max-width:570px;margin:0 auto;color:#aaa9ba;font-size:clamp(15px,1.6vw,18px);line-height:1.75}.visual{position:relative;max-width:1320px;height:clamp(440px,55vw,760px);margin:35px auto 0;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 52%,#17122d 0%,#0e0d18 43%,#0b0b10 75%)}.visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b0b10b8,transparent 16%,transparent 84%,#0b0b10b8)}canvas{display:block;width:100%;height:100%}.visual-top,.visual-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.visual-top{top:22px}.visual-bottom{bottom:21px}.viz-tag{color:#a9a4c3;font-size:9px;letter-spacing:.14em}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a899ff;box-shadow:0 0 10px #9a86ff;margin-right:7px}button{border:1px solid #ffffff25;border-radius:5px;background:#ffffff08;color:#cbc7df;padding:9px 12px;font-size:11px;cursor:pointer}button:hover{background:#ffffff16}.legend{display:flex;flex-wrap:wrap;gap:17px;color:#9c99af;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.observed{background:#7c829c}.inferred{background:#b9a7ff}.controlled{background:#9dd9d4}.axis-label{font-size:10px;color:#777389;white-space:nowrap}.scroll-hint{color:#706d84;margin-top:28px;font-size:9px}.scroll-hint span{margin-left:12px;font-size:16px}.research{max-width:1110px;margin:40px auto 0;padding:95px 24px 105px;border-top:1px solid #ffffff15}.section-index,.num{color:#a89aff}.section-intro h2{font-size:clamp(31px,4vw,57px);font-weight:560;letter-spacing:-.05em;line-height:1.13;margin:25px 0 58px}.section-intro h2 span{color:#807d94}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.research article{border-top:1px solid #ffffff24;padding-top:24px}.research h3{font-size:clamp(22px,2.5vw,32px);font-weight:540;letter-spacing:-.035em;margin:24px 0 14px}.research p{font-size:15px;line-height:1.85;color:#a4a2b4;max-width:460px}footer{max-width:1110px;margin:auto;padding:45px 24px 34px;border-top:1px solid #ffffff1b;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px}.footer-brand{font-weight:750;letter-spacing:.16em;font-size:17px}.footer-brand span{color:#8e8b9e;font-size:11px}.footer-right{display:flex;gap:28px;align-items:center;color:#a4a2b4;font-size:12px}.footer-right a{color:#c0b1ff}footer small{width:100%;color:#777487;font-size:11px}@media(max-width:650px){.nav{top:12px;width:calc(100% - 24px);height:59px;padding:0 15px}.brand{font-size:11px;letter-spacing:.12em}.brand img{width:28px;height:28px}.navlinks{gap:16px;font-size:11px}.hero{padding:143px 15px 45px}.hero h1{letter-spacing:-.06em}.eyebrow{font-size:8px}.visual{height:420px;margin-top:23px}.visual-top,.visual-bottom{left:12px;right:12px}.viz-tag{font-size:7px}.visual-bottom{align-items:flex-end}.legend{gap:8px;max-width:230px;font-size:9px}.axis-label{font-size:9px}.research{padding:75px 20px}.research-grid{grid-template-columns:1fr;gap:36px}.footer-right{flex-direction:column;align-items:flex-start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.6 footer */
footer{display:block;padding-top:45px;padding-bottom:34px}
.footer-layout{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:start;padding-bottom:36px}
.footer-tagline{color:#a4a2b4;font-size:13px;line-height:1.7;margin:13px 0 0}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px;color:#a4a2b4;font-size:12px;line-height:1.8}
.footer-contact address{font-style:normal}
.footer-contact a,.footer-bottom a{color:#c0b1ff}
.footer-contact a:hover,.footer-bottom a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid #ffffff1b;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-bottom small{width:auto}
.footer-bottom a{font-size:11px}
@media(max-width:650px){.footer-layout{grid-template-columns:1fr;gap:26px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}