/* Scoped layout: reserve the tallest example so changing agents never moves the page. */
.home-agents { background: #f7f7f5; position: relative; }
.home-agent-anchor { position: absolute; scroll-margin-top: 112px; }
.home-agents-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 64px; align-items: end; margin: 20px 0 36px; }
.home-agents .home-agents-heading h2 { margin: 0; max-width: 18ch; }
.home-agents-heading > p { margin: 0; color: var(--muted); max-width: 54ch; line-height: 1.75; }
.home-agent-choices:not([hidden]) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.home-agent-choices button { display: flex; align-items: center; gap: 12px; text-align: left; padding: 20px 16px; background: #fff; border: 1px solid #dededb; border-radius: 16px; cursor: pointer; min-width: 0; color: var(--ink,#232323); font: inherit; transition: border-color .18s, box-shadow .18s; }
.home-agent-choices button:hover { border-color: #9e9e99; }
.home-agent-choices button[aria-selected=true] { border-color: #333; box-shadow: 0 0 0 1px #333; }
.home-agent-choices strong { display: block; font-size: 16px; font-weight: 600; line-height: 1.4; }
.home-agent-choices small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; color: #686965; }
.home-agent-choices .agent-symbol { flex-shrink: 0; }
.home-agent-indicator { margin-left: auto; opacity: .35; }
[aria-selected=true] .home-agent-indicator { opacity: 1; }
.home-agent-panels { display: grid; gap: 24px; }
.is-enhanced .home-agent-panels { gap: 0; }
.home-agent-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(24px,4vw,64px); background: #fff; border: 1px solid #e2e2df; border-radius: 24px; padding: clamp(24px,3.6vw,52px); min-width: 0; }
.is-enhanced .home-agent-panel { grid-area: 1/1; }
.is-enhanced .home-agent-panel[hidden] { display: grid !important; visibility: hidden; pointer-events: none; }
.home-agent-question { display: flex; flex-direction: column; align-items: flex-start; }
.home-agents .home-agent-question h3 { font-size: clamp(25px,2.7vw,38px); line-height: 1.22; letter-spacing: -.025em; margin: 24px 0 0; max-width: 22ch; }
.home-agent-status { font-size: 12px; color: #62645f; margin-top: 20px; border: 1px solid #e1e1dc; border-radius: 7px; padding: 6px 9px; }
.home-agents .home-agent-question .button { margin-top: 32px; min-height: 48px; font-size: 14px; }
.home-agent-document { background: #fafaf8; border: 1px solid #e8e8e2; border-radius: 12px; padding: clamp(20px,2.2vw,32px); min-width: 0; }
.home-agent-document-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; font-size: 11px; color: #6b6c67; }
.home-agent-document-label > :first-child { font-weight: 600; color: #373a33; }
.home-agents .home-agent-document h4 { font-size: clamp(20px,2vw,26px); line-height: 1.3; margin: 22px 0; font-weight: 600; letter-spacing: -.02em; }
.home-agent-document dl { margin: 0; }
.home-agent-document dl > div { border-top: 1px solid #e1e3db; padding: 16px 0; }
.home-agent-document dt { display: flex; gap: 10px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.home-agent-document dt span { color: #8c8f85; font-weight: 400; font-size: 11px; padding-top: 2px; }
.home-agent-document dd { font-size: 14px; line-height: 1.65; color: #63675e; margin: 8px 0 0 25px; }
.home-agent-review { border-top: 1px solid #e1e3db; padding-top: 18px; }
.home-agent-review strong { font-size: 12px; font-weight: 600; }
.home-agent-review p { font-size: 12px; line-height: 1.65; color: #6b6c67; margin: 6px 0 0; }
.home-agents-footer { margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 40px; }
.home-agents-footer p { max-width: 57ch; font-size: 14px; line-height: 1.7; color: var(--muted); margin: 0; }
.home-agents-footer > div { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.home-agents-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; text-underline-offset: 5px; }
.home-agents-footer a:hover { text-decoration: underline; }
.home-agent-planned { color: var(--muted); }
.home-agents button:focus-visible,.home-agents a:focus-visible,.home-agent-panel:focus-visible { outline: 3px solid #266d8b; outline-offset: 5px; }
@media(max-width:1000px) { .home-agent-choices button { flex-wrap: wrap; padding: 16px; } .home-agent-choices small { display: none; } .home-agent-panel { grid-template-columns: .85fr 1.15fr; gap: 24px; } }
@media(max-width:700px) {
 .home-agents-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
 .home-agent-choices:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }
 .home-agent-choices button { padding: 14px 12px; gap: 10px; flex-wrap: nowrap; min-height: 68px; }
 .home-agent-choices strong { font-size: 14px; }
 .home-agent-indicator { display: none; }
 .home-agent-panel { grid-template-columns: 1fr; gap: 28px; border-radius: 18px; padding: 22px 18px; align-content: start; }
 .home-agents .home-agent-question h3 { font-size: 26px; max-width: 26ch; margin-top: 18px; }
 .home-agents .home-agent-question .button { margin-top: 24px; }
 .home-agent-document { padding: 20px 16px; }
 .home-agent-document dd { margin-left: 0; }
 .home-agents-footer { margin-top: 24px; }
}
@media(prefers-reduced-motion:reduce) { .home-agent-choices button { transition: none; } }
@media(max-width:380px) { .home-agent-choices button { flex-direction: column; align-items: flex-start; gap: 8px; } }
/* Deliverable previews: purposeful diagrams, not decorative screenshots. */
.home-agent-document { background: #fff; border: 0; padding: 0; }
.home-agent-document-label { padding-bottom: 16px; border-bottom: 1px solid #e8e8e2; }
.home-agents .home-agent-document h4 { font-size: 22px; margin: 20px 0; }
.agent-visual { margin: 0 0 22px; font-size: 13px; line-height: 1.5; }
.agent-visual *, .agent-visual *::before, .agent-visual *::after { box-sizing: border-box; }
.agent-visual p { margin: 0; font-size: 13px; line-height: 1.6; color: #63675e; }
.agent-visual strong { font-weight: 600; }
.agent-visual .brief-caption { display: block; font-size: 10px; line-height: 1.6; color: #74796f; }
.agent-visual figcaption { margin-top: 14px; font-size: 12px; line-height: 1.65; color: #686d65; }
.brief-search { padding: 18px 20px; border: 1px solid #dde4d9; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px #20351c05; }
.brief-query { display: flex; align-items: center; gap: 10px; background: #f3f5f0; border-radius: 20px; padding: 9px 12px; color: #475341; margin-bottom: 12px; }
.brief-search > strong { display: block; color: #345882; font-size: 15px; line-height: 1.4; margin: 6px 0; }
.brief-search p { font-size: 11px; }
.brief-collection { padding: 18px 20px; margin-top: 14px; border: 1px solid #e3e5db; border-radius: 12px; background: #f6f7f1; }
.brief-page-title { display: flex; align-items: start; gap: 10px; margin: 10px 0 14px; }
.brief-page-title > span { font-size: 10px; border: 1px solid #c7d3be; border-radius: 4px; padding: 2px 5px; color: #5c7053; }
.brief-page-title strong { font-size: 14px; line-height: 1.5; }
.brief-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.brief-products > div { text-align: center; min-width: 0; }
.brief-products .brief-trousers { display: block; width: 100%; height: 92px; background: #efede6; border-radius: 6px; }
.brief-products span { display: block; font-size: 10px; margin-top: 8px; }
.brief-size-note { display: flex; gap: 10px; border-top: 1px solid #dde2d4; padding-top: 12px; margin-top: 14px; color: #53654b; font-size: 11px; }
.brief-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.brief-variant { background: #fafaf8; border: 1px solid #e2e2df; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; align-items: stretch; }
.brief-variant.proposed { background: #f0f6f7; border-color: #a8ccd4; }
.brief-variant-label { font-size: 11px; font-weight: 600; margin-bottom: 12px; color: #666b65; }
.proposed .brief-variant-label { color: #2a6676; }
.brief-product-shot { background: #eeece6; border-radius: 6px; height: 130px; text-align: center; margin-bottom: 12px; }
.brief-product-shot svg { height: 100%; max-width: 100%; }
.brief-variant > strong { font-size: 12px; line-height: 1.5; }
.brief-size-label { font-size: 10px; color: #6c706a; margin-top: 18px; }
.brief-guide-inline { padding: 7px 8px; color: #285f6f; background: #dceef1; border: 1px solid #b5d5db; border-radius: 5px; font-size: 11px; margin-top: 6px; }
.brief-size-options { display: flex; gap: 6px; margin-top: 8px; }
.brief-size-options > span { flex: 1; border: 1px solid #d5d7d1; border-radius: 4px; padding: 6px; text-align: center; font-size: 10px; background: white; }
.brief-location { font-size: 10px; color: #7a7d77; border-top: 1px solid #e1e3db; margin-top: 36px; padding-top: 12px; }
.brief-location.highlighted { color: #2a6676; border-color: #c6dbde; margin-top: 16px; }
.brief-ad-frame { border-radius: 12px; padding: 22px 24px 0; background: #e9e4db; overflow: hidden; position: relative; }
.brief-ad-kicker { text-transform: uppercase; letter-spacing: .13em; font-size: 9px; color: #6e685e; }
.brief-ad-frame > strong { display: block; max-width: 18ch; font-size: clamp(23px,2.3vw,32px); line-height: 1.1; letter-spacing: -.035em; margin: 14px 0 4px; color: #32382f; }
.brief-ad-art { position: relative; height: 218px; }
.brief-ad-art > svg { display: block; height: 226px; width: 100%; transform: rotate(-8deg); }
.brief-art-note { position: absolute; font-size: 9px; padding: 6px 8px; background: #ffffffd9; border: 1px solid #fff; border-radius: 5px; color: #4c5d61; max-width: 42%; }
.note-waist { left: 0; top: 33px; }
.note-leg { right: 0; bottom: 25px; }
.brief-ad-copy { margin-top: 14px; border-left: 2px solid #b9aacb; padding: 2px 0 2px 14px; }
.brief-ad-copy p { font-size: 12px; margin-top: 5px; }
.brief-email-timing { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 0 0 16px; padding: 0; gap: 8px; }
.brief-email-timing li { display: flex; gap: 6px; align-items: center; font-size: 10px; line-height: 1.4; color: #696f64; }
.brief-email-timing li > span { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d6d7cf; background: #fff; width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; font-size: 10px; }
.brief-email-timing li:last-child > span { background: #ffecd6; border-color: #ecd4b8; color: #865426; }
.brief-mail { border: 1px solid #e2e3dc; border-radius: 12px; overflow: hidden; }
.brief-mail-header { display: flex; gap: 10px; align-items: center; border-bottom: 1px solid #e2e3dc; padding: 14px 16px; background: #fafaf8; }
.brief-mail-header > div > span { font-size: 10px; color: #757a6f; display: block; margin-bottom: 3px; }
.brief-mail-header strong { font-size: 12px; display: block; line-height: 1.4; }
.brief-mail-icon { background: #f7e8d6; color: #936838; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; flex-shrink: 0; }
.brief-mail-body { padding: 18px; }
.brief-mail-hero { background: #f2eee6; border-radius: 6px; padding: 16px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 8px; }
.brief-mail-hero strong { display: block; font-size: 19px; line-height: 1.2; letter-spacing: -.02em; margin-top: 8px; }
.brief-mail-hero .brief-trousers { width: 100%; height: 125px; }
.brief-mail-body > p { margin-top: 14px; font-size: 11px; }
.brief-care-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.brief-care-grid > div { border-top: 1px solid #e3e5dc; padding-top: 12px; }
.brief-care-grid > div > span { font-size: 21px; line-height: 20px; display: block; color: #8a704f; }
.brief-care-grid strong { display: block; font-size: 11px; margin: 6px 0; }
.brief-care-grid p { font-size: 10px; }
@media(max-width:1000px) and (min-width:701px) { .home-agent-panel { grid-template-columns: .75fr 1.25fr; } }
@media(max-width:700px) {
 .home-agent-document { padding: 0; }
 .home-agents .home-agent-document h4 { font-size: 21px; }
 .brief-search,.brief-collection { padding: 14px; }
 .brief-products { gap: 6px; }
 .brief-products .brief-trousers { height: 78px; }
 .brief-variant { padding: 10px; }
 .brief-comparison { gap: 10px; }
 .brief-product-shot { height: 100px; }
 .brief-ad-frame { padding: 20px 18px 0; }
 .brief-ad-art { height: 200px; }
 .brief-ad-art > svg { height: 210px; }
 .brief-email-timing li { flex-direction: column; align-items: flex-start; }
 .brief-mail-header { padding: 12px; }
 .brief-mail-body { padding: 12px; }
 .brief-mail-hero { padding: 12px; }
 .brief-mail-hero strong { font-size: 17px; }
 .brief-mail-hero .brief-trousers { height: 105px; }
}