@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/HarnessGrad/fonts/chakra-petch-500.ttf)format("truetype")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/HarnessGrad/fonts/chakra-petch-600.ttf)format("truetype")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/HarnessGrad/fonts/eb-garamond-400.ttf)format("truetype")}:root{--paper:#fff;--ink:#252b29;--muted:#59635e;--line:#dce3df;--accent:#2f6e62;--tint:#edf5f1;--sans:Arial,Helvetica,sans-serif;color-scheme:light;background:var(--paper);color:var(--ink);font-family:var(--sans)}:root[data-theme=dark]{--paper:#17201d;--ink:#edf3ef;--muted:#b7c4bc;--line:#3a4b42;--accent:#9dd0be;--tint:#22382e;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#17201d;--ink:#edf3ef;--muted:#b7c4bc;--line:#3a4b42;--accent:#9dd0be;--tint:#22382e;color-scheme:dark}}*{box-sizing:border-box}body,h1,h2,h3,p,figure,ol,dl,dd{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}svg{max-width:100%;display:block}.wrapper{width:min(1160px,100% - 96px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.wordmark{letter-spacing:-.04em;align-items:center;gap:10px;font-family:Chakra Petch,sans-serif;font-size:21px;font-weight:600;text-decoration:none;display:flex}.wordmark svg{color:var(--accent)}.site-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.site-header nav a{align-items:center;min-height:44px;padding-block:14px;text-decoration:none;display:inline-flex}.site-header nav a:hover{text-decoration:underline}#theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.skip-link{z-index:2;background:var(--paper);padding:12px;position:absolute;top:8px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:80px;display:grid}.hero{padding-block:83px 100px}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:600px;font-family:Chakra Petch,sans-serif;font-size:59px;font-weight:600;line-height:1.08}.hero h1 .brand-line{display:block}.hero p,.section-copy p,.evidence p{max-width:510px;font-family:EB Garamond,serif;font-size:22px;line-height:1.48}.hero .lead{color:var(--accent);margin-top:27px}.hero .lead+p{color:var(--muted);margin-top:10px}.button{background:var(--accent);color:var(--paper);border:1px solid var(--accent);font-family:var(--sans);border-radius:5px;justify-content:space-between;align-items:center;gap:28px;min-height:48px;padding:15px 20px;font-size:14px;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hero .button{margin-top:28px}.agent-scene{align-self:center}.agent-scene svg{width:100%;overflow:visible}.scene-lines{fill:none;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.environment{stroke:var(--line);stroke-dasharray:4 7}.ground,.faint{stroke:var(--line)}.soft-fill{fill:var(--tint);stroke:none}.teal{stroke:var(--accent)}.white-fill,.paper{fill:var(--paper)}.teal-fill{fill:var(--accent);stroke:var(--accent)}.svg-label{font:13px var(--sans);fill:var(--muted)}.agent-scene figcaption{text-align:center;gap:10px;display:grid}.agent-scene figcaption>span:first-child{letter-spacing:-.02em;font-family:Chakra Petch,sans-serif;font-size:23px}.agent-scene strong{color:var(--accent);font-weight:500}.agent-scene figcaption>span:last-child{color:var(--muted);font-size:12px}h2{letter-spacing:-.03em;text-wrap:balance;font-family:Chakra Petch,sans-serif;font-size:40px;font-weight:500;line-height:1.16}.learning,.integration{border-top:1px solid var(--line);padding-block:90px}.section-copy p{color:var(--muted);margin-top:24px}.section-copy .aside{font-family:var(--sans);max-width:390px;margin-top:28px;font-size:13px;line-height:1.65}.pathways ol{padding:0;list-style:none}.pathways li{grid-template-columns:165px minmax(0,1fr);align-items:center;gap:10px;min-height:83px;display:grid}.lane-label h3{font-family:Chakra Petch,sans-serif;font-size:19px;font-weight:500}.lane-label span{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.lane-art{width:100%}.pathways .selected{color:var(--accent);background:var(--tint);border-radius:8px;margin-inline:-12px;padding:5px 12px;position:relative}.selected .scene-lines{stroke:var(--accent)}.pathways figcaption{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.6}.text-link{margin-top:28px;font-size:14px;display:inline-block}.text-link span{margin-left:10px}.workbench{background:var(--tint);border-radius:10px;padding:30px 32px 26px}.workbench-title{align-items:center;gap:12px;margin-bottom:25px;display:flex}.connector-mark{color:var(--accent);font-size:26px}.workbench h3{font-family:Chakra Petch,sans-serif;font-size:19px;font-weight:500;line-height:1.4}.adapter>div{border-top:1px solid var(--line);padding:15px 0}.adapter dt{font-size:13px;font-weight:600}.adapter dd{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.6}.adapter .editable dt{color:var(--accent)}.cycle{margin-top:24px}.cycle ol{justify-content:space-between;gap:8px;padding:0;font-family:Chakra Petch,sans-serif;font-size:15px;list-style:none;display:flex}.cycle li:not(:last-child):after{content:"→";color:var(--accent);margin-left:12px}.cycle li:nth-child(3){color:var(--accent)}.cycle svg{fill:none;width:100%;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;margin-top:9px}.small{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;line-height:1.6}.evidence{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-block:70px 80px;display:grid}.evidence p{color:var(--muted);margin-top:20px}.evidence-actions{flex-direction:column;align-items:stretch;gap:0;display:flex}.evidence-actions>a:not(.button){border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 0;font-size:14px;text-decoration:none;display:flex}.evidence-actions>a:hover:not(.button){text-decoration:underline}.evidence-actions .button{align-self:flex-start;margin-top:24px}.site-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:24px;padding-block:25px 32px;font-size:12px;display:flex}.site-footer>span{color:var(--ink);font-family:Chakra Petch,sans-serif;font-size:16px}.site-footer a{margin-left:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=1400px){.hero{padding-top:100px}}@media (width<=1050px){.wrapper{width:calc(100% - 64px)}.split,.evidence{column-gap:40px}.hero h1{font-size:49px}.pathways li{grid-template-columns:145px minmax(0,1fr)}.workbench{padding:25px 22px}.cycle li:not(:last-child):after{margin-left:6px}.cycle ol{font-size:13px}}@media (width<=760px){.wrapper{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:16px;padding-block:20px}.site-header nav{flex-wrap:wrap;gap:12px}.split,.evidence{grid-template-columns:1fr;gap:40px}.hero{padding-block:45px 60px}.hero h1{max-width:580px;font-size:clamp(36px,7.4vw,54px)}.hero p{max-width:510px}.agent-scene{justify-self:center;width:min(440px,100%)}.learning,.integration{padding-block:60px}.pathways{width:100%;max-width:510px}.pathways li{grid-template-columns:165px minmax(0,1fr)}.section-copy h2{font-size:36px}.evidence{padding-block:55px}.evidence h2{font-size:36px}.workbench{max-width:510px}.cycle ol{font-size:15px}.site-footer{flex-wrap:wrap;gap:16px}.site-footer p{order:3;width:100%;line-height:1.5}.site-footer a{margin-left:auto}}@media (width<=380px){.site-header nav{justify-content:space-between;gap:12px;width:100%}.hero{padding-top:30px}.hero h1{font-size:36px}.hero p,.section-copy p,.evidence p{font-size:21px}.pathways li{grid-template-columns:130px minmax(0,1fr);gap:2px}.lane-label span{font-size:12px}.lane-label h3{font-size:18px}.workbench{padding:22px 17px}.cycle ol{font-size:12px}.cycle li:not(:last-child):after{margin-left:4px}.agent-scene figcaption>span:first-child{font-size:21px}h2,.section-copy h2,.evidence h2{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.integration>.section-copy{max-width:760px}.integration>.section-copy p{max-width:690px}.learning-cycle{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:80px;margin-top:48px;display:grid}.cycle-illustration{background:var(--tint);border-radius:10px;padding:20px 14px 24px}.cycle-illustration svg{width:100%}.cycle-controls:not([hidden]){grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:18px;display:grid}.cycle-controls button{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:8px 3px;font-size:12px;line-height:1.4}.cycle-controls button span{font-family:Chakra Petch,sans-serif;font-size:14px;display:block}.cycle-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--paper)}.cycle-controls button:hover{color:var(--ink);background:var(--paper)}.cycle-labels{font-size:14px}.cycle-scene{opacity:0}[data-state="0"] .cycle-run,[data-state="1"] .cycle-feedback,[data-state="2"] .cycle-edit,[data-state="3"] .cycle-evaluate{opacity:1}.cycle-illustration figcaption{text-align:center;gap:10px;padding:15px 8px 0;display:grid}.cycle-illustration figcaption strong{font-family:Chakra Petch,sans-serif;font-size:16px;font-weight:500}.cycle-illustration figcaption>span{color:var(--muted);font-size:12px;line-height:1.6}.cycle-steps{padding:0;list-style:none}.cycle-steps li{border-left:2px solid var(--line);margin-bottom:28px;padding:0 0 30px 22px;scroll-margin-top:36px}.cycle-steps li:last-child{margin-bottom:0;padding-bottom:0}.cycle-steps li.current{border-color:var(--accent)}.beat-name{color:var(--accent);font-family:Chakra Petch,sans-serif;font-size:14px}.cycle-steps h3{text-wrap:balance;margin-top:10px;font-family:Chakra Petch,sans-serif;font-size:25px;font-weight:500;line-height:1.25}.cycle-steps p{color:var(--muted);margin-top:12px;font-family:EB Garamond,serif;font-size:21px;line-height:1.45}.cycle-steps .beat-note{font-family:var(--sans);margin-top:14px;font-size:12px;line-height:1.6}@media (width>=900px) and (height>=700px) and (prefers-reduced-motion:no-preference){.cycle-illustration{position:sticky;top:28px}.cycle-scene{transition:opacity .18s ease-out}}@media (width<=1050px){.learning-cycle{gap:40px}}@media (width<=899px){.learning-cycle{grid-template-columns:1fr;gap:36px}.cycle-illustration{justify-self:center;width:min(480px,100%)}.cycle-steps{grid-template-columns:1fr 1fr;gap:28px;display:grid}.cycle-steps li{margin:0;padding-bottom:0}}@media (width<=600px){.cycle-steps{grid-template-columns:1fr}.learning-cycle{margin-top:32px}.cycle-illustration{padding:16px 8px 20px}.cycle-steps h3{font-size:25px}.cycle-labels{font-size:18px}}