:root{--agent-pad:clamp(22px,6vw,92px)}
body{background:var(--paper);color:var(--ink)}
.mini-nav{display:flex;gap:24px}.mini-nav a{color:var(--muted);font:500 10px DM Mono,monospace;text-decoration:none;text-transform:uppercase}.mini-nav a:hover{color:var(--lime)}
.hero{min-height:calc(100vh - 76px);padding:clamp(64px,9vw,128px) var(--agent-pad) 38px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:7vw}.hero-copy{position:relative;z-index:1}.hero h1{margin:26px 0 24px;font-size:clamp(64px,10vw,154px);line-height:.78;letter-spacing:0}.hero h1 span{color:var(--lime)}.hero-lead{max-width:650px;margin:0;color:#d2d2cb;font-size:clamp(19px,2vw,28px);line-height:1.45}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{padding:14px 18px;border:1px solid var(--line);font:600 11px DM Mono,monospace;text-decoration:none;text-transform:uppercase}.button.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.ghost{color:var(--paper)}.button:hover{transform:translateY(-2px)}
.agent-orbit{position:relative;z-index:1;width:min(41vw,540px);aspect-ratio:1;margin:auto;border:1px solid rgba(200,255,61,.4);border-radius:50%;animation:orbit-pulse 4s ease-in-out infinite}.agent-orbit::before,.agent-orbit::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.agent-orbit::before{inset:14%}.agent-orbit::after{inset:31%}.orbit-core{position:absolute;inset:37%;z-index:2;display:grid;place-content:center;text-align:center;background:var(--lime);color:var(--ink);border-radius:50%}.orbit-core b{font-size:clamp(14px,1.4vw,20px)}.orbit-core span{font:500 8px DM Mono,monospace;text-transform:uppercase}.orbit-node{position:absolute;z-index:3;padding:8px 10px;background:var(--ink);border:1px solid var(--line);color:var(--paper);font:500 9px DM Mono,monospace;text-transform:uppercase}.n1{left:-3%;top:20%}.n2{right:-4%;top:30%}.n3{right:2%;bottom:16%}.n4{left:-2%;bottom:24%}.hero-index{position:relative;z-index:1;grid-column:1/-1;display:flex;gap:28px;border-top:1px solid var(--line);padding-top:22px}.hero-index span{display:flex;align-items:baseline;gap:8px;color:var(--muted);font:500 10px DM Mono,monospace;text-transform:uppercase}.hero-index b{color:var(--paper);font-size:22px}
.section{padding:clamp(72px,9vw,132px) var(--agent-pad)}.section-heading{max-width:850px;margin-bottom:52px}.section-heading h2{margin:10px 0 18px;font-size:clamp(38px,5.5vw,76px);line-height:1;letter-spacing:0}.section-heading>p:last-child{max-width:720px;margin:0;color:#4f524c;font-size:17px;line-height:1.7}.eyebrow{margin:0;color:var(--lime-dark);font:500 10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.inverted h2{color:var(--paper)}.inverted>p:last-child{color:#afb1aa}.dark-section,.real-cases,.decision{background:var(--ink);color:var(--paper)}
.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--dark-line)}.comparison-grid article{min-height:270px;padding:34px;border-right:1px solid var(--dark-line)}.comparison-grid article:last-child{border:0}.comparison-grid article.featured{background:var(--ink);color:var(--paper)}.comparison-grid h3{font-size:28px;margin:30px 0 12px}.comparison-grid p{line-height:1.7}.comparison-grid small{display:block;margin-top:30px;color:#70736c;font:500 10px DM Mono,monospace}.comparison-grid .featured small{color:var(--muted)}.tag{display:inline-block;padding:6px 8px;background:var(--lime);font:600 9px DM Mono,monospace;text-transform:uppercase}.tag.coral{background:var(--coral);color:var(--ink)}blockquote{margin:36px 0 0;padding:26px 0;border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);font-size:clamp(20px,2vw,30px);font-weight:600}
.loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-bottom:60px}.loop>div{min-height:150px;padding:22px;border:1px solid var(--line);display:flex;flex-direction:column}.loop i{padding:8px;color:var(--lime);font-style:normal}.loop b{color:var(--coral);font:500 10px DM Mono,monospace}.loop span{margin-top:20px;font-weight:700}.loop small{margin-top:8px;color:var(--muted)}
.architecture{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line)}.architecture-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.architecture-tab{padding:20px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer}.architecture-tab:last-child{border-bottom:0}.architecture-tab.active{background:var(--lime);color:var(--ink);font-weight:700}.architecture-detail{min-height:400px;padding:clamp(34px,6vw,84px)}.detail-number{color:var(--coral);font:500 10px DM Mono,monospace}.architecture-detail h3{font-size:clamp(35px,5vw,66px);margin:25px 0}.architecture-detail>p:not(.detail-number){max-width:720px;color:#c5c6c0;font-size:18px;line-height:1.7}.architecture-detail .detail-question{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);color:var(--lime)!important;font:500 13px DM Mono,monospace!important}
.types-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}.types-grid article{min-height:250px;padding:26px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}.types-grid span{color:var(--coral);font:500 10px DM Mono,monospace}.types-grid h3{margin:58px 0 10px;font-size:18px}.types-grid p{margin:0;color:#555851;font-size:13px;line-height:1.6}
.patterns{padding-top:0}.pattern-list{border-top:1px solid var(--dark-line)}.pattern-list article{display:grid;grid-template-columns:60px 1fr minmax(180px,300px);gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--dark-line)}.pattern-list article>b{font:500 10px DM Mono,monospace;color:var(--coral)}.pattern-list h3{margin:0 0 6px}.pattern-list p{margin:0;color:#62655e}.pattern-list code{padding:15px;background:var(--ink);color:var(--lime);font:500 12px DM Mono,monospace;text-align:center}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.case-grid article{min-height:450px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.case-grid article:last-child{border:0}.case-label{color:var(--coral);font:500 9px DM Mono,monospace;text-transform:uppercase}.case-grid h3{font-size:24px;margin:28px 0 12px}.case-grid>article>p:not(.case-label){color:#b5b7b0;line-height:1.6}.case-grid strong{margin-top:auto;color:var(--lime);font-size:46px}.case-grid small{min-height:60px;color:var(--muted);line-height:1.4}.case-grid a{margin-top:25px;padding-top:16px;border-top:1px solid var(--line);color:var(--paper);font:500 10px DM Mono,monospace;text-decoration:none}.case-grid a:hover{color:var(--lime)}.source-note{color:#7f817b;font:400 9px DM Mono,monospace;margin-top:18px}
.tool-table{border:1px solid var(--dark-line)}.tool-row{display:grid;grid-template-columns:1.1fr 1.6fr 1.5fr 70px;gap:20px;align-items:center;min-height:84px;padding:16px 22px;border-bottom:1px solid var(--dark-line)}.tool-row:last-child{border-bottom:0}.tool-row span{color:#555851;font-size:13px}.tool-row a{font:600 10px DM Mono,monospace;text-decoration:none}.tool-row a:hover{color:var(--lime-dark)}.tool-head{min-height:45px;background:var(--ink);color:var(--paper);font:500 9px DM Mono,monospace;text-transform:uppercase}.tool-head span{color:var(--paper)}.tool-row.protocol{background:#e3f0bc}.table-note{font-size:13px}
.practice{background:#e3e2db}.practice-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.flow-card{border:1px solid var(--dark-line)}.flow-card>div{display:grid;grid-template-columns:45px 1fr;gap:4px 12px;padding:20px;border-bottom:1px solid var(--dark-line)}.flow-card>div:last-child{border-bottom:0}.flow-card span{grid-row:1/3;color:var(--coral);font:500 10px DM Mono,monospace}.flow-card small{color:#686b64}.flow-card .approval{background:var(--lime)}.code-window{overflow:hidden;background:var(--ink);color:var(--paper)}.code-title{height:46px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line)}.code-title span{width:8px;height:8px;border-radius:50%;background:var(--coral)}.code-title span:nth-child(2){background:#f8c34f}.code-title span:nth-child(3){background:var(--lime)}.code-title b{margin-left:8px;color:var(--muted);font:400 9px DM Mono,monospace}.code-window pre{margin:0;padding:25px;overflow:auto;color:#d8d9d3;font:400 12px/1.7 DM Mono,monospace}.code-window>a{display:block;padding:15px 25px;border-top:1px solid var(--line);color:var(--lime);font:500 10px DM Mono,monospace;text-decoration:none}
.decision-buttons{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.decision-button{min-height:105px;padding:18px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer}.decision-button:last-child{border:0}.decision-button.active{background:var(--lime);color:var(--ink);font-weight:700}.decision-result{margin-top:24px;padding:35px;border:1px solid var(--line)}.decision-result p{margin:0;color:var(--coral);font:500 9px DM Mono,monospace;text-transform:uppercase}.decision-result h3{margin:14px 0;font-size:32px}.decision-result span{color:#b9bbb4}
.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}.risk-grid article{min-height:220px;padding:26px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}.risk-grid h3{margin:0 0 20px}.risk-grid p{color:#60635d}.risk-grid b{display:block;margin-top:24px;font-size:12px;line-height:1.5}.human-rule{display:grid;grid-template-columns:160px 1fr;gap:25px;margin-top:30px;padding:24px;background:var(--coral)}.human-rule span{font:600 10px DM Mono,monospace}.human-rule p{margin:0;font-size:19px;font-weight:700}
.checklist{background:#fff}.checklist ol{max-width:920px;margin:0;padding:0;list-style:none}.checklist li{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--dark-line)}.checklist li>span{color:var(--coral);font:500 10px DM Mono,monospace}.checklist li b{font-size:18px}.checklist li p{margin:6px 0 0;color:#60635d}
.references{display:grid;grid-template-columns:1fr 2fr;gap:7vw;background:var(--lime)}.references h2{font-size:clamp(38px,5vw,70px);margin:10px 0}.references .eyebrow{color:var(--ink)}.reference-links{border-top:1px solid rgba(8,11,16,.25)}.reference-links a{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid rgba(8,11,16,.25);text-decoration:none}.reference-links a:hover{padding-left:10px}.reference-links span{font-size:13px}
footer{min-height:180px;padding:40px var(--agent-pad);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);border-top:1px solid var(--line)}footer p{max-width:500px;color:var(--muted);font-size:12px}footer>a:last-child{font:500 10px DM Mono,monospace;text-decoration:none}
@keyframes orbit-pulse{50%{border-color:rgba(255,92,77,.65)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.agent-orbit{width:min(80vw,480px)}.types-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.case-grid article:nth-child(2){border-right:0}.case-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.practice-layout{grid-template-columns:1fr}.mini-nav{display:none}}
@media(max-width:760px){.hero{padding-top:55px}.hero h1{font-size:clamp(60px,19vw,95px)}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.hero-index{gap:15px;justify-content:space-between}.hero-index span{display:block}.hero-index b{display:block}.comparison-grid,.risk-grid,.case-grid{grid-template-columns:1fr}.comparison-grid article,.case-grid article{border-right:0;border-bottom:1px solid var(--dark-line)}.case-grid article{min-height:390px}.loop{grid-template-columns:1fr}.loop i{transform:rotate(90deg);text-align:center}.architecture{grid-template-columns:1fr}.architecture-tabs{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}.architecture-tab{border-right:1px solid var(--line)}.types-grid{grid-template-columns:1fr}.pattern-list article{grid-template-columns:35px 1fr}.pattern-list code{grid-column:2}.tool-table{overflow-x:auto}.tool-row{min-width:780px}.decision-buttons{grid-template-columns:1fr 1fr}.decision-button:nth-child(2){border-right:0}.decision-button:nth-child(-n+2){border-bottom:1px solid var(--line)}.references{grid-template-columns:1fr}.reference-links a{grid-template-columns:90px 1fr}footer{align-items:flex-start;flex-direction:column}.agent-orbit{width:82vw}.orbit-node{font-size:7px}.human-rule{grid-template-columns:1fr}}
@media(max-width:430px){.section{padding-left:20px;padding-right:20px}.hero{padding-left:20px;padding-right:20px}.architecture-tabs{grid-template-columns:1fr}.architecture-tab{border-right:0}.decision-buttons{grid-template-columns:1fr}.decision-button{border-right:0;border-bottom:1px solid var(--line)!important}.hero-index span{font-size:8px}.case-grid strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.agent-orbit{animation:none}}
