.harness-install:where(.astro-ob76wp3z){margin-top:var(--s-10)}.harness-radio:where(.astro-ob76wp3z){opacity:0;pointer-events:none;position:absolute}.install-panel:where(.astro-ob76wp3z){display:none}.how-tab:where(.astro-ob76wp3z){-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}#harness-opencode:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-opencode],#harness-pi:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-pi],#harness-claude:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-claude]{color:var(--text)}#harness-opencode:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-opencode]:after,#harness-pi:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-pi]:after,#harness-claude:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-claude]:after{content:"";left:var(--s-5);right:var(--s-5);background:var(--primary);height:2px;position:absolute;bottom:-1px}#harness-opencode:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .install-panel:where(.astro-ob76wp3z)[data-harness=opencode],#harness-pi:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .install-panel:where(.astro-ob76wp3z)[data-harness=pi],#harness-claude:where(.astro-ob76wp3z):checked~.how:where(.astro-ob76wp3z) .install-panel:where(.astro-ob76wp3z)[data-harness=claude]{display:block}#harness-opencode:where(.astro-ob76wp3z):focus-visible~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-opencode],#harness-pi:where(.astro-ob76wp3z):focus-visible~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-pi],#harness-claude:where(.astro-ob76wp3z):focus-visible~.how:where(.astro-ob76wp3z) .how-tab:where(.astro-ob76wp3z)[for=harness-claude]{outline:2px solid var(--primary);outline-offset:-2px}.wrap{max-width:1180px;padding:0 var(--s-6);margin:0 auto}.section{border-bottom:1px solid var(--border-faint);padding:112px 0}.section h2{letter-spacing:-.02em;max-width:18ch;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.08}.reveal{opacity:0;transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}.w-topbar nav.main a{font-family:var(--font-sans)}.hero{padding:var(--s-20) 0 112px;border-bottom:1px solid var(--border-faint);position:relative;overflow:hidden}.hero .bg{background-image:repeating-linear-gradient(to right, var(--border-faint) 0 1px, transparent 1px 80px), repeating-linear-gradient(to bottom, var(--border-faint) 0 1px, transparent 1px 80px);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 75%)}.hero .inner{position:relative}.eyebrow{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);display:flex}.eyebrow .pill{height:24px;padding:0 var(--s-3);border:1px solid var(--primary-dim);border-radius:var(--r-pill);background:var(--primary-wash);color:var(--primary-2);font-family:var(--font-mono);font-size:var(--fs-xs);align-items:center;display:inline-flex}.eyebrow .ann{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.hero h1{letter-spacing:-.03em;max-width:16ch;font-size:clamp(40px,6.4vw,88px);font-weight:500;line-height:1.02}.hero h1 .b{color:var(--primary)}.hero h1 .d{color:var(--text-3)}.hero .lede{color:var(--text-2);font-size:var(--fs-lg);max-width:60ch;margin-top:var(--s-6)}.hero .lede code{font-family:var(--font-mono);background:var(--bg-inset);border:1px solid var(--border-faint);border-radius:var(--r-1);color:var(--text);padding:1px 5px;font-size:.9em}.hero .ctas{gap:var(--s-3);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.hero-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);margin-top:var(--s-6);align-items:center;gap:var(--s-2);flex-wrap:wrap;display:inline-flex}.hero-meta .dot{margin-left:var(--s-2)}.editor{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg-inset);margin-top:var(--s-12);box-shadow:var(--shadow-md);overflow:hidden}.editor-head{align-items:center;gap:var(--s-3);height:40px;padding:0 var(--s-4);background:var(--bg-elev-1);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);display:flex}.editor-head .tabs{gap:2px;display:flex}.editor-head .tab{padding:4px var(--s-3);border-radius:var(--r-1);color:var(--text-3)}.editor-head .tab.active{background:var(--bg-inset);color:var(--text)}.editor-head .spacer{flex:1}.editor-body{padding:var(--s-5)}.editor-body svg{width:100%;height:auto;display:block}.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw var(--t-slow) var(--ease-out) forwards}.draw.d2{animation-delay:.16s}.draw.d3{animation-delay:.32s}.draw.d4{animation-delay:.48s}@keyframes draw{to{stroke-dashoffset:0}}.duo{background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--r-3);margin-top:var(--s-10);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.duo>.col{background:var(--bg);padding:var(--s-6)}.duo .col h3{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-4)}.duo .routing h3{color:var(--cyan)}.duo .execution h3{color:var(--primary)}.duo ul{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.duo li{gap:var(--s-3);font-size:var(--fs-sm);color:var(--text-2);align-items:flex-start;display:flex}.duo li:before{content:"";border-radius:1px;flex:none;width:9px;height:9px;margin-top:5px}.duo .routing li:before{background:var(--cyan)}.duo .execution li:before{background:var(--primary)}.duo li strong{color:var(--text);font-weight:600}.cap-grid{background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--r-3);margin-top:var(--s-10);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.cap{background:var(--bg);padding:var(--s-6);transition:background var(--t-med) var(--ease-out);position:relative}.cap:hover{background:var(--bg-elev-1)}.cap .idx{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-4)}.cap svg{width:24px;height:24px;color:var(--primary);margin:var(--s-4) 0 var(--s-3)}.cap h3{font-size:var(--fs-md);margin-bottom:var(--s-2);font-weight:600}.cap p{color:var(--text-3);font-size:var(--fs-sm)}.how{border:1px solid var(--border);border-radius:var(--r-3);margin-top:var(--s-10);background:var(--bg-inset);overflow:hidden}.how-tabs{border-bottom:1px solid var(--border);background:var(--bg-elev-1);display:flex}.how-tab{padding:var(--s-4);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-3);cursor:pointer;text-align:center;transition:color var(--t-fast) var(--ease-out);background:0 0;border:0;flex:1;position:relative}.how-tab:hover{color:var(--text-2)}.how-tab.active{color:var(--text)}.how-tab.active:after{content:"";left:var(--s-5);right:var(--s-5);background:var(--primary);height:2px;position:absolute;bottom:-1px}.how-canvas{padding:var(--s-8);background-image:repeating-linear-gradient(to right, var(--border-faint) 0 1px, transparent 1px 40px), repeating-linear-gradient(to bottom, var(--border-faint) 0 1px, transparent 1px 40px);justify-content:center;align-items:center;min-height:280px;display:flex}.how-canvas svg{width:100%;max-width:760px;height:auto}.dsl{gap:var(--s-6);margin-top:var(--s-10);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.dsl .editor{box-shadow:none;margin-top:0}.dsl pre{padding:var(--s-4) var(--s-5);font-family:var(--font-mono);font-size:var(--fs-sm);counter-reset:ln;margin:0;line-height:1.75;overflow-x:auto}.dsl .l{padding-left:2.4em;display:block;position:relative}.dsl .l:before{counter-increment:ln;content:counter(ln);text-align:right;width:1.8em;color:var(--text-4);position:absolute;left:0}.dsl-notes{gap:var(--s-3);flex-direction:column;display:flex}.dsl-note{border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4) var(--s-5);gap:var(--s-4);align-items:flex-start;display:flex}.dsl-note .chip{border:1px solid var(--border);border-radius:var(--r-2);width:34px;height:34px;color:var(--primary);background:var(--bg-inset);flex:none;justify-content:center;align-items:center;display:flex}.dsl-note .chip svg{width:18px;height:18px}.dsl-note h4{font-size:var(--fs-sm);margin-bottom:2px;font-weight:600}.dsl-note p{color:var(--text-3);font-size:var(--fs-sm)}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--r-1);cursor:pointer;padding:3px 8px}.copy-btn:hover{color:var(--text);border-color:var(--border-strong)}.kw{color:var(--secondary-2)}.id{color:var(--primary-2)}.str{color:var(--tertiary-2)}.pn{color:var(--text-3)}.cm{color:var(--text-4);font-style:italic}.fn{color:oklch(82% .1 155)}.arch{background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--r-3);margin-top:var(--s-10);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.arch .col{background:var(--bg);padding:var(--s-6)}.arch h3{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-4)}.arch.left h3{color:var(--primary)}.arch ul{margin:0 0 var(--s-4);gap:var(--s-2);flex-direction:column;padding:0;list-style:none;display:flex}.arch li{align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-sm);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text-2);display:flex}.arch.core li{border-color:color-mix(in oklab, var(--primary) 30%, var(--border))}.arch li .d2{background:var(--secondary);border-radius:50%;flex:none;width:6px;height:6px}.arch .rule{font-size:var(--fs-sm);color:var(--text-3);border-top:1px solid var(--border-faint);padding-top:var(--s-3)}.arch .rule b{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs)}.docs-cta{gap:var(--s-6);margin-top:var(--s-10);grid-template-columns:1.2fr 1fr;align-items:stretch;display:grid}.docs-cta .card{border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-8);justify-content:center;gap:var(--s-4);flex-direction:column;display:flex}.docs-cta .card p{color:var(--text-2)}.docs-cta .card .row{gap:var(--s-3);flex-wrap:wrap;display:flex}.docs-tree{border:1px solid var(--border);border-radius:var(--r-3);background:var(--bg-inset);padding:var(--s-5);font-family:var(--font-mono);font-size:var(--fs-sm)}.docs-tree .t{gap:var(--s-3);color:var(--text-3);padding:5px 0;display:flex}.docs-tree .t .n{color:var(--text-4);width:22px}.docs-tree .t.cur{color:var(--primary)}.final{isolation:isolate;text-align:center;border-bottom:1px solid var(--border-faint);--glow-x:50%;--glow-y:50%;--glow-opacity:.5;padding:112px 0;position:relative;overflow:hidden}.final:before,.final:after{content:"";z-index:-1;pointer-events:none;will-change:transform, opacity;position:absolute;inset:auto}.final:before{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--primary) 34%, transparent) 0 12%, transparent 52%), conic-gradient(from 0deg, transparent 0deg, color-mix(in oklab, var(--cyan) 24%, transparent) 90deg, color-mix(in oklab, var(--primary) 32%, transparent) 180deg, color-mix(in oklab, var(--secondary) 22%, transparent) 270deg, transparent 360deg);filter:blur(46px);width:min(720px,86vw);opacity:var(--glow-opacity);transform:translate3d(calc(var(--glow-x) - 50%), calc(var(--glow-y) - 50%), 0);transition:opacity var(--t-slow) var(--ease-out);border-radius:50%;top:0;left:0}.final:after{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--tertiary) 26%, transparent), transparent 66%);filter:blur(26px);width:min(420px,64vw);opacity:calc(var(--glow-opacity) * .7);transform:translate3d(calc(var(--glow-x) - 50%), calc(var(--glow-y) - 50%), 0);transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out);border-radius:50%;top:0;left:0}.final.is-tracking{--glow-opacity:.72}.final .wrap{z-index:1;position:relative}.final h2{margin:var(--s-5) auto var(--s-4)}.final h2 .b{color:var(--primary)}.final .ctas{gap:var(--s-3);margin-top:var(--s-6);justify-content:center;display:flex}.final p{color:var(--text-2);max-width:48ch;margin:0 auto}@media (prefers-reduced-motion:reduce){.final{--glow-x:50%;--glow-y:50%;--glow-opacity:.45}}@media (width<=860px){.duo,.arch,.dsl,.docs-cta,.cap-grid,.foot-grid,.cap-grid{grid-template-columns:1fr}.w-topbar nav{display:none}}.roster{background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--r-3);margin-top:var(--s-10);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.agent{background:var(--bg);padding:var(--s-5);transition:background var(--t-med) var(--ease-out)}.agent:hover{background:var(--bg-elev-1)}.agent .mono-badge{border:1px solid var(--primary-dim);border-radius:var(--r-2);background:var(--primary-wash);width:30px;height:30px;color:var(--primary-2);font-family:var(--font-mono);font-size:var(--fs-xs);margin-bottom:var(--s-4);justify-content:center;align-items:center;display:inline-flex}.agent h3{font-size:var(--fs-md);margin-bottom:2px;font-weight:600}.agent .role{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin-bottom:var(--s-3)}.agent p{color:var(--text-3);font-size:var(--fs-sm)}.install-panel{padding:var(--s-6)}.install-panel[hidden]{display:none}.install-panel ol{gap:var(--s-5);counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.install-panel li{gap:var(--s-4);align-items:flex-start;display:flex}.install-panel li:before{counter-increment:step;content:counter(step);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-elev-1);width:22px;height:22px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);flex:none;justify-content:center;align-items:center;margin-top:2px;display:flex}.install-panel li>div{flex:1;min-width:0}.install-panel h4{font-size:var(--fs-sm);margin-bottom:var(--s-2);font-weight:600}.install-panel p{color:var(--text-3);font-size:var(--fs-sm);margin-bottom:var(--s-2)}.cmd{align-items:center;gap:var(--s-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-2);display:flex;overflow-x:auto}.cmd code{white-space:pre;flex:1}.cmd .p{color:var(--tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (width<=1100px){.roster{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.roster{grid-template-columns:1fr}.how-tabs{overflow-x:auto}.how-tab{flex:none}}.final .kicker{justify-content:center}.final h2{letter-spacing:-.02em;max-width:18ch;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.08}
