:root{color-scheme:light;--paper:#f5f5f0;--ink:#10110f;--muted:#62635f;--rule:#cdcec8;--accent:#3a7c32;--signal:#adff2f;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Geist",Inter,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55}
a{color:inherit;text-underline-offset:3px}
.agent-mast{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,4vw,64px);border-bottom:1px solid var(--rule)}
.agent-mast img{display:block;width:92px;height:auto}
.agent-mast nav{display:flex;flex-wrap:wrap;gap:20px;font:650 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.agent-mast nav a{text-decoration:none}.agent-mast nav a[aria-current="page"]{color:var(--accent)}
main{width:min(1120px,calc(100% - 40px));margin:0 auto 100px}
.agent-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(42px,8vw,110px);align-items:end;padding:clamp(72px,10vw,140px) 0 72px;border-bottom:1px solid var(--rule)}
.eyebrow,.section-no,.fact-label{font:700 11px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--accent)}
h1{max-width:13ch;margin:22px 0 0;font-size:clamp(54px,8vw,112px);font-weight:540;letter-spacing:-.065em;line-height:.88}
.agent-hero p{max-width:39ch;margin:0;color:var(--muted);font-size:clamp(18px,2vw,26px);line-height:1.38}
.agent-section{display:grid;grid-template-columns:150px minmax(0,1fr);gap:34px;padding:72px 0;border-bottom:1px solid var(--rule)}
.agent-section>div{min-width:0}.agent-section h2{max-width:18ch;margin:0 0 26px;font-size:clamp(34px,5vw,68px);font-weight:540;letter-spacing:-.055em;line-height:.98}
.agent-section h3{margin:32px 0 8px;font-size:22px}.agent-section p{max-width:72ch;color:var(--muted);font-size:17px}
.agent-steps,.agent-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.agent-steps article,.agent-cards article{min-height:190px;padding:25px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.agent-steps span,.agent-cards span{color:var(--accent);font:700 10px/1 var(--mono);letter-spacing:.08em}.agent-steps h3,.agent-cards h3{margin:48px 0 9px}.agent-steps p,.agent-cards p{margin:0;font-size:14px}
.agent-table-wrap{margin-top:34px;overflow-x:auto;border:1px solid var(--rule);background:#fff}
table{width:100%;min-width:820px;border-collapse:collapse;text-align:left}th,td{padding:18px 16px;border-bottom:1px solid var(--rule);vertical-align:top}th{font:700 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}td:first-child{font-weight:700}tr:last-child td{border-bottom:0}
.callout{margin:34px 0;padding:24px;border-left:4px solid var(--accent);background:#fff}.callout strong{display:block;margin-bottom:8px}.callout p{margin:0}
pre{max-width:100%;margin:22px 0;padding:20px;overflow:auto;color:#f5f5ef;background:#111510;border:1px solid #333;font:500 14px/1.65 var(--mono)}code{font-family:var(--mono)}
.agent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.agent-actions a{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:1px solid var(--ink);font:700 10px/1 var(--mono);letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.agent-actions a:first-child{background:var(--signal)}.agent-actions a:hover{color:var(--paper);background:var(--ink)}
.agent-footer{display:flex;justify-content:space-between;gap:30px;padding:28px clamp(20px,4vw,64px);color:var(--muted);border-top:1px solid var(--rule);font:600 10px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}
@media(max-width:760px){.agent-mast{align-items:flex-start;flex-direction:column}.agent-hero{grid-template-columns:1fr;padding-top:64px}.agent-hero p{margin-top:8px}.agent-section{grid-template-columns:1fr;padding:54px 0}.agent-steps,.agent-cards{grid-template-columns:1fr}.agent-footer{flex-direction:column}h1{font-size:clamp(50px,16vw,76px)}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#10120f;--ink:#f2f2ed;--muted:#a5a7a0;--rule:#333630;--accent:#91d986;--signal:#adff2f}.agent-mast img{content:url('/assets/brand/modiqo_logo_dark_optionA_256.png')}.agent-table-wrap,.callout{background:#171a16}.agent-actions a:first-child{color:#10110f}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}