:root{--bg:#050d20;--bg-elevated:#09142bc7;--surface:#0a1631e0;--surface-strong:#0e1c3af5;--line:#7698cf29;--line-strong:#7698cf52;--text:#f5f8ff;--text-muted:#9aa8c4;--text-soft:#6c7a96;--accent:#67a7ff;--accent-strong:#8ec4ff;--accent-warm:#dce8ff;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--content-width:min(92vw, 80rem);--section-pad:clamp(3.5rem, 7vw, 5.75rem);--ease-out:cubic-bezier(.215, .61, .355, 1)}html[data-variant=a]{--bg:#f5f9f8;--bg-elevated:#f0f6f4e6;--surface:#e8f2efbf;--surface-strong:#dcebe7eb;--line:#1f4d641f;--line-strong:#1f4d6442;--text:#0c1e28;--text-muted:#2a5164;--text-soft:#415764;--accent:#1f4d64;--accent-strong:#2a5164;--accent-warm:#4a8fa0}html[data-variant=b]{--bg:#091820;--bg-elevated:#0c1c26e0;--surface:#0e202ce0;--surface-strong:#122634f5;--line:#4a9fb029;--line-strong:#4a9fb052;--text:#e6f3f8;--text-muted:#8ac0ce;--text-soft:#5a8898;--accent:#5ab5cc;--accent-strong:#6bc4d8;--accent-warm:#d0eef4}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background .3s,color .3s}html[data-variant=b] body:before,html[data-variant=c] body:before{content:"";pointer-events:none;opacity:.32;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 88%);mask-image:radial-gradient(circle,#000 40%,#0000 88%)}html[data-variant=c] body{background:radial-gradient(circle at 14% 16%,#5c96ff29,#0000 24%),radial-gradient(circle at 82% 14%,#4670ff1f,#0000 22%),linear-gradient(#050d20 0%,#061127 100%)}a{color:inherit;text-decoration:none}button,a{transition:color .18s,background-color .18s,border-color .18s,transform .18s}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}h1,h2,h3,p{margin:0}ul{margin:0;padding-left:1rem}main,header,footer{z-index:1;position:relative}h1,h2,h3,.wordmark,.primary-link,.secondary-link{font-family:var(--font-display)}h1{letter-spacing:-.03em;text-wrap:balance;max-width:9ch;font-size:clamp(2.5rem,5.8vw,4.8rem);font-weight:700;line-height:1.08}h2{letter-spacing:-.025em;max-width:14ch;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;line-height:1.1}h3{letter-spacing:-.015em;font-size:1rem;font-weight:700;line-height:1.2}[data-font=mono] h1,[data-font=mono] h2{letter-spacing:-.04em}.font-caps h1,.font-caps h2,.font-caps h3{text-transform:uppercase;font-weight:var(--caps-weight,400)}.font-caps h1{letter-spacing:.1em;max-width:14ch;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.1}.font-caps h2{letter-spacing:.1em;max-width:22ch;font-size:clamp(1.3rem,2.4vw,2rem)}.font-caps h3{letter-spacing:.12em;font-size:.85rem}p,li{color:var(--text-muted);font-size:1rem;line-height:1.6}.variant-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a14d9;border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}html[data-variant=a] .variant-nav{background:#f0f8f5e0;border-bottom:1px solid #1f4d641f}.variant-nav-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-right:.25rem;font-size:.68rem}html[data-variant=a] .variant-nav-label{color:#1f4d6480}.variant-tabs{gap:.35rem;display:flex}.variant-tab{cursor:pointer;color:#ffffff73;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.72rem;transition:all .15s;display:flex}html[data-variant=a] .variant-tab{color:#1f4d6480}.variant-tab:hover{color:#ffffffb3;border-color:#ffffff1f}html[data-variant=a] .variant-tab:hover{color:var(--accent);border-color:#1f4d6433}.variant-tab-active{background:#ffffff14;border-color:#ffffff29;color:#fff!important}html[data-variant=a] .variant-tab-active{background:#1f4d641a;border-color:#1f4d644d;color:var(--accent)!important}.variant-tab-letter{font-size:.78rem;font-weight:700}.variant-tab-sub{opacity:.7;font-size:.65rem}.variant-content{padding-top:2.5rem}.variant{min-height:100vh}.page-shell{overflow:clip}.va-chrome{pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 10%,#2a516412,#0000 30%),radial-gradient(circle at 88% 18%,#1f4d640d,#0000 25%);position:fixed;inset:0}.page-chrome{pointer-events:none;z-index:0;position:fixed;inset:0}.chrome-grid{background:radial-gradient(circle,#ffffff06,#0000 65%);position:absolute;inset:0}.chrome-glow{filter:blur(90px);opacity:.12;border-radius:999px;position:absolute}.chrome-glow-left{background:#558eff8c;width:26rem;height:26rem;top:12rem;left:-10rem}.chrome-glow-right{background:#315acc7a;width:24rem;height:24rem;top:6rem;right:-8rem}.layout-shell{width:var(--content-width);margin:0 auto;padding:0 1.25rem}.site-header{padding:1rem 0}.header-inner{width:var(--content-width);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:0 1.25rem;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:.88rem;font-weight:700;display:inline-flex}.logo-mark{flex:none;width:1.05rem;height:1.05rem}.header-meta{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.header-chip,.header-link,.eyebrow,.card-label,.lane-label,.visual-badge-label,.step-index,.portfolio-stage{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.header-chip,.header-link{border:1px solid var(--line);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:.36rem .65rem}.header-link:hover{color:var(--text);border-color:var(--line-strong)}.hero{padding:2rem 0 3.5rem}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.hero-copy{flex-direction:column;gap:1rem;display:flex}.eyebrow{color:var(--accent-strong)}.hero-body,.section-body{max-width:31rem;font-size:.96rem}.hero-actions,.cta-actions{flex-wrap:wrap;gap:.85rem;display:flex}.primary-link,.secondary-link{letter-spacing:.01em;border-radius:6px;justify-content:center;align-items:center;min-height:2.6rem;padding:.65rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.primary-link{background:var(--accent);color:var(--bg);box-shadow:0 8px 24px #00000026}html[data-variant=a] .primary-link{color:#f5f9f8}.primary-link:hover{opacity:.9;transform:translateY(-1px)}.secondary-link{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.secondary-link:hover{border-color:var(--accent)}.hero-note-row{flex-wrap:wrap;gap:.8rem;padding-top:.2rem;display:flex}.hero-note-row span{color:var(--text-soft);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.04em;padding-right:1rem;position:relative}.hero-note-row span:not(:last-child):after{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:.2rem;height:.2rem;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.hero-visual-shell{position:relative}.hero-visual-frame{border:1px solid var(--line);background:var(--surface-strong);border-radius:1rem;min-height:clamp(21rem,35vw,28rem);position:relative;overflow:hidden;box-shadow:0 16px 48px #0000002e}.frame-topbar{z-index:2;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);background:linear-gradient(180deg, var(--surface-strong), transparent);justify-content:space-between;gap:1rem;padding:.8rem 1rem;font-size:.68rem;display:flex;position:absolute;top:0;left:0;right:0}.systems-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.6rem;display:grid}.legend-item{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:.55rem .65rem}.legend-item strong{letter-spacing:-.01em;margin-top:.2rem;font-size:.8rem;line-height:1.3;display:block}.section{padding:var(--section-pad) 0}.section-tight{padding-top:.5rem}.section-intro{flex-direction:column;gap:.6rem;max-width:34rem;display:flex}.section-intro-wide{max-width:36rem}.thesis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.thesis-card,.lane-card,.step-card,.portfolio-card,.cta-panel{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;position:relative;overflow:hidden}.thesis-card:before,.lane-card:before,.step-card:before,.cta-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 40%);position:absolute;inset:0}html[data-variant=a] .thesis-card:before,html[data-variant=a] .lane-card:before,html[data-variant=a] .step-card:before,html[data-variant=a] .cta-panel:before{background:linear-gradient(#fff6,#0000 40%)}.thesis-card{flex-direction:column;gap:.5rem;min-height:9rem;padding:1rem;display:flex}.card-label{color:var(--accent-strong)}.thesis-card p{color:var(--text-muted)}.loop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.6rem;display:grid}.loop-card{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.loop-card-human{border-top:2px solid var(--accent)}.loop-card-agent{border-top:2px solid var(--line-strong)}.loop-card-top{align-items:center;gap:.45rem;display:flex}.loop-actor{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:4px;padding:.18rem .45rem;font-size:.62rem}.loop-actor-human{color:var(--accent-strong);background:#1f4d641f}.loop-actor-agent{background:var(--surface-strong);color:var(--text-soft)}html[data-variant=b] .loop-actor-human{color:var(--accent-strong);background:#6bc4d81f}html[data-variant=c] .loop-actor-human{color:var(--accent-strong);background:#8ec4ff1a}.loop-arrow{color:var(--text-soft);opacity:.5;margin-left:auto;font-size:.9rem}.loop-return-row{grid-column:1/-1;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.loop-return-line{background:var(--line);flex:1;height:1px}.loop-return-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);font-size:.65rem}.operating-board{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:.75rem;margin-top:1.8rem;display:grid}.lane-card{min-height:100%;padding:.9rem}.lane-card h3{margin-top:.5rem;margin-bottom:1rem}.lane-card ul{gap:.5rem;display:grid}.step-column{gap:.7rem;display:grid}.step-card{background:var(--surface-strong);grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;padding:.8rem .9rem;display:grid}.step-index{color:var(--accent-strong);margin-top:.15rem}.step-card p{margin-top:.35rem}.step-actor-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:4px;margin-top:.15rem;padding:.15rem .4rem;font-size:.6rem}.step-actor-human{color:var(--accent-strong);background:#8ec4ff1a}.step-actor-agent{background:var(--surface);color:var(--text-soft);border:1px solid var(--line)}.vb-loop-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:2rem;display:grid}.vb-loop-copy{flex-direction:column;gap:.65rem;display:flex}.vb-loop-steps{gap:.8rem;margin-top:.5rem;display:grid}.vb-step{align-items:flex-start;gap:.75rem;display:flex}.vb-step-actor{width:1.6rem;height:1.6rem;font-family:var(--font-mono);border-radius:4px;flex:none;justify-content:center;align-items:center;margin-top:.1rem;font-size:.7rem;font-weight:700;display:flex}.vb-step-actor-human{color:var(--accent-strong);background:#6bc4d824;border:1px solid #6bc4d840}.vb-step-actor-agent{background:var(--surface-strong);color:var(--text-soft);border:1px solid var(--line)}.vb-step strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:.95rem;display:block}.vb-step p{margin-top:.2rem;font-size:.9rem}.activity-log{border:1px solid var(--line);background:var(--surface-strong);font-family:var(--font-mono);border-radius:.85rem;overflow:hidden}.log-topbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:.4rem;padding:.6rem .85rem;display:flex}.log-dot{border-radius:50%;width:.55rem;height:.55rem}.log-dot-red{background:#ff5a5ab3}.log-dot-yellow{background:#ffb432b3}.log-dot-green{background:#32d278b3}.log-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);margin-left:.35rem;font-size:.68rem}.log-body{flex-direction:column;gap:.3rem;min-height:16rem;padding:.85rem;display:flex}.log-line{color:var(--text-muted);gap:.5rem;font-size:.75rem;line-height:1.5;display:flex}.log-time{color:var(--text-soft);flex:0 0 3rem}.log-actor{flex:none;font-weight:700}.log-actor-human{color:var(--accent-strong)}.log-actor-agent{color:var(--text-soft)}.log-line-human .log-msg{color:var(--text)}.log-cursor{color:var(--accent-strong);font-size:.85rem;animation:1s step-start infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section-rule{background:linear-gradient(90deg, transparent, var(--line-strong) 20%, var(--line-strong) 80%, transparent);height:1px;margin:0}.cta-section{padding-top:1rem}.cta-panel{background:var(--surface-strong);flex-direction:column;gap:.7rem;padding:1.5rem;display:flex}.cta-panel h2{max-width:16ch}.site-footer{padding:2rem 0 3rem}.footer-inner{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.footer-meta{flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1rem;display:flex}.footer-copy{color:var(--text-soft);font-size:.82rem;font-family:var(--font-mono)}@media (width<=1100px){.hero-layout,.vb-loop-layout{grid-template-columns:1fr}.thesis-grid{grid-template-columns:1fr 1fr}.hero-legend{grid-template-columns:repeat(3,1fr)}.operating-board{grid-template-columns:1fr}.loop-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start}.footer-meta{justify-content:flex-start}.hero{padding-top:1rem}.hero-visual-frame{min-height:17rem}h1{max-width:9ch;font-size:clamp(2.2rem,11vw,3.8rem)}.header-chip{display:none}.thesis-grid,.loop-grid,.hero-legend{grid-template-columns:1fr}.variant-nav{padding:.4rem 1rem}.variant-tab-sub{display:none}}