*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a09;--bg-raised: #121211;--border: #222220;--border-strong: #3a3a3a;--border-mid: #3f3f3f;--text-primary: #efefef;--text-secondary: #b0b0b0;--text-muted: #8a8a8a;--text-dim: #72716d;--accent: #d0aa6b;--accent-soft: rgba(208, 170, 107, .35);--accent-hover: #ddb97d;--accent-ink: #15120c;--cool: #8fb2c4;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--max-w: 680px;--pad-x: 24px}html{background:var(--bg);color:var(--text-primary);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}::selection{background:#3a3226;color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page,.map-page{flex:1;width:100%}.shell,.map-page-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.map-page-shell{padding:48px 0 96px}.eyebrow,.section-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.arrow{display:inline-block;font-size:.85em;color:var(--text-dim);transition:color .15s ease,transform .15s ease}a:hover .arrow{color:var(--accent);transform:translate(1px,-1px)}.text-link{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border-strong);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}.text-link:hover{color:var(--accent);text-decoration-color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding:88px 0 104px}.hero-title{margin:20px 0 28px;max-width:12ch;font-size:clamp(40px,5.6vw,68px);font-weight:600;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.hero-lead{max-width:40ch;margin-bottom:16px;font-size:19px;line-height:1.55;color:var(--text-primary)}.hero-body{max-width:58ch;font-size:15px;line-height:1.75;color:var(--text-secondary)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.button:hover{border-color:var(--text-muted);background:var(--bg-raised)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-ink)}.hero-figure{margin:0}.hero-caption{max-width:40ch;margin:12px auto 0;text-wrap:balance;font-family:var(--mono);font-size:12px;line-height:1.6;text-align:center;color:var(--text-dim)}.hd{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;overflow:visible}.hd-track{fill:none;stroke:var(--border-strong);stroke-width:1.25}.hd-harness{fill:#d0aa6b06;stroke:var(--accent-soft);stroke-width:1;stroke-dasharray:3 7;animation:hd-dash 40s linear infinite}.hd-title{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.01em;fill:var(--text-primary)}.hd-sub,.hd-note{font-family:var(--mono);font-size:11px;letter-spacing:.04em;fill:var(--text-dim)}.hd-label{font-family:var(--mono);font-size:12px;fill:var(--text-muted)}.hd-node{fill:var(--bg);stroke:var(--text-muted);stroke-width:1.25}.hd-node-plan,.hd-node-code,.hd-node-test,.hd-node-verify{animation:hd-node 5s linear infinite}.hd-node-code,.hd-node-verify{animation-delay:-2.5s}.hd-node-why-a,.hd-node-why-b{animation:hd-node 24s linear infinite}.hd-node-why-b{animation-delay:-12s}.hd-dot{fill:var(--accent)}.hd-dot-trail{opacity:.45}.hd-orbit-how,.hd-orbit-why{transform-box:view-box;animation:hd-spin 10s linear infinite}.hd-orbit-how{transform-origin:260px 336px}.hd-orbit-why{transform-origin:260px 78px;animation-duration:24s}.hd-connector{stroke:var(--border-strong);stroke-width:1}.hd-connector-pulse{stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:18 100;stroke-dashoffset:18;animation:hd-pulse 6s ease-in infinite}.hd-tag rect{fill:var(--bg);stroke:var(--border-strong)}.hd-tag text{font-family:var(--mono);font-size:11px;fill:var(--text-muted)}.hd-tag-accent rect{stroke:var(--accent-soft)}.hd-tag-accent text{fill:var(--accent)}@keyframes hd-spin{to{transform:rotate(360deg)}}@keyframes hd-dash{to{stroke-dashoffset:-200}}@keyframes hd-node{0%{fill:var(--accent);stroke:var(--accent)}14%,to{fill:var(--bg);stroke:var(--text-muted)}}@keyframes hd-pulse{0%,50%{stroke-dashoffset:18}80%,to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.hd-anim{animation:none!important}}.section{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:64px;padding:72px 0;border-top:1px solid var(--border)}.section-rail{display:flex;flex-direction:column;gap:14px}.section-title{font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.section-intro{font-size:15px;line-height:1.7;color:var(--text-secondary)}.shift-list{list-style:none}.shift-head,.shift-item{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr) minmax(0,.7fr);gap:28px}.shift-head{padding-bottom:12px;border-bottom:1px solid var(--border-strong);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.shift-head span:nth-child(2){color:var(--accent)}.shift-item{padding:22px 0;border-bottom:1px solid var(--border)}.shift-was{font-size:14px;line-height:1.6;color:var(--text-dim)}.shift-now{font-size:15px;line-height:1.6;color:var(--text-primary)}.shift-evidence{font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--text-muted)}.project{padding-bottom:32px}.project-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:16px}.project-name{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--text-primary);transition:color .15s ease}.project-name:hover{color:var(--accent)}.project-org{color:var(--text-dim)}.project-meta{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.project-desc{max-width:68ch;font-size:16px;line-height:1.75;color:var(--text-secondary)}.project-links,.layer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:14px}.layer-list{border-top:1px solid var(--border)}.layer{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--border)}.layer-label{padding-top:3px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.layer-accent .layer-label{color:var(--accent)}.layer-title{margin-bottom:6px;font-size:17px;font-weight:600;letter-spacing:-.01em}.layer-desc{max-width:64ch;font-size:15px;line-height:1.7;color:var(--text-secondary)}.craft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}.craft-item{padding-top:20px;border-top:1px solid var(--border-strong)}.craft-label{margin-bottom:10px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.craft-title{margin-bottom:8px;font-size:18px;font-weight:600;letter-spacing:-.01em}.craft-desc{font-size:15px;line-height:1.7;color:var(--text-secondary)}.notebook-list{list-style:none;border-top:1px solid var(--border)}.notebook{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-areas:"label name" ". desc" ". host";gap:6px 28px;padding:24px 0;border-bottom:1px solid var(--border)}.notebook-label{grid-area:label;padding-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.notebook-name{grid-area:name;font-size:18px;font-weight:600;letter-spacing:-.01em;transition:color .15s ease}.notebook:hover .notebook-name{color:var(--accent)}.notebook-desc{grid-area:desc;max-width:64ch;font-size:15px;line-height:1.7;color:var(--text-secondary)}.notebook-host{grid-area:host;margin-top:4px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.now-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.now-item{padding-top:20px;border-top:1px solid var(--border-strong)}.now-title{margin-bottom:8px;font-size:16px;font-weight:600}.now-item p{font-size:15px;line-height:1.7;color:var(--text-secondary)}.connect-list{list-style:none;border-top:1px solid var(--border)}.connect-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:28px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--border)}.connect-label{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.connect-value{font-size:16px;color:var(--text-primary);overflow-wrap:anywhere;transition:color .15s ease}.connect-row:hover .connect-value{color:var(--accent)}.footer{display:flex;justify-content:space-between;gap:16px;padding:28px 0 48px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-dim)}.map-back-link{display:inline-flex;margin-bottom:40px;font-family:var(--mono);font-size:12px;color:var(--text-muted);transition:color .15s ease}.map-back-link:hover{color:var(--accent)}.map-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:48px;align-items:end;padding-bottom:56px;margin-bottom:40px;border-bottom:1px solid var(--border)}.map-title{margin:16px 0 20px;max-width:14ch;font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.map-intro{max-width:62ch;font-size:15px;line-height:1.75;color:var(--text-secondary)}.map-summary-card,.map-note-card,.map-core-node,.map-cluster{border:1px solid var(--border);border-radius:12px;background:var(--bg-raised)}.map-summary-card,.map-note-card{padding:24px}.map-summary-label,.map-note-label,.map-core-kicker,.map-cluster-label{display:block;margin-bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.map-summary-text,.map-core-body,.map-note-card p{font-size:15px;line-height:1.7;color:var(--text-secondary)}.map-canvas{display:grid;gap:20px}.map-core-node{max-width:780px;padding:32px;border-color:var(--accent-soft)}.map-core-title{max-width:18ch;margin-bottom:14px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.03em}.map-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-cluster{padding:22px}.map-cluster-warm .map-cluster-label{color:var(--accent)}.map-cluster-cool .map-cluster-label{color:var(--cool)}.map-cluster-title{margin-bottom:14px;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.map-cluster-list{display:grid;gap:10px;padding-left:16px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.map-cluster-list li::marker{color:var(--text-dim)}.map-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:48px;padding:56px 0 72px}.hero-figure{max-width:440px}.section{grid-template-columns:1fr;gap:32px;padding:56px 0}.map-hero{grid-template-columns:1fr}.map-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shell,.map-page-shell{width:calc(100% - 32px)}.hero{padding-top:40px}.hero-lead{font-size:17px}.hd-label,.hd-tag text{font-size:14px}.hd-sub,.hd-note{font-size:13px}.hd-title{font-size:22px}.shift-item,.craft-grid,.now-grid,.map-cluster-grid,.map-notes{grid-template-columns:1fr}.shift-item{gap:8px}.shift-head{display:none}.shift-was:before{content:"Was · ";font-family:var(--mono);font-size:11px}.layer,.notebook{grid-template-columns:1fr;grid-template-areas:"label" "name" "desc" "host";gap:8px}.connect-row{grid-template-columns:80px minmax(0,1fr) auto;gap:16px}.footer{flex-direction:column}}