/* Revision of the existing AgentPay visual system, scoped to the local draft. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.personal-brand{font-size:38px}.personal-brand span{font-size:11px;margin-left:15px}.header nav{gap:32px}.hero{min-height:760px}.hero-copy{width:56%}.hero-copy h1{font-size:clamp(105px,9.65vw,148px);line-height:.97;max-width:900px;letter-spacing:-.025em}.hero-copy>p{font-size:24px;line-height:1.55;max-width:690px;margin-top:30px}.hero-copy .hero-secondary{font-size:19px;line-height:1.6;color:#62645b;margin-top:18px;max-width:610px}.hero-art{height:680px;top:26px}.hero .actions{margin-top:30px}.hero-line{font-size:11px}.experiment{padding-top:54px;padding-bottom:90px}.experiment h2{font:600 clamp(56px,5.75vw,88px)/1.04 'Barlow Condensed',sans-serif;letter-spacing:-.015em;margin:28px 0 18px}.experiment h2>span{color:var(--coral)}.experiment-intro{font:29px/1.35 var(--serif);max-width:1190px;margin-bottom:30px}
.replay-console{background:var(--ink);color:var(--paper);padding:24px 26px 20px}.replay-top{display:flex;align-items:center;gap:28px;padding-bottom:17px;border-bottom:1px solid #929c89}.replay-top>.mono{font-size:14px;letter-spacing:.06em;white-space:nowrap}.replay-kind{font-size:11px!important;padding-left:26px;border-left:1px solid #929c89}.scenario-tabs{display:flex;gap:14px;margin-left:auto}.scenario-tabs button{font:12px/1.5 var(--mono);padding:10px 13px;min-height:44px;color:#d3d8cb;border-bottom:2px solid transparent;white-space:nowrap}.scenario-tabs button:hover{background:#343931}.scenario-tabs button[aria-selected=true]{border-color:var(--coral);background:#584239;color:var(--paper)}.replay-body{display:grid;grid-template-columns:2.1fr 1fr;gap:28px;padding:21px 0 18px}.floorplan{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}.floorplan svg{width:100%;display:block;overflow:visible}.map-walls{fill:none;stroke:#a1b39a;stroke-width:1.4;stroke-linejoin:round;opacity:.8}.map-labels{fill:#c3cbbb;font:22px var(--mono)}#route-line{stroke:var(--coral);stroke-width:4;stroke-dasharray:9 8;stroke-linecap:round;stroke-linejoin:round}#route-goal{fill:var(--paper);stroke:var(--coral);stroke-width:4}.robot-icon{stroke:#f5f2eb;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.robot-halo{fill:#ff795e13;stroke:#ff795e55;stroke-width:1.4}.map-caption{font-size:9px;color:#a7b79f;padding:14px 0 0 14px;letter-spacing:.06em}.state-inspector{border-left:1px solid #88927e;padding-left:28px}.state-inspector h3{font:13px var(--mono);letter-spacing:.07em;margin:9px 0 16px}.state-inspector dl{padding:15px 0 19px;border-block:1px solid #88927e;margin:0}.state-inspector dl>div{display:grid;grid-template-columns:120px 1fr;gap:12px;border:0;padding:9px 0;font:13px/1.5 var(--mono)}.state-inspector dt{color:#abb5a4;font-size:11px}.state-inspector dd{margin:0;overflow-wrap:anywhere}.event-summary{padding-top:18px}.event-summary>.mono{font-size:10px;color:#abb5a4;letter-spacing:.06em}.event-summary p{font:27px/1.2 var(--serif);margin:12px 0}.event-summary>span:last-child{font-size:12px;line-height:1.6;color:#c3cbbb;display:block}.replay-controls{display:grid;grid-template-columns:auto 1fr;gap:36px;border-top:1px solid #88927e;padding-top:17px;align-items:center}.play-controls{display:flex;gap:12px}.play-controls .button{font-size:12px;min-height:49px;gap:16px;border-color:#c3cbbb;white-space:nowrap}.play-controls .button:hover{background:#434a3e}.play-controls .coral{border-color:var(--coral)}.play-controls .coral:hover{background:#ff947f}.replay-timeline{padding:0 8px;min-width:140px}.replay-timeline input{display:block;width:100%;cursor:pointer;accent-color:var(--coral);height:30px;background:transparent;min-height:44px}.time-ticks{display:flex;justify-content:space-between;font:11px var(--mono);padding:0 4px}.evidence-row{display:grid;grid-template-columns:1fr 1fr 1fr;margin:30px 0 0;gap:36px}.evidence-row>div+div{border-left:1px solid var(--line);padding-left:36px}.evidence-row h3{font:24px var(--serif);margin-bottom:10px}.evidence-row p{font-size:14px;line-height:1.85;max-width:380px}.trace-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.trace-row .text-link{font-size:12px;text-transform:uppercase;min-height:44px;border-bottom:1px solid var(--ink)}.trace-row>.mono{font-size:10px;color:#62645b}.replay-console button:focus-visible,.replay-console input:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.work{border-top:1px solid var(--line);padding-top:32px}.work-heading{font-size:clamp(65px,6vw,92px)}.research{padding-bottom:70px}.about{border-top:1px solid var(--line);padding-top:28px;padding-bottom:50px}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;margin-top:38px}.about h2{font:clamp(68px,6.65vw,102px)/1 var(--serif);letter-spacing:-.02em}.about-lead{font-size:24px;line-height:1.6;margin:28px 0 18px;max-width:690px}.about-grid>div>p:last-child{font-size:17px;line-height:1.7;max-width:690px}.contribution{border-left:1px solid var(--line);padding-left:50px}.contribution h3{font:600 38px/1.2 'Barlow Condensed',sans-serif;margin:12px 0 28px}.contribution ol{counter-reset:contribution;list-style:none;padding:0;margin:0}.contribution li{counter-increment:contribution;border-top:1px solid var(--line);padding:21px 0;font-size:22px;display:flex;align-items:center;gap:32px}.contribution li:last-child{border-bottom:1px solid var(--line)}.contribution li:before{content:'0' counter(contribution);font:13px var(--mono);color:#64765c}.contact-band{background:var(--coral);padding:43px 0 49px}.contact-band h2{font:clamp(56px,5.9vw,91px)/1.05 var(--serif);letter-spacing:-.025em}.contact-band p{font-size:20px;line-height:1.6;max-width:940px;margin-top:20px}.contact-band .actions{margin-top:26px}.contact-band .button{font-size:14px;min-height:54px;padding:14px 23px}.contact-band .button:not(.dark):hover{background:#ff947f}.product-provenance{border-block:1px solid var(--line);margin-top:18px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:38px;padding-block:22px}.product-provenance>.mono{font-size:11px}.product-provenance>p{border-left:1px solid var(--line);padding-left:38px;font-size:14px}.product-provenance .text-link{font-size:12px}.footer .personal-brand{font-size:25px}.footer .personal-brand span{font-size:9px}
@media(min-width:1700px){.hero-copy h1{font-size:148px}.hero-art{right:0}.hero-copy>p{max-width:690px}}
@media(max-width:1100px){.header .personal-brand{font-size:31px}.header nav{gap:19px;font-size:12px}.personal-brand span{font-size:8px;margin-left:7px}.hero{min-height:670px}.hero-copy h1{font-size:100px}.hero-copy>p{font-size:19px}.hero-copy .hero-secondary{font-size:15px}.hero-art{height:565px}.scenario-tabs{gap:2px}.scenario-tabs button{font-size:10px;padding-inline:9px}.replay-top{gap:16px}.replay-top>.mono{font-size:11px}.replay-kind{padding-left:16px;font-size:9px!important}.replay-controls{gap:18px}.play-controls{gap:7px}.play-controls .button{font-size:10px;padding:11px 12px;gap:8px}.state-inspector{padding-left:20px}.state-inspector dl>div{grid-template-columns:85px 1fr;font-size:11px}.state-inspector dt{font-size:9px}.event-summary p{font-size:23px}.about-grid{gap:35px}.contribution{padding-left:35px}.about-lead{font-size:20px}.contribution li{font-size:18px;gap:18px}.product-provenance{grid-template-columns:190px 1fr auto;gap:22px}.product-provenance>p{padding-left:22px;font-size:12px}}
@media(max-width:760px){.header{height:77px}.header .personal-brand{font-size:26px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.header .personal-brand span{font-size:7px;margin-left:1px}.header nav{gap:0}.hero{min-height:0;padding-top:34px;display:block;padding-bottom:0}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(57px,19.4vw,89px);line-height:.99;max-width:none;white-space:nowrap}.hero-copy>p{font-size:16px;line-height:1.7;max-width:none;margin-top:24px}.hero-copy .hero-secondary{font-size:13px;line-height:1.7;margin-top:14px}.hero .actions{gap:10px;margin-top:24px;flex-wrap:wrap}.hero .button{padding:12px 13px;font-size:10px;gap:14px;min-height:47px}.hero-art{position:relative;top:auto;right:auto;width:calc(100% + 40px);margin:26px -20px 0;height:270px}.hero-art img{object-fit:contain;object-position:center;mask-image:linear-gradient(to bottom,transparent,black 12%,black 91%,transparent);mask-composite:add}.hero-line{position:relative;bottom:auto;margin-top:10px;gap:15px;align-items:flex-start;font-size:8px;line-height:1.6;padding:16px 0}.hero-line span:first-child{max-width:150px}.hero-line span:last-child{text-align:right;max-width:130px}.experiment{padding-top:33px;padding-bottom:48px}.experiment .section-label{gap:18px;font-size:8px}.experiment .section-label>span:last-child{text-align:right;max-width:155px}.experiment h2{font-size:51px;line-height:1.04;margin:24px 0 15px}.experiment-intro{font-size:23px;line-height:1.4;margin-bottom:23px}.replay-console{padding:17px 15px}.replay-top{flex-wrap:wrap;gap:12px;padding-bottom:12px}.replay-top>.mono{font-size:10px}.replay-kind{font-size:8px!important;padding-left:12px}.scenario-tabs{margin-left:0;width:100%;gap:0;justify-content:space-between}.scenario-tabs button{white-space:normal;font-size:8px;padding:8px 7px;max-width:33.33%;min-height:47px;text-align:left}.replay-body{display:flex;flex-direction:column;gap:20px;padding-top:20px}.floorplan svg{height:auto;min-height:165px}.map-walls{stroke-width:2}.map-labels{font-size:25px}.map-caption{padding:9px 0 0;font-size:7px}.state-inspector{padding:18px 0 0;border-left:0;border-top:1px solid #88927e}.state-inspector h3{margin-top:0;font-size:11px;margin-bottom:10px}.state-inspector dl{padding:7px 0 12px}.state-inspector dl>div{grid-template-columns:120px 1fr;padding:6px 0;font-size:12px}.state-inspector dt{font-size:10px}.event-summary{padding-top:13px;min-height:120px}.event-summary p{font-size:26px}.event-summary>span:last-child{font-size:11px}.replay-controls{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding-top:14px}.play-controls{gap:6px;flex-wrap:wrap}.play-controls .button{font-size:9px;min-height:46px;padding:10px;gap:9px}.replay-timeline{padding:0}.time-ticks{font-size:10px}.evidence-row{grid-template-columns:1fr;gap:20px;margin-top:24px}.evidence-row>div+div{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.evidence-row h3{font-size:26px;margin-bottom:7px}.evidence-row p{font-size:12px;max-width:none}.trace-row{display:block;margin-top:20px}.trace-row .text-link{font-size:10px}.trace-row>.mono{display:block;font-size:8px;line-height:1.8;margin-top:12px}.work .section-label{gap:16px;font-size:8px}.work .section-label>span:last-child{max-width:145px;text-align:right}.work-heading{font-size:57px;white-space:normal}.research{padding-bottom:45px}.about{padding-top:25px;padding-bottom:32px}.about .section-label{font-size:8px;gap:20px}.about .section-label>span{max-width:170px}.about .section-label>span:last-child{text-align:right;max-width:110px}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.about h2{font-size:59px}.about-lead{font-size:20px;line-height:1.6;margin:20px 0 14px}.about-grid>div>p:last-child{font-size:13px;line-height:1.8}.contribution{border-left:0;padding-left:0}.contribution h3{font-size:34px;margin:0 0 20px}.contribution li{font-size:16px;padding:16px 0;gap:22px}.contribution li:before{font-size:10px}.contact-band{padding:32px 0 37px}.contact-band h2{font-size:54px;line-height:1.05}.contact-band p{font-size:14px;line-height:1.7;margin-top:20px}.contact-band .actions{gap:10px;flex-wrap:wrap;margin-top:22px}.contact-band .button{font-size:11px;min-height:48px;padding:12px 14px;gap:14px}.product-provenance{grid-template-columns:1fr;gap:13px;padding-block:21px;margin-top:14px}.product-provenance>.mono{font-size:9px}.product-provenance>p{border:0;padding:0;font-size:12px;line-height:1.8}.product-provenance .text-link{font-size:11px;min-height:44px}.footer .personal-brand{font-size:22px}.footer .personal-brand span{font-size:7px;margin-left:6px}.footer>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){#robot-marker{transition:none}}
/* Keep the episode, controls and evidence within one desktop review surface. */
.state-inspector dd{text-align:left}.play-controls .button{font-size:13px}
.about-grid{grid-template-columns:.95fr 1.05fr;align-items:start}
.about-lead{margin-top:0}
.about-grid>div:last-child{border-left:1px solid var(--line);padding-left:48px}
@media(max-width:760px){.about-grid{grid-template-columns:1fr}.about-grid>div:last-child{border-left:0;padding-left:0}}
@media(min-width:1101px){.floorplan svg{height:340px}.replay-body{padding-top:17px;gap:25px}.replay-top{gap:22px}.replay-console{padding-top:20px}.experiment-intro{font-size:27px}.state-inspector dl>div{font-size:14px}.event-summary p{font-size:29px}.scenario-tabs button{font-size:13px}.replay-controls{gap:30px}}
@media(max-width:760px){.play-controls .button{font-size:10px}.scenario-tabs button{font-size:9px}.floorplan svg{height:auto}}
