:root{--bg:#061018;--paper:#dfeaf0;--muted:#8398a5;--line:rgba(146,202,231,.16);--grid:rgba(92,157,191,.07);--cyan:#64d4ff;--green:#70e6a0;--amber:#f3b54a;--violet:#aa92ff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;background:radial-gradient(950px 600px at 76% 8%,rgba(51,139,181,.08),transparent 64%),#061018;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000 0 82%,transparent)}a{color:inherit;text-decoration:none}.draft-nav{position:fixed;z-index:40;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(4,13,20,.88);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.26em}.brand-mark{color:#f0cd76;border:1px solid rgba(240,205,118,.35);width:28px;height:28px;display:grid;place-items:center;transform:rotate(45deg)}nav{display:flex;gap:18px}nav a{font-size:11px;color:#76909f;padding:7px 0;border-bottom:1px solid transparent}nav a:hover,nav .active{color:#dfeaf0;border-color:#64d4ff}.hero{width:min(var(--max),calc(100% - 48px));margin:0 auto;min-height:100svh;padding:122px 0 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.hero-grid{position:absolute;inset:96px 0 40px;border:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 58%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-left:24px}.eyebrow{font-size:10px;letter-spacing:.30em;color:#6f8b9a}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(4rem,9vw,8rem);letter-spacing:-.065em;line-height:.86;margin:18px 0 0;font-weight:700;color:#e8f2f6;text-shadow:0 0 34px rgba(100,212,255,.05)}.subhead{font-family:Georgia,serif;font-size:clamp(1.35rem,2.5vw,2rem);color:var(--cyan);line-height:1.3;max-width:620px;margin:28px 0 0}.lede{max-width:620px;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.75;margin:22px 0 0}.hero-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;font-size:12px}.hero-links a:first-child{color:var(--cyan)}.hero-links a:last-child{color:#8598a3}.exploded{position:relative;height:560px}.plate{position:absolute;left:50%;top:50%;width:280px;height:180px;border:1px solid rgba(120,202,242,.55);background:linear-gradient(135deg,rgba(100,212,255,.08),rgba(100,212,255,.015));box-shadow:0 0 50px rgba(46,147,196,.06);transform-origin:center}.p1{transform:translate(-50%,-50%) translate(-100px,80px) skewY(-6deg)}.p2{transform:translate(-50%,-50%) translate(-35px,28px) skewY(-6deg)}.p3{transform:translate(-50%,-50%) translate(30px,-24px) skewY(-6deg);border-color:rgba(112,230,160,.5)}.p4{transform:translate(-50%,-50%) translate(95px,-76px) skewY(-6deg);border-color:rgba(243,181,74,.58)}.axis{position:absolute;background:rgba(100,212,255,.25)}.axis-x{left:50%;top:51%;width:88%;height:1px;transform:translateX(-50%)}.axis-y{left:50%;top:10%;width:1px;height:80%}.measure{position:absolute;font-size:9px;letter-spacing:.18em;color:#708896}.m1{left:4%;bottom:14%}.m2{right:2%;top:25%;color:#70e6a0}.m3{right:8%;bottom:11%;color:#f3b54a}.m4{left:14%;top:15%;color:#aa92ff}.band{width:min(var(--max),calc(100% - 48px));margin:0 auto 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:160px 1fr 150px;align-items:stretch;opacity:0;transform:translateY(16px);transition:.6s}.band.in{opacity:1;transform:none}.band-label{padding:26px 20px;color:#638092;font-size:10px;letter-spacing:.22em;border-right:1px solid var(--line)}.band-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;padding:26px 30px;font-family:Inter,system-ui,sans-serif;line-height:1.65}.band-copy strong{font-size:1.05rem}.band-copy span{color:var(--muted)}.band-index{border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center}.band-index span{font-family:Arial,sans-serif;font-size:2.5rem;color:#7bbddd}.band-index small{font-size:9px;letter-spacing:.2em;color:#638092}.specimen{--accent:var(--cyan);width:min(var(--max),calc(100% - 48px));margin:0 auto 46px;display:grid;grid-template-columns:170px minmax(0,.8fr) minmax(420px,1.2fr);min-height:520px;border:1px solid var(--line);background:rgba(5,16,24,.70);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:.7s}.specimen.in{opacity:1;transform:none}.specimen.green{--accent:var(--green)}.specimen.amber{--accent:var(--amber)}.specimen.violet{--accent:var(--violet)}.specimen:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 72%)}.spec-meta{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:12px}.spec-meta span{font-family:Arial,sans-serif;font-size:3rem;line-height:1;color:color-mix(in srgb,var(--accent) 80%,white 0%)}.spec-meta b,.spec-meta em{font-size:9px;letter-spacing:.18em;font-style:normal;color:#7b909d}.spec-meta b{color:var(--accent)}.spec-copy{padding:36px 34px}.spec-copy img{width:76px;height:76px;border:1px solid var(--line)}.spec-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:3rem;letter-spacing:-.05em;margin:24px 0 0}.thesis{font-family:Georgia,serif;color:var(--accent);font-size:1.3rem;line-height:1.35;margin:12px 0 0}.spec-copy>p:not(.thesis){font-family:Inter,system-ui,sans-serif;color:var(--muted);line-height:1.7}.spec-copy ul{padding:0;margin:22px 0 0;list-style:none}.spec-copy li{border-top:1px dashed rgba(255,255,255,.08);padding:9px 0;color:#a4b2bb;font-size:12px}.spec-copy li:before{content:"+";color:var(--accent);margin-right:10px}.repo-link{display:inline-block;margin-top:26px;color:var(--accent);font-size:12px;font-weight:700}.diagram{position:relative;margin:24px;border-left:1px solid var(--line);background:rgba(0,0,0,.15);overflow:hidden}.diagram:before{content:"SPECIMEN VIEW";position:absolute;top:14px;left:16px;font-size:9px;letter-spacing:.22em;color:#617987}.repo-diagram{background-image:linear-gradient(rgba(100,212,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,212,255,.055) 1px,transparent 1px);background-size:24px 24px}.scan{position:absolute;left:0;right:0;height:1px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:scan 5s linear infinite}@keyframes scan{0%{top:12%}50%{top:88%}100%{top:12%}}.tree{position:absolute;left:52px;top:82px;display:flex;flex-direction:column;gap:22px;font-size:12px}.tree span{position:relative;color:#a9c1ce}.tree span:before{content:"";position:absolute;left:-18px;top:50%;width:10px;height:1px;background:#577689}.tree .root{color:var(--cyan);font-weight:700}.heat{position:absolute;right:30px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:9px;color:var(--accent);background:#071018}.h1{top:116px}.h2{top:186px}.h3{top:256px}.search-diagram{background:radial-gradient(circle at 72% 35%,rgba(112,230,160,.08),transparent 36%),#06120f}.query{position:absolute;left:38px;right:38px;top:70px;height:48px;border:1px solid rgba(112,230,160,.35);padding:14px;color:#cdeed9}.caret{display:inline-block;width:1px;height:15px;background:var(--green);margin-left:6px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.result{position:absolute;left:54px;right:54px;display:flex;justify-content:space-between;gap:20px;border-top:1px dashed rgba(112,230,160,.16);padding:12px 0;color:#7fa190;font-size:10px}.result b{color:#d9eee0}.r1{top:145px}.r2{top:205px}.r3{top:265px}.search-diagram svg{position:absolute;left:0;right:0;bottom:18px;width:100%;height:160px}.search-diagram path{fill:none;stroke:rgba(112,230,160,.35);stroke-width:2;stroke-dasharray:4 6}.db-diagram{background-image:linear-gradient(rgba(243,181,74,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(243,181,74,.045) 1px,transparent 1px);background-size:30px 30px}.page{position:absolute;width:132px;height:74px;border:1px solid rgba(243,181,74,.42);display:grid;place-items:center;text-align:center;color:#ad8a4b;font-size:9px;background:#10110e}.page b{color:#f3cf78}.pg-root{left:50%;top:96px;transform:translateX(-50%)}.pg-a{left:18%;top:252px}.pg-b{right:18%;top:252px}.connector{position:absolute;height:1px;background:rgba(243,181,74,.38);top:216px;width:37%;transform-origin:left}.c1{left:50%;transform:rotate(24deg)}.c2{right:50%;transform:rotate(156deg);transform-origin:right}.disk{position:absolute;width:160px;height:28px;border:1px solid rgba(243,181,74,.22);border-radius:50%;left:50%;transform:translateX(-50%);bottom:45px}.d2{bottom:31px}.d3{bottom:17px}.evidence-diagram{background:radial-gradient(circle at 68% 44%,rgba(170,146,255,.10),transparent 38%),linear-gradient(180deg,#0b0d16,#080a10)}.evidence-query{position:absolute;left:36px;top:66px;padding:10px 13px;border:1px solid rgba(170,146,255,.34);color:#c8bbff;font-size:10px;letter-spacing:.16em}.evidence-node{position:absolute;left:40px;width:150px;border:1px solid rgba(255,255,255,.10);background:#0d1018;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.evidence-node b{color:#d8d0ff;font-size:13px}.evidence-node span{color:#73798a;font-size:8px;letter-spacing:.13em}.ev1{top:126px}.ev2{top:218px}.ev3{top:310px;border-color:rgba(243,181,74,.25)}.ev3 b{color:#f3b54a}.evidence-answer{position:absolute;right:38px;top:43%;width:165px;padding:22px 16px;border:1px solid rgba(170,146,255,.42);background:#12131c;color:#8f93a4;text-align:center;font-size:9px;letter-spacing:.15em}.evidence-answer strong{display:block;margin-top:8px;color:#d9aa52;font-size:13px}.evidence-diagram svg{position:absolute;inset:0;width:100%;height:100%}.evidence-diagram path{fill:none;stroke:rgba(170,146,255,.32);stroke-width:2;stroke-dasharray:5 7}.principles{width:min(var(--max),calc(100% - 48px));margin:70px auto 90px;opacity:0;transform:translateY(16px);transition:.6s}.principles.in{opacity:1;transform:none}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid div{padding:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.principle-grid div:first-child{border-left:0}.principle-grid b{font-size:10px;letter-spacing:.18em;color:#8bcce9}.principle-grid span{font-family:Inter,system-ui,sans-serif;color:var(--muted);font-size:13px}footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:24px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f8997;font-size:11px}
@media(max-width:980px){nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:110px}.exploded{height:360px}.specimen{grid-template-columns:110px 1fr}.diagram{grid-column:1/-1;min-height:380px;border-left:0;border-top:1px solid var(--line)}.band{grid-template-columns:120px 1fr}.band-index{display:none}.band-copy{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.draft-nav{padding:0 15px}.brand{letter-spacing:.16em}.hero,.band,.specimen,.principles,footer{width:calc(100% - 26px)}.hero-copy{padding-left:0}.hero h1{font-size:3.8rem}.exploded{height:300px}.plate{width:190px;height:120px}.specimen{grid-template-columns:1fr}.spec-meta{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.spec-meta span{font-size:2rem}.spec-copy{padding:28px 22px}.diagram{margin:0;min-height:360px}.band{grid-template-columns:1fr}.band-label{border-right:0;border-bottom:1px solid var(--line)}.principle-grid{grid-template-columns:1fr}footer{gap:15px;flex-wrap:wrap}}