:root{--paper:#f6f3eb;--ink:#24362e;--muted:#54604f;--green:#375d46;--line:#d9ded1;--accent:#dfb968}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;height:116px}.brand{font:italic bold 35px Georgia,serif;text-decoration:none}.brand span{font:12px Arial;color:#b4833b;margin-left:5px}nav{display:flex;gap:29px;font-size:14px}nav a{text-decoration:none}nav a:hover,a:hover{color:#8b622e}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;min-height:555px;padding:36px 0 85px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--muted)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;letter-spacing:-1.7px}h1{font-size:66px;margin:27px 0}h1 em{color:var(--green);font-weight:400}.intro{max-width:475px;font-size:18px;color:#566258}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 21px;border:1px solid var(--green);background:var(--green);color:white;text-decoration:none;border-radius:4px;font:14px 'Segoe UI',sans-serif;cursor:pointer;margin-top:20px}.button:hover{background:#244431;color:white}.small{font-size:12px;color:var(--muted);margin-top:22px}.drawing{height:340px;position:relative;margin-left:32px}.orbit{position:absolute;border:1px solid #a5b5a2;border-radius:50%;width:275px;height:275px;top:30px;left:20px}.o2{transform:rotate(55deg);width:175px;left:70px}.o3{height:145px;top:95px;transform:rotate(-30deg)}.core{position:absolute;top:126px;left:118px;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--paper);font:italic 38px Georgia}.note{position:absolute;background:var(--paper);padding:1px 9px;font:italic 17px Georgia;color:var(--green)}.n1{left:0;top:45px}.n2{right:4px;top:178px}.n3{left:60px;bottom:9px}.dot{position:absolute;width:15px;height:15px;background:var(--accent);border-radius:50%}.d1{top:39px;left:214px}.d2{top:259px;left:36px;width:9px;height:9px;background:var(--green)}section{margin-bottom:80px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0 22px}.section-heading h2{font-size:32px;margin:0}.section-heading h2 span{font:12px 'Segoe UI',sans-serif;color:var(--muted);letter-spacing:0;margin-left:12px}.section-heading p{font-size:13px;color:var(--muted)}.featured{display:grid;grid-template-columns:1fr 1fr;background:#e6eadd;border-radius:9px;overflow:hidden}.terminal{background:#24382f;color:#e1e6d9;margin:36px;border-radius:6px;padding:20px 24px;font:13px/2.4 Consolas,monospace;box-shadow:0 15px 25px #24382f20;align-self:center}.terminal-top{font-size:9px;letter-spacing:1px;border-bottom:1px solid #526456;padding-bottom:12px;margin-bottom:23px}.terminal-top span{color:#b6c3aa;margin-right:35px}.terminal p{margin:5px 0}.muted{color:#879b87;margin-right:14px}.cursor{color:var(--accent)}.terminal-footer{font-size:9px;color:#a6b7a0;border-top:1px solid #526456;margin-top:23px;padding-top:13px}.project-copy{padding:30px 36px 36px 10px}h3{font-size:34px;margin:16px 0}.project-copy p,.project p{color:#566258;font-size:15px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:10px;border:1px solid #bbc6b3;border-radius:20px;padding:3px 9px}.project a,.project-copy a,.case-study>a,.about a{font-size:13px;font-weight:600}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.project{padding:28px;border:1px solid var(--line);border-radius:8px}.route-art,.lab-art{height:125px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px;border-radius:5px;background:#ecebe2}.route-art span{border:1px solid #bdc6b9;border-radius:5px;padding:8px 12px;font:11px Consolas,monospace}.route-art b{font-weight:400}.lab-art{background:#e5e9df;font:52px Georgia;color:var(--green)}.project h3{font-size:29px}.case-study{background:#eeeee5;border-radius:8px;padding:38px}.case-study h2{font-size:40px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;margin:25px 0}.case-grid h3{font:600 14px 'Segoe UI',sans-serif;letter-spacing:0}.case-grid p{font-size:14px;color:#566258}.playground{display:grid;grid-template-columns:1fr 1fr;gap:55px}.playground>div>p{font-size:15px;max-width:390px;color:#566258}label{display:block;font-size:12px;margin:22px 0 7px}.sim-header{display:flex;justify-content:space-between;font:10px Consolas,monospace;color:#566258;border-bottom:1px solid var(--line);padding-bottom:15px}.sim-header span{font-size:9px}.about{border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:40px}.about>div{color:#566258;font-size:15px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;padding-bottom:35px;font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:5}:focus-visible{outline:3px solid #b7863a;outline-offset:5px}@media(max-width:800px){header,main,footer{padding-left:22px;padding-right:22px}header{height:90px}nav{gap:14px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:20px;min-height:0}.drawing{display:none}h1{font-size:49px}.featured,.playground,.about{grid-template-columns:1fr}.project-copy{padding:5px 28px 30px}.terminal{margin:25px}.project-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:15px}.section-heading p{max-width:120px;margin:0}.section-heading h2{font-size:27px}.case-study{padding:25px}.case-grid{grid-template-columns:1fr}.case-study h2,.about h2{font-size:33px}.playground{gap:25px}footer{gap:15px;flex-wrap:wrap}section{margin-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Agent Harness screenshot and portrait */
.shot{margin:36px;align-self:center;justify-self:center;text-align:center}
.shot img{display:block;max-height:460px;width:auto;max-width:100%;margin:auto;border:1px solid #526456;border-radius:14px;box-shadow:0 15px 25px #24382f20}
.shot figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.about-side .portrait{display:block;width:100%;max-width:280px;height:auto;border-radius:8px;margin-top:22px}
.about-side .sim-note{margin-top:8px}
.hero h1{font-size:44px;line-height:1.15;letter-spacing:-1.2px}
@media(max-width:800px){.shot{margin:25px}.hero h1{font-size:34px}}

/* CDS Hooks latency demo */
.simulation{border:1px solid var(--line);border-radius:8px;padding:24px;background:#f0f0e8}
.sim-note{font-size:12px;color:var(--muted)}
#lab .button{margin-top:24px}
fieldset{border:0;margin:22px 0 0;padding:0;min-width:0}
legend{font-size:12px;padding:0;margin-bottom:8px}
.choice{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:0 0 8px;cursor:pointer}
.choice input{margin:5px 0 0;accent-color:var(--green)}
.choice small{display:block;font-size:12px;color:var(--muted)}
.range-head{display:flex;justify-content:space-between;align-items:baseline;max-width:320px;margin-top:22px}
.range-head label{margin:0 0 7px}
.range-head output{font:12px Consolas,monospace;color:var(--green)}
input[type=range]{display:block;width:100%;max-width:320px;accent-color:var(--green)}
.sim-header{gap:12px}
.ehr-order{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:16px}
.playground>.simulation>p{max-width:none;font-size:13px}
.playground>.simulation>.ehr-label,.ehr-order .ehr-label{font:600 10px Consolas,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.ehr-order .ehr-label{margin-top:0}
.playground>.simulation>.sim-note{font-size:12px;color:var(--muted);margin-top:18px}
.order-name{font:20px Georgia,serif;margin:0}
.status{font:11px Consolas,monospace;margin:0;padding:3px 9px;border:1px solid #bbc6b3;border-radius:20px;white-space:nowrap;color:var(--muted)}
.status.waiting{color:#7a5a24;border-color:#b4833b}
.status.good{color:var(--green);border-color:var(--green)}
.status.bad{color:#9a3b2b;border-color:#9a3b2b}
.timeline{margin-top:34px}
.track{position:relative;height:12px;background:#e0e3d8;border-radius:6px}
.fill-ok,.fill-late{position:absolute;top:0;height:100%}
.fill-ok{left:0;background:var(--green);border-radius:6px 0 0 6px}
.fill-late{left:16.667%;background:#9a3b2b;border-radius:0 6px 6px 0}
.budget-mark{position:absolute;left:16.667%;top:-8px;bottom:-8px;border-left:2px solid var(--ink)}
.budget-mark span{position:absolute;bottom:100%;left:4px;margin-bottom:2px;font:10px Consolas,monospace;white-space:nowrap;color:var(--ink)}
.ticks{display:flex;justify-content:space-between;margin-top:12px;font:10px Consolas,monospace;color:var(--muted)}
.clinician{min-height:96px;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:12px 14px}
.clinician p{margin:0}
.idle,.blocked{color:var(--muted);font-size:13px}
.blocked{color:#7a5a24}
.card{font-size:13px}
.card p{margin:0 0 4px}
.card-indicator{font:700 10px Consolas,monospace;letter-spacing:1px;text-transform:uppercase}
.card-warning{border-left:4px solid #b4833b;padding-left:12px}
.card-warning .card-indicator{color:#7a5a24}
.card-info{border-left:4px solid var(--green);padding-left:12px}
.card-info .card-indicator{color:var(--green)}
.card-summary{font-weight:600}
.card-detail{color:#566258}
.card-source{font-size:11px;color:var(--muted)}
.card-link{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:var(--green)}
#trace{padding:0;margin:0;list-style:none;min-height:70px;font:12px/1.5 Consolas,monospace}
#trace li{border-bottom:1px dashed var(--line);padding:6px 0;white-space:pre-wrap}
#trace li.good{color:var(--green)}
#trace li.bad{color:#9a3b2b}
#trace li.late{color:var(--muted)}
#trace li.idle{color:var(--muted)}
.late-panel{margin-top:14px;padding:12px 14px;border:1px dashed #a4b09d;border-radius:6px;opacity:.75}
.late-panel[hidden],.insight[hidden]{display:none}
.late-label{font-size:12px;color:var(--muted);margin:0 0 8px}
.late-body{font:12px Consolas,monospace;margin:0}
#result{color:var(--green);margin:16px 0 0}
.insight{margin:8px 0 0;padding:10px 12px;border-left:3px solid #9a3b2b;background:#f5e9e2}
@media(max-width:800px){.simulation{padding:18px}.sim-header{flex-direction:column}}

/* CRD card spans the grid; demo tucked into the case study */
.project-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:0 36px;align-items:center}
.project-wide .route-art{grid-row:1/span 4;margin-bottom:0;height:100%;min-height:160px}
.try{margin:10px 0 28px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.try summary{cursor:pointer;padding:16px 20px;font-size:15px;list-style-position:inside}
.try summary::marker{color:var(--green)}
.try-label{font:600 10px 'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--paper);background:var(--green);border-radius:20px;padding:3px 9px;margin:0 8px 0 4px;vertical-align:2px}
.try[open] summary{border-bottom:1px solid var(--line)}
.try .playground{padding:24px 20px 20px;gap:36px}
@media(max-width:800px){.project-wide{grid-template-columns:1fr}.project-wide .route-art{grid-row:auto;height:125px;min-height:0;margin-bottom:25px}.try .playground{padding:18px 14px}}