/* A compact two-column composition, without scaling down the page. */
#agent-flow .route-published{flex:none}
#agent-flow .route-published svg{display:block;width:14px;height:14px;stroke-width:1.65;fill:none}
@media(max-width:760px){
 .hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:'eyebrow eyebrow' 'title title' 'pitch income' 'actions actions' 'signature signature';column-gap:14px;row-gap:20px;align-items:start}
 .hero>div{display:contents}
 .hero>div>.eyebrow{grid-area:eyebrow;margin:0;font-size:9px}
 .hero h1{grid-area:title;margin:0 0 4px;font-size:clamp(38px,9.7vw,56px)}
 .hero .agent-promise{grid-area:pitch;min-width:0;font-size:clamp(14px,3.65vw,18px);line-height:1.65;margin:0}
 .hero .promise-reward{margin-top:22px;padding-left:10px}
 .hero .promise-label{font-size:9px;letter-spacing:1px;line-height:1.6}
 .hero .promise-reward>strong{font-size:clamp(21px,5.4vw,29px);line-height:1.3;letter-spacing:-.6px}
 .hero .promise-context{font-size:11px;line-height:1.6}
 .hero .income{grid-area:income;min-width:0;width:100%;padding:18px 13px 15px;border-radius:12px;align-self:start}
 .hero .income>.eyebrow{display:block;font-size:9px;letter-spacing:1.15px;line-height:1.65;overflow-wrap:normal}
 .hero .income>strong{font-size:clamp(65px,17vw,102px);letter-spacing:-5px;margin:15px 0 9px;line-height:1}
 .hero .income>strong span{margin-left:4px;letter-spacing:-1px}
 .hero .income>p{font-size:12px;line-height:1.6}
 .hero .income-orbit{right:-225px;top:4px;opacity:.65}
 .hero .example{margin-top:18px;padding-top:15px}
 .hero .example>span{font-size:9px;letter-spacing:1px;line-height:1.5}
 .hero .example>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:12px 0;font-size:12px;line-height:1.5}
 .hero .example>div>b{font-size:17px;white-space:nowrap}
 .hero .example>.hero-reward{margin:12px -5px 0;padding:10px 5px;gap:7px}
 .hero .hero-reward>span{font-size:11px;line-height:1.5;max-width:none}
 .hero .example>.hero-reward>b{font-size:clamp(23px,6.2vw,32px);letter-spacing:-.7px;line-height:1.2}
 .hero .hero-reward b span{font-size:.65em}
 .hero .income small{font-size:11px;line-height:1.6;margin-top:16px;overflow-wrap:normal}
 .hero .actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 0}
 .hero .button{width:100%;min-width:0;min-height:48px;padding:12px 8px;font-size:12px;justify-content:center;text-align:center}
 .hero .hero-signature{grid-area:signature;margin:0;font-size:10px;line-height:1.6}
 #results .agent-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
 #results .agent-results>.result-profile{min-width:0;width:100%;border-radius:9px}
 #results .portrait-wrap{aspect-ratio: .92;min-width:0}
 #results .portrait-wrap img{object-position:center 27%}
 #results .portrait-wrap:after{background:linear-gradient(180deg,transparent 35%,#18191a 100%)}
 #results .portrait-caption{left:12px;right:8px;bottom:10px}
 #results .portrait-caption>span{font-size:8px;letter-spacing:1.2px}
 #results .portrait-caption h3{font-size:clamp(20px,5.5vw,30px);letter-spacing:-.6px;line-height:1.15;margin-top:7px}
 #results .result-body{padding:0 12px 16px;min-width:0}
 #results .agent-results .result-body .result-amount{font-size:clamp(20px,5.8vw,33px);letter-spacing:-.7px;line-height:1.2;margin:12px 0 9px;min-height:1.2em;white-space:nowrap}
 #results .result-count{min-width:0}
 #results .result-currency{margin-left:.12em;font-size:.76em}
 #results .agent-results .result-label{font-size:10px;line-height:1.55;letter-spacing:.35px;margin:0;min-height:4.65em}
 #results .result-body dl{margin-top:14px;padding-top:3px}
 #results .result-body dl div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:11px 0;border-bottom:1px solid #ffffff08}
 #results .result-body dl div:last-child{border:0;padding-bottom:0}
 #results .result-body dt{font-size:12px;line-height:1.5;max-width:none;min-height:3em}
 #results .result-body dd{font-size:clamp(13px,3.6vw,18px);line-height:1.5;text-align:left;white-space:nowrap;letter-spacing:-.2px}
}
@media(max-width:360px){
 .hero{column-gap:10px}
 .hero .income{padding:15px 10px 13px}
 .hero .income>.eyebrow{font-size:8px;letter-spacing:.75px}
 .hero .button{font-size:11px}
 #results .agent-results{gap:10px}
 #results .result-body{padding-inline:9px}
 #results .portrait-caption{left:9px}
 #results .result-body dt{font-size:11px}
}